/********allgemeiner Teil **********************************************************/
	.topnav {
		overflow: hidden;
		background-color: black;
		color: white;
	}
	
	.topnav a:hover {
	  background-color: white;
	  color: black;
	 }

	.topnav a.active {
	  background-color: white;
	  color: black;
	}

	.topnav a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 1vw;
		text-decoration: none;
		font-size: 30px;
	}

	body {
		background-color: black;
		color: white;
	}
		
	.ueberschrift {
		font-weight:900;
		color:white ;
		font-size:75px;
		text-align:center;
		}
		
	
	#inhalt1 {
			background-color:white;
			padding:1em 1em 1em 1em;
			font-size: 150%;
			color: black;
	}
		
	#inhalt2 {
			background-color:white;
			padding: 0em 1em 1em 1em;
			font-size: 150%;
			color: black;
	}
	
	#inhalt1 a {
		text-align: center;
		color: black;
	}

	
	.video {
		width: 400px;
		float: left;
		margin-right: 1vw;
	}

	#bottom{
      text-align: center;
	  color: white;
	}
		
	#bottom a {
	  text-decoration:none; 
	  text-align: center;
	  color: white;
	}
	
	#impressum {
	  background-color:#ffebcc;
	  color: black;
	  margin: 5 px;
	  border: 5 px;
	}	



	.rechts {
			float:right;
			margin-left: 10px;
	}
		
	.links {
		float: left;
		margin-right: 10px;
	}
		
	.musiker {
			font-size: 150%;
			background-color:white;
			border:2px solid black;
			padding:1em 1em 1em 1em;
			text-align: center;
			color: black;	
	}
	
	.bild {
			width: 15%;
	}
	
	.bild2 {
		width: 24%
	}
	
	.center {
			display: block;
			margin-left: auto;
			margin-right: auto;
	}
	


/**********Tablet Version*********************************************/
@media screen and (max-width: 1024px) {
	.video {
		width: 300px;
		float: left;
		margin-right: 1vw;
	}
	.topnav a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 1vw;
		text-decoration: none;
		font-size: 3vw;
	}
	
	
	
		
	#inhalt1 {
			background-color:white;
			font-size: 1.2em;
			color: black;
			font-size: 125%;
	}
	#inhalt2 {
			background-color:white;
			padding: 0em 1em 1em 1em;
			font-size: 125%;
			color: black;
	}
	
	.ueberschrift {
		font-weight:900;
		color:white ;
		font-size:7vw;
		text-align:center;
	}
}


/**********Smartphone Version*********************************************/
@media screen and (max-width: 480px) {
	.topnav a {
		float: none;
		width: 100%;
		font-size: 1.5em;
	}
	
	.video {
		width: 100%;
		margin: 0vw 0vw 0vw 0vw;
	}
	
	#inhalt1 {
			background-color:white;
			font-size: 1.2em;
			color: black;
			font-size: 100%;
	}
	#inhalt2 {
			background-color:white;
			padding: 0em 1em 1em 1em;
			font-size: 100%;
			color: black;
	}
		
	.musiker {
			font-size: 150%;
			background-color:white;
			border:2px solid black;
			padding:10px 10px 10px 10px;
			text-align: center;
			color: black;
			}
			
	.bild {
			width: 75%;
	}
	.bild2 {
			width: 75%;
	}
}