/* relative Positionierung aller Elemente */
body{
	position: relative;
	background: #e5e5e5;
	margin:0px;
	padding: 0px;
	font-family: 'Roboto Condensed','Helvetica','Helvetica Neue',sans-serif;
}

/* Header & Footer über die volle Breite ziehen */
.header{
	width: 100%;
	height: auto;
}

.responsive-video { 
	position: relative; 
	margin: 10px;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/ 
	padding-top: 0px; 
	height: 0px; 
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	overflow: hidden; 
}

.responsive-video iframe { 
	position: absolute; 
	padding: 0px;
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
} 

.left{
	float: left;
	width: 80%;
}

.right{
	float: right;
	width: 20%;
}

@media screen and (max-width: 770px){
	.left,
	.right{
		float: left !important;
		width: 100% !important;
	}
}

#oben{
	padding: 1em 2em; /* Abstand vom Rand */
	background: #fff; /* Textfarbe -> weiß */
}

.logo{
	height: 82px;
	border: 0;
}

#infobox{
	padding: 1em 1em; /* Abstand vom Rand */
	color: #fff; /* Textfarbe -> weiß */
	background: #FF00A8;
}

#head{
	padding: 1em 2em; /* Abstand vom Rand */
	color: #fff; /* Textfarbe -> weiß */
	background: #00145C;
	box-shadow: 0 5px 6px -3px rgba(0,0,0,.4);
}

.box{ 
	margin: 10px; /* Außenabstände der Boxen */
	padding: 10px; /* Innenabstand vom Rand der Box */
	background: #fff; /* Hintergrundfarbe -> weiß*/
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}