body { color: #777; font-size: 0.78em; line-height: 1em; font-family: Arial, Helvetica, sans-serif; 
margin: 0px; background:transparent; }

	
video{
    position:fixed;
	right:0;
	bottom:0;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:-100;
	background:url(hintergrund_trailer.jpg) no-repeat;
	background-size:cover;
	-webkit-transition:1s opacity;
	transition:1s opacity;
	
}	

#oben { 
	color: #fff;
	z-index:-90;
	background: transparent;
    position:absolute;
    top:0px;
	padding: 3%;
	min-height: 150px;
	width: 94%;
	text-align:bottom;
    background: linear-gradient(top, rgba(0,0,0, 1.0), rgba(0,0,0, 0.0));  
	background: -moz-linear-gradient(top, rgba(0,0,0, 1.0), rgba(0,0,0, 0.0));/*  	*/
}

#container { 
	background-color: rgba(0,0,0, 0.5);
	float: right; 
	margin-top: 3%; 
	margin-right: 3%; 
	max-width: 550px;
	padding: 25px;
}
	
.logo img {
   max-width: 550px;
}	

.logolinks img { max-height: 93px; }

/*
.logolinks img {  max-height: 93px; opacity: 0.9; z-index: 1; }
.logolinks img:hover { opacity: 1.0; z-index: 1; }
	*/

.drehen {
color: #fff; 
margin-top: 30px;
margin-bottom: 50px;
font-size: 4.5em;
line-height: 1.2em; 
font-family: 'Great Vibes', cursive;
text-shadow: black 0.1em 0.1em 0.2em;
-moz-transform:rotate(-5deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(-5deg); /* Safari */
-o-transform:rotate(-5deg); /* Opera */
-ms-transform:rotate(-5deg); /* IE9 */
transform:rotate(-5deg); /* W3C */
} 

#unten { 
	z-index:-80;
	color: #fff;
	background: transparent;
    position:absolute;
    bottom:0px;
	padding: 3%;
	min-height: 200px;
	width: 94%;
	text-align:bottom;
    background: linear-gradient(top, rgba(0,0,0, 0.0), rgba(0,0,0, 1.0)); /*  CSS3 */
    background: -moz-linear-gradient(top, rgba(0,0,0, 0.0), rgba(0,0,0, 1.0));	
}

#credit { position:absolute; font-size: 8pt; bottom:0px; left: 0px;	padding: 15px; color: silver; }
#credit a { color: silver; text-decoration: none;}
#credit a:hover { color: #fff;}

#unteninnen { position: absolute; right: 0px; bottom:15px; }	
#unten img { margin-left: 12px; margin-right: 12px; max-height: 80px; }


@media (max-device-width:584px) {body { background: #000; }video { display: none !important;}#oben { display: none !important; }#unten { display: none !important; }	#credit { display: none !important; }.logo {}.logo img { max-width: 98% !important;}#container { float: left; margin-top: 0%;margin-right: 0%;width: 96% !important;padding: 2%;}.drehen {color: #fff; margin-top: 20px;margin-bottom: 20px;font-size: 3.5em;line-height: 1.2em; } .logolinks img {  padding: 25px; max-height: 100%; opacity: 0.9; z-index: 1; }.logolinks img:hover { opacity: 1.0; z-index: 1;}}
@media (max-width:584px) {body { background: #000; }video { display: none !important;}#oben { display: none !important; }#unten { display: none !important; }	#credit { display: none !important; }.logo {}.logo img { max-width: 98% !important;}#container { float: left; margin-top: 0%;margin-right: 0%;width: 96% !important;padding: 2%;}.drehen {color: #fff; margin-top: 20px;margin-bottom: 20px;font-size: 3.5em;line-height: 1.2em; } .logolinks img {  padding: 25px; max-height: 100%; opacity: 0.9; z-index: 1; }.logolinks img:hover { opacity: 1.0; z-index: 1;}}