* { 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";

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../material-icons/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../material-icons/MaterialIcons-Regular.woff2) format('woff2'),
    url(../material-icons/MaterialIcons-Regular.woff) format('woff'),
    url(../material-icons/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Roboto/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/Roboto/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Roboto/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Lato/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/Lato/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Lato/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Lato/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Lato/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Lato/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}




/*Checkbox A*/
/* The container */
.container3 {display: block;position: relative;padding-left: 35px; margin-top: 12px; cursor: pointer;font-size: 22px; -webkit-user-select: none;-moz-user-select: none;
-ms-user-select: none; user-select: none;}

/* Hide the browser's default checkbox */
.container3 input {position: relative; opacity: 0;cursor: pointer;}

/* Create a custom checkbox */
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #fff;border:1px solid #000;}

/* On mouse-over, add a grey background color */
.container3:hover input ~ .checkmark {background-color: #ccc;}

/* When the checkbox is checked, add a blue background */
.container3 input:checked ~ .checkmark {background-color: #00bb00;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: ""; position: absolute; display: none;}

/* Show the checkmark when checked */
.container3 input:checked ~ .checkmark:after {display: block;}

/* Style the checkmark/indicator */
.container3 .checkmark:after {left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform:rotate(45deg);  transform: rotate(45deg);}
/* Checkbox E */



/*Checkbox A*/
/* The container */
.container2 {margin:0 0 0 200px;display: block;position: relative;padding-left: 35px; margin-bottom: 12px; cursor: pointer;font-size: 22px; -webkit-user-select: none;-moz-user-select: none;
-ms-user-select: none; user-select: none;}

/* Hide the browser's default checkbox */
.container2 input {position: relative; opacity: 0;cursor: pointer;}

/* Create a custom checkbox */
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #fff;border:1px solid #000;}

/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark {background-color: #ccc;}

/* When the checkbox is checked, add a blue background */
.container2 input:checked ~ .checkmark {background-color: #00bb00;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: ""; position: absolute; display: none;}

/* Show the checkmark when checked */
.container2 input:checked ~ .checkmark:after {display: block;}

/* Style the checkmark/indicator */
.container2 .checkmark:after {left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform:rotate(45deg);  transform: rotate(45deg);}
/* Checkbox E */

body {margin: 0 auto; padding: 0; background:rgba(28,65,111,1.0);color: #000; font-family: 'Lato',/*'Roboto',*/ Arial, Helvetica, sans-serif;font-size: 100%;line-height:1.5em; }

/*Leiste blendet oben ein  ANFANG   foo.inc.php  */

.logo-print{display:block;}

button{background:none;border:0;display:none;}

.left, .column {float:none;}
.foo_navi_box, .metanavi_box, .metanavi, .slider_box, .header_box, .row_box_unten, .right, .right_inner{display:none;}
.navigation_mobil{display:none;}
.foo_box{display:none;}
#foo {position:fixed;top:0;left:0;width:100%; height:100px; /*background:rgba(28,65,111,0.8);*/background:rgba(255,255,255,1); border-bottom:2px solid rgba(28,65,111,1); display:none;z-index:1000;}
.foo_inner{max-width:1200px;margin:0 auto;}
.foo_rechts{float:right;padding:30px 0 0 0;}
#foo_tel{vertical-align:middle;font-size:1.5em;color:#1c416f;margin:0 10px 0 0;}
#foo_mail{vertical-align:middle;font-size:1.5em;color:#1c416f;margin:0 10px 0 0;}
.foo_tel{padding:0 20px 0 0px;font-size:1.0em;color:#1c416f;}
.foo_mail a{padding:0 0px 0 0px;font-size:1.0em;color:#1c416f;}
.foo_logo{padding:0 0 0 0px;}
.foo_logo_image{vertical-align:middle;}
/*Leiste blendet oben ein  ENDE */

.flexslider{display:none;}



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

.zweispaltig{-moz-column-width: 500px; -webkit-column-width: 500px;column-width: 500px;column-gap: 80px;}
.bilderzeile{padding:20px 0;}
/*.bilderzeile{padding:20px 0;-moz-column-width: 250px; -webkit-column-width: 250px; column-width: 250px;column-gap: 80px;}*/

.bilderspalte_box{float:left;}

.bilderzeile img{padding:0 20px 0 0;max-width:300px;vertical-align:bottom;}
.bilderzeile h5{max-width:280px;white-space: nowrap;overflow:hidden;}

.bilderspalte_box a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

video{max-width:600px;}

.bilderzeile_referenzen{padding:0 0 20px 0;}
.bilderspalte_abstand{-moz-column-width: 250px; -webkit-column-width: 250px; column-width: 250px;}
.bilderspalte_abstand_referenzen{column-width: 200px;-moz-column-width: 200px; -webkit-column-width: 200px; }
.bilderspalte_ueberschrift{font-size:0.8em;color:#1c416f;padding:0px 0 10px 0;text-align:left;}



.line2_hauptnavigation {max-width:1200px;margin:0px auto;padding:0 auto;background:#fff;}







/*Allgemein*/
img {max-width: 100%;height: auto;border:0;}
.startseite_text{font-family:'Lato',sans-serif;}
.stern_rot{color:#ff0000;font-size:1.2em;}
.banner_innen_ueberschrift h1{font-family:'Lato',sans-serif;font-weight:bold;padding:0 0 40px 0;color:#1c416f;line-height:130%;text-align:left;text-transform:uppercase;}
h1{font-family:'Lato',sans-serif;font-weight:bold;padding:0 0 40px 0;color:#1c416f;line-height:130%;text-align:left;text-transform:uppercase;}
h2{font-weight:normal;padding:20px 0 20px 0;color:#003366;font-size:1.4em;text-align:left;text-transform:uppercase;}
h3{font-weight:normal;margin:0;padding:20px 0 20px 0;color:#003366;font-size:1.2em;text-align:left;}
h4{font-weight:normal;padding:10px 0 0px 0;font-size:1.1em;color:#555;}
h5{font-size:0.8em;color:#1c416f;padding:0px 0 10px 0;text-align:left;}



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


.download_linie td{border:0;}
.download_linie_rechts a{color:#003366;font-family:'Lato',sans-serif;}

.download_linie{clear:left;margin:10px 0px;padding:10px 0px;}
.download_linke_spalte{padding:0 10px 25px 0;min-height:15px;float:left;}
.download_rechte_spalte{}


/*Zitate*/
blockquote{font-family: 'Lato', sans-serif; font-size: 1.1em;font-style: italic;margin: 1.25em 0 0em 0.8em;padding: 0.25em 0 0 40px;line-height: 1.45;position: relative;color: #9d69a2;}
blockquote:before {display: block;content: "\201C";font-size: 80px;position: absolute;left: -20px;top: -20px;color: #7a7a7a;color:#9f83a2;}
blockquote cite {color: #999999;font-size: 14px;display: block;margin-top: 5px;}
blockquote cite:before {/*content: "\2014 \2009";*/}

a{color:#173f70;text-decoration:none;word-wrap:break-word;}
a:hover{text-decoration:underline;}
.linkblick{font-family:'Lato',sans-serif;}
.container ul{margin:0px 0 0px 0;}
 li{margin:0 0 20px 20px;}

.kernleistungen li{font-size:1.3em;}
.container_inner .artikel li {list-style-image: url("../images/list-blau.png");}
.container_inner .artikel .konzept li {list-style-image: url("../images/list-gruen.png");}
.container_inner .artikel .sanierung li {list-style-image: url("../images/list-gelb.png");}

li.rot {list-style-image:url("../images/list-rot.png");}
li.gelb  {list-style-image: url("../images/list-gelb.png");}
article{padding:0 0 50px 0;}
p{padding:4px 0 10px 0;}
aside{padding:25px 0 0 0;font-size:0.9em;}

.fussnote{font-size:0.8em;font-style:italic;line-height:1.3em;}

.button{background:#336699;border:1px solid #999;border-radius:10px;padding:0.5em;color:#fff;}

/*Boxen*/
.artikel-box{padding:0 0 50px 0;line-height:1.6em;}
.banner_box{width:100%;background:#fff;margin:0px;padding:30px 0 0px 0;}
.banner_innen {max-width:100%;margin:0px auto 0px auto;background:rgba(28,65,111,1.0);padding:0px;max-height:65px;}
.banner_innen_konzept {max-width:100%;margin:0px auto 0px auto;background:#00943d;padding:0px;max-height:65px;}
.banner_innen_sanierung {max-width:100%;margin:0px auto 0px auto;background:#eebe1e;padding:0px;max-height:65px;}
.banner_innen_ueberschrift{max-width:1200px;margin:0 auto;padding:10px 0 0 0;}
.banner_innen_ueberschrift h1{color:#fff;}
.slider_box {max-width:100%;margin:0px auto 0 auto;border:0px solid #dbc6b5;background:#fff;line-height:0;padding:20px 0 50px 0;}
.start_box {display:block;margin:0px auto 0em auto;padding:0px 0;background:#fff;}
.container_box {margin:0px auto 0em auto;padding:0 0 50px 0;background:#fff;min-height:0px;}
.metanavi_box {background:#fff;line-height:0;}
.header_box {margin:0;padding:0px 0;background:#fff;line-height:0;}



.logo{float:left;text-align:left;padding:20px 20px 0px 0px;background:#fff;margin:0;line-height:0;}
.navi_box{float:left;margin:100px 0 0 0;}


/*Layout Grundpositionierung*/
.header {max-width:1250px;margin:-60px auto 0px auto;padding:0;background:#fff;line-height:0;}
.metanavi {max-width:100%;padding:20px 30px 20px 0;margin:0px auto;/*background:#1c416f;*/text-align:right;background:#fff;}
.metanavi a {color:#555;margin:0 5px;font-size:0.8em;}
#meta_home{vertical-align:middle;font-size:2.5em;color:#1c416f;}
#meta_tel{vertical-align:middle;font-size:1.5em;color:#1c416f;}
.meta_tel_inner{padding:0 30px 0 0px;font-size:0.9em;}
#meta_mail{vertical-align:middle;font-size:1.5em;color:#1c416f;}
.meta_mail_inner{padding:0 60px 0 10px;font-size:1.0em;color:#1c416f;}
.meta_bull{vertical-align:middle;padding:0 5px;}
.navi_inner {margin:0px auto 0px auto;padding:0 0 0 0px;max-width:900px;background:#fff;text-align:center;}
.navi_inner a{padding:0 0px 0 0;background:#fff;color:#fff;}
.slider{border:2px solid #ccc;line-height:0;border-width:0px 0;line-height:0;}
.start_inner {margin:0px auto 0em auto;max-width:1200px;font-size:1.2em;}
.container_inner{max-width:1200px;margin:0 auto;clear:both;padding:70px 0px 0 0px;word-wrap:break-word;background:#fff;}
.container_links{float:left;width:60%; margin:0 auto;padding:0px 20px 0 0;background:#fff;min-height:0px;}
.container_rechts{float:right; margin:0 auto;padding:0px 0 0px 0;background:#fff;min-height:0px;}

.copy_inner{margin:0 auto;max-width:1200px;text-align:right;padding:50px 0 50px 0;}
img.mitte {vertical-align: middle; padding:0 10px 0 10px;}


/* Startseite Kaesten ANFANG */

/*Lupe A*/
.modul_box,.konzept_box,.sanierung_box,.team_box,.ueber-uns_box{ position:relative; }
.lupe {  margin:0 0px 0 0;}
.overlay {  position:absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  opacity: 0;  transition: .3s ease;  }
.lupe:hover .overlay {  opacity: 1;}
.lupe_image_border{border-radius:0px 10px 10px 0px;float:right;}
/*Lupe E*/


.zeile_1{color:#fff;padding:0 0 70px 0;font-size:0.7em;}


.modul_box{max-width:510px;max-height:300px;/*background:#1c416f;*/background:rgba(28,65,111,1.0);float:left;white-space:normal;-ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;word-wrap: break-word;border-radius:10px;}
.modul_inner{padding:80px 15px 15px 15px;}
.modul_inner2{padding:0 0 0px 0;margin:0 300px 0 0px;}
.modul_logo_zeile{padding:0 0 20px 0;}
.modul_logo{float:left;padding:0 10px 0 0;}
.modul_name{padding:12px 0 0 0;font-size:1.5em;text-transform:uppercase;}


.konzept_box{max-width:510px;max-height:300px;/*background:#01933e;*/background:rgba(0,148,61,1.0);float:right;white-space:normal;-ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;word-wrap: break-word;border-radius:10px;}
.konzept_inner{padding:80px 15px 15px 15px;}
.konzept_inner2{padding:0 0 0px 0;margin:0 300px 0 0px}
.konzept_logo_zeile{padding:0 0 20px 0;}
.konzept_logo{float:left;padding:0 10px 0 0;}
.konzept_name{padding:12px 0 0 0;font-size:1.5em;text-transform:uppercase;}


.sanierung_box{max-width:510px;max-height:300px;/*background:#eebe1e;*/background:rgba(238,190,30,1.0);float:left;white-space:normal;-ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;word-wrap: break-word;border-radius:10px;}
.sanierung_inner{padding:80px 15px 15px 15px;}
.sanierung_inner2{padding:0 0 0px 0;margin:0 300px 0 0px}
.sanierung_logo_zeile{padding:0 0 20px 0;}
.sanierung_logo{float:left;padding:0 10px 0 0;}
.sanierung_name{padding:12px 0 0 0;font-size:1.5em;text-transform:uppercase;}

.team_box{max-width:510px;max-height:300px;/*background:#1c416f;*/background:rgba(28,65,111,1.0);float:right;white-space:normal;-ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;word-wrap: break-word;border-radius:10px;}
.team_inner{padding:80px 15px 15px 15px;}
.team_inner2{padding:0 0 0px 0;margin:0 300px 0 0px}
.team_logo_zeile{padding:0 0 20px 0;}
.team_logo{float:left;padding:0 10px 0 0;}
.team_name{padding:12px 0 0 0;font-size:1.5em;}

.pfeil_weiterlesen{font-size:2.5em;padding:0.2em 0 0 0.5em;}


/* Startseite Kaesten ENDE */


.startseite_referenzen_laufleiste{margin:80px 0 100px 0;}



.kontakt_box{padding:0 0 40px 0;}
.kontakt_links{float:left;min-width:200px;}
.kontakt_links_300{float:left;min-width:330px;}
.kontakt_rechts{min-width:250px;}

/*Kontaktformular ANFANG*/






.subhead { font-size: 1.1em; color: #3d3a34; font-size-adjust: none; font-stretch: normal;}
.subsubhead { font-size:0.9em;font-weight:bold;color: #3d3a34; font-size-adjust: none; font-stretch: normal;}
#neu{display:none;}
#mail{display:none;}
.formular_zeile{padding:0 0 30px 0;font-weight:bold;}
.konLinks{float:left;width:200px;text-align:left;}
.konLinksAbsenden{float:left;width:200px;text-align:left;}
.konInput{width:600px;border:1px solid #bfbfbf;padding:5px;height:35px;}
.konInput2{ }
.konInput3{width:600px; height:150px;border:1px solid #bfbfbf;}
.konZeile{padding:0 0 20px 0;clear:right;}
.kon_03{padding:3px 5px;}
.konLinks280{width:280px;text-align:left;padding:20px 0 5px 0;}
.konLinks320{width:320px;text-align:left;padding:20px 0 5px 0;}
.konInput4{ padding:20px 0 20px 10px; }
.konZeile_border{border-bottom:1px dotted #ddd;padding:0 0 8px 0;margin:10px 0;clear:right;}
.konZeile_border_mob{border-bottom:1px dotted #ddd;padding:0 0 20px 0;margin:40px 0;clear:right;}
.konLinks500{float:left;width:550px;text-align:left;padding:0px 0;}
.konInput30{width:30px;border:1px solid #bfbfbf;padding:2px;}
.konLinks600{float:left;width:600px;text-align:left;padding:0px 0;}
.konLinks500a{float:left;width:550px;text-align:left;}
.konInputBox30{margin:0 0 20px 20px;padding:2px;}
.clearen{display:none}
.kon_03{padding:10px;background:#efefef;border:1px solid #003366;font-size:1.2em;cursor:pointer;}
.kon_03:hover{background:#fff;}
/*Kontaktformular ENDE*/


.footer_box{display:none;}
.footer_box_mobil{display:block;background:;}

.footer_inner{padding:60px 20px 120px 20px;max-width:1250px;margin:0 auto;}

.footer_rechte_spalte{float:right;text-align:right;color:#fff;}
.footer_rechte_spalte a{color:#fff;font-size:0.9em;}
.footer_linke_spalte{float:left;color:#fff;font-size:0.9em;}
.footer_linke_spalte a{color:#fff;}

.copy_box{background:#fff;margin:0 auto;}




.footer_box h1{color:#fff;font-weight:normal;padding:0 0 20px 0;text-transform:uppercase;text-decoration:none;font-size:1.5em;}
.footer_kontakt_links{float:left;width:60px;}
.footer_kontakt_rechts{font-size:1.1em;min-width:250px;}
.footer_kontakt_zeile{padding:10px 0;}



.footer li{padding:0; margin:0;}

#footer_tel{vertical-align:middle;font-size:2.0em;color:#fff;}
.footer_mail{vertical-align:middle;font-size:2.0em;color:#fff;}
#footer_fax{vertical-align:middle;margin:0px 5px 0 0;}

.navi_mobil{display:none;}
.footer_metanavigation{}
.footer_copy{padding:80px 0 0 0;}


.slogan_inner h1 {font-family:'Lato',sans-serif;color:#1c416f;text-transform:uppercase;}

.wlo{max-width:600px;padding:30px 0 50px 0;}
.wlo img{border:1px solid #ccc;padding:10px;}



@media all and (max-width: 1450px) {
.header {max-width:90%;}
}

@media all and (max-width: 1300px) {
.header {max-width:1200px;}
.logo{width:20%;}
.logo{padding:20px 20px 0px 50px;background:#fff;margin:0;line-height:0;}
}

@media all and (max-width: 1150px) {
.bilderspalte_abstand{column-width: 220px;text-align:center;}
.navi_box{margin:80px 0 0 0;}
.start_inner{max-width:70%;margin:0 auto;padding:0px 20px 0 20px;}
.banner_innen_ueberschrift h1{padding:0 20px 10px 20px;}
.container_box{padding:0 20px;}
.modul_box{float:none;min-width:100%;}
.konzept_box{float:none;margin:100px 0 50px 0;min-width:100%;}
.sanierung_box{float:none;min-width:100%;margin:0;}
.team_box{float:none;margin:100px 0;min-width:100%;}
.modul_inner, .konzept_inner, .sanierung_inner, .team_inner{padding:5em;}
}



@media all and (max-width: 1100px) {
.foo_box{display:none;}
.header {width:100%;}
.logo{width:20%;}
.logo{padding:20px 20px 0px 20px;background:#fff;margin:0;line-height:0;}
.navi_box{margin:80px 0 0 0;}
.start_inner{max-width:80%;margin:0 auto;padding:0px 20px 0 20px;}
.footer{padding:0px 20px;}
}


@media all and (max-width: 950px) {
.logo{width:17%;}

}




@media all and (max-width: 930px) {
body{white-space:normal;-ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;word-wrap: break-word;}
.metanavi_box{display:none;}
.navi_box {display:none;padding:0px;}
.logo{display:none;}

.header_mob_01{display:block;padding:20px 0 0 0;max-width:550px;margin:0 auto;}
.meta_mob{float:right;}
.meta_mob_inner{padding:80px 0 0 0;line-height:2.8em;}
#meta_tel_mob{vertical-align:middle;font-size:1.5em;color:#173f70;width:35px;}
#meta_mail_mob{vertical-align:middle;font-size:1.5em;color:#173f70;width:35px;}



.kontakt_links{float:none;min-width:200px;font-weight:bold;}
.kontakt_links_300{float:none;min-width:330px;font-weight:bold;}
.kontakt_rechts{padding:0 0 20px 0;}
}

@media all and (max-width: 850px) {
.container_rechts{width:40%;}
.start_inner{max-width:100%;margin:0 auto;padding:0px 20px 0 20px;}
}

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

.logo{text-align:center;padding:0 0 0 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 {width:80%;margin:0px 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: 700px) {
.zeile_1{color:#fff;padding:0 0 50px 0;font-size:0.7em;}
.lupe img{width:250px;}
.modul_box{max-width:300px;max-height:250px;}
.modul_inner{padding:20px 15px 15px 15px;}
.modul_inner2{padding:0 0 10px 0;margin:0 250px 0 0px}
.modul_logo_zeile{padding:0 0 20px 0;}
.modul_logo{float:left;padding:0 10px 0 0;}
.modul_name{padding:12px 0 0 0;font-size:1.5em;}

.konzept_box{max-width:300px;max-height:250px;}
.konzept_inner{padding:20px 15px 15px 15px;}
.konzept_inner2{padding:0 0 10px 0;margin:0 250px 0 0px}
.konzept_logo_zeile{padding:0 0 20px 0;}
.konzept_logo{float:left;padding:0 10px 0 0;}
.konzept_name{padding:12px 0 0 0;font-size:1.5em;}

.sanierung_box{max-width:300px;max-height:250px;}
.sanierung_inner{padding:20px 15px 15px 15px;}
.sanierung_inner2{padding:0 0 10px 0;margin:0 250px 0 0px}
.sanierung_logo_zeile{padding:0 0 20px 0;}
.sanierung_logo{float:left;padding:0 10px 0 0;}
.sanierung_name{padding:12px 0 0 0;font-size:1.5em;}

.team_box{max-width:300px;max-height:250px;}
.team_inner{padding:20px 15px 15px 15px;}
.team_inner2{padding:0 0 10px 0;margin:0 250px 0 0px}
.team_logo_zeile{padding:0 0 20px 0;}
.team_logo{float:left;padding:0 10px 0 0;}
.team_name{padding:12px 0 0 0;font-size:1.5em;}
}




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

.header_mob_01{max-width:100%;margin:0 auto;}
.meta_mob{float:none;display:none;}
.logo_mob img{max-width:150px;}
.logo_mob{text-align:center;}

.bilderspalte_box{float:none;}
.bilderspalte_box h5{padding-top:30px;}

/*.container_inner{max-width:1040px;margin:0 auto;clear:both;padding:40px 20px 0 20px;}*/

/*Kontaktformular ANFANG*/
#neu{display:none;}
.formular_zeile{padding:0 0 30px 0;font-weight:bold;}
.konLinks{float:left;min-width:200px;text-align:left;}
.konInput{width:95%;border:1px solid #bfbfbf;padding:8px;}
.konInput2{ }
.konInput3{width:95%; height:150px;border:1px solid #bfbfbf;}
.konZeile{padding:0 0 8px 0;clear:right;}
.kon_03{padding:3px 5px;}
.konLinks280{width:280px;text-align:left;padding:20px 0;}
.konInput4{ width:40px;}
.konZeile_border{border-bottom:1px dotted #ddd;padding:0 0 8px 0;margin:10px 0;clear:right;}
.konZeile_border_mob{border-bottom:0px dotted #ddd;padding:0 0 8px 0;margin:10px 0;clear:right;}
.konLinks500{float:left;max-width:85%;text-align:left;padding:0 0 40px 0;}
.konInput30{width:30px;border:1px solid #bfbfbf;padding:2px;}
.konLinks600{float:left;width:85%;text-align:left;padding:0px 0;}
.konLinks500a{float:left;width:85%;text-align:left;}
.konInputBox30{margin:0 0 20px 20px;padding:10px;}
.clearen{display:block;clear:both;}
.kon_03{padding:5px;background:#efefef;border:1px solid #003366;font-size:1.2em;cursor:pointer;margin:0 0 20px 0;}
.kon_03:hover{background:#fff;}
/*Kontaktformular ENDE*/

.kontakt_links_300{float:left;min-width:100%;}
}

@media all and (max-width: 600px) {
.footer_box{display:none;}
.footer_box_mobil{display:block;padding:70px 20px;text-align:center;}
.footer_rechts{padding:0px 0 50px 0px;font-size:0.9em;max-width:1000px;margin:0 auto;float:none;text-align:center;}
.footer_unten_mobil{font-family:'Lato',sans-serif;padding:0px 0 30px 0px;font-size:0.9em;max-width:1000px;margin:0 auto;color:#fff;}
.footer_unten_mobil a{color:#fff;}
}

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



.zeile_1{color:#fff;padding:0 0 0px 0;font-size:0.7em;}

.lupe img{width:100%;vertical-align:middle;}
.lupe_image_border{border-radius:0px 0px 0px 0px;}

.modul_box{max-width:300px;max-height:100%;margin:0 0 0px 0;border-radius:0px;}
.modul_inner{padding:20px 20px 20px 20px;max-width:100%;margin:0px 0 30% 0;background:#1c416f;}
.modul_inner2{padding:0px 0 10px 0;margin:0px 0px 0 0px;}
.modul_logo_zeile{padding:115% 0 20px 0;}
.modul_logo{float:left;padding:0px 10px 0 0;}
.modul_name{padding:12px 0 0 0;font-size:1.5em;}


.konzept_box{max-width:300px;max-height:100%;margin:0 0 0px 0;}
.konzept_inner{padding:20px 20px 20px 20px;max-width:100%;margin:0px 0 30% 0;background:#069843;}
.konzept_inner2{padding:0px 0 10px 0;margin:0px 0px 0 0px;}
.konzept_logo_zeile{padding:115% 0 20px 0;}
.konzept_logo{float:left;padding:0px 10px 0 0;}
.konzept_name{padding:12px 0 0 0;font-size:1.5em;}


.sanierung_box{max-width:300px;max-height:100%;margin:0 0 0px 0;}
.sanierung_inner{padding:20px 20px 20px 20px;max-width:100%;margin:0px 0 30% 0;background:#eebe1e;}
.sanierung_inner2{padding:0px 0 10px 0;margin:0px 0px 0 0px;}
.sanierung_logo_zeile{padding:115% 0 20px 0;}
.sanierung_logo{float:left;padding:0px 10px 0 0;}
.sanierung_name{padding:12px 0 0 0;font-size:1.5em;}

.team_box{max-width:300px;max-height:100%;margin:0 0 0px 0;}
.team_inner{padding:20px 20px 20px 20px;max-width:100%;margin:0px 0 0% 0;background:#1c416f;}
.team_inner2{padding:0px 0 10px 0;margin:0px 0px 0 0px;}
.team_logo_zeile{padding:115% 0 20px 0;}
.team_logo{float:left;padding:0px 10px 0 0;}
.team_name{padding:12px 0 0 0;font-size:1.5em;}
}





@media all and (max-width: 400px) {
.bilderspalte_box img{width:100%;}
h1{font-size:1.2em;}
h2{font-weight:normal;padding:30px 0 15px 0;color:#003366;font-size:1.1em;text-align:left;}
h3{font-weight:normal;margin:0;padding:20px 0 10px 0;color:#003366;font-size:1.0em;text-align:left;}
.kernleistungen li{font-size:1.1em;}

.slogan_inner {font-size:90%;}
.farbpunkte_box{padding:0px 20px 50px 0;}
}








@media all and (max-width: 300px) {
.slogan_inner h1 {font-size:140%;}
}