/*.
/*.
        Autor:    OH
        Erstellt: 03.12.2009
                Geändert: KS 01/2012
*/

*{
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    
    -ms-scroll-chaining: none;

    
}
html{
    
}
html body{
    background-color: #f8f8f8;
    color: #2d2d2d;
    
}

html.noScroll,body.noScroll{
    overflow: hidden;
    max-height: 100%;
}
#page{
    max-width: 100%;
    /*overflow: hidden;*/
    
    
 
}


/*--------------------------------------------*/
.teaser{
    background-color: #236eaf;
    color: #ffffff;
    padding: 40px 0;
    /*min-height: 856px;*/
    height: calc(100% - 44px);
    box-sizing: border-box;
}
.teaser:hover{
    cursor: context-menu;
}
.teaser .artikel .teaserLogo{
    height: 10%;
    
}
.teaser .artikel .teaserLogo a img{
    max-width: 30%;
}
.mobile_head{
    display: none;
}
.artikel{
    max-width: 1600px;
    margin: 0 auto;
    text-align: center;
    height: auto !important;
    min-height: 100%; 
}

h1{
    font-size: 1.8em;
    border: 3px solid white;
    border-radius: 5px;
    width: 30%;
    max-width: 280px;
    padding: 2px 0; 
	 margin: 0 auto;
	 margin-top:5px;
    box-sizing: border-box;

}
.theme{
    font-size: 8em;
    padding-top: 120px;
    font-weight: bold;
    
}
h2{
    font-size: 2.12em;
    width: 50%;
    margin: 0 auto;
}
.weiter{
    display: block;
    max-width: 280px;
    width: 40%;
    background-color: orange;
    margin: 20px auto;
    line-height: 60px;
    text-decoration: none;
    color: #ffffff;
    line-height: 40px;
    border-radius: 5px;
	border:2px solid orange;
	transition: background-color 0.5s, color 0.5s, border 0.5s;
    
}
.weiter:hover{
    background-color:#ffffff;
    border:2px solid orange;
	color: orange;
	
}


.fernwartung{
    display: block;
    max-width: 280px;
    width: 40%;
    background-color: #8E9399;
    margin: 20px auto;
    line-height: 60px;
    text-decoration: none;
    color: #ffffff;
    line-height: 40px;
    border-radius: 5px;
	border:2px solid #8E9399;;
	transition: background-color 0.5s, color 0.5s, border 0.5s;
    
}

.fernwartung:hover{
    background-color:#ffffff;
    border:2px solid #8E9399;
	color:  #8E9399;
	
}

.down{
    display: block;
    width: 40%;
    max-width: 280px;
    margin: 40px auto;
    background-color: #184d79;
		transition: background-color 0.5s, color 0.5s;
    
}
.logoLine{
	margin-bottom:140px;
}

.teaser .down  a{
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    color: #f8f8f8;
    text-decoration: none;
}
.down i{
    line-height: 60px;
    width: 100%;    
    font-size: x-large; 
	transition: color 0.5s;
}

.down:hover
{
	background-color:#ffffff;
	
}

.down:hover i
{
	color:#236EAF;
	
}

.content_element.element_2
 {
	padding-top:180px;
	padding-bottom:310px;
 }
 
.content_element.element_3
{
    padding: 80px 0 10px 0;
}
 
 .content_element.element_8 .titel,
 .content_element.element_9 .titel,
 .content_element.element_5 .titel,
 .content_element.element_4 .titel
 
 {
	padding-top:30px;
 }

 .kontakt .titel
 {
	 padding-top:120px;
 }
/*--------------------------------------------*/

/*--------------------------------------------*/
.footer{
    min-width: 100%;
    background-color: #769ABA;
    text-align: center;
    vertical-align: middle;
   
}
.footer.ohneKontakt{
    margin-top: 30px;
}

.footer i{
    line-height: 60px;
    font-size: x-large;
    color :#ffffff;
    margin: 20px 10px;
    border: 1px solid black;
    border-radius: 100px;
    width: 60px;  
}
.footer .fa-facebook{
    background-color: #283b65;
}
.footer .fa-twitter{
    background-color: black;
    color: silver;
}
.copyright{
    width: 100%;
    background-color: #769ABA;
    color: #ffffff;
    text-align: center;
    line-height: 60px;
    vertical-align: middle;
    
}
.footer_button{
    background-color: #769ABA;
    width: 100%;
    text-align: center;
    padding: 20px 0 0 0;
}
.footer_fernwartung{
    display: block;
    max-width: 280px;
    width: 40%;
    background-color: #FD732D;
	border:2px solid #FD732D;
	transition: background-color 0.5s, color 0.5s, border 0.5s;
    margin: 0 auto;
    line-height: 60px;
    text-decoration: none;
    color: #ffffff;
    line-height: 40px;
    border-radius: 5px;
}

.footer_fernwartung:hover{
    color:#FD732D;
	background-color:#ffffff;
	border:2px solid #FD732D;
}

.footer img
{
	margin-top:10px;
	margin-bottom:10px;
}
    
@media screen and (max-width: 1360px){
    .theme{
        font-size: 5em;
    }
	
	h2{
    font-size: 1.33em;
    width: 80%;
    margin: 0 auto;
	}
		.content_element.element_2
 {
	padding-bottom:30px;
        padding-top: 80px;
 }
}
@media screen and (max-width: 840px){
    

	
    .fernwartung{
        display: none;
    }
    .teaser_button{
        padding: 30px auto;
    }
    
     .theme{
        font-size:4em;
		line-height:1em;
		padding-top:50px;
    }
	
    .mobNav{
        width: 100%;
        text-align: left;
    }
    
    .mobile_head{
        display: inline-block;
        vertical-align: top;
        text-align: right;
    }
    .mobile_head img{
       height: 40px;
       
    }
	
	
 
    
    
    .footer_fernwartung{
        display: none;
    }
}
@media screen and (max-width: 680px){
    .footer{
        margin-top: 0;
    }
	.teaser_button,
	.down
	{
		display:none;
	}
	
}
@media screen and (max-width: 480px){
    
    h1{
        font-size: 1em;
    }
}