@import url('schriften.css');
@import url('navigation_gp.css');
@import url('formfelder.css');
@import url('kontakt.css');
@import url('slider.css');
@import url('allgemein.css');
@import url('foo-sticky.css');
@import url('cimss-spezifisch.css');
@import url('flex_box_unten.css');
@import url('footer-gp.css');
@import url('form.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.7); font-family: Roboto,Arial, Helvetica, sans-serif;font-size: 100%;line-height:1.8em;
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 */

-ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;word-wrap:break-word;
 }

body #gmaps {
  width: 100%;
  height: 400px;
}


@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,.0);min-height:40px;}*/
.metanavi_box {background:#fff;min-height:40px;padding:0 25px;}
.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:#222;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(0,0,0,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(0,0,0,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 {max-width:1400px;margin:0 auto;padding:25px 0 10px 0;}
.header_logo {max-width:1400px;margin:0px auto 0px auto;padding:0px 0 0 0;}
.logo{float:none;text-align:left;padding:20px 0px 0px 0px;margin:0 auto;max-width:460px;}


.navi_box_aussen{max-width:1400px;margin:40px auto 5px auto;border:0px solid #555;}
.navi_box{}
.navi_box_inner{width:100%;margin:0 auto;text-align:center;}
/* 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:1400px;margin:0px auto;padding:0px 0px 0px 0px;word-wrap:break-word;}

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

.angebote_inner{max-width:1400px;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;}


/* Flexbox Spaltenanordnung  ANFANG */

.flexOrder_b-t {
        display: flex;
        flex-wrap: wrap;
}
.obox_b-t:nth-child(1) {order: 1;margin:0 50px 0 0;text-align:left;width:25%;}
.obox_b-t:nth-child(2) {order: 2;text-align:left;width:65%;}

@media all and (max-width: 900px){
.flexOrder_b-t {
        display: block;
        flex-wrap: wrap;
}
.obox_b-t:nth-child(1) {order: 1;margin:0 0px 0 0;text-align:left;width:100%;text-align:justify;}
.obox_b-t:nth-child(2) {order: 2;text-align:left;width:100%;}
}



.flexOrder_t-b {
        display: flex;
        flex-wrap: wrap;
}
.obox_t-b:nth-child(1) {order: 1;margin:0 10px 0 0;text-align:left;width:70%;}
.obox_t-b:nth-child(2) {order: 2;text-align:left;width:auto;}


@media all and (max-width: 900px){
.flexOrder_t-b {
        display: block;
        flex-wrap: wrap;
}
.obox_t-b:nth-child(1) {order: 1;margin:0 0px 0 0;text-align:left;width:100%;text-align:justify;}
.obox_t-b:nth-child(2) {order: 2;text-align:left;width:100%;}
}








/* Flexbox Spaltenanordnung  ENDE */



.bilderzeile_einzeln{padding:20px 0 30px 0;}



/*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);}

.start-berufsgruppen img{max-width:200px;}


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



/* Block links u. rechts alte Webseite A */

.block_aussen{margin:0px 0 80px 0;float:left;width:100%;border:0px solid #efefef;font-size:0.9em;}
.block_links{float:left;width:40%;}
.block_rechts{float:left;padding:20px 0 0 0px;width:60%;}
.block_rechts_100{float:left;padding:60px 0 0 30px;width:60%;}
.block_aussen h2{font-size:1.8em;padding:0;margin:0;}
.block_aussen h3{font-size:1.4em;color:rgba(0,0,0,0.5);padding:0;margin:0;}
.block_aussen h4{font-size:1.2em;padding:0.5em 0;margin:0;}
.block_aussen h5{font-size:1.2em;padding:0;margin:0;}
.block_rechts li{padding:0;margin:0 0 0 20px;text-align:left;}

@media all and (max-width: 600px){
.block_aussen{margin:0px 0 40px 0;float:none;width:100%;border:0px solid #efefef;font-size:0.9em;}
.block_links{float:none;width:100%;}
.block_rechts{float:none;padding:20px 0 0 0px;width:100%;}
.block_rechts_100{float:none;padding:20px 0 0 30px;width:100%;}
}

.nachname{
text-transform:uppercase;
font-weight:normal;
border:1px solid #efefef;
border-width:0 0 0px 0;
width:100%;
padding:0 0 2px 0;
margin:0 0 2px 0;
font-size:1.2em;
}
.zeile{padding:0 0 4em 0;clear:left;max-width:500px;}
.spalte1{float:left;min-width:30%;padding:0 30px 0px 0;min-height:80px;}

@media all and (max-width: 600px){
.zeile{padding:0em 0 3em 0;clear:left;max-width:100%;}
.spalte1{float:none;min-width:100%;padding:0 0px 0em 0;min-height:0px;}
}


/* Block links u. rechts alte Webseite E */


/* handwerkerpreise A */
.torte{padding:20px;}
.torte h5{color:#fff;}

/* handwerkerpreis E */


/*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*/



/* Aktuelles */
/*Button*/
/*Button*/

button:focus {
outline: 0;
box-shadow: none;
}

.button-thema-aktuelles{font-size:1.3em;margin:0;padding:0;color:#333;border:0;background:none;cursor:pointer;text-align:left;}
.button-thema-aktuelles-suche{font-size:1.8em;margin:0;padding:0;color:#ff4400;border:0;background:none;cursor:pointer;text-align:left;}
.button-thema-aktuelles-weiterlesen{font-size:0.9em;margin:0;padding:0;color:#ff4400;border:0;background:none;cursor:pointer;text-align:left;}
.button-thema-aktuelles-zurueck{font-size:0.9em;margin:0;padding:8px 10px;color:#fff;border:0;background:rgba(0,0,0,0.5);cursor:pointer;text-align:left;border-radius:5px;transition: .5s ease;}
.button-thema-aktuelles-zurueck:hover{opacity: .9;
  transition: .5s ease;
  -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */}


.online_seit_aktuelles{border-bottom:0px dotted #4B67A8;text-align:left;margin:0px 0 20px 0;font-size:0.8em;color:#999;}
/*
.online_seit{border-bottom:1px dotted #555;text-align:right;margin:0px 0;font-size:0.8em;color:#999;font-style:italic;}
.online_seit_ohne_linie{border-bottom:0px dotted #4B67A8;text-align:right;margin:0px 0 20px 0;font-size:0.9em;color:#555;font-style:italic;}
*/
.online_seit_termine{border-bottom:1px dotted #003366;text-align:right;margin:30px 0;font-size:0.9em;color:#555;font-style:italic;}

.online_seit{border-bottom:1px solid #ddd;text-align:right;margin:10px 0 30px 0;font-size:0.8em;color:#999;font-style:italic;}
.online_seit_ohne_linie{border-bottom:0px dotted #999;text-align:right;margin:0px 0 0px 0;font-size:0.9em;color:#555;font-style:italic;}


.aktuelles-rechts-ueberschrift{font-size:1.2em;line-height:1.3em;}
.rechts_ueberschrift_link{color:#000;font-size:1.2em;line-height:1.3em;}

.button-thema-aktuelles-rechts{font-weight:bold;font-size:1.5em;margin:0;padding:0;color:#333;border:0;background:none;cursor:pointer;text-align:left;}
.button-thema-aktuelles-weiterlesen-rechts{font-size:1.1em;margin:0 0 10px 0;padding:0;color:#ff4400;border:0;background:none;cursor:pointer;text-align:left;}
.button-thema-aktuelles-bild-rechts{border:0;background:none;cursor:pointer;padding:0;margin:0;}
.button-thema-aktuelles-bild-rechts {max-width:300px;}

@media all and (max-width: 1100px){
.button-thema-aktuelles-bild-rechts{width:100%;border:0;background:none;cursor:pointer;padding:0;margin:0;}
}

@media all and (max-width: 900px){
.button-thema-aktuelles-bild-rechts{text-align:left;width:100%;border:0px solid #ff0000;background:none;cursor:pointer;padding:0;margin:0;}
}






/*Ü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: 1300px) {
.banner_tel_rechts i{margin:0 3px 0 0;}
.banner_tel_rechts a{margin:0 0 0 25px;font-size:1em;}



}



@media all and (max-width: 1200px) {
.header_logo {width:100%;padding:0px 20px;}
.navi_box{margin:50px 0 0 10px;padding:0px 0 0 0;}
}




@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;}
}




@media all and (max-width: 900px) {
.container_inner{padding:0px 0px 0px 0px;}
.logo{text-align:center;padding:15px 0px;margin:0 auto;}

.metanavi_box{display:none;}
.navi_box {float:none;display:none;padding:0px;}
.banner_mobil{display:block;padding:10px 0 10px 0;}
}


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



.banner_tel_rechts .umbruch{display:block;padding:5px 0;}
.logo{text-align:center;padding:15px 10px;}
.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);}