/* text */

.rot {
	color:#a32c1f;
}

h1 {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:#101010;
	font-size:19px;
	line-height:22px;
	margin-top:0px;
	margin-bottom:0px;
}

h2 {
	font-family: 'Pacifico', cursive;
	font-weight:300;
	color:#101010;
	font-size:48px;
	line-height:50px;
	margin-top:0px;
	margin-bottom:0px;
}

p {
	font-family: 'Roboto', sans-serif;
	color:#101010;
	font-size:19px;
	line-height:22px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:300;
}

a:link {
	color:#101010;
	text-decoration:none;
}
a:visited  {
	color:#101010;
	text-decoration:none;
}
a:hover  { 
	color:white;
	text-decoration:none;
}
a:active  { 
	color:white;
	text-decoration:none;
	background-color:inherit;
}

.klein { font-size:14px; color:white; opacity:0.65; }

/* bilder (rahmen) */

img {
	border:0px;
}

a:focus {outline:none;}
a:active {outline:expression(this.onFocus=this.blur());}

#hintergrund { position:fixed; right:0; bottom:0; min-width:100%; min-height:100%; -webkit-filter:hue-rotate(60deg); filter:hue-rotate(60deg); }
#inhaltcenter    { position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform: translate(-50%, -50%); padding:30px; }
#inhalt    { position:absolute; left:20px; bottom:20px; padding:20px 20px 30px 35px; }
#logo      { margin-top:0px; margin-bottom:30px; width:100%; height:100px; text-align:left; margin-left:-8px; }
#welcome   { margin-top:-97px; margin-bottom:45px; width:100%; height:auto; text-align:left; margin-left:53px; }
#filmreif1 { margin-top:0px; margin-bottom:15px; width:100%; height:auto; text-align:left; }
#filmreif2 { margin-top:0px; margin-bottom:15px; width:100%; height:auto; text-align:left; }
#filmreif3 { margin-top:0px; margin-bottom:20px; width:100%; height:auto; text-align:left; }
#filmreif4 { margin-top:0px; margin-bottom:0px; width:100%; height:auto; text-align:left; }
	
/* body */

html, body {
background-image:url(bilder/hintergrund.jpg); 
background-color:#f0ebf0;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;

margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;

height: 100%;
}

@media screen and (max-width:780px){
#inhalt    { bottom:20px; padding:10px 10px 15px 20px; }
}