@font-face{
font-family:"Helvetica Neue LT W04_35 Thin";
src:url("Fonts/1459684/6a90c865-49a8-4f20-99c7-73987067d9c9.eot?#iefix");
src:url("Fonts/1459684/6a90c865-49a8-4f20-99c7-73987067d9c9.eot?#iefix") format("eot"),url("Fonts/1459684/8520ec8f-b7f6-485e-a3b7-811ab3da29b2.woff2") format("woff2"),url("Fonts/1459684/cd6c33a1-279f-47db-8fa5-063d809888f8.woff") format("woff"),url("Fonts/1459684/b204c5ce-e6ed-4dfd-bfdc-b45b26fcb7c8.ttf") format("truetype"),url("Fonts/1459684/272a58f8-f0b6-4601-934c-b64afb2b3a56.svg#272a58f8-f0b6-4601-934c-b64afb2b3a56") format("svg");
}


@font-face {font-family: 'CentennialLTStd-Italic';src: url('2EF42E_0_0.eot');src: url('2EF42E_0_0.eot?#iefix') format('embedded-opentype'),url('2EF42E_0_0.woff2') format('woff2'),url('2EF42E_0_0.woff') format('woff'),url('2EF42E_0_0.ttf') format('truetype');}


/*
font-family: 'Roboto', sans-serif;
font-family: 'Arvo', serif;
*/

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; font-weight: normal; }
a[href^=tel]{ color:inherit; text-decoration: inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
iframe{ max-width: 100%; }
picture img{ width: 100%!important; }
img { border:none; }
img { max-width: 100%; height: auto; width: auto; /* width auto needs ie8 in typo*/ }
html, body { font-family:'Helvetica Neue LT W04_35 Thin'; font-weight: normal; color: #000000; font-size: 15px; height: 100%; letter-spacing: 1.5px;}
html{ overflow-y: scroll; }
ul { margin: 0px; }
a:focus { outline: none; }
h1, h2, h3, h4, h5 {  }
fieldset { border: none; }
:focus {outline:none;}
textarea,
input[type="text"],
input[type="button"],
input[type="button"],
input[type="date"],
.text_data,
select {
     -webkit-appearance: none;
     border-radius: 0;
     font-family: 'Roboto', sans-serif;
     padding:10px;
     width:90%;
}
.input_formular {
     -webkit-appearance: none;
     border-radius: 0;
     font-family: 'Roboto', sans-serif;
     padding:10px;
     width:40%;
}
.sicherheitsabfrage {
     -webkit-appearance: none;
     border-radius: 0;
     font-family: 'Roboto', sans-serif;
     padding:10px;
     width:20%;
}
input[type="submit"]{
     -webkit-appearance: none;
     border-radius: 0;
     font-family: 'Roboto', sans-serif;
     padding:10px;
}

b,strong{ font-weight: 600; }

.textsmall{font-size: 12px; line-height:13px; letter-spacing: 1.1px;}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid #999999;
}
.noeyes{
display:none;
}
.spezialhr {border-top: 1px solid #000000; }

a{ color: inherit; text-decoration: none; }
a:hover{ color: inherit; opacity: 0.7; }

.align-left{ text-align: left; }
.align-right{ text-align: right; }


.inners{ max-width: 1413px; margin: 0 auto; }
.inners2{ max-width: 650px; margin: 0 auto; }

#header{ font-size: 16px; text-transform: uppercase; }
#header .inners{ padding-bottom: 5px; }
#header .inners:after{ clear: both; content:''; display:table; }
#header .headerleft{ float: left; padding-top: 110px; width: 62.9%; }
#header .headerleft #mobichecker{ display: none; height: 0px;  overflow:hidden; }
#header .headerleft i{ font-style: normal; padding-right: 11px; }

#header .headerleftZW{ float: left; width: 22.9%; padding-top: 115px; }

#header .headerrightZW{ float: left; width: 21.3%;  margin-right: 3.8%; padding-top: 48px; }

#header .headerright{ float: left; width: 12%; padding-top: 25px; padding-bottom: 10px; }

#mobicon{ display: inline-block; padding-left: 34px; background-image: url(../img/mobiicon.png); background-repeat: no-repeat; background-position: 0px 2px; margin-right: 14px; }


#banner{ margin-bottom: 60px; position: relative; }
.swiper-slide{
        position: relative;
        width: 100%;
}
.swiper-slide img{
        width: 100%;
}
.swiper-slide .textlinks .infobox{

}
.swiper-slide .imgslide{
        line-height: 0px;
}
.swiper-slide .infobox{
        position: absolute;
        bottom: 38px;
        width: 100%;
}
.swiper-slide .infobox .inBox{
         max-width: 1413px; margin: 0 auto;
}
.swiper-slide .infobox .inBox{

}
.swiper-slide .textrechts .boxer{
        float: right;
}
.swiper-slide .textlinks .boxer{
        float: left;
}

.swiper-slide .boxer{
}

.swiper-slide .boxer .bg1{
        background-color: #7e8832;
        color: #FFF;
        padding: 20px;
}

.swiper-slide .boxer .bg2{
        background-color: #95896f;
        color: #FFF;
        padding: 20px;
}

.swiper-slide .boxer .bg3{
        background-color: #4d7098;
        color: #FFF;
        padding: 20px;
}

.swiper-slide .boxer .bg4{
        background-color: #987052;
        color: #FFF;
        padding: 20px;
}

.swiper-slide .boxer .bg5{
        background-color: #a6bac3;
        color: #FFF;
        padding: 20px;
}

.swiper-slide .boxer .bg6{
        background-color: #036fb7;
        color: #FFF;
        padding: 20px;
}
.swiper-slide .boxer .bg7{
        background-color: #036fb7;
        color: #FFF;
        padding: 20px;
}

.swiper-slide .boxer h2{
        text-transform: none;
        font-size: 22px;
        font-weight: 300;
}
.swiper-slide .boxer h3{
        font-family: 'CentennialLTStd-Italic';
        font-size: 40px;
        font-weight: 400;
}

.prevBanner{
        position: absolute;
        left: 25px;
        top: 50%;
        margin-top: -18px;
        display: block;
        cursor: pointer;
        width: 22px;
        height: 39px;
        z-index: 16;
        background-image: url(../img/leftBa.png);
        background-repeat: no-repeat;
}
.nextBanner{
        position: absolute;
        right: 25px;
        top: 50%;
        margin-top: -18px;
        display: block;
        cursor: pointer;
        width: 22px;
        height: 39px;
        z-index: 16;
        background-image: url(../img/rightBa.png);
        background-repeat: no-repeat;
}
#banner .pagination{
        position: absolute;
        bottom: 10px;
        left: 48%;
        z-index: 25;
}
#banner .pagination span{
        display: inline-block;
        width: 12px;
        height: 12px;
        background-color:#fff;
        margin-right: 3px;
        margin-left: 3px;
        cursor: pointer;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
}
#banner .pagination span.swiper-active-switch{
        background-color:#036fb7;
}


.projekteView{}
.projekteView:after{ clear: both; content:''; display:table; }
.projekteView a{ display: block; float: left; width: 32%; margin-right: 1.9%; margin-bottom: 1.9%; position: relative; line-height: 0px; }
.projekteView a span.txt{ position: absolute; bottom: 25px; left: 25px; color: #FFF; text-transform: uppercase; z-index:3; }
.projekteView a span.overlay{ display: none; z-index: 2; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;  background-color: rgba(126, 136, 50, 0.7);  }
.projekteView a:hover span.overlay{ display: block; }
.projekteView a:nth-child(3n){ margin-right: 0; }

.showSlide{ display: block; position: relative; line-height: 0px; margin-bottom: 25px; }
.showSlide img{ width: 100%; }
.showSlide span.txt{ position: absolute; bottom: 25px; left: 25px; color: #FFF; text-transform: uppercase; z-index:3; display: block; padding-right: 23px; background-image: url(../img/langer_pfeil.png); background-repeat: no-repeat; background-position: right; line-height: 19px; }
.showSlide span.overlay{ display: none; z-index: 2; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;  background-color: rgba(126, 136, 50, 0.7); opacity: 1.0; }
.showSlide:hover span.overlay{ display: block; }

.referenzen span.overlay{ background-color: rgba(126, 136, 50, 0.7); opacity: 1.0;}
.holzbau span.overlay{ background-color: rgba(149, 137, 111, 0.7); opacity: 1.0;}
.veranstaltungen span.overlay{ background-color: rgba(77, 112, 152, 0.7); opacity: 1.0;}
.kontaktneuigkeiten span.overlay{ background-color: rgba(152, 112, 82, 0.7); opacity: 1.0;}
.medienneuigkeiten span.overlay{ background-color: rgba(166, 186, 195, 0.7); opacity: 1.0;}
.unternehmen span.overlay{ background-color: rgba(0, 110, 183, 0.7); opacity: 1.0;}
.text_info{font-size: 16px; text-transform: uppercase;  padding-bottom: 5px;}


#banner .naviTop{ position: absolute; left: 0px; width: 100%; top: 0px; z-index: 40;  }
#naviTopIn{ display: none;  max-width: 1413px; margin: 0 auto; background-image: url(../img/navBG.png); padding-top: 65px; }
#naviTopIn ul{ position: relative; list-style: none; list-style-type: none; width: 55%; padding-top: 40px; padding-bottom: 40px; border-right: 1px solid white; }
#naviTopIn ul li{  margin-bottom: 40px;  padding-right: 50px; }
#naviTopIn ul li > a { font-size: 35px; text-transform: uppercase; color: #FFF; font-weight: 300; display: block; text-align: right; text-decoration:none; }
#naviTopIn ul li ul{ display: none; position: absolute; left: 100%; height: 100%; top: 40px; border: none; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; }
#naviTopIn ul li:hover ul{ display: block; }
#naviTopIn ul li ul li{ margin-bottom: 30px; padding-right: 0px; padding-left: 50px; }
#naviTopIn ul li ul li > a{ font-size: 30px; text-align: left; }


.navi_format1:hover{color: #7f8732;}
.navi_format2:hover{color: #95896f;}
.navi_format3:hover{color: #4d7098;}
.navi_format4:hover{color: #987052;}
.navi_format5:hover{color: #a6bac3;}
.navi_format6:hover{color: #036fb7;}
.navi_format7:hover{color: #036fb7;}

.text_cent{font-family: 'CentennialLTStd-Italic', serif;}
.text_helv{font-family: 'Helvetica Neue LT W04_35 Thin', serif;}

.infobox1{letter-spacing: 0px; background-color: #7f8732; color: #FFF; padding: 20px; margin-bottom:30px; max-width:50%; font-family: 'CentennialLTStd-Italic', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox2{letter-spacing: 0px; background-color: #95896f; color: #FFF; padding: 20px; margin-bottom:30px; max-width:50%; font-family: 'CentennialLTStd-Italic', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox3{letter-spacing: 0px; background-color: #4d7098; color: #FFF; padding: 20px; margin-bottom:30px; max-width:50%; font-family: 'CentennialLTStd-Italic', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox4{letter-spacing: 0px; background-color: #987052; color: #FFF; padding: 20px; margin-bottom:30px; max-width:50%; font-family: 'CentennialLTStd-Italic', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox5{letter-spacing: 0px; background-color: #a6bac3; color: #FFF; padding: 20px; margin-bottom:30px; max-width:50%; font-family: 'CentennialLTStd-Italic', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox6{letter-spacing: 0px; background-color: #036fb7; color: #FFF; padding: 20px; margin-bottom:30px; max-width:50%; font-family: 'CentennialLTStd-Italic', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox7{letter-spacing: 0px; background-color: #036fb7; color: #FFF; padding: 20px; margin-bottom:30px; max-width:50%; font-family: 'CentennialLTStd-Italic', serif; font-size: 16px; font-weight: 400; line-height:24px;}

.infobox1_text{letter-spacing: 0px; background-color: #7f8732; color: #FFF; padding: 20px; margin-bottom:30px; max-width:50%; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox2_text{letter-spacing: 0px; background-color: #95896f; color: #FFF; padding: 20px; margin-bottom:30px; max-width:50%; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox3_text{letter-spacing: 0px; background-color: #4d7098; color: #FFF; padding: 20px; margin-bottom:30px; max-width:50%; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox4_text{letter-spacing: 0px; background-color: #987052; color: #FFF; padding: 20px; margin-bottom:30px; max-width:50%; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox5_text{letter-spacing: 0px; background-color: #a6bac3; color: #FFF; padding: 20px; margin-bottom:30px; max-width:50%; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox6_text{letter-spacing: 0px; background-color: #036fb7; color: #FFF; padding: 20px; margin-bottom:30px; max-width:50%; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox7_text{letter-spacing: 0px; background-color: #036fb7; color: #FFF; padding: 20px; margin-bottom:30px; max-width:50%; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; line-height:24px;}

.infobox1_2{letter-spacing: 0px; background-color: #7f8732; color: #FFF; padding: 20px; margin-bottom:30px; max-width:100%; font-family: 'CentennialLTStd-Italic', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox2_2{letter-spacing: 0px; background-color: #95896f; color: #FFF; padding: 20px; margin-bottom:30px; max-width:100%; font-family: 'CentennialLTStd-Italic', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox3_2{letter-spacing: 0px; background-color: #4d7098; color: #FFF; padding: 20px; margin-bottom:30px; max-width:100%; font-family: 'CentennialLTStd-Italic', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox4_2{letter-spacing: 0px; background-color: #987052; color: #FFF; padding: 20px; margin-bottom:30px; max-width:100%; font-family: 'CentennialLTStd-Italic', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox5_2{letter-spacing: 0px; background-color: #a6bac3; color: #FFF; padding: 20px; margin-bottom:30px; max-width:100%; font-family: 'CentennialLTStd-Italic', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox6_2{letter-spacing: 0px; background-color: #036fb7; color: #FFF; padding: 20px; margin-bottom:30px; max-width:100%; font-family: 'CentennialLTStd-Italic', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox7_2{letter-spacing: 0px; background-color: #036fb7; color: #FFF; padding: 20px; margin-bottom:30px; max-width:100%; font-family: 'CentennialLTStd-Italic', serif; font-size: 16px; font-weight: 400; line-height:24px;}


.infobox1_text2{letter-spacing: 0px; background-color: #7f8732; color: #FFF; padding: 20px; margin-bottom:30px; max-width:100%; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox2_text2{letter-spacing: 0px; background-color: #95896f; color: #FFF; padding: 20px; margin-bottom:30px; max-width:100%; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox3_text2{letter-spacing: 0px; background-color: #4d7098; color: #FFF; padding: 20px; margin-bottom:30px; max-width:100%; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox4_text2{letter-spacing: 0px; background-color: #987052; color: #FFF; padding: 20px; margin-bottom:30px; max-width:100%; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox5_text2{letter-spacing: 0px; background-color: #a6bac3; color: #FFF; padding: 20px; margin-bottom:30px; max-width:100%; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox6_text2{letter-spacing: 0px; background-color: #036fb7; color: #FFF; padding: 20px; margin-bottom:30px; max-width:100%; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox7_text2{letter-spacing: 0px; background-color: #036fb7; color: #FFF; padding: 20px; margin-bottom:30px; max-width:100%; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; line-height:24px;}
.infobox8_text2{letter-spacing: 0px; background-color: #bb1313; color: #FFF; padding: 20px; margin-bottom:30px; max-width:100%; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; line-height:24px;}

.infoboxtextweiss{letter-spacing: 0px; font-size:12px; color:#FFF; font-family:'Helvetica Neue LT W04_35 Thin'; font-weight: normal; }

.titel_format1_1{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 30px; font-weight: 400; color: #7f8732;}
.titel_format2_1{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 30px; font-weight: 400; color: #95896f;}
.titel_format3_1{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 30px; font-weight: 400; color: #4d7098;}
.titel_format4_1{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 30px; font-weight: 400; color: #987052;}
.titel_format5_1{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 30px; font-weight: 400; color: #a6bac3;}
.titel_format6_1{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 30px; font-weight: 400; color: #036fb7;}
.titel_format7_1{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 30px; font-weight: 400; color: #036fb7;}
.titel_format8_1{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 30px; font-weight: 400; color: #9b121a;}

.titel_format1_2{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 18px; font-weight: 400; color: #7f8732;}
.titel_format2_2{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 18px; font-weight: 400; color: #95896f;}
.titel_format3_2{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 18px; font-weight: 400; color: #4d7098;}
.titel_format4_2{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 18px; font-weight: 400; color: #987052;}
.titel_format5_2{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 18px; font-weight: 400; color: #a6bac3;}
.titel_format6_2{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 18px; font-weight: 400; color: #036fb7;}
.titel_format7_2{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 18px; font-weight: 400; color: #036fb7;}
.titel_format8_2{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 18px; font-weight: 400; color: #9b121a;}

.titel_format1_3{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; color: #7f8732;}
.titel_format2_3{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; color: #95896f;}
.titel_format3_3{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; color: #4d7098;}
.titel_format4_3{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; color: #987052;}
.titel_format5_3{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; color: #a6bac3;}
.titel_format6_3{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; color: #036fb7;}
.titel_format7_3{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; color: #036fb7;}
.titel_format8_3{font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; color: #9b121a;}

.titel_format1{font-family: 'CentennialLTStd-Italic', serif; font-size: 18px; font-weight: 400; color: #7f8732;}
.titel_format2{font-family: 'CentennialLTStd-Italic', serif; font-size: 18px; font-weight: 400; color: #95896f;}
.titel_format3{font-family: 'CentennialLTStd-Italic', serif; font-size: 18px; font-weight: 400; color: #4d7098;}
.titel_format4{font-family: 'CentennialLTStd-Italic', serif; font-size: 18px; font-weight: 400; color: #987052;}
.titel_format5{font-family: 'CentennialLTStd-Italic', serif; font-size: 18px; font-weight: 400; color: #a6bac3;}
.titel_format6{font-family: 'CentennialLTStd-Italic', serif; font-size: 18px; font-weight: 400; color: #036fb7;}
.titel_format7{font-family: 'CentennialLTStd-Italic', serif; font-size: 18px; font-weight: 400; color: #036fb7;}
.titel_format8{font-family: 'CentennialLTStd-Italic', serif; font-size: 18px; font-weight: 400; color: #9b121a;}

.titel2_format1{font-family: 'CentennialLTStd-Italic', serif; font-size: 15px; font-weight: 400; color: #7f8732;}
.titel2_format2{font-family: 'CentennialLTStd-Italic', serif; font-size: 15px; font-weight: 400; color: #95896f;}
.titel2_format3{font-family: 'CentennialLTStd-Italic', serif; font-size: 15px; font-weight: 400; color: #4d7098;}
.titel2_format4{font-family: 'CentennialLTStd-Italic', serif; font-size: 15px; font-weight: 400; color: #987052;}
.titel2_format5{font-family: 'CentennialLTStd-Italic', serif; font-size: 15px; font-weight: 400; color: #a6bac3;}
.titel2_format6{font-family: 'CentennialLTStd-Italic', serif; font-size: 15px; font-weight: 400; color: #036fb7;}
.titel2_format7{font-family: 'CentennialLTStd-Italic', serif; font-size: 15px; font-weight: 400; color: #036fb7;}

.karriere_kontakt{font-size:14px; max-width:350px; width:90%; border:1px solid; padding:30px;}
.karriere_kontakt .text3{ font-size: 14px; color: #007fc5;}
.karriere_kontakt .text3 a{ font-size: 14px; color: #007fc5;}
.karriere_stellen{color: #007fc5; }

.karriere_mitarbeiter{letter-spacing: 0px; background-color: #036fb7; color: #FFF; padding: 0px; margin-bottom:30px; max-width:50%; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; line-height:24px;}

.text1{ font-size: 24px; color: #036fb7; font-weight: 600;}
.text2{ font-size: 20px; color: #036fb7; font-weight: 600;}
.text3{ font-size: 15px; color: #036fb7; font-weight: 600;}
.text4{ font-size: 24px; font-weight: 600;}
.text5{ font-size: 20px; font-weight: 600;}

.row_20{ }
.row_20:after{ clear: both; content:''; display: table;}
.row_20 .col{ width: 20%; float: left;}


.row_25{ }
.row_25:after{ clear: both; content:''; display: table;}
.row_25 .col{ width: 25%; float: left;}


.row_33{ }
.row_33:after{ clear: both; content:''; display: table;}
.row_33 .col{ width: 33%; float: left;}


.row_50_50{ }
.row_50_50:after{ clear: both; content:''; display: table;}
.row_50_50 .col{ width: 49%; float: left;}
.row_50_50 .col_50_2{ margin-left: 1.7%;}


.row_50_50_ref{ }
.row_50_50_ref:after{ clear: both; content:''; display: table; padding-top:55px;}
.row_50_50_ref .col{ width: 49%; float: left; padding-left:12.5%;}
.row_50_50_ref .col_50_2{ margin-left: 0.5%; padding-right:12.5%;}


.row_50_50_wand{ }
.row_50_50_wand:after{ clear: both; content:''; display: table;}
.row_50_50_wand .col{ width: 49%; float: left;}
.row_50_50_wand .col_50_2{ margin-left: 1.7%;}
.row_50_50_wand div.smallSPA .maxHEI{ height: 233px; overflow: hidden; }
.row_50_50_wand div.smallSPA .showSpabU{ display: block; text-align: center; border-top: 2px solid #a5a5a5; margin-top: 10px; padding-top: 10px; cursor:pointer; padding-bottom: 7px; background-image: url(../img/toBObutton.png); background-repeat: no-repeat; background-position: center bottom;  }
.row_50_50_wand div.smallSPA .showSpabUAB{ background-image: url(../img/toBObuttonTOP.png);  background-position: center 10px; padding-bottom: 0px; padding-top: 17px;  }

.row_50_50_ansprech_ver{}
.row_50_50_ansprech_ver:after{ clear: both; content:''; display: table;}
.row_50_50_ansprech_ver .col_50_1_ansprech_ver{ width: 20%; float: left;}
.row_50_50_ansprech_ver .col_50_2_ansprech_ver{letter-spacing: 0px; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 14px; font-weight: 400; line-height:20px; width: 30%; background-color: #4d7098; height: 202px; float: left; color: #FFF; padding: 20px; margin-bottom:30px;}
.row_50_50_ansprech_ver .col_50_2_ansprech_ver1{letter-spacing: 0px; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 14px; font-weight: 400; line-height:20px; width: 30%; background-color: #7f8732; height: 202px; float: left; color: #FFF; padding: 20px; margin-bottom:30px;}
.row_50_50_ansprech_ver .col_50_2_ansprech_ver2{letter-spacing: 0px; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 14px; font-weight: 400; line-height:20px; width: 30%; background-color: #95896f; height: 202px; float: left; color: #FFF; padding: 20px; margin-bottom:30px;}
.row_50_50_ansprech_ver .col_50_2_ansprech_ver3{letter-spacing: 0px; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 14px; font-weight: 400; line-height:20px; width: 30%; background-color: #4d7098; height: 202px; float: left; color: #FFF; padding: 20px; margin-bottom:30px;}
.row_50_50_ansprech_ver .col_50_2_ansprech_ver4{letter-spacing: 0px; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 14px; font-weight: 400; line-height:20px; width: 30%; background-color: #987052; height: 202px; float: left; color: #FFF; padding: 20px; margin-bottom:30px;}
.row_50_50_ansprech_ver .col_50_2_ansprech_ver5{letter-spacing: 0px; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 14px; font-weight: 400; line-height:20px; width: 30%; background-color: #a6bac3; height: 202px; float: left; color: #FFF; padding: 20px; margin-bottom:30px;}
.row_50_50_ansprech_ver .col_50_2_ansprech_ver6{letter-spacing: 0px; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 14px; font-weight: 400; line-height:20px; width: 30%; background-color: #036fb7; height: 202px; float: left; color: #FFF; padding: 20px; margin-bottom:30px;}

.row_50_50_unternehmen_ver{width:65%;}
.row_50_50_unternehmen_ver:after{ clear: both; content:''; display: table;}
.row_50_50_unternehmen_ver .col_50_1_unternehmen_ver{ width: 60%; float: left; }
.row_50_50_unternehmen_ver .col_50_1_unternehmen_ver img{ width: 100%; object-fit: contain;}
.row_50_50_unternehmen_ver .col_50_2_unternehmen_ver{background-color: #036fb7; letter-spacing: 0px; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 14px; font-weight: 400; line-height:20px; width: 40%; float: left; color: #FFF; padding: 5%; margin-bottom:30px; height:329px;}

.row_50_50_unternehmen_ver_2{width:65%;}
.row_50_50_unternehmen_ver_2:after{ clear: both; content:''; display: table;}
.row_50_50_unternehmen_ver_2 .col_50_1_unternehmen_ver_2{background-color: #036fb7; letter-spacing: 0px; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 14px; font-weight: 400; line-height:20px; width: 40%; float: left; color: #FFF; padding: 5%; margin-bottom:30px; height:329px; padding-top:30px; padding-bottom:30px;}
.row_50_50_unternehmen_ver_2 .col_50_2_unternehmen_ver_2{width: 60%; float: left; text-align:right;}
.row_50_50_unternehmen_ver_2 .col_50_2_unternehmen_ver_2 img{ width: 100%; }

.ansprech_zitat{font-family: 'CentennialLTStd-Italic', serif;}

.row_50_50_ansprech_kar{}
.row_50_50_ansprech_kar:after{ clear: both; content:''; display: table;}
.row_50_50_ansprech_kar .col_50_1_ansprech_kar{ letter-spacing: 0px; width: 20%; float: left;}
.row_50_50_ansprech_kar .col_50_2_ansprech_kar{letter-spacing: 0px; font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 14px; font-weight: 400; line-height:20px; width: 30%; background-color: #036fb7; height: 202px; float: left; color: #FFF; padding: 20px; margin-bottom:30px;}

.row70_30{ }
.row70_30:after{ clear: both; content:''; display: table; }
.row70_30 .col_70{ width: 65%; float: left; padding-left: 11%; }
.row70_30 .col_30{ width: 31%; float: left; margin-left: 4%;  }

.row70_30_2{ }
.row70_30_2:after{ clear: both; content:''; display: table; }
.row70_30_2 .col_70{ width: 65%; float: left; }
.row70_30_2 .col_70 a{ font-weight: 600; }
.row70_30_2 .col_30{ width: 31%; float: left; margin-left: 4%;  }

.row70_30_3{ }
.row70_30_3:after{ clear: both; content:''; display: table; }
.row70_30_3 .col3_70{ width: 65%; float: left; }
.row70_30_3 .col3_70 a{ font-weight: 600; }
.row70_30_3 .col3_30{ width: 31%; float: left; margin-left: 4%;  }

.row30_70{ }
.row30_70:after{ clear: both; content:''; display: table; }
.row30_70 .col2_30{ width: 31%; float: left;   }
.row30_70 .col2_70{ width: 65%; float: left; margin-left: 4%;}

.row50_25_25{ padding-bottom: 25px; }
.row50_25_25:after{ clear: both; content:''; display: table;}
.row50_25_25 .col_50{ width: 49%; float: left; display:table-cell;}
.row50_25_25 .col_25_1{ letter-spacing: 0px; padding: 25px; width: 29.2%; float: left; margin-left: 1.7%; font-family: 'CentennialLTStd-Italic', serif; font-size: 16px; font-weight: 400; color:#ffffff; background-color: #7e8832;}
.row50_25_25 .col_25_1 .text{ font-family: 'Helvetica Neue LT W04_35 Thin', serif; font-size: 16px; font-weight: 400; color:#ffffff;}
.row50_25_25 .col_25_1_2{letter-spacing: 0px;  padding: 25px; width: 29.2%; float: left; margin-left: 1.7%; font-family: 'CentennialLTStd-Italic', serif; font-size: 16px; font-weight: 400; color:#ffffff; background-color: #95896f;}
.row50_25_25 .col_25_2{ letter-spacing: 0px; width: 18%; float: left; margin-left: 1.7%; }

.row80_20{ }
.row80_20:after{ clear: both; content:''; display: table; }
.row80_20 .col_20{ letter-spacing: 0px; width: 21%; float: left; padding-left: 11%;  padding-bottom: 80px; }
.row80_20 .col_80{ letter-spacing: 0px; width: 45%; float: left; margin-left: 4%; font-family: 'CentennialLTStd-Italic', serif; font-size: 14px; font-weight: 400; color: #1d1d1b;}


.fourcols{ }
.fourcols:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.fourcols div.spalte{ text-decoration: none; display: block; width: 23.1%; float: left; margin-right: 2.5%; margin-bottom: 2.5%; text-align: left;}
.fourcols div.smallSPA .maxHEI{ height: 233px; overflow: hidden; }
.fourcols div.smallSPA .showSpabU{ display: block; text-align: center; border-top: 2px solid #a5a5a5; margin-top: 10px; padding-top: 10px; cursor:pointer; padding-bottom: 7px; background-image: url(../img/toBObutton.png); background-repeat: no-repeat; background-position: center bottom;  }
.fourcols div.smallSPA .showSpabUAB{ background-image: url(../img/toBObuttonTOP.png);  background-position: center 10px; padding-bottom: 0px; padding-top: 17px;  }
.fourcols  div.spalte:nth-child(7), .fourcols  div.spalte:nth-child(14){
        margin-right: 0;
}
.fourcols .clearerforresponsive{ display: none; }
.fourcols  span.clearerforresponsive:nth-child(8), .fourcols  span.clearerforresponsive:nth-child(16){
        display: block;
        clear: both;
        line-height: 0px;
}

.infoBox{ max-width: 270px; }
.infoBox h4{ font-size: 16px; color: #1d1d1b; padding-bottom: 10px; border-bottom: 1px solid #7e8832; font-weight: 500; }
.infoBox .inf{  padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #dddddd; color: #000; }


#breadcrump{ padding-top: 45px; }
#breadcrump a{ text-transform: uppercase; }


#content h1{ font-size: 20px; font-weight: 400; color: #1d1d1b; }
#content h2{ font-family: 'CentennialLTStd-Italic', serif; font-size: 36px; font-weight: 400; color:#7e8832; margin-bottom: 60px; }
#content h3{ font-family: 'CentennialLTStd-Italic', serif; font-size: 16px; font-weight: 400; color:#7e8832; margin-bottom: 20px; margin-top: 40px;}
#content h4{ font-family: 'CentennialLTStd-Italic', serif; font-size: 16px; font-weight: 400; color:#036fb7; margin-bottom: 20px; margin-top: 40px;}
#content p{ line-height: 26px; margin-bottom: 22px;}
#content ul{ margin-left: 15px;}
#content ul li{ line-height: 26px;  list-style-position: outside;}
#content ol{ margin-left: 15px;}
#content ol li{ line-height: 26px;  list-style-position: outside;}
.absbO{ display: block; margin-bottom: 20px; }

#startBanner {}
#startBanner:after{ clear: both; content:''; display:table; }
#startBanner a{ float: left; width: 33.3333%; position: relative; line-height: 0px; opacity: 1.0;}
#startBanner a img{ width: 100%; }
#startBanner a span.txt{ position: absolute; width: 100%; top: 50%; left: 0; color: #FFF; text-transform: uppercase; z-index:3; text-align: center; font-size: 45px; font-weight: 300; line-height: normal  }
#startBanner a span.txt2{ position: absolute; width: 100%; top: 22.5%; left: 0; color: #FFF; text-transform: uppercase; z-index:3; text-align: center; font-size: 45px; font-weight: 300; line-height: normal  }
#startBanner a span.txt2 img{ width:30%; padding-bottom:8%;}
#startBanner a span.overlay{ display: none; z-index: 2; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;  background-color: rgba(26, 53, 83, 0.7); }
#startBanner a:hover span.overlay{ display: block; }

#startBanner a.right span.overlay{ background-color: rgba(26, 53, 83, 0.7); }
#startBanner a.mid span.overlay{ background-color: rgba(26, 53, 83, 0.7); }
#startBanner a hr{ display: none; border-width: 2px 0 0 0; border-style: solid; border-color: #006eb7; max-width: 292px; margin: 0 auto; margin-top: 12px; margin-bottom: 12px; }
#startBanner a:hover span.txt, #startBanner a:hover span.txt2{ color: #006eb7; }
#startBanner a span.txt .inText{ font-weight: 300; color: #FFF; font-size: 24px; line-height: 31px; display: none; }
#startBanner a:hover span.txt .inText, #startBanner a:hover hr { display: block; }

/* Zoom */
#startBanner a { overflow: hidden; }
#startBanner a img{ width: 100%; -webkit-transition: 800ms ease; -moz-transition: 800ms ease; -o-transition: 800ms ease; transition: 800ms ease; animation-duration: 1s; animation-fill-mode: both; }
#startBanner a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.container_karriere {display:table; margin: 0px auto;}
.karriere_head_aktiv {width:230px; font-size:18px; color:#ffffff; background-color:#036fb7; padding:10px; float:left; text-align: center; text-decoration:none; border-top: 1px solid #036fb7; border-bottom: 1px solid #036fb7;}
.karriere_head {width:230px; font-size:18px; padding:10px; background-color:#ffffff; margin:1px; float:left; text-align: center; text-decoration:none; border-top: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4;}
.karriere_head:hover{background-color:#036fb7; color:#ffffff;}
.karriere {border-top: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; background-color: #FFFFFF; width:80%; padding:30px; margin:0px auto }

#footer{ padding-top: 80px; font-size: 16px; padding-bottom: 14px; }
#footer .inners:after{ clear: both; display:table; content:''; }
#footer .footerLeft{ float: left; width: 86%; }
#footer .footerLeft ul{ list-style: none; list-style-type:none; }
#footer .footerLeft > ul:after{ clear: both; display:table; content:''; }
#footer .footerLeft ul li{ float: left; width: 33%; }
#footer .footerLeft ul li a{ display: inline-block; margin-bottom: 30px; text-transform: uppercase; }
#footer .footerLeft ul li a:hover{ color:#036fb7; }
#footer .footerLeft ul li ul{  }
#footer .footerLeft ul li ul li{ float: none; width: 100%; margin-bottom: 0px; }
#footer .footerLeft ul li ul li a{ margin-bottom: 0px; font-size: 14px; line-height: 25px; text-transform: none;  }
#footer .footerRight{ float: left; width: 14%; font-size: 16px;  }
#footer .footerRight h4{ font-weight: 400; text-transform: uppercase; font-size: 16px; margin-bottom: 30px;  }
#footer .footerRight p{ line-height: 25px; margin-bottom: 25px; }
#footer .footerRight a:hover{ color:#036fb7; }

.threecols{}
.threecols:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.threecols div.three_1{ float: left; width: 31%; margin-right: 3.4%; text-align: left;  }
.threecols div.three_2{ float: left; width: 31%; margin-right: 3.4%; text-align: left; }
.threecols div.three_3{ float: left; width: 31%; text-align: left;}

.threecols2{}
.threecols2:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.threecols2 div.three_1{ float: left; width: 25%; }
.threecols2 div.three_2{ float: left; width: 50%; }
.threecols2 div.three_3{ float: left; width: 25%; }

.threecols2_main{}
.threecols2_main:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.threecols2_main div.three_1{ float: left; width: 19%; padding-right:3%;}
.threecols2_main div.three_2{ float: left; width: 66%; padding-top:2.3em; text-align:center;}
.threecols2_main div.three_3{ float: left; width: 12%; padding-top:0.5em; text-align:right;}

.twocols2{overflow:hidden; margin-bottom:10px;}
.twocols2 .two1, .twocols2 .two2_rot{padding-bottom:1000px; margin-bottom:-1000px;}
.twocols2 .two1{ float: left; width: 20%;  }
.twocols2 .two2{ float: left; width: 79%; margin-left: 1%; padding-top:18px;}

.twocols{}
.twocols:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.twocols .two1{ float: left; width: 33%; margin-right: 1%; }
.twocols .two2{ float: left; width: 66%; }

.twocols_50_50{margin-bottom:10px;}
.twocols_50_50:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.twocols_50_50 .col_50_1{ float: left; width: 45%; margin-right: 5%; text-align: left;}
.twocols_50_50 .col_50_2{ float: left; text-align: left; width: 50%; text-align: left;}

.twocols_50_50_start{background-color:#f3efee;}
.twocols_50_50_start:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.twocols_50_50_start .col_50_1{ float: left; width: 50%; float: left; text-align:center;}
.twocols_50_50_start .col_50_2{ float: left; text-align: center; width: 50%;}
.twocols_50_50_start .col_50_2 .img1{width:100%; height:100%;}

.img_standort{width:100%;}
.text_start{font-size:22px; line-height:30px; padding-top:3em; padding-bottom:3em;}

.fourcols{ }
.fourcols:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.fourcols div.cols{ float: left; text-decoration: none; width: 23.5%; margin-right: 1.5%; text-align:center;}

.fourcols_start_icon{ margin-bottom:50px;}
.fourcols_start_icon:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.fourcols_start_icon div.cols{ float: left; text-decoration: none; width: 23.5%; margin-right: 1.5%; text-align: center; margin-top:1.5%; }

#popup{ padding:20px; }
#popup .karriere_kontakt{background-color:#e6e3df; font-size:14px; max-width:350px; width:100%; border:0px solid; padding:30px;}
#popup .karriere_stellen{color: #007fc5; }

.kalender .fourcols {
margin-bottom:2px;
line-height:20px;
}
.kalender div a {
display:block;
height:100%;
background:#76e04c;
}
.kalender div a:hover {
background:#57bd2f;
}
.kalender div a.belegt {
display:block;
height:100%;
background:#bb1313;
}

#popup .button, .button a{
        background-color: #007fc5;
        text-decoration: none;
        color: #ffffff;
        text-transform: uppercase;
        line-height: 45px;
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px;
        margin-top:30px;
        margin-bottom:30px;
}

#popup ul {
    list-style: url("/img/bulletpoint.png");
}

#popup .button:hover, .button a:hover{
        background-color: #007fc5;
        color: #000000;
}

#popup .titelimage{width:100%; padding-bottom:20px;}


.button2, .button2 a{
        background-color: #ffffff;
	    border-color:#007fc5;
        text-decoration: none;
	    border-style: solid;
        text-transform: uppercase;
        line-height: 35px;
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px;
        margin-top:15px;
        margin-bottom:15px;
}

.button2:hover, .button2 a:hover{
        background-color: #007fc5;
        color: #ffffff;
}




@media ( max-width : 1450px ) {
        .inners{ padding-left: 10px; padding-right: 10px; }
        .swiper-slide .infobox .inBox{ padding-left: 10px; padding-right: 10px; }
}

@media ( max-width : 1200px ) {
        #footer .footerLeft{ width: 80%; }
        #footer .footerRight{ width: 20%; }
}
@media ( max-width : 1300px ) {
        #naviTopIn ul li{ margin-bottom: 20px; }
        #naviTopIn ul li > a{ font-size: 40px; }
        #naviTopIn ul li ul li{ margin-bottom: 20px; }
        #naviTopIn ul li ul li > a{ font-size: 20px; }
        #startBanner a span.txt{ font-size: 30px; }
        #startBanner a span.txt2{ font-size: 30px; }
}

@media ( max-width : 1050px ) {
        .headerleftZW{ display: none; }
        .headerrightZW{ display: none; }
        #header .headerright{ float: right; width: 40%; text-align: right; }
        #header .headerleft{ float: left; width: 48%; }
}

@media ( max-width : 820px ) {
        .projekteView a{ width: 49%; }
        .projekteView a:nth-child(3n){ margin-right: 1.9%; }
        .projekteView a:nth-child(2n){ margin-right: 0; }
        .swiper-slide .infobox{ position: static; bottom: auto; left: 0px; display: block; width: 100%; }
        .swiper-slide .infobox .inBox{ padding-left: 0px; padding-right: 0px; }
        .swiper-slide .boxer{ width: 100%; }

        .overPros > .row_50_50 > .col{ width: 100%; margin-left: 0!important; }
        .row_50_50 > .col{ width: 100%; margin-left: 0!important; }

        .row70_30 .col_70{ float: none; width: 100%; padding-left: 0; }
        .row70_30 .col_30{ float: none; width: 100%; margin-left: 0; }

        .row70_30_2 .col_70{ float: none; width: 100%; padding-left: 0; }
        .row70_30_2 .col_30{ float: none; width: 100%; margin-left: 0; }
        .row70_30_2 .col_70 .unternehmensbeschreibung {display:none;}

        .row30_70 .col2_30{ float: none; width: 100%; margin-left: 0; }
        .row30_70 .col2_70{ float: none; width: 100%; padding-left: 0; padding-top:20px; }

        #popup{ padding:0px; }

        .infoBox{ max-width: none; margin-bottom: 20px; }

        .row_50_50_unternehmen_ver{background-color: #036fb7; width:100%;}
        .row_50_50_unternehmen_ver:after{ clear: both; content:''; display: table;}
        .row_50_50_unternehmen_ver .col_50_1_unternehmen_ver{ width: 100%; float: left; height:auto;}
         .row_50_50_unternehmen_ver .col_50_2_unternehmen_ver{width: 100%; float: left; height:auto;}

         .row_50_50_unternehmen_ver_2{background-color: #036fb7; width:100%;}
         .row_50_50_unternehmen_ver_2:after{ clear: both; content:''; display: table;}
         .row_50_50_unternehmen_ver_2 .col_50_1_unternehmen_ver_2{ width: 100%; float: left; height:auto;}
         .row_50_50_unternehmen_ver_2 .col_50_2_unternehmen_ver_2{width: 100%; float: left; height:auto;}
}

@media ( max-width : 900px ) {
        #footer .footerLeft{ display: none; }
        #footer .footerRight{ width: 100%; }


        #header .headerleft #mobichecker{ display: block; }
        #naviTopIn ul li{ padding-right: 0px; }
        #naviTopIn ul{ border-right: none; width: 100%; padding-right: 10px; }
        #naviTopIn{ padding-top: 20px; padding-bottom: 20px;}
        #naviTopIn ul li > a{ font-size: 25px; }
        #naviTopIn ul li:hover ul{ display: none; }
        #naviTopIn ul li ul{ position: static; padding-top: 20px; }
        #naviTopIn ul li ul li > a{ text-align: right; }
        #startBanner a span.txt{ font-size: 20px; }
        #startBanner a span.txt2{ font-size: 20px; }
        #startBanner a span.txt .inText{ font-size: 16px;  line-height: 25px; }
        #startBanner a hr{ margin-left: 20px; margin-right: 20px; }


                .fourcols .spalte:nth-child(7), .fourcols .spalte:nth-child(15), .fourcols .spalte:nth-child(23){ margin-right: 2.5%;  }
                .fourcols span.clearerforresponsive:nth-child(8), .fourcols span.clearerforresponsive:nth-child(16), .fourcols span.clearerforresponsive:nth-child(24), .fourcols span.clearerforresponsive:nth-child(32){
                        display: none;
                }

                .fourcols .spalte:nth-child(5),.fourcols .spalte:nth-child(11), .fourcols .spalte:nth-child(17), .fourcols .spalte:nth-child(23){ margin-right: 0;  }
                .fourcols span.clearerforresponsive:nth-child(6), .fourcols span.clearerforresponsive:nth-child(12), .fourcols span.clearerforresponsive:nth-child(18), .fourcols span.clearerforresponsive:nth-child(24){
                display: block;
                clear: both;
                line-height: 0px
                }
                .fourcols div.spalte{ width: 31%; }

        .fourcols div.cols{ width: 50%;  float: none; margin-right: 0!important; margin-bottom: 0px; }
        .fourcols span.clearerforresponsive{ display: none!important; }


         .threecols div.three_1{ float: left; width: 100%; margin-right: 0%; text-align:center; }
         .threecols div.three_2{ float: left; width: 100%; margin-right: 0%; text-align:center;}
         .threecols div.three_3{ float: left; width: 100%; text-align:center;}

         .threecols2 div.three_1{ float: left; width: 100%; margin-right: 0%;  }
         .threecols2 div.three_2{ float: left; width: 100%; margin-right: 0%; }
         .threecols2 div.three_3{ float: left; width: 100%; }
}

@media ( max-width : 595px ) {
        .headerleft .claim{ display: none; }
        #header .headerright{ width:70%;  }
        #header .headerleft{ float: left; width: 30%; }



        .infobox1{max-width:100%;}
        .infobox2{max-width:100%;}
        .infobox3{max-width:100%;}
        .infobox4{max-width:100%;}
        .infobox5{max-width:100%;}
        .infobox6{max-width:100%;}
        .infobox7{max-width:100%;}

        .row80_20 .col_80{ float: none; width: 100%; padding-left: 0; }
        .row80_20 .col_20{ float: none; width: 100%; margin-left: 0; }

        .row50_25_25 .col_50{ width: 100%;}
        .row50_25_25 .col_25_1{width: 100%; margin-left: 0%; }
        .row50_25_25 .col_25_2{width: 100%; margin-left: 0%; padding-top:20px; }

        .row_50_50_ref .col{ width: 100%; float: left; padding-left:2.5%;}
        .row_50_50_ref .col_50_2{ width: 100%; padding-top:25px; padding-left:2.5%;}


                .fourcols .spalte:nth-child(5), .fourcols .spalte:nth-child(11), .fourcols .spalte:nth-child(17), .fourcols .spalte:nth-child(23){ margin-right: 2.5%;  }
                .fourcols span.clearerforresponsive:nth-child(6), .fourcols span.clearerforresponsive:nth-child(12), .fourcols span.clearerforresponsive:nth-child(18), .fourcols span.clearerforresponsive:nth-child(24){
                                           display: none;
                }

                .fourcols .spalte:nth-child(3), .fourcols .spalte:nth-child(7), .fourcols .spalte:nth-child(11), .fourcols .spalte:nth-child(15), .fourcols .spalte:nth-child(19), .fourcols .spalte:nth-child(23){ margin-right: 0;  }
                .fourcols span.clearerforresponsive:nth-child(4), .fourcols span.clearerforresponsive:nth-child(8), .fourcols span.clearerforresponsive:nth-child(12), .fourcols span.clearerforresponsive:nth-child(16), .fourcols span.clearerforresponsive:nth-child(20), .fourcols span.clearerforresponsive:nth-child(24){
                display: block;
                clear: both;
                line-height: 0px
                }
                .fourcols div.spalte{ width: 48%; }

}

@media ( max-width : 700px ) {
         .twocols_50_50 .col_50_1{ float: left; width: 100%; float: left; text-align: left;}
         .twocols_50_50 .col_50_2{ float: left; width: 100%; margin-left: 0%; text-align: left;}

         .twocols2 .two1{ float: left; width: 100%;  }
         .twocols2 .two2{ float: left; width: 100%; margin-left: 0%; padding-top:18px;}

         .twocols .two1{ float: left; width: 100%; margin-right: 0%; padding-top:18px;}
         .twocols .two2{ float: left; width: 100%; }

        .fourcols div.cols{ width: 100%;  float: none; margin-right: 0!important; margin-bottom: 0px; text-align:center; padding-bottom:20px;}
        .fourcols span.clearerforresponsive{ display: none!important; }

}
@media ( max-width : 500px ) {
        #startBanner a{ width: 50%; }
        #banner .pagination{ display:none; }
}

@media ( max-width : 470px ) {
        #startBanner a{ width: 100%; }

        .fourcols div.spalte{ width: 100%;  float: none; margin-right: 0!important; margin-bottom: 20px; }
        .fourcols span.clearerforresponsive{ display: none!important; }
}

@media ( max-width : 340px ) {

}