@font-face {font-family: 'BenchNine-Regular';src: url(" ../../zutaten/schriften/BenchNine-Regular.ttf");src: local('BenchNine-Regular'),url("../../schriften/BenchNine-Regular.ttf") format('ttf'),url("../../zutaten/schriften/BenchNine-Regular.ttf") format('opentype');}

.add-bottom {margin-bottom:2rem !important; }
.left {float:left; }
.right {float:right; }
.center {text-align:center; }

audio {margin:0 10px 0 10px; width:800px;}
#mainwrap {font-size:1.35em; font-family: 'BenchNine-Regular'; line-height: 1.0em; color: #FFFFFF; font-weight: 100; margin-bottom:-12px; margin-top:10px; letter-spacing: 0.03em; border-top: 1px solid #666666; border-bottom: 0px solid #999999;}
#audiowrap,#plwrap { margin-bottom: -22px; margin-top: 0px;}
#tracks {position:relative; text-align:center; border-bottom: 0px solid #000000;}
#nowPlay {display:none;}
#npAction {padding:18px; position:absolute;}
#npTitle {padding:15px;}
#plList li {cursor:pointer; display:block; margin:0; padding:7px 0; border-top: 0px solid #999999;}
#plList li:hover {background-color:rgba(250,250,250,0.5);}

.plItem {position:relative; font-size:1.0em; font-family: 'BenchNine-Regular'; line-height:1.0em; color: #000000; font-weight:100; margin-bottom:0.0em; margin-top:0.0em; letter-spacing: 0em;}
.plTitle {left:50px; overflow:hidden; position:absolute; right:65px; text-overflow:ellipsis; top:0; white-space:nowrap;}
.plNum {padding-left:21px; width:25px;}
.plLength {padding-left:21px; position:absolute; right:21px; top:0;}
.plSel,.plSel:hover {background-color:rgba(250,250,250,0.6); color:#ffffff; cursor:default !important; border-bottom: 1px solid #999999;}

a[id^="btn"] {border-radius:3px; color:#ffffff; cursor:pointer; font-size:2rem; height:5px; line-height:.8; margin:0 0px 0px; padding:0px; text-decoration:none; transition:background .3s ease;
width:55px; display: none;}
a[id^="btn"]:last-child {margin-left:-4px;}
a[id^="btn"]:hover,a[id^="btn"]:active {background-color:rgba(0,0,0,0.6);color:#fff;} 
a[id^="btn"]::-moz-focus-inner {border:0; padding:0px;}

.plyr--audio .plyr__controls {background-color:transparent; color:#000; border:none; padding:10px 10px 10px 3px; width:100%;}
.plyr--audio .plyr__controls button.tab-focus:focus,.plyr--audio .plyr__controls button:hover,
.plyr__play-large {background:#5a97b1;}
.plyr__progress--played, .plyr__volume--display {color: #777777; border-top: 1px solid #999999; border-bottom: 1px solid #FFFFFF;}
.plyr--audio .plyr__progress--buffer,.plyr--audio
.plyr__volume--display {background: #999999;}
.plyr--audio .plyr__progress--buffer {color: #999999;}

@media only screen and (max-width:800px) {#nowPlay { display:none;}}