html { min-height:100vh;}
body { 
	   background-color: #ebe7dc; 
	   font-family:'Arial';
}
html, body {
	    overflow-x: hidden;
    }
a:link {
    color: #222;
}

a:visited {
  color: #666;
}

/* mouse over link */
a:hover {
  color: #333;
}

/* selected link */
     a:active {
    color: #666;
         }
    .container { 
	         text-align: center; 
		 margin: auto auto;
                 background-color: #fff;
	      }
    .title { 
	     text-align: center;
	     padding-top: 20px;
     } 

	        
    .mediaPlayer {
	        padding: 20px;
		background-color: #fff;
		display: flex;
		justify-content: center;
		    }

     .mediaPlayer audio {
               width: 100%;
	       max-width: 500px;
	       zoom: 1.5;
	       }
    .program { margin: 10px;
               padding-top:20px;
               text-align: center;
		background-color: #fff;
		 	
              }
    .track { background-color: #333;
             text-align:center;
	     color: #fff;
	     	     
	     padding:10px 10px;
           }
    .played { background-color: #666;
              color: #fff;
              text-align: center;
              padding: 10px;
              min-height: 80px;		      
	    }
    .footer {
             padding-top: 20px;
             text-align: center;
	    }
    .video-js {
           height: 360px;
           width: 480px;
          }
    /* Portrait Modus: iPhone 6, 7, 8 (375px Breite) */
	  @media only screen and (max-device-width: 375px) {
           audio {
	   width: 100%; /* Passt die Breite an den Bildschirm an */
	   max-width: 100%;
           margin: 0 auto;
	   zoom: 1.2;
              }
           }