p, h1, h2 {
margin:20px 0px 10px 0px;
}


li {
font-size:1.0em;
line-height:1.5em;
}


a {
color:#fff; 
}

a:hover{
text-decoration:underline!important;           
}




#main a {
text-decoration:none;

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#main a:hover{
text-decoration:none;           
}










#main h3 {
font-size:2em;
font-weight:300;
line-height:1.2em;
margin-bottom:0.5em;

}





















#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;

z-index:1000!important;
}





.logos {
width:30%;
position:absolute;
z-index:20;
left:10%;
top:8%;
}

.logos2 {
width:30%;
position:relative;
z-index:20;
left:10%;
margin-top:4%;
}

.logo1 {
display:inline;
}

.logo1 img {
width:60%;
margin:0% 0% 0% 0%;
padding:0% 0% 2% 0%;
}








.start {
z-index:2000;
position:absolute;
bottom:0;

left:10%;
margin:0% 0% 0% 0%;
width:80%;
padding:10px 0px 10px 0px;
background-color:#000;
text-align:center;
}



.start2 {
z-index:2000;
position:absolute;

right:10%;
margin:2% 0% 0% 0%;
width:58%;
padding:10px 0px 10px 0px;
background-color:#000;
text-align:center;
}

















/*Navigation inline */





.navi {
	  	
padding:0px 0px 0px 0px;
margin:0% 0% 0% 0%;
text-align:center!important;
font-family: 'Lato', sans-serif, verdana;				
}



.navi li a{
padding:14px 50px 13px 50px;
line-height:0!important;
color:#fff;
text-transform:uppercase;     
background-color: none;    
}



.navi li a:hover{
padding:30px 50px 13px 50px;
color:#ffffff;

background-color: #e30615; 
text-decoration:none!important;      
}


.navi a#current{
color:#7a7a7a;

}


.navi img {
width:40px;

}


.navi li a img{
padding:0px 0px 0px 0px;
margin:0px 0px -8px 0px;   
}



















.navi2 {

padding:0px 0px 0px 0px;
margin:0% 0% 0% 0%;
text-align:center!important;
font-family: 'Lato', sans-serif, verdana;
		
font-size:24px;
font-weight:300;
line-height:0!important;	
color:black;
letter-spacing:0;				
}


.navi2 li a{
padding:14px 20px 13px 20px;
line-height:0!important;
color:#fff;
text-transform:uppercase;      
margin:0;

text-decoration:none;
background-color:none;
 

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;         
}



.navi2 li a:hover{
margin:0%;

padding:30px 20px 13px 20px;
color:#ffffff;

background-color: #e30615; 
text-decoration:none!important;            
}



.navi2 ul {
list-style-type: none;
padding:0%;
margin:0%; 
width:100%;

}
.navi2 li {
width:auto;
height:auto;
list-style-type: none;
padding:0%;
margin:0%;
display:inline;
}


.navi2 a#current{
color:#7a7a7a;

}



.navi2 img {
width:40px;

}


.navi2 li a img{
padding:0px 0px 0px 0px; 
margin:0px 0px -8px 0px;   
}



























.to-top {
z-index:600!important;
position:fixed;
top:40%;
left:0%;
margin:0% 0% 0% 0%;
padding:1em 1em 1em 1em;
background-color:#000;
text-align:center;

-webkit-animation-duration: 20s;
-webkit-animation-name: move;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-out;

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

.to-top a {
color:#fff;
text-transform:uppercase;
}

@-webkit-keyframes move{
0%{
left:-200px;
}
80%{
left:-200px;
}

100%{
left:0;
}
}


















/*TEXT 2-spaltig, STARTSEITE */


#p1-002 .mod2-a {
background-color:#fff;
width:48%;
margin:1% 2% 1% 0%;
}

#p1-002 .mod2-b {
background-color:#fff;
width:48%;
margin:1% 0% 1% 2%;
}

#p1-002 .mod2-a:hover, #p1-002 .mod2-b:hover {
background-color:#fff;
}

















/*GREY */


#p1-003 {
background-color:#515864;
color:#fff;
margin-top:2em;
padding-bottom:2em;
}



#p1-004 {
background-color:#515864;
color:#fff;
margin-bottom:3em;
padding-bottom:2em;
}

#p1-004 .centered-box {
padding-top:2em;
border-style:groove;
border-bottom-width:0px;
border-top-width:3px;
border-left-width:0px;
border-right-width:0px;
border-color:#606876;
}

#p1-004 .mod4-a, #p1-004 .mod4-b, #p1-004 .mod4-c, #p1-004 .mod4-d {
background-color:#515864;
}

#p1-004 .mod4-a:hover, #p1-004 .mod4-b:hover, #p1-004 .mod4-c:hover, #p1-004 .mod4-d:hover {
background-color:#515864!important;
}


















/*ABOUT */



#p1-005 .mod4-a, #p1-005 .mod4-b, #p1-005 .mod4-c, #p1-005 .mod4-d {
background-color:#fff;
}

#p1-004 .mod4-a:hover, #p1-004 .mod4-b:hover, #p1-004 .mod4-c:hover, #p1-004 .mod4-d:hover {
background-color:#fff;
}


#p1-005 .mod4-a p, #p1-005 .mod4-b p, #p1-005 .mod4-c p, #p1-005 .mod4-d p {
margin:0.5em 0em 3em 0em;
color:grey;
}



















#footer .mod1 {
height:100%;
background-color:#000000;
margin:5% 0% 0% 0%;
padding:0% 0% 0% 0%;
color:white!important;
}


#footer p {
text-align:left;
line-height:2em;
}

#footer a {
color:white;
}

#footer a:hover {
color:#7a7a7a;
}

#footer img {
width:auto!important;
margin-bottom:-5px!important;
margin-right:10px;
}


#footer .padd {
padding-bottom:0;
}


.google-maps {
position:relative;
float:left;
width:67%;
height:640px;
margin:0% 0% 0% 0%;
padding:0em 2em 0em 0em;
}







#nofloat {
height:0;
font-size:0;
line-height:0;
clear:both;
}





#form {
position:relative;
float:left;
margin:0;
padding:0;
width:50%;
background-color:black;
}






.fieldset {
margin:2em 0em 0em 0em;
padding:0em 0em 0em 0em;
font-family: 'Lato', verdana;
font-weight:400;
color:#fff!important;
}




label {
width:20%;
height:18px;
margin:1px 0px 1px 0px;
padding:10px 0px 10px 0px;
float:left;
display: block;
font-size:14px;
text-align:left;

background-color:none;
border:none;
}


textarea {
width:70%;
height:100px;
font-size:14px;
color:#000000;
background-color:#dddddd;
padding:10px 10px 10px 10px;
margin:1px 0px 1px 0px;
border-width:0px;
}




.form {
margin:0px;
padding:0px;
}



.textbox {
width:70%;
height:18px;
font-size:14px;
color:#000000;
background-color:#dddddd;
padding:10px 10px 10px 10px;
margin:1px 0px 1px 0px;
border-width:0px;
}


.textbox:focus, .textbox:hover,
textarea:focus, textarea:hover {
background-color:#bcbcbc;
color:#000;
}







.button {
position:relative;
right:0;
display:block;
width:100%;
margin:2em 0em 0em 0em;
padding:1em 2em 1em 2em;
font-family: 'Roboto', verdana;
font-weight:400;
font-size:1.5em;
font-weight:normal;
color:#ffffff;
letter-spacing:0px;
text-align:center;
	
border:none;
background-color:grey;
	
}


.button:hover {
background-color:#494949;

}


























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


.start {
padding:10px 0px 10px 0px;
}

.start2 {
padding:10px 0px 10px 0px;
}



.navi li a{
padding:17px 10px 13px 10px;
color:#fff;
text-transform:uppercase;        
}



.navi li a:hover{
padding:30px 10px 13px 10px; 
background-color: #e30615;       
}















.navi2 {

padding:0px 0px 0px 0px;
margin:0% 0% 0% 0%;
text-align:center!important;
font-family: 'Lato', sans-serif, verdana;
		
font-size:20px;
font-weight:300;	
color:black;
letter-spacing:0;				
}


.navi2 li a{
padding:17px 10px 12px 10px;
line-height:0!important;
color:#fff;
text-transform:uppercase;      
margin:0;

text-decoration:none;
background-color:none;
 

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;         
}



.navi2 li a:hover{
margin:0%;

padding:33px 10px 12px 10px;
color:#ffffff;

background-color: #e30615; 
text-decoration:none!important;            
}




#p2-001 {
margin:0em 0em 4em 0em;
}

















.logos {
width:50%;
position:absolute;
z-index:20;
left:25%;
top:8%;
}


.logos2 {
width:30%;
position:relative;
z-index:20;
left:10%;
}

.logo1 {
display:inline;
}

.logo1 img {
width:55%;
margin:0% 0% 0% 0%;
padding:0% 0% 2% 0%;
}






.google-maps {
position:relative;
float:left;
width:50%;
height:600px;
margin:0% 0% 0% 0%;
padding:0em 2em 0em 0em;
}


			
}










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








#slides {
height:600px!important;
}






.start {
position:relative;
left:0%;
margin:0% 0% 0% 0%;
width:100%;
}

.start2 {
position:relative;
left:0%;
margin:0% 0% 0% 0%!important;
width:100%;
}




#main h3 {
text-align:center;

}



.navi li a{
padding:0em 0em 0em 0em;        
}


.navi li a:hover{
padding:0em 0em 0em 0em;      
}

.navi li a img{ 
margin:1em 0em 0em 0em;   
}


.navi img {
width:auto;

}












.navi2 {
padding:0em 0em 0em 0em;
margin:0% 0% 0% 0%;
text-align:center!important;
font-family: 'Lato', sans-serif, verdana;
		
font-size:3em;
font-weight:300;
line-height:2em;	
color:black;
letter-spacing:0;				
}


.navi2 li a{
padding:0em 0em 0em 0em;
line-height:0!important;
color:#fff;
text-transform:uppercase;      
margin:0;

text-decoration:none;
background-color:none;
 

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;         
}



.navi2 li a:hover{
margin:0%;

padding:0em 0em 0em 0em;
color:#ffffff;

background-color: #e30615; 
text-decoration:none!important;            
}


.navi2 li {
width:100%;
display:block;
}

.navi2 li a img{ 
margin:1em 0em 0em 0em;   
}


.navi2 img {
width:auto;

}









.logos {
width:50%;
position:absolute;
z-index:20;
left:25%;
top:8%;
}

.logos2 {
width:50%;
position:relative;
z-index:20;
left:25%;
top:0%;
}

.logo1 {
display:block;
}

.logo1 img {
width:100%;
margin:0% 0% 0% 0%;
padding:0% 0% 0% 0%;
}











#p1-002 .mod2-a {
position:relative;
float:left;
display:block;
width:98%;
margin:1% 1% 0% 1%;
padding:0px;
}

#p1-002 .mod2-b {
position:relative;
float:left;
display:block;
width:98%;
margin:1% 1% 0% 1%;
padding:0px;
clear:both;
}







.to-top {
padding:4em 1em 4em 1em;
}











#footer .mod1 {
padding-bottom:2em;
}

#footer p {
text-align:center;
}





.google-maps {
position:relative;
float:left;
width:100%;
height:400px;
margin:0% 0% 5% 0%;
padding:0em 0em 0em 0em;
}






			
}