/* Table of Content
==================================================
    #Imports
	#Site Styles
	#Page Styles
	#Media Queries */

/* #Imports
================================================== */

.popup-background{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 2000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 30px;
    box-sizing: border-box;
}
.popup{
    position: relative;
    margin-top: 10%;
    width: 100%;
    max-width: 500px;
    padding: 30px;
    background-color: white;
    box-shadow: 0 16px 32px rgba(0,0,0,0.26);
    box-sizing: border-box;
}
.popup-title{
    font-size: 1.3rem;
    color: #0FA0CE;
    font-weight: bold;
}
.popup-image{

}
.popup-icons{
    margin: 0 -10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 25px;
}
.popup-icons img{
    padding: 10px;
    display: flex;
    /*width: 20%;*/
    width: 16.66%;
    box-sizing: border-box;
}
#popup-close{
    position: absolute;
    top: -16px;
    right: -16px;
    background-color: white;

    height: 32px;
    width: 32px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 16px 32px rgba(0,0,0,0.26);
    cursor: pointer;
    color: #0FA0CE;
}
.button--heater{
    position: relative;
    border-radius: 25px;
    border: 3px solid #0FA0CE;
    color: #0FA0CE;
    float: left;
    padding: 0 10px;
    margin-top: 75px;
    margin-left: 70px;
}
.button--heater h3{
    margin-left: 15px;
    margin-right: 15px;
}
.button--heater img{
    vertical-align:middle;
    filter: invert(49%) sepia(99%) saturate(2014%) hue-rotate(160deg) brightness(93%) contrast(88%);
}
.button--heater.detail{
    margin-top: -32px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 32px;
    display: block;
    width: 300px;
    text-align: center;
    float: unset;
}
.button--heater .blocklink{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.corona-info {
    float: left;
    width: 100%;
    margin-top: 80px;
}
.corona-info .grey {
    color: #87888a;
    float: left;
}
.corona-info .red {
    color: red;
    font-weight: 600;
    clear: both;
    float: left;
}

/* @import url(""); */
#inhalt {
    margin-top: 190px;
    margin-bottom: 30px;
}
body {
	/* font-family: "Franklin Gothic Book", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif; */
	font-family: 'Libre Franklin', sans-serif;
	color: #4c4c4c;
}
img {
    max-width: 100%;
}
h1, .h1{
    font-style: italic;
    color: #009ee0;
    font-size: 29px;
    margin-top: 0;
    font-weight: 600;
}
h2 {
    font-size: 17px;
    font-weight: 600;
    color: #009ee0;
    margin-bottom: 0;
}
p {
    font-size: 16px;
    line-height: 24px;
}
a {
    text-decoration: none;
    color: #009ee0;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover,
a:focus {
	color: #7fc8e6;
}
a.button {
    background-color: #009ee0;
    color: #fff;
    border: 1px solid #009ee0;
    padding: 10px;
    margin-top: 30px;
    float: left;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a.button:hover,
a.button:focus {
    background-color: #fff;
    color: #009ee0;
}
ul {
    font-size: 16px;
    margin-top: 1em;
    display: block;
}
li {
    margin-bottom: 5px;
}

/* Navigation */
#menu {
    float: left;
}
#menu ul.level1 {
    float: right;
    padding-left: 0;
    margin-top: 4px;
    width: 690px;
}
#menu ul.level1 li {
    list-style: none;
    float: left;
    margin-right: 25px;
    padding-top: 8px;
}
#menu ul.level1 li a {
    text-decoration: none;
    font-style: italic;
    color: #87888a;
    font-size: 19px;
    font-weight: 700;
}
#menu ul.level1 li a:hover,
#menu ul.level1 li a:focus,
#menu ul.level1 li a.current1,
#menu ul.level1 li a.actv1,
h2 a:hover,
h2 a:focus,
a.button.weiterlesen:hover,
a.button.weiterlesen:focus {
	color: #009ee0;
}
li:nth-child(n+7) a.level1.current1 {
	font-size: 16px;
}
#menu ul.level1 li.klein.first {
    clear: left;
    margin-left: -7px;
}
#menu ul.level1 li.klein a.klein {
    font-size: 16px;
    font-weight: 500;
}
#menu ul.level1 li.klein {
	margin-right:20px;
	margin-top: 0px;
    padding-top: 5px;
}
#menu ul.level2 {
    position: absolute;
    background: rgba(0,158,224,0.8);
    width: 200px;
    padding: 10px 20px 20px 20px;
    display: none;
}
#menu ul.level2 li.level2 {
    float: left;
    width: 100%;
}
#menu ul.level2 li.level2 a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
#menu li.level1.klein ul.level2 li.level2 a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
#menu ul.level2 li.level2 a:hover,
#menu ul.level2 li.level2 a:focus,
#menu ul.level2.current2 li.level2.current2 a,
#menu li.level1.klein ul.level2.current2 li.level2.current2 a,
#menu li.level1.klein ul.level2 li.level2 a:hover,
#menu li.level1.klein ul.level2 li.level2 a:focus {
	color: #87888a;
}

#menu li.level1.klein ul.level2 li.level2 a.current2{
    color: #fff !important;
    font-weight: 700;
}
#menu_responsive {
    display: none;
}
.sublvl_toggle {
    display: none !important;
}
a[href="/aktuell.html"]{
	padding-left: 0px;
}

/* Header */
#header_tel {
    position: relative;
    top: 15px;
}
#header_tel a {
    float: left;
    width: 100%;
}
#header_tel img {
    width: 78px;
    max-width: 140%;
}

header {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    position: fixed;
    background: #fff;
    z-index: 2000;
    padding-top: 35px;
    padding-bottom: 20px;
    width: 100%;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
header.active {
    /* -webkit-box-shadow: 0px 1px 43px -17px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 43px -17px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 43px -17px rgba(0,0,0,0.75); */
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
#logo {
    float: left;
}
#logo a {
    width: 100%;
    display: block;
}
#logo a img {
    display: block;
}

/* Kopfbild */
#kopfbild {
    margin-top: 180px;
    float: left;
    margin-bottom: 20px;
}
#kopfbild .kopfbild {
    float: right;
    width: 55%;
}
#kopfbild .text {
	float: left;
	width: 40%;
	text-align: left;
	margin-left: 8px;
	font-size: 21px;
	line-height: 34px;
	/*margin-top: 95px;*/
	transform: skew(-13deg);
	color: #87888a;
	font-weight: 400;
}
#kopfbild .text a {
    text-decoration: none;
    color: #009ee0;
}

/* Branchen Startseite */

#branchen_boxen {
    float: left;
    margin-bottom: 40px;
    margin-top: 20px;
    width: 100%;
}
#branchen_boxen .container {
    max-width: 100%;
}
#branchen_boxen .box {
    width: 218px;
    float: left;
    margin-right: 20px;
    box-sizing: border-box;
}
#branchen_boxen .box:last-child {
	margin-right: 0;
}
#branchen_boxen .box.dienstleistung {
    width: 175px;
    float: left;
    margin-right: 20px;
    box-sizing: border-box;
}
#branchen_boxen .box_inner {
    border: 1px solid #87888a;
    overflow: hidden;
}

#branchen_boxen .box_inner.bi_home {
    height: 144px;
}
#branchen_boxen .einleitung {
    float: left;
    padding: 10px;
    padding-bottom: 20px;
    min-height: 275px;
    line-height: 24px;
}
#branchen_boxen .box.dienstleistung .einleitung {
    min-height: 330px;
}
#branchen_boxen .box_inner a.bild {
    float: left;
    width:100%;
    max-height: 144px;
    overflow: hidden;
}
#branchen_boxen .box.dienstleistung .box_inner a.bild {
    max-height: 102px;
}
#branchen_boxen .einleitung {
    margin-bottom: 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 16px;
}
#branchen_boxen .einleitung p {
    margin-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
}
h2 a {
    /* font-style: italic; */
    text-decoration: none;
    color: #87888a;
    font-weight: 600;
    font-size: 17px;
}
a.button.weiterlesen {
    padding-left: 8px;
    text-decoration: none;
    color: #000;
    position: relative;
    bottom: 8px;
    font-size: 15px;
    color: #87888a;
    background-color: transparent;
    border: none;
    float: none;
}
#branchen {
    float: left;
}
h2.active a {
    color: #009ee0;
}
#branchen .medium {
    float: left;
    width: 100%;
    margin-top: 30px;
}
#branchen .medium .bild {
    float: left;
    width: 376px;
    margin-right: 20px;
    margin-bottom: 20px;
}
#branchen .medium .bild:nth-child(3n+3){
	margin-right: 0;
}
#branchen .medium .bild a.fbox {
    float: left;
    width: 100%;
}
#branchen .medium .bild a.fbox img {
    width: 100%;
}
#branchen .medium p.dokument {
    float: left;
    width: 100%;
}
#branchen ul li {
    font-size: 15px;
    padding-bottom: 5px;
}

.referenz {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
#referenzen h2 {
    color: #009ee0;
}
#referenzen h3 {
    font-size: 15px;
    font-weight: 500;
    float: left;
    width: 100%;
    margin-top: 10px;
}
#referenzen .bild {
    float: left;
    width: 100%;
}
#referenzen a.fbox {
    height: 178px;
}
.referenz.alpha {
    clear: left;
}
.row.bilder.eight {
    margin: 0 auto;

}
.row.bilder .bild {
    float: left;
    margin-bottom: 30px;
    margin-right: 30px;
}
#news .row.bilder .bild:nth-of-type(2n+2) {
    margin-right: 0;
}
#bildergalerie .row.bilder .bild:nth-of-type(3n+3) {
    margin-right: 0;
}
a.fbox {
    float: left;
    width: 100%;
    overflow: hidden;
    height: 220px;
}
.row.bilder .bild a.fbox img {
	width:100%;
}
.row.dokumente .dokument {
    margin-bottom: 10px;
}
.row.dokumente .dokument a.csdl_atc {
    font-size: 16px;;
    margin-left: 5px;
}
#dynamiccontent .text tr td:first-of-type {
    width: 95px;
}
#dynamiccontent table#geschichte {
	border:none;
	width: 100%;
	margin-bottom: 0px;
}

#dynamiccontent table#geschichte tr,
#dynamiccontent table#geschichte td {
	border:none;
}
#dynamiccontent table#geschichte tr {
    border-bottom: 1px solid #ecedef;
}
#dynamiccontent table#geschichte tr:last-of-type {
	border:none;
}
.button.startseite {
    margin-top: 25px;
}
.text .kontakt {
    font-size: 16px;;
    line-height: 24px;
    margin-bottom: 0px;
    margin-top: 30px;
    float: left;
    width: 100%;
}
.text .kontakt .standort {
    float: left;
    width: 33%;
    margin-bottom: 30px;
}

.kon_box {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
#kon_wrap {
    font-size: 16px;
    line-height: 24px;
    float: left;
    width: 100%;
}
#kon_wrap .strong {
    float: left;
    width: 100%;
}
label[for="k_anrede"] {
    margin-top: 0;
}

/* Ansprechpartner */
article.kategorie {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
#ansprechpartner h2 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
}
#ansprechpartner .person {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
#ansprechpartner .person .bild, #news.liste .bild {
    float: left;
    /*width: 28%;*/
    width: 330px;
    margin-right: 45px;
}
#ansprechpartner .person .bild .grey {
    background-color: rgba(135, 136, 138, 0.2);
    width: 100%;
    height: 163px;
}
#ansprechpartner .person .bild a.fbox {
	height: auto;
}
#ansprechpartner .person .text,#news.liste .text {
    float: left;
    /*width: 68%;*/
    width: calc(100% - 375px);
}
@media only screen and (max-width: 1199px){
    #ansprechpartner .person .text,#news.liste .text {
        width: calc(100% - 305px)
    }
    #ansprechpartner .person .bild, #news.liste .bild {
        width: 260px;
    }
}
@media only screen and (max-width: 959px){
    #ansprechpartner .person .text {
        width: calc(100% - 250px)
    }
    #ansprechpartner .person .bild {
        width: 205px;
    }
}

#ansprechpartner .person .text span.name,
#ansprechpartner .person .text span.telefon,
#ansprechpartner .person .text span.mail,
#ansprechpartner .person .text span.funktion {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
#ansprechpartner .person .text span.name {
	font-weight: 600;
	margin-bottom: 15px;
}

/* News */
#news.liste .bild {
    float: left;
    /*width: 28%;*/
    margin-right: 45px;
}
#news.liste .bild a {
    float: left;
    width: 100%;
    overflow: hidden;
    height: 210px;
}
#news.liste .bild_leer {
    width: 28%;
    margin-right: 45px;
    height: 1px;
}
#news.liste .text {
    float: left;
    max-width: 100%;
   /* width: 68%;*/
}
#news .cs_some {
    float: left;
    width: 100%;
}
/* News END */

/* Fancybox */
span.fncb_fancy_title {
	font-size:12px;
	font-weight:bold;
}
span.fncb_fancy_displaycounter {
	font-size:11px;
}
#fancybox-title {
	line-height:16px;
	text-align:left;
}
#fncb_bottomNavClose {
	cursor:pointer;
	display:block;
}
#fancybox-overlay {
	z-index: 9990 !important;
}
#fancybox-wrap {
	z-index: 9999 !important;
}
/* Fancybox END */

/* cs_some */
.cs_some {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.cs_some a {
    float: left;
    background-color: #87888a;
    width: 25%;
    text-align: center;
    padding: 3px 0px;
    border-right: 4px solid #fff;
    box-sizing: border-box;
}
.cs_some a:last-of-type {
	border-right: none;
}
.cs_some a img {
    width: 28px;
}
.cs_some a.facebook:hover,
.cs_some a.facebook:focus {
    background-color: #3b5998;
}
.cs_some a.twitter:hover,
.cs_some a.twitter:focus {
    background-color: #1da1f2;
}
.cs_some a.google_plus:hover,
.cs_some a.google_plus:focus {
    background-color: #dd4b39;
}
.cs_some a.pinterest:hover,
.cs_some a.pinterest:focus {
    background-color: #bd081c;
}
.cs_some a.whatsapp:hover,
.cs_some a.whatsapp:focus {
    background-color: #128c7e;
}

/* cs_some END */

/* #Media Queries
================================================== */
/* iPad Landscape */
@media only screen and (max-width: 1199px) {
	#inhalt {
	    margin-top: 161px;
	}
	#menu ul.level1 {
	    margin-top: 0px;
	    width: 600px;
	}
	#menu ul.level1 li {
	    margin-right: 26px;
	    margin-top: 1px;
	}
	#menu ul.level1 li a {
	    font-size: 15px;
	}
    #menu ul.level1 li.klein {
        padding-top: 2px;
    }
    #menu ul.level1 li.klein a.klein{
        font-size: 15px;
    }
	#header_tel {
	    top: 9px;
	    width: 73px;
	    position: absolute;
	    right: 15px;
	}
	#header_tel img {
	    width: 88%;
	}
	#branchen_boxen .box {
	    width: 170px;
	}
	#branchen .medium .bild {
	    width: 296px;
	}
	.row.bilder .bild a.fbox {
	    height: 175px;
	}
	.row.bilder .bild {
	    margin-bottom: 12px;
	    margin-right: 12px;
	}
	#branchen_boxen .box.dienstleistung {
	    width: 135px;
	    margin-bottom: 20px;
	}
	#branchen_boxen .box.dienstleistung .box_inner a.bild {
	    max-height: 79px;
	}

    #branchen_boxen .box_inner.bi_home {
        height: 112px;
    }
	#branchen_boxen .box.dienstleistung .einleitung {
	    min-height: 285px;
	}
	#branchen_boxen .einleitung {
	    min-height: 230px;
	}
	#news.liste .bild,
	#news.liste .bild_leer {
	    margin-right: 30px;
	}
	#news.liste .bild a {
	    height: 170px;
	}
	#referenzen a.fbox {
	    height: 140px;
	}
	.referenz {
	    min-height: 201px;
	    margin-bottom: 15px;
	}
	#ansprechpartner .person .bild .grey {
	    height: 130px;
	}
}

/* only iPad Landscape */
@media only screen and (min-width: 959px) and (max-width: 1199px) {}

/* iPad Portrait */
@media only screen and (max-width: 959px) {
	#inhalt {
	    margin-top: 203px;
	}
	#kopfbild {
	    margin-top: 206px;
	}
	h2 a {
	    font-size: 16px;
	}
	#menu {
	    clear: left;
	    width: 100%;
	    margin-left: 0;
	}
	#menu ul.level1{
	    float: left;
	    margin-bottom: 0;
	    margin-top: 10px;
	    width: 100%;
	}
    #menu ul.level1 li.klein {

        margin-top: 5px;
        padding-top: 6px;
    }
	#menu ul.level1 li {
		margin-right: 30px;
	}
	#menu ul.level1 li:nth-child(n+8) {
	    margin-right: 30px;
	    margin-top: 5px;
	}
	#header_tel {
	    top: 0px;
	}
	#header_tel img {
	    width: 109%;
	}
	#kopfbild .text {
	    font-size: 16px;;
	    line-height: 24px;
	    margin-top: 30px;
	}
	#branchen_boxen .box {
	    width: 232px;
        margin-bottom: 20px;
	}
	#branchen_boxen .box:nth-child(3n+3) {
	    margin-right: 0;
	}
	#branchen .medium .bild {
	    width: 232px;
	}
	.row.bilder .bild a.fbox {
	    height: 110px;
	}
	.row.bilder .bild {
	    margin-bottom: 17px;
	    margin-right: 17px;
	    width: 31%;
	}
	#news .row.bilder .bild:nth-of-type(2n+2) {
	    margin-right: 17px;
	}
	#news .row.bilder .bild:nth-of-type(3n+3) {
	    margin-right: 0;
	}
	#branchen_boxen .box.dienstleistung {
	    width: 232px;
	    margin-bottom: 20px;
	}
	#branchen_boxen .box.dienstleistung .box_inner a.bild {
	    max-height: 136px;
	}

    #branchen_boxen .box_inner.bi_home {
        height: 127px;
    }
	#branchen_boxen .box .box_inner a.bild img {
		width:100%;
	}
	#branchen_boxen .einleitung {
	    min-height: auto;
	    box-sizing: border-box;
	}
	#news.liste .bild,
	#news.liste .bild_leer {
	    margin-right: 29px;
	}
	#news.liste .bild a {
	    height: 135px;
	}
	#referenzen a.fbox {
	    height: 107px;
	}
	.referenz {
	    min-height: 168px;
	    margin-bottom: 5px;
	}
	#ansprechpartner .person .bild .grey {
	    height: 103px;
	}
    .corona-info {
        margin-top: 40px;
        margin-left: 20px;
    }
    .corona-info .grey {
        margin-left: -9px;
    }
}

/* only iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* bigger than iPhone Landscape */
@media only screen and (min-width: 768px) {}

/* iPhone Landscape */
@media only screen and (max-width: 767px) {
	h1 {
	    margin-bottom: 15px;
	    font-size: 24px;
	    line-height: 37px;
	}
	#inhalt {
	    float: left;
	    margin-top: 15px;
	}
	header.active {
	    box-shadow: none;
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	}
	a[href="/aktuell.html"] {
	    padding-left: 0;
	}
	#menu_responsive {
	    display: block;
	}
	#menu ul.level1 li.klein.first {
	    margin-left: 0;
	}
	#menu ul.level1 {
	    background: #fff;
	    margin-bottom: 2px;
	    padding-bottom: 0px;
	    margin-top: 0px;
	    padding-top: 0px;
	    padding-left: 0px;
        display: none;
	}

	#menu ul.level1 li {
	    width: 100%;
	    margin-right: 0;
	    margin-top: 5px;
	}
	#menu ul.level1 li.level1 {
		border-bottom: 1px solid;
    	padding-bottom: 10px;
	}
	#menu ul.level1 li.level1:nth-child(n+8) {
	    width: 100%;
	}
	#menu ul.level1 li.level1:nth-child(5n+8) {
	}
	#menu ul.level1 li.level1 a {
	    font-size: 16px;
	}
	#menu ul.level1 li.level1:nth-child(n+8) a {
	    font-size: 15px;
        display: inline-block;
        width: calc(100% - 22px);
	}
	#menu ul.level1 li.level1:last-of-type {
		border: none;
	}
	#menu ul.level2 {
	    position: relative;
	    width: auto;
	    display: none;
	    background: #fff;
	    padding-top: 0;
    	padding-bottom: 0px;
    	float: left;
	}
	#menu ul.level2 li.level2 {
	    margin-top: 0px;
	}
	#menu ul.level2 li.level2 a {
	    color: #87888a;
	    font-size: 15px;
	}
	#menu ul.level2 li.level2 a:hover, #menu ul.level2 li.level2 a:focus, #menu ul.level2.current2 li.level2.current2 a {
	    color: #009ee0;
	}
	.sublvl_toggle {
		display:block !important;
	    float: right;
        width: 22px;
        margin-top: -5px;
	    transform: rotate(0deg);
	    -webkit-transition: all 500ms ease-in-out;
	    -moz-transition: all 500ms ease-in-out;
	    -ms-transition: all 500ms ease-in-out;
	    -o-transition: all 500ms ease-in-out;
	}
	.sublvl_toggle.rotate {
		transform: rotate(-90deg);
	}
	.sublvl_toggle i {
	    float: right;
	    font-size: 22px;
	    padding: 0 10px;
	}
    #menu li.level1.klein ul.level2 li.level2 a{
        color: #87888a;
    }
    #menu li.level1.klein ul.level2 li.level2 a.current2{
        color: #009ee0 !important;
    }
	header {
	    margin-top: 0;
	    margin-bottom: 0;
	    width: 100%;
	    position: relative;
	    padding-bottom: 0;
	}
	#logo {
	    width: 200px;
	    margin-bottom: 20px;
	}
	#header_tel {
	    top: 0;
	    width: 70px;
	}
	#menu {
	    background: #fff;
	    color: #009ee0;
	    margin-bottom: 20px;
	    border-bottom: 1px solid;
	}
	#menu_responsive_bar {
	    padding: 10px;
	    padding-left: 0;
	    float: left;
        font-size: 18px;
	}
	#menu_responsive_bar i {
	    padding-right: 15px;
	}
	a#menu_responsive_karte,
	a#menu_responsive_email,
	a#menu_responsive_home {
	    float: right;
	    padding: 10px 15px;
	    color: #009ee0;
	}
	a#menu_responsive_email {
		padding-right:0;
	}
	a#menu_responsive_home i {
	    font-size: 20px;
	}
	a#menu_responsive_email i {
	    font-size: 18px;
	    position: relative;
	    top: 1px;
	}
	a#menu_responsive_karte i {
	    font-size: 19px;
	    position: relative;
	    top: 1px;
	}
	#kopfbild {
	    margin-top: 0;
	}
	#kopfbild .kopfbild {
	    width: 94%;
	}
	#kopfbild .text {
	    width: 96%;
	    margin-top: 10px;
	    margin-right: 0;
	    margin-left: 0;
	    float: left;
	}
    .button--heater{
        margin-left: 0;
        margin-top: 32px
    }
    .button--heater.detail{
        width: 200px;
    }
	#branchen_boxen h2 {
	    margin-top: 40px;
	}
	#branchen_boxen .box {
	    width: 100%;
	    margin-right: 0;
        margin-bottom: 0;
	}
	.box_inner .bilder {
	    float: left;
        width: 100%;
	}
	#branchen_boxen .einleitung {
	    float: left;
	    width: 100%;
	}
	#branchen_boxen .box_inner {
	    float: left;
	    width: 100%;
	}
	.box_inner .bilder .bild {
	    float: left;
	    width: 100%;
	}
	.box_inner .bilder .bild a {
	    float: left;
	    width: 100%;
	}
	.box_inner .bilder .bild a img {
		width: 100%;
	}
	a.button.weiterlesen {
	    float: left;
	    margin-top: 10px;
	    margin-bottom: 10px;
	    padding-left: 10px;
	}
	#branchen .medium .bild {
	    width: 200px;
	}
	#branchen .medium .bild:nth-child(3n+3) {
	    margin-right: 20px;
	}
	#branchen .medium .bild:nth-child(2n+2) {
	    margin-right: 0px;
	}
	.row.bilder .bild {
	    margin-bottom: 16px;
	    margin-right: 16px;
	    width: calc(50% - 8px);
	}
	#news .row.bilder .bild,
	#bildergalerie .row.bilder .bild,
	#bildergalerie .row.bilder .bild:nth-of-type(3n+3),
	#news .row.bilder .bild:nth-of-type(3n+3) {
	    margin-right: 16px;
	}
	#news .row.bilder .bild:nth-of-type(2n+2),
	#bildergalerie .row.bilder .bild:nth-of-type(2n+2) {
	    margin-right: 0px;
	}
	.row.bilder .bild a.fbox {
	    height: 122px;
	}
	#branchen_boxen .box.dienstleistung {
	    width: 100%;
	    margin-bottom: 15px;
	    margin-right: 0;
	}
	#branchen_boxen .box .box_inner a.bild {
	    max-height: 175px;
	}
	#branchen_boxen .box.dienstleistung .einleitung {
	    min-height: 125px;
	    box-sizing: border-box;
	}
	#branchen_boxen .box.dienstleistung .box_inner a.bild {
	    max-height: 175px;
	}
    #branchen_boxen .box_inner.bi_home {
        height: 175px;
    }
	#news.liste .bild,
	#news.liste .bild_leer {
	    margin-right: 0;
	    width: 100%;
	}
	#news.liste .bild a {
	    height: 275px;
	    margin-bottom: 30px;
	}
	#news .bild img {
	    width: 100%;
	}
	#news.liste .text {
	    width: 100%;
	}
	.text .kontakt .standort {
	    width: 50%;
	    margin-bottom: 15px;
	}
	#referenzen a.fbox {
	    height: 134px;
	}
	.referenz.three.columns.alpha {
	    width: 48%;
	    margin-right: 16px;
	    margin-left: 0;
	    margin-bottom: 15px;
	}
	.referenz.three.columns.alpha:nth-of-type(2n) {
	    margin-right: 0;
	}
	#ansprechpartner .person .bild {
	    float: left;
	    width: 100%;
	    margin-right: 0;
	    margin-bottom: 15px;
	}
	#ansprechpartner .person .text {
	    width: 100%;
	}
	#ansprechpartner .person .bild .grey {
	    height: 210px;
	}
}

/* only iPhone Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* iPhone Portrait */
@media only screen and (max-width: 479px) {
	#header_tel {
	    top: 27px;
	    width: 53px;
	    right: 0;
	}
	#menu ul.level1 li {
	    width: 100%;
	}
	#menu ul.level2 {
	    padding-bottom: 0;
	}
	a.button.weiterlesen {
	    width: 47%;
	}
	.box_inner .bilder {
	    width: 100%;
	}
	.box_inner .bilder .bild a img {
	    max-width: 300%;
	    width: 100%;
	}
	#branchen_boxen .einleitung {
	    width: 100%;
	}
	a.button.weiterlesen {
	    width: 100%;
	    float: left;
	}
	.box_inner .bilder .bild {
	    height: auto;
	}
	#branchen .medium .bild {
	    width: 100%;
	    margin-right: 0;
	}
	.row.bilder .bild {
	    width: 100%;
	    margin-right: 0;
	}
	.row.bilder .bild a.fbox {
	    height: 180px;
	}
	#news.liste .bild a {
	    height: 200px;
	    margin-bottom: 30px;
	}
	.text .kontakt .standort {
	    width: 100%;
	}
	.referenz.three.columns.alpha {
	    width: 100%;
	}
	#referenzen a.fbox {
	    height: 200px;
	}
    #ansprechpartner .person .bild .grey {
        height: 150px;
    }
}



.home-news-date{
    font-size: 12px; margin-top: -16px; display: block;
}

h4.home-news-title a{
    color: #87888a;
}


footer{
    width: 100%;
    background: #7D7E80;
    padding: 40px 0;
    margin-top: 40px;
    color: #FFF;

    font-size: 16px;
    line-height: 22px;
}


footer ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
footer ul li{
    margin: 0;
}
footer a{
    color: #CCC;
}

#wrapper{
    min-height: calc(100vh - 208px);
}