@charset "utf-8";

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; }
a[href^=tel] { color:inherit; text-decoration: inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
picture img { width: 100%!important; }
img { border:none; max-width: 100%; height: auto; line-height: 0; font-size: 0; }
html { overflow-y: scroll; }
html, body { height: 100%; font-family: 'Dosis', sans-serif; font-size: 16px; color: #797f85; font-weight: 400; background-color: #fff; }
input, textarea { font-family: 'Dosis', sans-serif; font-size: 13px; color: #fafafa; background-color: #2c2e30; border: none;  width: 100%; margin-bottom: 10px; padding-left: 10px; display: block;  }
input { height: 45px; }
textarea { height: 75px; padding-top: 18px; }
button { background-color: #e30613; border: none; color: #FFF; max-width: 100px; width: 100%; padding-top: 10px; padding-bottom: 10px; }

p { padding: 0; margin: 0; line-height: 26px; }
h1, h2, h3, h4, h5 { font-weight: 500; line-height: 1; font-family: 'Dosis', sans-serif; }
a { color: inherit; }
div.row:after { content: ""; clear: both; display: table; }
div.row div.col { float: left; }

.wrap { max-width: 1140px; margin: 0 auto; }

.effekt, #kontaktheader a, #topnav a, #content a, #kontaktheader a { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

#topnav img { float: left; margin: 15px 5% 30px 20.31%; }
#topnav { background-color: #ffffff; position: fixed; z-index: 14; width: 100%; }
#nav ul { list-style: none; }
#nav > ul:after { clear: both; content:''; display: table; }
#nav > ul > li { float: left; position: relative; margin-right: 1.7%; }
#nav > ul > li > a { display: block; font-size: 15px; color: #181818; padding-top: 90px; padding-bottom: 30px;
        text-decoration: none; font-weight: 400; letter-spacing: 5px; text-transform: uppercase; font-family: 'Dosis SemiBold', sans-serif; }
#nav > ul > li:hover > a { color: #b91f33; }
#nav > ul > li.active > a { color: #b91f33; font-weight: 600; }
#nav > ul > li#contact { float: right; margin-right: 0; }
#nav > ul > li#contact > a { background-color: #e30613; font-size: 14px; font-weight: 500; padding: 11px 20px; margin: 25px 0; text-transform: uppercase; color: #FFF; }

#nav > ul > li > ul { display: none; position: absolute; z-index: 13; background-color: #fff; min-width: 100%; }
#nav > ul > li:hover > ul { display: block; }
#nav > ul > li > ul > li { position: relative; }
#nav > ul > li > ul > li > a { font-size: 11px; display: block; padding: 14px 30px; text-decoration: none; color: #181818; font-family: 'Dosis Regular', sans-serif; letter-spacing: 4px; text-transform: uppercase; }
#nav > ul > li > ul > li:hover > a, #nav > ul > li > ul > li.active > a { color: #181818; background-color: #efefef; }

.slider-banner { position: relative; padding-top: 140px; }
.bgBanner { position: relative; overflow: hidden; min-height: 560px; }
.bgBanner img { display: block; width:100%; font-size: 0; line-height: 0; }
.slider-banner a { text-decoration: none; }
.slider-banner .BannerIMG { font-size: 0; line-height: 0; display: block; margin: 0 auto 25px auto; }
.slider-banner .textlinks, .slider-banner .bannerInfo { position: absolute; left: 0; top: 0; width: 100%; padding-top: 12%; }
.swiper-slide { position: relative; }
.swiper-slide .infobox { color: #FFF; font-size: 25px; }
.swiper-slide .infobox h2 { font-size: 36px; margin-bottom: 20px; font-weight: 600; text-transform: uppercase; color: #9f2436; text-align: center; font-family: 'Dosis Light', sans-serif; letter-spacing: 22px; }
.swiper-slide .infobox h3 { color: #9f2436; font-family: 'Dosis Light', sans-serif; font-size: 20px; text-align: center; margin-bottom: 30px;}
.swiper-slide .infobox ul { list-style: none; }
.swiper-slide .infobox ul li { text-align: center; font-family: 'Dosis Regular', sans-serif; font-size: 12px; letter-spacing: 5px; text-transform: uppercase; background-color: #9f2436; max-width: 245px; margin: 0 auto; padding-top: 15px; padding-bottom: 15px; }

.slider-banner .swiper-pagination { position: absolute; text-align: center; width: 100%; left: 0; bottom: 16px; z-index: 15;  }
.slider-banner .swiper-pagination span { display: inline-block; background-color: #ffffff; width: 15px; height: 15px; margin: 0 5px; cursor:pointer; }
.slider-banner .swiper-pagination span.swiper-active-switch { display: inline-block; background-color: #9f2436; }
.slider-banner .swiper-button-prev, .slider-banner .swiper-button-next { display: none; position: absolute; top: 50%; z-index: 999; margin-top: -35px; height: 70px; width: 70px; cursor: pointer; line-height: 70px; text-align: center; color: #959ca3; font-size: 20px; background-color: #FFF;}
.slider-banner .swiper-button-prev:hover, .slider-banner .swiper-button-next:hover { color: #FFF;  }
.slider-banner .swiper-button-prev { left: 0; }
.slider-banner .swiper-button-next { right: 0; }

.content h1 { margin-bottom: 10px; font-size: 24px; font-family: 'Dosis Regular', sans-serif; color: #9f2436; letter-spacing: 8px; text-transform: uppercase; }
.contentGrey h1 { margin-bottom: 15px; font-size: 24px; font-family: 'Dosis Regular', sans-serif; color: #ffffff; letter-spacing: 8px; text-transform: uppercase; }
.content h2, .contentGrey h2 { font-size: 10px; font-family: 'Dosis Regular', sans-serif; color: #b91f33; letter-spacing: 3px; text-transform: uppercase; }
.content h3, .contentGrey h3 { line-height: 26px; margin-bottom: 15px; font-size: 14px; font-family: 'Dosis Light', sans-serif; color: #181818; letter-spacing: 5px; text-transform: uppercase; }
.content { margin-bottom: 150px; }
.content p, .contentGrey p { font-size: 14px; font-family: 'Open Sans Light', sans-serif; }
.content:after, .contentGrey:after { clear: both; content:''; display:table; padding-bottom: 80px;}
.headerContent { display: block; margin: 0 auto 75px auto; text-align: center; padding-top: 80px; }
.headerContent img { margin-bottom: 20px; }
.content .row_30_30_30 .col { width: 28%; margin-right: 8%; float: left; }
.content .col_30_3 { margin-right: 0 !important; }

#impressum .headerContent { display: block; margin-bottom: 140px; }
#impressum h5 { margin-bottom: 10px; font-family: 'Dosis Medium', sans-serif; font-size: 14px; color: #181818; letter-spacing: 5px; text-transform: uppercase; text-align: center; }
#impressum h6 { font-family: 'Dosis Medium', sans-serif; font-size: 12px; color: #9f9f9f; letter-spacing: 5px; text-transform: uppercase; text-align: center; }
#impressum .row_30_30_30 .col { width: 30.5%; margin-right: 2.5%; float: left; }
#impressum .col_30_3 { margin-right: 0 !important; }
.teamHover { position: relative; margin-bottom: 70px; }
.hoverText { background-color: rgba(185,31,51,0.7); height: 100%; width: 100%; border: 5px solid #9f9f9f; position: absolute; left: 0; top: 0; opacity: 0; }
.hoverText:hover { opacity: 1.0; }
.textHoverBottom { position: absolute; bottom: 5%; left: 6%; }
.textHoverBottom p { letter-spacing: 5px; text-transform: uppercase; font-size: 25px; font-family: 'Dosis Medium', sans-serif; color: #FFFFFF; left: 0; top: 0; }

.inner { max-width: 670px; margin: 0 auto; }
.clearer{ line-height: 0px; font-size: 0px; text-indent: -999px; clear: both; width: 100%; }

#impressum {background-color: #b81f33;}

#news {margin-bottom: 150px;}
#news ul { list-style: none; padding-bottom: 120px; }
#news a { text-decoration: none; }
#news img { float: left; padding-top: 130px; margin-right: 70px; }
#news h1 { margin-bottom: 15px; font-size: 18px; font-family: 'Dosis Regular', sans-serif; color: #000000; letter-spacing: 8px; text-transform: uppercase; padding-top: 140px; }
#news h2 { margin-bottom: 15px;}
#news p { font-size: 14px; font-family: 'Open Sans Light', sans-serif; }
#news ul li a { font-family: 'Dosis Regular', sans-serif; max-width: 150px; background-color: #9e0b43; color: #FFFFFF; text-transform: uppercase; letter-spacing: 5px; padding: 15px 25px 15px 25px; }

.contentGrey { background-color: #9f2436; color:#ffffff;}
.contentGrey .row_25_25_25_25 .col { width: 23%; margin-right: 2%; text-align: center; }
.contentGrey .col_25_4 { margin-right: 0; }
.contentGrey .row_25_25_25_25 img { margin-bottom: 20px; }
.contentGrey .row_25_25_25_25 { padding-bottom: 240px; }
.contentGrey .threecols { padding-bottom: 240px; }
.contentGrey .threecols img{ margin-bottom: 20px; }

#footer { background-color: #9f2436; padding-top: 80px ; color: #fafafa; padding-bottom: 62px; clear: both; }
#footer h4 { color: #FFF; font-size: 16px; margin-bottom: 25px;  }
#footer ul { list-style: none; }
#footer ul li { margin-bottom: 17px; }
#footer a { text-decoration: none; text-transform: uppercase; color: #ffffff; font-size: 12px; }
#footer p { margin-bottom: 18px; position: relative; }
#footer .row_25_25_25_25 .col { width: 23%; margin-right: 2%; }
#footer .col_25_4 { margin-right: 0!important; }
#footer h4 { font-family: 'Dosis Light', sans-serif; font-size: 14px; color: #FFFFFF; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 30px; line-height: 26px; }
#footer h5 { font-family: 'Dosis Light', sans-serif; font-size: 12px; color: #ffffff; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 15px; line-height: 26px; }
#footer p { font-family: 'Dosis Light', sans-serif; font-size: 12px; color: #ffffff; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px; line-height: 26px;  }

.threecols{margin-bottom:4px;}
.threecols div.three_1{ float: left; width: 31%; margin-right: 3.4%; text-align:center;}
.threecols div.three_2{ float: left; width: 31%; margin-right: 3.4%; text-align:center;}
.threecols div.three_3{ float: left; width: 31%; text-align:center;}

.csc-default, h1, h2, h3 { opacity: 1; }
.csc-default.noview, .noview { opacity: 0; }
.csc-default, h1, h2, h3 { -webkit-transition: all .5s ease-in; transition: all .5s ease-in; }

.mobicon { display: none; }
.mobicon span, #nav > ul > li > ul > li:hover > a, #nav > ul > li > ul > li.active > a, .hoverText:hover  { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

@media ( max-width: 630px ) {
        .swiper-slide .infobox h2 { font-size: 18px; letter-spacing: 10px; }
        .swiper-slide .infobox h3 { font-size: 16px; }
}

@media ( max-width : 1200px ) {
        .wrap { padding-left: 10px; padding-right: 10px; }
        #footer .row_25_25_25_25 .col { width: 48%; margin-right: 1%; margin-left: 1%; }
        #footer h4, #footer p, #footer h5, #footer ul li { text-align: center; }
}

@media ( min-width: 1401px ) {
        #nav { display: block; }
}

@media ( max-width : 1400px ) {
        #topnav img { float: right; margin-top: 20px; }
        #footer .wrap, #outline .wrap, #banner .wrap { padding: 0 4%; }
        #logoheader #breadcrump { right: 10px; }
        #nav > ul > li > a { padding-left: 10px; padding-right: 10px; }
        #nav > ul > li { margin-right: 0; }
        #topnav { z-index: 50; }
        #nav { display: none; position: absolute; left: 0; width: 100%; background-color: #eeeeee; z-index: 50; top: 100%; }
        #nav > ul > li { float: none; }
        #nav > ul > li > a { padding-top: 10px; padding-bottom: 10px; }
        #nav > ul > li#home > a { line-height: inherit; font-size: inherit; }
        #nav > ul > li#home > a:before { display: none; }
        #nav > ul > li:hover > ul { display: none; }
        nav > ul > li > ul > li:hover > ul { display: none; }
        #nav > ul > li > ul > li.open ul { display: block!important; position: static; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
        #nav > ul > li > ul > li.open ul > li > a { padding-left: 40px; padding-right: 40px; }
        #nav > ul > li > ul { position: static; }
        #nav > ul > li > ul > ul { position: static; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
        #nav > ul > li > ul {  -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
        a.mobicon { display: block; }
        #topnav:after { clear: both; content:''; display:table; }
        .slider-banner .bannerInfo .infobox { display:none; }
        .swiper-slide .infobox, .swiper-slide .infobox ul li:before, .swiper-slide .infobox2, .swiper-slide .infobox2 ul li:before { font-size: 15px; }
        .bgBanner {min-height: auto; }

        /*navi*/
        .mobiconOut { float:left; width: 100%; display: none; }
        .mobicon { height: 30px; width: 30px; position: absolute; top: 65px; left: 10px; display: block; margin-left: 0; }
        .mobicon span { position: absolute; width: 30px; height: 4px; background-color: #9e0b43; }
        .mobicon span.first { top: 0px; }
        .mobicon span.sec { top: 10px; }
        .mobicon span.third { top: 20px; }
        .mobicon.open span.sec { opacity: 0; }
        .mobicon.open span.first {-webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 10px;   }
        .mobicon.open span.third { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -10px; }
        /*navi ende*/
}

@media ( max-width : 990px ) {
        #logoheader .col_30_2, #logoheader .col_30_3 { display: none; }
        #logoheader .row_30_30_30 .col_30 { width: 100%; }
        #logoheader .row_30_30_30 .col_30_1 { margin-bottom: 0; }
        #logoheader { padding-bottom: 5px; }
        .slider-banner .textlinks, .slider-banner .bannerInfo { display: none; }
}

@media ( max-width: 900px ) {
        .content .row_30_30_30 .col { width: 100%; margin-bottom: 20px; margin-right: 0; }
        .content .col_30_3 { margin-bottom: 0!important; }
        .contentGrey .row_25_25_25_25 .col { float: none; width: 100%!important; margin-right: 0!important; margin-bottom: 20px; }
        .contentGrey .col_25_4 { margin-bottom: 0!important; }
        .threecols div.three_1{ float: left; width: 100%; margin-right: 0%; padding-bottom:50px; }
         .threecols div.three_2{ float: left; width: 100%; margin-right: 0%; padding-bottom:50px;}
         .threecols div.three_3{ float: left; width: 100%; padding-bottom:50px;}
}

@media ( max-width : 780px ) {
        #impressum p{ text-align: center; }
        #impressum .row_30_30_30 .col { float: none; margin-right: auto; margin-left: auto; margin-bottom: 70px; width: 60%; max-width: 357px; }
        #impressum .col_30_3 { margin-right: auto!important;}
        #footer .row_25_25_25_25 .col { margin-bottom: 40px; margin-top: 0; }
        #footer { padding-top: 40px; }
}

@media ( max-width: 700px ) {
        #news img { float: none; padding-top: 130px; width: 30%; margin-right: 35%; margin-left: 35%; }
        #news p, #news h1 { text-align: center; }
        .button_news { text-align: center; }
}

@media ( max-width: 500px ) {
        #footer .row_25_25_25_25 .col { width: 98%; margin-right: 1%; margin-left: 1%; }
        #footer h4, #footer p, #footer h5, #footer ul li { text-align: center; }
        .slider-banner .textlinks, .slider-banner .bannerInfo { padding-top: 35%; }
}