/* vordere Ebene */
html,
body {
height: 100%;
background-color: lightblue;
}

h1 {
	font-size: 1.5em;
	color: black;
	text-align: center;
}

h2 {
	font-size: 1.2em;
	color: black;
	text-align: center;
}

h2 a {
	color: #ff4b0c;
	text-align: center;
}

#rechtlich {
margin-top: 20px;
padding-bottom: 40px;
text-align: center;
}

/*für mobile Ansicht*/
@media only screen and (max-width: 500px) {
#video-overlay {display:none;}
#background-video {display:none;}
}

/*für Desktop Ansicht*/
@media only screen and (min-width: 501px) {
#youtube-mobile-video {display: none;}

#video-overlay {
position: absolute;
top: 150px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
color: #FFFFFF;
}

/* hintere Ebene */
#background-video {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}

#background-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}