@charset "utf-8";
/* 
    CSS Document 
    Datei: frontend.css
    (c) Grimm EDV Systeme Bernburg 2018 

    grün:    #4bca00
    grau:    #6c767c
    schwarz: #06131e
    weiss:   #FFFFFF
*/
body, html, *{padding:0; margin:0}
body{font-size:16px;font-family: Arial, Helvetica;line-height:1.3;text-align:left;margin-top: 210px;}
body, #mainBlock .block, .contactform{background-color: #272727;color: #a7a0a0;}
.shadow,#mainBlock .block, .teaser.teaser-image, .article-summary-image{box-shadow:0px 3px 2px rgba(99, 102, 103, 0.5) }
h1{font-size:1.6em}
h2{font-size:1.3em}
h3{font-size:1.1em}
h4, h5, h6, h7{font-size:1.0em}
a, a:link, a:visited, a:active, a:focus {color: #4bca00;text-decoration: none}
a:hover {color: #4bbe1e;text-decoration: underline;}
a, .firma, h1, h2, h3, h4, h5, h6, h7{text-transform:uppercase; letter-spacing:0.1em}
p, .cp-content h3{margin-bottom:12px}
.datarescue ul{list-style:none}
.block table{margin:0.25em 1em;}
.teaser .caption{font-size:0.7em;clear: both;}
#mainBlock span.caption{display:block}
.teaser .teaser-image, .article-summary-image{padding:3px;background-color:#6c767c;border-radius:2px;float:left;margin:0 1em 1em 0;}
#mainBlock .block h3,#mainBlock .block h4, .block table{padding:3px 12px}
.container{width:960px;margin:0 auto;position:relative;display: block;clear: both;z-index: 10;padding: 0;}
.container .row{display: flex;flex-direction: row;}
.container .flex-item {flex:1 0 0%}
#copyright{font-size:11px;padding: 6px 0;clear: both;box-sizing: content-box;}
.cp-content{width: 31%;float:left;margin-right:3%;position: relative;}
.cp-content-rowspace{clear:both;height: 24px;}
div.cp-content.last, div.cp-content.col-3{margin-right:0}
.feLoginForm{display:inline-block; width:100%}
.teaser{display:inline-block}
.teaser-image{margin:0 1em 1em 0; float:left}
.label, label{margin-right:1em;float: left;color: #ccc;font-weight: normal;padding: 0;font-size: 100%;text-align: left;}
form label{margin-top:0.5em}
.light, .profil,#mainBlock .block h3,#mainBlock .block h4{background-color: #4bca00;color: #272727;}
.light, .light a,#mainBlock .block h3,#mainBlock .block h4,#footerBlock .label{color: #272727;}
.lightgray{background-color:#6f6f6f; }
.lightgray, .lightgray a{color:#fff}
#feLoginForm{width: 90%;margin:30px auto;}
.dark, .block h4{background-color:#383b3c;background-color: rgba(56, 59, 60, 0.95);color:#ccc;}
.promotion{background-color:red; border:solid 1px #fff; border-radius:4px; padding:6px 12px; color:#fff}
.tip{font-size:12px; line-height:1.0}
.tip p{margin:1px 0}
.marker{border:solid 1px #a7a0a0; padding:2px 6px; border-radius:3px}
.navi li{list-style:none}
#headerBlock, #mainBlock, #footerBlock, #Fernwartung, #navigation, #mainNavi, #mainSlider, #header, #map, #subContainer, #vegasHide, .Partner {position: relative;width:100%;float:left;z-index: 10;}
#headerBlock{margin-bottom:2em;color:#eee;position: fixed;top: 0;background: #272727;z-index: 500;}
.label{max-width: 75px;}
#headerBlock .images{float:left;}
.contact{float:right;width:250px;margin:6px 0;display:flex;flex-direction:column;flex-wrap: nowrap;justify-content: space-evenly;}
#headerBlock #logo figure{height:90px}
#mainSlider{height:6px; margin:6px 0}
#header .light, #header .dark{margin:30px 0 0 0}
#header img{width:100%}
#mainBlock{margin: 30px 0 0 0;min-height:300px;padding:30px 0;line-height:1.5;z-index: 100;/* position: relative; */}
#mainBlock p{margin:0 0 12px 0}
#mainBlock .block, .contactform{border-radius:3px}
#mainBlock .block .address, #mainBlock .block .contact{margin:12px}
#mainBlock .block .contact .label{width:50px}
#mainBlock ul{margin:30px;display: inline-block;}
#mainBlock .image-with-text{clear: both;}
#mainBlock .image-with-text ul{float:left; width:60%}
#mainBlock li{padding:0 0 1em 1.5em}
#footerBlock .light{padding: 12px 0;font-size:0.9em;}
#footerBlock .container .row{margin-bottom:1em}
#footerBlock .container .flex-item .row{margin-bottom:0}
#footerBlock p{margin-bottom:0}
#footerBlock .col{width:30%;float:left;margin-right:2%;display: block;}
#footerBlock .flex-item.last .navi{margin:auto;max-width: 230px;}
#footerBlock .label{width:40px}
#footerBlock.fixed-bottom{position:fixed;bottom:0}

/* Beginn Media Queries f?r gr?ssenoptimierung */
@media screen and (min-width:1200px){
    .container{width: 1176px;}
}
@media all and (min-width:960px){
    .teaser .col-1{margin-left:0}
    #mainNavi{position: fixed;width:100%;top: 170px;z-index: 500;height: 42px;background: #383b3c;border: solid 3px #272727;border-width: 3px 0;}
    .ftc-left, .ftc-right, .clearLine.left{width: 48.0%;float:left;}
    .ftc-right{float:right}
    .clearLine.form-field{clear:both; width:100%} 
}
@media all and (max-width:960px){
    .container{width: 90%;margin: 0 auto;}
    #logo{margin-left:10px}
    .teaser-entry{width:248px}
    .teaser-subline div{width:260px}
    .teaser-subline .innerspace{width:254px}
    .teaser-entry{margin:0 6px 12px 6px}    
    #mainBlock #open{width:auto}
    #footerBlock .contact{position:relative;}
    #mainBlock ul{max-width: 42%;float: left;}
    #mainBlock .block ul{max-width:100%; float:none}	
}
@media all and (max-width:768px){
    body{font-size: 16px;}    
    .container .container{width:100%; }
    .container .container p{text-align:center; display:block;width: 100%;}
    .name, .contact, .konto{/* float:none; */line-height: 20px;}
    .teaser .teaser-image{clear:both; float: none; margin: 0 auto;display:inline-block}
    .teaser .teaser-image img{margin:0 auto; float:none}
    .teaser .teaser-image .caption{text-align:center}
    .teaser .teaser-subline{clear:both}
}
@media all and (max-width:640px){
    /* footer navigation ändern */
    #footerNavi li {width:100%; font-size:18px;line-height:30px; margin:3px 12px}
    #footerNavi li li{width:auto;display:inline-block;}
}
@media all and (max-width:640px){}
@media all and (max-width:426px){
    .contact{float:none;}
    #logo, #mainSlider, .article-summary-image{position:relative;clear: both;}
    #logo {top:auto;}    
    #headerBlock .contact{float:left;margin-left: 50px;}
    #mainBlock #open{width:auto}
    #mainBlock ul, #mainBlock .image-with-text ul{max-width:100%}
    #mainBlock .image-with-text ul{width:auto}
    #rightBlock{width: 100%;float:none;margin: 0 auto;display: inline-block;}
    #rightBlock, .contactform{clear:both;display:block;width: auto;}
    #mainSlider{top: auto;margin: 6px 0 0 0;}
    #headerBlock .withe{height:auto}   
    #footerBlock .col{width:100%; float:none; min-height:0px;margin: 6px 0;}
    #footerNavi li{float: none;width:auto;padding: 0.1em 1em;border: solid 1px #fff;background: #272727;border-radius: 4px; text-align:center} 
    #footerNavi li, #footerNavi li a{color: #fff;line-height:36px}
    #footerBlock .last{padding:0}
}