html, body { 
background-color: white;
margin: 0;
padding: 0;
height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
}




.header {
width:100%;
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */ 
height:100%; /* Mindesthöhe für den IE */ 
overflow: hidden !important; /* FF Scroll-leiste */ 
 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}






.language {
z-index:1000;
position:absolute;
right:30px;
top:30px;
margin:0px 0px 0px 0px;
}

.language img {
width:35px;
}

.language a{
padding:0px 10px 0px 10px;
margin:0px;
}





.logo {
z-index:4000;
width:250px;
position:absolute;
left:50%;
top:0px;
margin-left:-125px;
}

.logo2 {
z-index:4000;
width:180px;
position:absolute;
left:20%;
top:0px;
margin-left:-125px;
}

.logo2 img {
width:180px;
}





.transparent {
z-index:1000;
position:absolute;
width:100%;
height:360px;
bottom:0px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: rgba(0,0,0,0.5);
}
.transparentwrapper {
width:1200px;
margin:0px auto;
}
.transparent h1 {
width:600px;
font-family: 'Roboto', verdana;
font-weight:300;
font-size:48px;
line-height:60px;
text-align:left;
color:#ffffff;
letter-spacing:-2px;
margin:0px;
padding:24px 0px 0px 40px;
}
.transparent h2 {
width:600px;
font-family: 'Roboto', verdana;
font-weight:300;
font-size:18px;
line-height:20px;
text-align:left;
color:#ffffff;
letter-spacing:0px;
margin:0px;
padding:10px 0px 0px 40px;
}




.bavaria {
z-index:2000;
position:fixed;
right:0px;
bottom:0px;
margin:0px 0px 0px 0px;
width:472px;
height:234px;
}





.certificates {
z-index:1000;
position:absolute;
top:15px;
left:30px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}











.pics {
z-index:3000;
position:absolute;
left:50%;
width:1000px;
height:200px;
bottom:5px;
margin:0px 0px 0px -500px;
padding:0px 0px 0px 0px;
}

.pic {
float:left;
width:200px;
height:200px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


.eenter {
z-index:5000;
position:absolute;
bottom:260px;
left:50%;
margin:0px 0px 0px 200px;
padding:0px 0px 0px 0px;
text-align:center;
}

.enter a {
z-index:5000;
position:absolute;
bottom:260px;
left:50%;
margin:0px 0px 0px 200px;
text-align:center;

max-width:400px;
padding:20px 80px 20px 80px;
font-family: 'Roboto', verdana;
display:block;
font-size:18px;
letter-spacing:0px;
text-decoration:none;
font-weight:300;
color:white;
background-color:#78b422;

b-webkit-transition: all 0.5s ease-out;
btransition: all 0.5s ease-out;
}


.enter a:hover{
background-color:#ff7200!important;
color:white;
}

.pointer {
z-index:5000;
position:absolute;
bottom:230px;
left:50%;
margin:0px 0px 0px 420px;
width:30px;
padding:0px 0px 0px 0px;
}






@media screen and (max-width:1200px) {



.transparent {
z-index:1000;
position:absolute;
width:100%;
height:360px;
bottom:0px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: rgba(0,0,0,0.5);
}
.transparentwrapper {
width:1000px;
margin:0px auto;
}
.transparent h1 {
width:500px;
font-family: 'Roboto', verdana;
font-weight:300;
font-size:42px;
line-height:60px;
text-align:left;
color:#ffffff;
letter-spacing:-2px;
margin:0px;
padding:24px 0px 0px 40px;
}
.transparent h2 {
width:500px;
font-family: 'Roboto', verdana;
font-weight:300;
font-size:16px;
line-height:20px;
text-align:left;
color:#ffffff;
letter-spacing:0px;
margin:0px;
padding:10px 0px 0px 40px;
}




.bavaria {
display:none;
z-index:2000;
position:fixed;
right:0px;
bottom:0px;
margin:0px 0px 0px 0px;
width:400px;
height:274px;
}
.bavaria img {
width:340px;
}





.pics {
z-index:3000;
position:absolute;
left:50%;
width:900px;
height:200px;
bottom:5px;
margin:0px 0px 0px -450px;
padding:0px 0px 0px 0px;
}

.pic {
float:left;
width:180px;
height:180px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.pic img {
width:180px;
}




.eenter {
z-index:6000;
position:absolute;
bottom:260px;
left:50%;
margin:0px 0px 0px 170px;
padding:0px 0px 0px 0px;
text-align:center;
}

.enter a {
z-index:6000;
position:absolute;
bottom:260px;
right:50px;
text-align:center;

max-width:300px;
padding:16px 30px 16px 30px;
font-family: 'Roboto', verdana;
display:block;
font-size:18px;
letter-spacing:0px;
text-decoration:none;
font-weight:300;
color:white;
background-color:#78b422;

b-webkit-transition: all 0.5s ease-out;
btransition: all 0.5s ease-out;
}


.enter a:hover{
background-color:#ff7200!important;
color:white;
}

.pointer {
z-index:5000;
position:absolute;
bottom:230px;
left:50%;
margin:0px 0px 0px 390px;
width:30px;
padding:0px 0px 0px 0px;
}

}








@media screen and (max-width:1000px) {


html, body { 
margin: 0;
padding: 0;
height:none;


}


.header {
width:100%;
min-height: 500px; /* Mindesthöhe für moderne Browser */
height:500px!important; /* Important Regel für moderne Browser */ 
height:500px; /* Mindesthöhe für den IE */ 
overflow: hidden !important; /* FF Scroll-leiste */ 
 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}


.icon-chevron-right,
.icon-chevron-left {

display:none;
}


.logo {
z-index:4000;
width:180px;
position:absolute;
left:50%;
top:0px;
margin-left:-90px;
}
.logo img {
width:180px;
}




.transparent {
z-index:1000;
position:absolute;
width:100%;
height:300px;
top:200px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: rgba(0,0,0,0.5);
}
.transparentwrapper {
width:100%;
}
.transparent h1 {
width:auto;
font-family: 'Roboto', verdana;
font-weight:300;
font-size:42px;
line-height:50px;
text-align:left;
color:#ffffff;
letter-spacing:-2px;
margin:0px  0px 0px 0px;
padding:10px 0px 0px 30px;
}
.transparent h2 {
width:360px;
font-family: 'Roboto', verdana;
font-weight:300;
font-size:16px;
line-height:20px;
text-align:left;
color:#ffffff;
letter-spacing:0px;
margin:0px;
padding:10px 0px 0px 30px;
}




.bavaria {
display:none;
}





.pics {
z-index:3000;
position:absolute;
left:50%;
width:700px;
height:140px;
top:360px;
margin:0px 0px 0px -350px;
padding:0px 0px 0px 0px;
}

.pic {
float:left;
width:140px;
height:140px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.pic img {
width:140px;
}




.eenter {
z-index:6000;
position:absolute;
top:260px;
right:30px!important;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}

.enter a {
z-index:6000;
position:absolute;
top:260px;
bottom:auto;
right:30px;
left:auto;
margin:0px 0px 0px 0px;
text-align:center;

max-width:260px;
padding:16px 30px 16px 30px;
font-family: 'Roboto', verdana;
display:block;
font-size:18px;
letter-spacing:0px;
text-decoration:none;
font-weight:300;
color:white;
background-color:#78b422;

b-webkit-transition: all 0.5s ease-out;
btransition: all 0.5s ease-out;
}

.enter a:hover{
background-color:#ff7200!important;
color:white;
}

.pointer {
z-index:5000;
position:absolute;
top:300px;
left:50%;
margin:0px 0px 0px 320px;
width:30px;
padding:0px 0px 0px 0px;
}



}






@media screen and (max-width:800px) {


html, body { 
margin: 0;
padding: 0;
height:none;


}


.header {
width:100%;
min-height: 500px; /* Mindesthöhe für moderne Browser */
height:500px!important; /* Important Regel für moderne Browser */ 
height:500px; /* Mindesthöhe für den IE */ 
overflow: hidden !important; /* FF Scroll-leiste */ 
 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}


.icon-chevron-right,
.icon-chevron-left {

display:none;
}


.logo {
z-index:4000;
width:180px;
position:absolute;
left:50%;
top:0px;
margin-left:-90px;
}
.logo img {
width:180px;
}




.transparent {
z-index:1000;
position:absolute;
width:100%;
height:250px;
top:250px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: rgba(0,0,0,0.5);
}
.transparentwrapper {
width:100%;
}
.transparent h1 {
width:100%;
font-family: 'Roboto', verdana;
font-weight:300;
font-size:42px;
line-height:50px;
text-align:center;
color:#ffffff;
letter-spacing:-2px;
margin:0px  0px 0px 0px;
padding:10px 0px 0px 0px;
}
.transparent h2 {
width:100%;
font-family: 'Roboto', verdana;
font-weight:300;
font-size:16px;
line-height:20px;
text-align:center;
color:#ffffff;
letter-spacing:0px;
margin:0px;
padding:10px 0px 0px 0px;
}




.bavaria {
display:none;
}


.certificates {
z-index:1000;
position:absolute;
top:10px;
left:30px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.certificates img {
width:90px;
}





.pics {
display:none;
}

.pic {
display:none;
}




.eenter {
z-index:6000;
position:absolute;
top:400px;
left:5%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}

.enter a {
z-index:6000;
position:absolute;
top:400px;
left:5%;
margin:0px 0px 0px 0px;
text-align:center;

max-width:100%;
padding:20px 30px 20px 30px;
font-family: 'Roboto', verdana;
display:block;
font-size:18px;
letter-spacing:0px;
text-decoration:none;
font-weight:300;
color:white;
background-color:#78b422;

b-webkit-transition: all 0.5s ease-out;
btransition: all 0.5s ease-out;
}

.enter a:hover{
background-color:#ff7200!important;
color:white;
}

.pointer {
z-index:5000;
position:absolute;
top:440px;
left:50%;
margin:0px 0px 0px 50px;
width:30px;
padding:0px 0px 0px 0px;
}



}