html {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0
}
body {
	margin: 0;
	padding: 0
}
#player {
	border: 6px solid #666;
	max-width: 388px;
	background: #0e0c0b;
	margin: 0 auto;
}
#player audio {
	width: 99%;
	margin: 25px 0 0 0;
	border: 1px solid transparent;
} /* 25px fuer Android */
#player audio:focus, #player audio:hover {
	background: none;
} /* die Rahmenfarbe */

@media screen and (-webkit-min-device-pixel-ratio:0) { /*chrome only*/
audio {
	filter: invert(1);
}
}
#player ul {
	margin: 0;
	padding: 0
}
#player li {
	-moz-box-sizing: border-box; /* Firefox */
	box-sizing: border-box;
	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: hsla(198,100%,45%,0.84);
	color: white;
	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;
}
}