@import url('layout_2sp.css');
@import url('schriften.css');
@import url('navigation_dik.css');
@import url('formfelder.css');
@import url('team.css');
@import url('kontakt.css');
@import url('allgemein.css');
@import url('foo-sticky.css');
@import url('cimss-spezifisch.css');
@import url('flex_box_unten.css');
@import url('sponsoren.css');
@import url('footer-kos.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);color: rgba(0,0,0,0.8); font-family: 'Roboto', Arial, Helvetica, sans-serif;font-size: 100%;font-weight:100;line-height:1.5em;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; }
}


.banner_mobil,.line2mobil, #banner_mob{display:none;}
.banner_innen_ueberschrift_mobil{display:none;}
.line2mobil{display:none;color:#fff;max-height:0px;}
.line_mobil{display:none;}
.navigation_mobil{display:none;}
.navigation_mobil{display:none;}
.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(224,135,7,1);margin:0 3px 0 0;}
.banner_tel_rechts a{color:rgba(34,41,46,.5);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 */
}



.banner_rechts_eu{padding:0px 0 0 0;float:right;}
.banner_rechts_eu i{color:rgba(224,135,7,1);margin:0 3px 0 0;}
.banner_rechts_eu a{color:rgba(34,41,46,.5);margin:0 0 0 25px;font-size:1.1em;text-decoration:none;}

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




/* L-1. Metanavigation ANFANG */
/*.metanavi_box {background:rgba(34,41,46,.9);min-height:40px;}*/
.metanavi_box {/*background:#e08707;*/background:#ff9900;min-height:40px;}
.metanavi_innen{max-width:1600px;margin:0 auto;padding:7px 0 0 0;}
.metanavi {width:100%;padding:0px 0px 0px 0;margin:0px auto;text-align:right;border:0px solid #555;color:#fff;}
.metanavi_box .fa-phone, .fa-mobile, .metanavi_box .fa-envelope{font-size:1.4em;vertical-align:middle;padding:0 4px;}
.metanavi a {color:#fff;margin:0 5px 0 5px;font-size:0.8em;text-decoration:none;
opacity: 1;
transition: .5s ease;
}
.metanavi a:hover{text-decoration:none;
color:rgba(255,255,255,0.7);
 opacity: 1;
  transition: .5s ease;
  -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */
}
.social-media-fff a{font-size:1.5em;color:rgba(255,255,255,1);float:left;padding:0px 4px;text-decoration:none;
opacity: 1;
transition: .5s ease;
}
.social-media-fff a:hover{
 opacity: .6;
  transition: .5s ease;
  -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */
}

.meta_bull{vertical-align:middle;padding:0 3px;color:rgba(255,255,255,.5);}


/* L-1. Metanavigation ENDE */



/* L-2. Logo und Navigation (Desktop) ANFANG */
.logo_mob{display:none;}
.navi_mobil{display:none;}

.header_box_start {margin:0;padding:25px 0 0px 0;background:#fff;line-height:0;}
.header_logo_start {max-width:1250px;margin:0px auto 0px auto;padding:0px 0 0 0;background:#fff;line-height:0;}
.logo_start{float:left;text-align:left;padding:0px 0px 0px 0px;background:#fff;margin:0;line-height:0;}
.logo_start img{max-width:100%;}


.header_box {margin:0;padding:25px 0 0px 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{width:100%;/*background:#169fd7;*/margin:30px 0;padding:0px 0 0 0;}
.navi_box_inner{max-width:1250px;margin:0px auto 0px auto;}
/* L-2. Logo und Navigation ENDE */


/* L-2a. Banner (Desktop) ANFANG */
.banner-klein{margin:20px auto 0px auto;width:100%;text-align:center;background:#fff;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:2000px;margin:0px auto 0px 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;min-height:500px;}
.container_inner{max-width:1250px;margin:0px auto;padding:20px 0px 50px 0px;word-wrap:break-word;}

.artikel-box, .artikel{padding:0 0 40px 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:0px 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: 1200px) {
.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;}

  }






/* 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:95%;}




}

@media all and (max-width: 1300px) {
.banner_tel_rechts i{margin:0 3px 0 0;}
.banner_tel_rechts a{margin:0 0 0 25px;font-size:1em;}
.navi_box{width:100%;padding:0 20px;}

.logo_start img{width:80%;}
.banner_rechts_eu img{width:80%;}

}


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

.bilderspalte_abstand{column-width: 220px;text-align:center;}
.container_box, .start_box{padding:0 20px;}
}


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


.banner_tel_rechts {display:none;}

.logo{float:none;text-align:center;padding:0px 20px;}


}


@media all and (max-width: 850px) {
.banner_rechts_eu{display:none;}
.logo_start{float:none;text-align:center;padding:0px 20px;}
.logo_start img{width:95%;}
}


@media all and (max-width: 900px) {
.container_inner{padding:0px 0px 0px 0px;}
.logo{text-align:center;padding:0px 0 0px 0px;margin:0 0 20px 0;}
.logo_start{text-align:center;padding:0px 0 0px 0px;margin:0 0 20px 0;}
.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;}

}


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

.artikel-box, .artikel{padding:0 0 10px 0;}

.banner_tel_rechts .umbruch{display:block;padding:5px 0;}
.logo{text-align:center;padding:0px 30px 0px 30px;}
.container_inner{width:100%;margin:0 auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -khtml-hyphens: auto;
  hyphens: auto;
text-align:justify;

  }
.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);}