html {font-family: Arial, sans-serif;}
#player {
border: 6px solid #666;
border-radius: .5em;
max-width: 24em;
background: #000;
margin:auto;
}
#player audio {width: 99%; margin: 25px 0 0 0; border:1px solid transparent;} /* 25px fuer Android */
#player audio:focus, #player audio:hover {background:#bbb;} /* die Rahmenfarbe */
#player ul {margin:0;padding:0}
#player li {
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
list-style-type:none;
/*padding:6px;*/
border-top: 2px solid #666;
/* width: 240px; */
}
#player li a {padding:6px;}
#player li a:focus, #player li a:hover {background:#ccc;color:#000;outline:0}
#player li, #player li a {color:white;text-decoration:none; font-size: .9rem;display:block;}
.star {font-size: 1.3rem; line-height: .1rem; /*vertical-align: -.5rem;*/}
.bem {
font-size: .8rem;
-webkit-text-size-adjust: none; /* was es alles gibt! */
}
h1, p, #gemafrei {text-align:center;}
/* Smartphones and iPad (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px) {
#gemafrei:before {content:'iOS und Android mögen leider kein Autostart.'; display:block;}
#player li{border-top: 1px solid #888;}
}