html {font-family: Arial, sans-serif;}
#player,#player1, #player2 {
	border: 6px solid #56070C;
	border-radius: .5em;
	max-width: 64em;
	background: #0e0c0b;
	Width:99%;

  margin:auto;
}


#player audio {width: 98%;  margin: 0 0 0 0; border:5px solid transparent;} /* 25px fuer Android */
#player audio:focus, #player audio:hover {background:#fff;} /* 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 {
	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! */
}

.playerframe1{
	position:relative;top:.4rem;
	border:0;
	width:100%;
	height:14.3rem;
	margin-top:-1.1rem;
	margin-bottom:-2em;
	-webkit-margin-before:-1.2rem;}
	
.playerframe2{
	position:relative;top:.4rem;
	border:0;
	width:100%;
	height:12.5rem;
	margin-top:-1.1rem;
	margin-bottom:-2em;
	-webkit-margin-before:-1.2rem;}	
	
	
	
h1, p, #gemafrei {text-align:center;}



/* Smartphones and iPad (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1023px) {

  #player li, #player li a {color:white;text-decoration:none; font-size: 3rem;display:block;}
#player audio {width: 98%; height:4rem;margin: 0 0 0 0; border:1px solid transparent;background:#ffa;} /* 25px fuer Android */
#player audio:focus, #player audio:hover {background:#ccc;}

	#gemafrei:before {content:'iOS und Android mögen leider kein Autostart.'; display:block;}
	#player li{border-top: 1px solid #888;}
	.playerframe1{height:45rem;}
	.playerframe2{height:26rem;}
	.star {font-size: 3rem; line-height: .1rem; /*vertical-align: -.5rem;*/}
}