@media only screen{
	*{box-sizing: border-box;}
	html{overflow-y: scroll;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; backface-visibility: visible}
	body {background: #fff;font:1.2em/1.4 'Lato',Verdana, sans-serif;font-weight:300;color:#1B1B1B;-webkit-font-smoothing:subpixel-antialiased}
    

    
body{
background-image:url('../img/bodybg-mobil.jpg');background-repeat: repeat-x;
}    
    #header{width: calc(100% - 10px);margin: 0 auto;overflow: hidden;}
     #container{margin:0 auto;clear:both;}
    #wrapper{width:calc(100% - 10px);margin:auto}
    #main .inside{margin:2em auto}

     .logonav,.mod_pageImage{width:100%}
    .logonav .inside{margin:0px 0;}
    .logo{position:relative;float:left;width:100%;height:60px}
	.logo:hover{opacity:.8}
    .logo,.logo a{width:190px;}
	.logo a{display:block;color:#fff;line-height:60px}
    

    #footer{background:#000;border-top:2px solid #ccc;}
    #footer .inside{margin:auto;text-align:center;}
    #seitenabschluss{background:#0B1D28;text-align:center;color:#f2f2f2;border-top:1px solid #009ddf}
    
.claim{background-color:rgba(0,0,0,0.51);background-image:url('../img/mt-logo.png');background-repeat: no-repeat;background-position:right 0px center;background-size:95px 32px;padding:10px;color:#fff;border-top:1px solid #fff;position:absolute;bottom:0;left:0;right:0}
    .mod_pageImage .claim{bottom:2px;left:2px;right:2px;}
    /*.claim__inner{background:rgba(0,0,0,0.51);}*/
    .slider-control{display:none}
    #header .mod_article,.mod_pageImage{background:#fff;border:1px solid #ccc;padding:2px}
    .claim .image_container img{width:calc(100% - 16px)}
    .claim h2{font-size:16px;margin:0}

}

@media (min-width: 768px) {
    body{font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1800 - 300)));line-height: calc(1.5em + (1.7 - 1.2) * ((100vw - 300px)/(1800 - 300)));color:#383838}

}



@media (min-width:992px) {

    
body{background-image:url('../img/bodybg-innen-big.jpg')}
body.startseite{background-image:url('../img/bodybg-start-big.jpg')}
    
#main {width:90%;margin:auto;min-height:400px}
    #main .inside{margin-top:2em}
.logo,.logo a{width:186px;height:70px;line-height:70px}
#wrapper{width:calc(100% - 70px);max-width:1300px;margin:auto}
#footer .inside{width:calc(100% - 100px);max-width:1270px}
    
    .claim{padding:30px;background-size:211px 80px;background-position:right 2px center}

    .claim h2{font-size:32px;}
    

      #main .mod_article{width:calc(100% - 30px);margin:auto} 
    
    
    

    }


a{text-decoration:none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}