/*@import url('schriften.css');*/
@import url('navigation_pg.css');
@import url('formfelder.css');
@import url('kontakt.css');
@import url('allgemein.css');
/*@import url('foo-sticky.css');*/
@import url('cimss-spezifisch.css');
@import url('footer-bottom.css');




* { margin: 0; padding: 0; }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
@charset "utf-8";


body {margin: 0 auto; padding: 0; background:rgba(255,255,255,1);scroll-behavior: auto;
animation: einblenden 1.5s;
    -moz-animation: einblenden 1.5s; /* Für Firefox */
    -webkit-animation: einblenden 1.5s; /* Für Safari und Chrome */
    -o-animation: einblenden 1.5s; /* Für Opera */
 }

@keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}

@-moz-keyframes einblenden { /* Für Firefox */
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes einblenden { /* Für Safari und Chrome */
    from { opacity:0; }
    to { opacity:1; }
}

@-o-keyframes einblenden { /* Für Opera */
    from { opacity:0; }
    to { opacity:1; }
}

.feuer{float:right;}


.banner_mobil,.line2mobil, #banner_mob{display:none;}
.banner_innen_ueberschrift_mobil{display:none;}
.line2mobil{display:none;color:#fff;max-height:0px;}
.bottom_mobil{display:none;}
.bottom_normal{display:block;}
.header_mob_01{display:none;}

.banner_tel_rechts .umbruch{display:none;}
.banner_tel_rechts{float:right;padding:50px 0 0 0;}
.banner_tel_rechts i{color:rgba(24,114,184,1);margin:0 5px 0 0;}
.banner_tel_rechts a{color:rgba(34,41,46,.8);margin:0 0 0 25px;font-size:1.1em;text-decoration:none;}

.banner_tel_rechts a:hover{
opacity: .7;
  transition: .5s ease;
  -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */
}







/* L-2. Logo und Navigation (Desktop) ANFANG */
.logo_mob{display:none;}
.navi_mobil{display:none;}
.header_box {margin:0;padding:25px 0 50px 0;background:#fff;line-height:0;}
.header_logo {max-width:1250px;margin:0px auto 0px auto;padding:0px 0 0 0;background:#fff;line-height:0;}
.logo{float:left;text-align:left;padding:0px 0px 0px 0px;background:#fff;margin:0;line-height:0;}
.logo img{max-width:100%;}

.navi_box{max-width:1250px;margin:0px auto 0 auto;}
/* L-2. Logo und Navigation ENDE */


/* L-2a. Banner (Desktop) ANFANG */
.banner-klein{margin:0px auto 0px auto;width:100%;text-align:center;background:#e22125;line-height:0;}
/* L-2a. Banner (Desktop) ENDE */

/* L-3. Slider (Desktop) ANFANG */
.slider_box_aussen {max-width:100%;margin:0px auto 0px auto;border:0px solid #dbc6b5;background:#fff;padding:0px 0 0px 0;}
.slider_box {max-width:1400px;margin:20px auto -20px auto;padding:0;}

/* L-3. Slider (Desktop) ENDE */

<?php /* Bootom DESKTOP ANFANG */ ?>

/* L-4. Inhalte (Desktop) ANFANG */


.container_box {margin:0px auto 0em auto;padding:0 0 0px 0;background:#fff;min-height:500px;}
.container_inner{max-width:1250px;margin:0px auto;padding:40px 0px 0px 0px;word-wrap:break-word;background:#fff;line-height:1.8em;}

.artikel-box, .artikel{padding:0 0 0px 0;line-height:1.6em;max-width:1000px;}

.angebote_inner{max-width:1250px;margin:0 auto;padding:0px 0px 0px 0px;word-wrap:break-word;background:#fff;}

.start_box {display:block;margin:0px auto 0em auto;padding:0px 0;background:#fff;}
.start_inner {max-width:1230px;margin:0 auto;padding:40px 0px 0px 0px;word-wrap:break-word;background:#fff;}

/*Startseite im Footer*/

.banner_box{width:100%;background:#fff;margin:0px;padding:30px 0 0px 0;}
.banner_innen {max-width:100%;margin:0px auto 0px auto;padding:0px;}

/*rot*/
.banner_innen {background-image:linear-gradient( to right,white,rgba(255,0,0,.9),rgba(255,0,0,.4),rgba(255,0,0,.2), rgba(255,0,0,.1), white);}
/*blau hell*/
.banner_innen {background-image:linear-gradient( to right,white,rgba(2,125,223,.9),rgba(2,125,223,.4),rgba(2,125,223,.2), rgba(2,125,223,.1), white);}
/*grau*/
.banner_innen {background-image:linear-gradient( to right,white,rgba(34,41,46,.5),rgba(34,41,46,.3),rgba(34,41,46,.2), rgba(34,41,46,.1), white);}




.banner_innen_ueberschrift{max-width:1180px;margin:0 auto;padding:10px 0;}
.banner_innen_ueberschrift_mobil{max-width:1200px;margin:0 auto;padding:10px 0 0 0;}
.banner_innen_ueberschrift h1, .banner_innen_ueberschrift_mobil h1{color:#fff;margin:0;padding:0;font-size:1.7em;font-weight:500;}

.bilder_laden img{max-width:200px;padding:0px 0 0 0;margin:0 10px 0 0;}


/*Einspaltig1000 A*/

/*2-spaltig A*/

.box1000{max-width:100%;margin:0 0 5em 0;}


.box1000 .teaser-list {
        display:flex;
        flex-wrap: wrap;
        padding:0;
        text-align:left;
        margin:0;
}

.box1000 .teaser {
        list-style: none;
        margin:1em 1em 1em 0;
        width: 40%;
        text-align:left;
        background:#fff;
        border-radius:0px;
        border:2px solid #fff;
        line-height:1.5em;
}


@media all and (max-width: 1000px) {
.box1000 .teaser {width:50%;}

}

@media all and (max-width: 800px) {
.box1000 .teaser {width:100%;padding:0em 0 1em 0;margin:0;}
}

@media all and (max-width: 500px) {
.box1000 .bildgroesse img{width:100%;}
.box1000 .teaser{text-align:justify;}
}

/*2-spaltig E*/

/*Einspaltig1000 E*/










/*Über uns*/
.col-ueberuns a{text-decoration:none;opacity: 1; transition: .5s ease;}
.col-ueberuns a:hover{
opacity: .8;
  transition: .5s ease;
  -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */
}

 .col-ueberuns .fa{color:#ff0000;}

.col-ueberuns:nth-child(1) { background:rgba(34,41,46,0);}
.col-ueberuns:nth-child(2) {background:rgba(34,41,46,0);margin:0 0 80px 0;vertical-align:bottom; }

   .col-ueberuns {
      display:inline-block;
      box-sizing: border-box;
      cell-spacing: 0px;
      padding: 2.5em 1em 0em 0em;
      vertical-align: top;
      color:#000;

   }


   .col-ueberuns:nth-child(1) {width:35%;text-align:left; }
   .col-ueberuns:nth-child(2) {width:50%; }

  @media all and (max-width: 1200px) {
 .col-ueberuns:nth-child(1) {width:50%;text-align:left; }
 .col-ueberuns:nth-child(2) {width:50%; }
  }

  @media all and (max-width: 800px) {
 .col-ueberuns:nth-child(1) {width:100%;text-align:left; }
 .col-ueberuns:nth-child(2) {width:100%; }

 .col-ueberuns{padding:1em 0 0em 0;}

.feuer{float:none;}

  }






/* L-4. Inhalte (Desktop) ENDE */


/* CSS Footer ausgelagert */




/* Responsive Einstellungen   ANFANG */


@media all and (max-width: 1500px) {

.metanavi_box{width:100%; margin:0 auto;padding:0 20px;}


.header_logo{width:80%;margin:0 auto;}
.navi_box{width:80%;margin:0 auto;}

.container_inner{width:80%;margin:0 auto;}

}

@media all and (max-width: 1300px) {
.banner_tel_rechts i{color:rgba(24,114,184,1);margin:0 3px 0 0;}
.banner_tel_rechts a{margin:0 0 0 25px;font-size:1em;}

}


@media all and (max-width: 1150px) {
.header_logo{width:90%;margin:0 auto;}

.container_inner{width:90%;margin:0 auto;}
.bilderspalte_abstand{column-width: 220px;text-align:center;}
.banner_innen_ueberschrift h1, .banner_innen_ueberschrift_mobil h1{padding:0 20px 10px 20px;}
.container_box, .start_box{padding:0 20px;}

.banner_tel_rechts{float:none;width:100%;text-align:center;padding:0;margin:0 0 30px 0;}
.banner_tel_rechts i{color:rgba(24,114,184,1);margin:0 0px 0 0;}
.banner_tel_rechts a{margin:0 20px 0 0px;font-size:1em;}

.logo{float:none;width:100%;text-align:center;padding:30px 0 20px 0px;background:#fff;margin:0;line-height:0;}
.navi_box{float:center;width:100%;display:inline-block;padding:0;text-align:center;margin:0px 0 0 0;}

}



@media all and (max-width: 800px) {
body{font-size: 16px;}
.logo{text-align:center;padding:30px 0 20px 0px;}
.logo-innung{display:none;width:150px;}
.logo-innung-mobil{text-align:center;margin:0 0 50px 0;}
.logo-innung-mobil img{border:1px solid #999;padding:3px 5px;border-radius:5px;}
.header_logo {width:100%;margin:10px auto 0px auto;padding:0;background:#fff;}
.metanavi_box{display:none;}
.navi_box {display:none;padding:0px;}
.banner_mobil{display:block;padding:10px 0 10px 0;}
/*
.container_links{float:none;width:100%; margin:0 auto;padding:0px 0px 0 0;background:#fff;}
.container_rechts{float:none;width:100%; margin:0 auto;padding:50px 0 0 0;background:#fff;text-align:center;}
*/
}


@media all and (max-width: 600px) {
.banner_tel_rechts .umbruch{display:block;padding:5px 0 10px 0;}
.banner_tel_rechts a{font-size:1.1em;}
.container_inner{width:95%;margin:0 auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -khtml-hyphens: auto;
  hyphens: auto;
text-align:justify;
font-size:1.0em;
  }
.bilder_laden img{max-width:100%;padding:0px 0 0 0;margin:0 0px 0 0;}
}

/* Responsive Einstellungen   ENDE */








/* Background: grau  DESKTOP*/
/*body{background:rgba(34,41,46,0);}*/
body{background:rgba(14,59,94,0);}