/* CSS Document */

*{ margin: 0; padding: 0; border: 0;}
html, body {width: 100%; height: auto;}
body {font-size: 100%; font-family: 'Barlow', Arial, Helvetica, sans-serif; font-weight: 400; font-style: normal; color: #4c4c4c; vertical-align:baseline; background-color: #fff;}
#clear, .clear {clear: both!important; width: auto; height: 0px; font-size: 0.1px; }
img {margin: 0; padding: 0; display: block;}

#header {position: fixed; top: 0; left: 0; z-index: 999999; box-sizing: border-box;  width: 100%; height: auto; background-color: #fff; transition: all 0.25s ease; }
#header.scroll {-webkit-box-shadow: 0 2px 5px 0 #424242; box-shadow: 0 2px 5px 0 #424242; transition: all 0.25s ease;}

#kopfgrafik {margin-top: 170px;}
#kopfgrafik img {  width: 100%; height: 100%; object-fit: cover; object-position: center 0;}

.blueBox, .blueBgr {background-color: #009fe3;}
.greyBox, .greyBgr {background-color: #f2f2f2/*#dcdcdc*/;}
.blueBgr, .greyBgr {padding-top: 70px; padding-bottom: 50px;}

.blueBgr.whiteContent .contentHold {background-color: #fff;}

#header .inside, .contentHold, #footer .contentHold, .contentMainHold, .maxiContent, .bread .breadcrumb, body.themeLinkeSpalte #container  {width: 100%; max-width: 1700px; padding: 0 2%; box-sizing: border-box; position: relative; margin-left: auto; margin-right: auto;}
.maxiContent {max-width: 1800px;}
#container {margin-top: 80px; transition: all 0.25s ease;}

#left {width: 23%; margin-right: 2%; margin-left: 0;}
body.themeLinkeSpalte #main {width: 75%; margin-left: 0;}
body.marginLeftAside #main {margin-left: 25%; width: 75%;}
body.themeLinkeSpalte #container {min-height: 0px;}


.bread {background-color: #f8f8f8; padding-top: 10px; padding-bottom: 10px;}
.bread ul {list-style: none; height: inherit; }
.bread ul li {float: left; margin-bottom: 0!important;}
.bread ul li::after {content:'\276D'; display: inline; margin: 0 10px; font-size: 14px; position: relative; top: -1px;}
.bread ul li, .bread ul li a {font-size: 1.0125rem!important; line-height: 1.125rem!important; padding-top: 15px; padding-bottom: 15px; text-decoration: none; color: #4c4c4c;}
.bread ul li a {color: #009fe3; text-decoration: none;}



/* Basic */
.yesMobile, .hRightMobil {display: none!important;}
.overflowHidden {overflow: hidden; position: relative;}


.x1, .x2, .x3, .x32, .x4, .x43, .x30, .x5 {padding: 0% 2%; margin-bottom: 1.25rem; box-sizing: border-box;}
.x1 {width: 98%; display: block;}
.x2 {width: 48%; float: left;}
.c2 {width: 50%; float: left; padding-right: 5%; box-sizing: border-box;}
.x1, .x2, .x3, .x32, .x4, .x5, .x43 {margin-left: 1%; margin-right: 1%;}

.x30 {width: 30%; float: left;}
.x3 {width: 31%; float: left;}
.x32 {width: 64%; float: left;}
.x4 {width: 23%; float: left;}
.x43 {width: 65%; float: left;}
.x5 {width: 18%; float: left;}
.maxWidth70 {max-width: 70%; padding: 0% 2%; box-sizing: border-box; margin: 0px auto; clear: both; float: none;}

.boxCenter {margin-left: auto; margin-right: auto; float: none; clear: both;}

.boxCenter .ce_text.x2:nth-of-type(2n+3) {clear: both;}
.teaserBox .ce_text.x3:nth-of-type(3n+4) {clear: both;}
.mod_newsarchive .layout_latest.x3:nth-of-type(3n+4) {clear: both;}

/*#aktuelles .x2:nth-of-type(2n+3) {clear: both;}*/

object, svg, img {max-width: 100%; height: auto;}
.floatRight {float: right;}
.textCenter {text-align: center;}
.center {margin: 0px auto; text-align: center;}
.centerBlock {margin-left: auto!important; margin-right: auto!important; float: none!important;}
.imgCenter .image_container, .imgCenter img {margin-left: auto; margin-right: auto;}
.marginBottom25 {margin-bottom: 25px; }
.marginBottom50 {margin-bottom: 50px; }
.marginBottom100 {margin-bottom: 100px;}
.marginBottom150 {margin-bottom: 150px;}
.marginTop25 {margin-top: 25px;}
.marginTop50 {margin-top: 50px;}
.marginTop100 {margin-top: 100px;}
.paddingTop50, .textContentpaddingTop50 .textContent {padding-top: 50px;}
.paddingTop100, .textContentpaddingTop100 .textContent {padding-top: 100px;}
.paddingTop150, .textContentpaddingTop150 .textContent {padding-top: 150px;}
.paddingBottom100, .textContentpaddingBottom100 .textContent {padding-bottom: 100px;}
.paddingBottom50, .textContentpaddingBottom50 .textContent {padding-bottom: 50px;}

.noMarginBottom {margin-bottom: 0!important;}
.noMargin {margin: 0!important;}
.noPadding {padding: 0;}
.flexBoxHold {display: flex;display: -webkit-flex;display: -ms-flexbox;}
.sliderNews .rsts-slide {min-height: 100%;}
.flexBoxHold .image_container, .flexBoxHold .image_container img {width: auto; height: auto;}
.borderLeft {border-left: 1px solid #18425a;}
.borderRight {border-right: 1px solid #18425a;}
.textRight {text-align: right;}
.borderTop {border-top:1px solid #ccc; padding-top: 50px;}
.borderBottom {border-bottom: 1px solid #ccc; padding-bottom: 50px; margin-bottom: 50px;}
.borderTopSmall {border-top:1px solid #ccc;  padding-top: 50px;}
.tab {width: 70px; float: left; display: block; margin-right: 10px;}
.noAfter::after {display: none!important;}

.textTransform {text-transform: uppercase;}

/* Header */

.logo {width: 80%; max-width: 350px; height: auto; min-height: 65px; margin-top: 50px;  position: relative; transition: all .3s ease; float: left;} 
.logo a span {text-indent: -9999px;display: block;position: absolute;}
.logo a {display: block; width: 100%; height: 100%; overflow: hidden; text-align: center;}
.logo a img, .logo a svg {height: 100%; width: auto; margin-left: auto; margin-right: auto;}
#header.scroll .logo {max-width: 320px; transition: all 0.25s ease;}


.hRight {float: right; width: auto; display: table; height: 100%; padding-top: 15px;}
.naviTop, .sprachwechsel {float: left;}
.naviTop ul, .sprachwechsel ul {list-style: none;}
.naviTop ul li {float: left;}
.naviTop ul li a::after, .naviTop ul li strong::after {content:'//'; margin: 0 10px; color: #dcdcdc; display: inline-block;}
.naviTop ul li a, .naviTop ul li strong, .sprachwechsel ul li a, .sprachwechsel ul li strong, .sprachwechsel span.activeLang {font-size: 1.125rem; line-height: 1.25rem; margin-bottom: 5px; color: #626262; text-decoration: none; padding: 20px 0px 5px 0px; transition: all 0.25s ease; display: block; font-weight: 400;}
.naviTop ul li strong, .naviTop ul li a:hover {color: #009fe3; transition: all 0.25s ease;}

.sprachwechsel ul li span.activeLang {font-weight: 400; color: #009fe3; margin-bottom: 0;}
.sprachwechsel ul li ul {display: none; position: absolute; z-index: 999; transition: all 0.25s ease; -webkit-box-shadow: 0 2px 5px 0 #424242; box-shadow: 0 2px 5px 0 #424242; transition: all 0.25s ease; background-color: #fff;}
.sprachwechsel ul li:hover ul {display: block; transition: all 0.25s ease;}
.sprachwechsel ul li ul li a, .sprachwechsel ul li ul li strong {font-weight: 400; color: #626262; transition: all 0.25s ease; padding: 5px 10px; display: block; margin-bottom: 0; background-color: #fff;}
.sprachwechsel ul li ul li strong, .sprachwechsel ul li ul li a:hover {background-color: #626262; color: #fff; transition: all 0.25s ease;}

.searchStart {float: right; min-width: 360px; border-left: 1px solid #ccc; padding-left: 10px; padding-right: 10px; }
.searchStart .formbody .widget.widget-text {width: 320px; float: left; overflow: hidden; margin: 0 10px 0 0!important;}
.searchStart .formbody .widget.widget-submit {width: 40px; float: right; clear:none!important; overflow: hidden; margin:0!important;}
.searchStart label, .searchEnd label {display: none;}

.searchStart .widget-text input  {font-size: 1.125rem; font-weight: 300; line-height: 1.45rem; margin-bottom: 0; padding: 5px; box-sizing: border-box; width: 320px; margin-top: 10px; background-color: #f2f2f2; }
.searchStart .widget-text input::placeholder {content:'suchen';}
.searchStart .widget-submit button {margin: 0; border: none; padding: 5px; }

.searchStart textarea:focus, .searchStart input:focus, .searchEnd textarea:focus, .searchEnd input:focus {outline: none;}

.searchStart .widget-submit button {text-indent: -9999px; width: 35px; height: 35px; padding: 0;background: url(../img/iconLupe.svg) center no-repeat; background-size: 80% auto; position: relative; top: 5px;}
.searchStart .widget-submit button:hover, .searchEnd  .widget-submit button:hover {padding: 0!important;} 

.searchEnd .formbody .widget.widget-text {width: 70%; float: left; overflow: hidden; margin: 0 10px 0 0!important;}
.searchEnd input {background-color: #f2f2f2; width: 100%; box-sizing: border-box; padding: 10px;}
.searchEnd .formbody .widget.widget-submit {width: 60px; float: left; clear:none!important; overflow: hidden; margin:0!important;}
.searchEnd .widget-submit button {text-indent: -9999px; width: 60px; height: 60px; padding: 0;background: url(../img/iconLupe.svg) center no-repeat; background-size: 80% auto; position: relative; top: -5px; margin:0px; border: 0;}



.searchEnd p.header {clear: both; margin-top: 25px; padding-top: 25px; border-top: 1px solid #009fe3;}

.naviMain {float: right; overflow: visible; transition: all 0.3s ease;}
.naviMain ul {list-style:none; height: 100%; margin-top: 10px;} 
.naviMain ul.level_1 > li {float: left; position: relative;  height: 100%; transition: all 0.3s ease; border-left: 1px solid #fff;}
.naviMain ul li a, .naviMain ul li strong {font-weight: 400; font-size: 1.25rem; line-height: inherit; text-decoration: none; transition: all 0.25s ease; color:#444; vertical-align: middle; display: table-cell; height: 100%;} 
#header.scroll .naviMain ul li a, #header.scroll .naviMain ul li strong {font-size: 1.125rem; line-height: inherit;}
.naviMain ul.level_1 > li > a, .naviMain ul.level_1 > li > strong {padding: 25px 25px 15px 25px; text-transform: uppercase; transition: 0.3s ease; border-top: 3px solid #dcdcdc; }
#header.scroll .naviMain ul.level_1 > li > a, #header.scroll .naviMain ul.level_1 > li > strong {padding: 15px 20px;}
#header.scroll .scrollHead .naviMain ul.level_1 > li > a, #header.scroll .scrollHead .naviMain ul.level_1 > li > strong {font-size: 95%; padding-bottom: 10px; transition: all 0.3s ease;}
.naviMain ul.level_1 > li > strong, .naviMain ul.level_1 > li:hover > a, .naviMain ul.level_1 > li.active > strong, .naviMain ul.level_1 > li.trail > a {border-top: 3px solid #009fe3;}
.naviMain ul li a:hover, .naviMain ul li strong, .naviMain ul li.trail > a {color: #009fe3; transition: all 0.25s ease;}
.naviMain ul.level_2 {position: absolute; z-index:999; background-color: #fff; min-width: 100%; display: none;-webkit-box-shadow: 0 2px 5px 0 #757575; box-shadow: 0 2px 5px 0 #757575; height: auto; margin-top: 0;}
.naviMain ul.level_1 li:hover ul.level_2 {display: block;}
.naviMain ul.level_2 li {margin: 0!important; padding: 0 5px; min-width: 240px;}
.naviMain ul.level_2 > li:hover, .naviMain ul.level_2 > li.active {background-color: #169bd8;}
.naviMain ul.level_2 > li > strong, .naviMain ul.level_2 > li:hover > a, .naviMain ul.level_2 > li.active > strong, .naviMain ul.level_2 > li.trail > a {color: #fff;}
.naviMain ul.level_2 li a, .naviMain ul.level_2 li strong {text-transform: none; padding: 15px;}


/* mobil Css für  Navi */

.mobiHead {position: fixed; right: 2%; top: -15px; display: none;}
.offcanvasBtn {position: relative; z-index: 998;display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; margin-top: 10px;width: 65px; height: 65px;}

.offcanvasBtn span {background: url(../img/mobNav.svg) center no-repeat; background-size: 50% auto; width: 100%; height: 100%; display: block;}
.offcanvasBtn::after {content:''; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background-color: #009fe3;}

.mm-listview > li > a, .mm-listview > li > span, .mm-listview > li > strong {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; margin: 0;}
.mm-listview > li > strong {background-color: #009fe3; color: #fff;}
.mm-navbar a {color: #009fe3!important;}



.sliderStart {width: 100%; height: auto; max-height: 85vH; position: relative;}
.rsts-skin-default .rsts-nav {right: inherit; left: 50%; width: auto; transform: translateX(-50%); bottom: 50px; z-index: 999;}
a.rsts-next, a.rsts-prev {top: 45%;background: none!important; border: none!important; width: 80px!important; height: 120px!important; box-shadow: none!important;}
a.rsts-next span, a.rsts-prev span {display: none;}
a.rsts-prev {left: 25px!important; right: inherit;}
a.rsts-next {right: 25px!important;}
a.rsts-next::before {content:'\2192'; color: #fff; font-size: 2.75rem; line-height: 3.25rem; display: block;text-indent: 0; opacity: 0.45; transition: all 0.25s ease;}
a.rsts-prev::before {content:'\2190'; color: #fff; font-size: 2.75rem; line-height: 3.25rem; display: block;text-indent: 0; opacity: 0.45; transition: all 0.25s ease;}
a.rsts-next:hover::before, a.rsts-prev:hover::before {opacity: 1; transition: all 0.25s ease;}
.rsts-skin-default .rsts-nav-bullets a.active, .rsts-skin-default .rsts-nav-bullets a:hover {background-color: #009fe3;}
.sliderStart a.rsts-next, .sliderStart a.rsts-prev {opacity: 0; transition: all 0.25s ease;}
.sliderStart:hover a.rsts-next, .sliderStart:hover a.rsts-prev {opacity: 1; transition: all 0.25s ease;}

.sliderStart .x3.ce_image {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; width: 33.33%; position: relative; min-height: 55vH;}
.sliderStart .x3.ce_image img {position: absolute;}
.sliderStart .x3 {width: 31.33%; margin-bottom: 0;}
.rsts-slide > div {display: flex;display: -webkit-flex;display: -ms-flexbox;}

.rsts-skin-default .rsts-nav {position: relative; width: 100%; display: table; background-color: #f8f8f8; padding-top: 10px; padding-bottom: 10px; margin-top: 5px; -webkit-box-shadow: 0 2px 1px 0 #b3b3b3; box-shadow: 0 2px 1px 0 #b3b3b3; left: 0; transform: none; bottom: 0; margin-bottom: 5px; }
.rsts-skin-default .rsts-nav .rsts-thumbs-slide {border-bottom: 3px solid #9b9b9b; display: inline-block;}
.rsts-skin-default .rsts-nav .rsts-thumbs-slide.rsts-thumbs-active-thumb, .rsts-skin-default .rsts-nav .rsts-thumbs-slide:hover {border-bottom: 3px solid #009fe3;}



.sliderStart .blueBox {height: auto;  position: relative;}
.sliderStart .blueBox .flyingBottom {position: absolute; top: 220px; width: 100%; padding-left: 10%; box-sizing: border-box; height: auto;}
.sliderStart .ce_text.x3 {padding: 0!important;}
.sliderStart .ce_text.x3 p {color: #fff; font-size: 1.85rem; line-height: 2.125rem; text-transform: uppercase; max-width: 80%;}
.sliderStart .ce_text.x3 p strong {font-size: 2.75rem; line-height: 3.25rem; color: #fff; font-weight: 400;  margin-bottom: 2rem; display: block;}
.sliderStart .ce_text.x3.greyBox p strong {color: #009fe3;}
.sliderStart .ce_text.x3 ul {margin-left: 20px; list-style: none;}
.sliderStart .ce_text.x3 ul li {position: relative; padding-left: 35px;}
.sliderStart .ce_text.x3.blueBox ul li, .sliderStart .ce_text.x3.blueBox ul li p {color: #fff;}
.sliderStart .ce_text.x3 ul li::before {content:'\279C'; display: block; position: absolute; left: 0; top: 0;}
.sliderStart .ce_text.x3.blueBox ul li::before {color: #fff;}

.sliderStart .x3 .image_container, .sliderStart .x3 img {width: auto; height: auto; min-height: 100%; min-width: 100%; max-width:none;}

.sliderNews {overflow: visible;}
.sliderNews a.rsts-prev::before {content:'\276E'; color: #626262; font-size: 1.5rem; line-height: 1.875rem; text-decoration: none; }
.sliderNews a.rsts-next::before {content:'\276F'; color: #626262; font-size: 1.5rem; line-height: 1.875rem; text-decoration: none;}
.sliderNews a.rsts-next, .sliderNews a.rsts-prev {width: 30px!important; height: 50px!important;}
.sliderNews a.rsts-prev {left: -2%!important;} .sliderNews a.rsts-next {right: -2%!important;}
.sliderNews .layout_latest.x3, .sliderNews .layout_latest.x1 {padding: 35px 25px 45px 25px; position: relative;}
.sliderNews .mehr {color: #009fe3; text-decoration: none;}
.sliderNews .mehr::after {content:'\276D\276D';  position: relative; display: inline-block; margin-left: 10px;}
.sliderNews .rsts-slide > div {display: block; height: 100%;}
.sliderNews .layout_latest.x3, .sliderNews .layout_latest.x1 {height: 98%; box-sizing: border-box;}

.layout_latest .mehr, .layout_latest.x3 .more {position: absolute; bottom: 0px; left: 25px;}

.flyingButtonPhone {position: fixed; z-index: 9999; right: 0; top: 30vH; width: auto; height: auto;}
.flyingButtonPhone a {display: block; background-color: #009fe3;-webkit-box-shadow: 0 2px 5px 0 #424242; box-shadow: 0 2px 5px 0 #424242; transition: all 0.25s ease; transition: all 0.25s ease; float: right; margin-bottom: 10px;}

.flyingButtonPhone a span {display: block; width: 100%; height: 100%;width: 50px; height: 50px;}
.flyingButtonPhone a > span:hover {width: 100px; transition: all 0.25s ease;}
.flyingButtonPhone a.phoneIcon span { margin: 0; padding: 0; background: url(../img/handy.svg) center no-repeat; background-size: 25px auto; text-indent: -99999px;}
.flyingButtonPhone a.mailIcon span {margin: 0; padding: 0; background: url(../img/mail.svg) center no-repeat; background-size: 25px auto; text-indent: -99999px;}

a.karriereLink {
    background-color: #E57727;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    rotate: -90deg;
    transform-origin: 100% 50px;
    margin-top: -50px;
    height: 100px;
}
a.karriereLink > span {
    height: initial;
    width: initial;
    display: block;
    white-space: nowrap;
    line-height: 50px;
    margin-inline: 1rem;
}

a.karriereLink:hover {
    margin-right: 50px;
    padding-top: 25px;
}

a.karriereLink > span:hover {
    width: initial;
    margin-bottom: 1rem;
}

/* Typografie */

p, td, #main ul li, #kopfgrafik ul li, #main ol li, input, select, textarea, .ce_text a, #footer a, #footer p {font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 1.75rem; word-wrap:break-word;}
.ce_text p a {margin-bottom: 0; text-decoration: none; color: #009fe3;}
nav ul {list-style: none;}
.ce_text ul li {margin-bottom: 10px!important;}
.ce_text ul {list-style: none;}
.ce_text ul li {position: relative; padding-left: 30px;}
.ce_text ul li::before {content:'\279D'; position: absolute; left: 2px; top: 0px; font-size: 1.25rem; line-height: 1.45rem; color: #009fe3;}

h1, h2, h3, h4, h5, h6, p, td, #main ul li, #main ol li, input, select, textarea, .ce_text a, #footer a, #footer p {hyphens: auto; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; font-weight: normal;}

h1, h2, h3, h4, h5, h6 {font-family: 'Barlow', sans-serif; font-weight:400; margin-bottom: 1.75rem;word-wrap:break-word;}

h1 {font-weight: 300; color: #009fe3; font-size: 2.25rem; margin-bottom: 1rem; line-height: 2.5rem;text-transform: uppercase;}
h2 {color: #009fe3; font-size: 1.875rem; line-height: 2.125rem; text-transform: uppercase;}
h3 {font-size: 1.5rem; line-height: 2rem; color: #828282;}
h4 {font-size: 1.45rem; line-height: 1.875rem; color: #009fe3; font-weight: 500; text-transform: uppercase;}

.blueBgr p {color: #fff;}
.blueBgr .cTA a, .blueBgr .cTA a:visited {display: inline-block; border: 2px solid #fff; border-radius: 3px; padding: 20px 30px; color: #fff; text-decoration: none; transition: all 0.25s ease;}
.blueBgr .cTA a:hover {padding: 20px 40px; transition: all 0.25s ease;}

.btnBlue, a.btnBlue:focus, a.btnBlue:visited {background-color: #009fe3; color: #fff!important; text-decoration: none; padding: 20px 20px; transition: all 0.25s ease;}
.btnBlue:hover {padding: 20px 30px; transition: all 0.25s ease;}
.jobsTeaser a.btnBlue::before {content:''; display: inline-block; width: 50px; height: 50px; background: url(../img/iconJob.svg) center no-repeat; position: relative; top: 20px; margin-right: 10px;}

.subLineGrey {font-size: 1.65rem; line-height: 1.875rem; color: #9b9b9b; display: block; margin: 15px auto 1.45rem;}
.subLineGrey::after {content:''; display: block; width: 150px; height: 1px; border-top: 1px solid #ccc; margin: 45px 0 0 0;}
.center .subLineGrey::after {margin: 45px auto 0;}

.rubrikTitle {color: #666;}

/* NaviLeft */

.naviLeft ul {list-style: none;}
.naviLeft ul li {float: none; margin-bottom: 10px; position: relative; padding-left: 30px;}
.naviLeft ul li a, .naviLeft ul li strong {font-size: 1.375rem; line-height: 1.75rem; color: #626262; display: block; margin-bottom: 0; font-weight: 400; transition: all 0.25s ease; text-decoration: none;}
.naviLeft ul li strong, .naviLeft ul li a:hover {color: #009fe3; transition: all 0.25s ease;}
.naviLeft ul li::before {content:''; display: block; position: absolute; left: 0; bottom: 3px;;width: 20px; height: 100%; border-bottom: 1px solid #626262; transition: all 0.25s ease;}
.naviLeft ul li.active::before {border-color: #009fe3; transition: all 0.25s ease;}

/* Produktlisten - Shopmodule */

.tabcontrol_tabs ul {list-style: none; display: table; width: 100%; border-collapse: separate; margin-bottom: 15px;}
.tabcontrol_tabs li {padding: 25px 20px 20px 20px; background-color: #dcdcdc; transition: all 0.25s ease; display: table-cell; cursor: pointer; border: 2px solid #fff; text-align: center; font-size: 1.45rem; line-height: 1.75rem!important; font-weight: 500; margin: 0 10px; position: relative;}
.tabcontrol_tabs li::after {content:''; display: block; height: 5px; width: 100%;background-color: #dcdcdc; position: absolute; bottom: 0; left: 0;}
.tabcontrol_tabs li.selected::after, .tabcontrol_tabs li:hover::after {background-color: #009fe3; transition: all 0.25s ease;}
.tabcontrol_tabs li.selected, .tabcontrol_tabs li:hover {color: #009fe3; transition: all 0.25s ease;}
/*.tabcontrol_tabs li.selected {border-bottom: 3px solid #009fe3; transition: all 0.25s ease;}*/

.productList {margin-top: 35px;}
.productList .filters {margin: 25px 0; background-color: #f2f2f2; padding: 20px;}
.productList .filters select {max-width: 50%; margin-bottom: 0;}
a.clear_filters {color: #4d4d44; text-decoration: none; margin-bottom: 20px; display: inline-block;}
.filters label {color: #4c4c4c; margin-right: 25px;}

.product_list .product {padding: 20px; padding-top: 50px;}
.product_list .product {background-color: #f2f2f2; margin-bottom: 10px; }

.prodFilter .clear_filters {margin-right: 20px;}

.rechteSpalte {position: relative; overflow: hidden; }
/*.rechteSpalte::before {content:''; position: absolute; z-index:1; width: 80%; height: 80%; background: url(../img/plus.svg) center no-repeat; left: -100px; top: -50px; opacity: 0.125}*/
.rechteSpalte .zIndexPlus {position: relative; z-index: 3;}
.rechteSpalte ul li {font-weight: 500;}

.product .x3 .image_container img {width: 100%; height: auto;}

.product .x3 p, .product .x3 ul li {font-size: 1.125rem; color: #4c4c4c; line-height: 1.35rem;}
.product .x3 .ce_text ul {margin-left: 10px; list-style: none;}
.product .x3 .ce_text ul li {position: relative; padding-left: 45px;}
.product .x3 .ce_text ul li::before {content:'\274F'; color: #009fe3; font-size: 1.25rem; line-height: 1.35rem; position: absolute; left: 0;}
.product h2 {font-size: 1.45rem; line-height: 1.875rem; font-weight: 500;}
.datenBlattBox {margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc;}
.datenBlattBox h4 {margin-bottom: 15px;}
.datenBlattBox h4::before {content:''; display: inline-block; margin-right: 20px; width: 25px; height: 25px; background: url(../img/iconDownload.svg) center no-repeat; position: relative; top: 0px;}


/* Allgemeines */
.teaserBox .x3, .teaserBox .x4, .teaserBox .x2 {position: relative; overflow-x: hidden; /*padding-top: 25px;*/}
.teaserBox .x3, .teaserBox .maxWidth70 .x2 {padding-left: 0!important; padding-right: 0!important;}

.layerLink {position: absolute; z-index: 9999; width: 100%; height: 100%; left: 0; top: 0; display: block; text-decoration: none;}
.layerLink a {display: block; text-decoration: none; width: 100%; height: 100%; transition: all 0.25s ease;}

.holdLink .linkContent figure a {position: relative; display: block}
.holdLink .linkContent figure a img {position: relative; z-index: 888;}
.holdLink .linkContent figure a::after {content:'';position: absolute; top: -150%; left: 0; display: block; width: 100%; height: 100%; background-color: #009fe3; opacity: 0.75; transition: all 0.25s ease; z-index: 999;}
span.arrow .image_container {position: relative;}
span.arrow .image_container::before {content:'\276D'; text-align: center; color: #fff; position: absolute; z-index: 9999;font-size: 3.5rem; line-height: 3.75rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; opacity: 0;}
.holdLink:hover .linkContent span.arrow .image_container::before {opacity: 1; transition: all 0.35s ease;}
.holdLink:hover .linkContent figure a::after {top: 0; left: 0; transition: all 0.25s ease;}
/*.layerLink a::before {content:'\293B'; display: block; font-size: 7rem; line-height: 7.2rem; position: absolute; left: 45%; top: 50%; transform: translate(-25%, -25%); color: #fff; transition: all 0.25s ease; display: none;}
.layerLink a:hover::before {display: block;}*/
.teaserBox h3 {color: #009fe3; position: relative; padding-top: 15px; margin-top: 25px; text-transform: uppercase; font-size: 1.675rem; line-height: 1.875rem;}
.teaserBox h3::before {content:''; display: block; width: 100px; height: 1px; border-top: 2px solid #009fe3; position: absolute; top: 0; left: 0;}


.stellenAngebot .contentHold  {background-color: #f2f2f2; padding-top: 50px; padding-bottom: 25px;}
.stellenAngebot h2 {border-bottom: 1px solid #009fe3; padding-bottom: 25px; margin-bottom: 50px;}
.stellenAngebot ul {margin-left: 20px; list-style: none;}
.stellenAngebot .ce_download, .stellenAngebot .ce_downloads {padding-top: 25px;}
.stellenAngebot .kontaktBox {background-color: #008bd2; padding-top: 25px;}
.stellenAngebot .kontaktBox p, .kontaktBox a, .kontaktBox h2, .kontaktBox h3, .kontaktBox ul li  {color: #fff; text-decoration: none;}

.aspName, .aspMail, .aspTelefon, .aspFunktion {position: relative; padding-left: 40px;}
.aspName::before, .aspMail::before, .aspTelefon::before {content:''; display: block; position: absolute; width: 30px; height: 30px; left: 0; top: 0; }
.aspName::before {background: url(../img/iconPerson.svg) no-repeat center;background-size: 60% auto;}
.aspMail::before {background: url(../img/iconMailWhite.svg) no-repeat center;background-size: 60% auto;}
.aspTelefon::before {background: url(../img/iconPhoneWhite.svg) no-repeat center;background-size: 60% auto;}
.aspFunktion {color: #828282; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; display: inline-block;}


.aspBox {margin-top: 25px; padding-top: 40px; border-top: 1px solid #ccc;}
.aspBox .aspName::before {background: url(../img/iconPerson_blue.svg) no-repeat center;background-size: 60% auto;}
.aspBox .aspTelefon::before {background: url(../img/iconPhone.svg) no-repeat center;background-size: 60% auto;}
.aspBox .image_container {margin-bottom: 20px; max-width: 80%; height: auto;}
.aspBox p a {background-color: #009fe3; padding: 10px 25px; color: #fff; text-decoration: none; transition: all 0.25s ease; margin-top: 1rem; display: inline-block; font-weight: normal; font-size: 2rem; line-height: 2.25rem; }
.aspBox p a:hover {padding: 10px 35px; transition: all 0.25s ease;}
.aspBox p a::before {content:''; display: inline-block; width: 50px; height: 25px; background: url(../img/iconKontakt.svg) left bottom no-repeat; background-size: 75% auto;}
.aspBox p {font-weight: 500; color: #009fe3;}

/* Jobs Teaser */


.jobsTeaser {background-color: #f2f2f2; position: relative; min-height: 350px;}
.jobsTeaser::before {content:''; width: 50%; height: 100%; position: absolute; left: 0; top: 0; background: url(../media/Artikelgrafiken/karriere_winterhoff-edelstahl.webp) left top no-repeat; background-size: cover;}
.jobsTeaser .x2 {float: right; padding-top: 100px; padding-left: 7%; text-align: center;}
.jobsTeaser .x2 p {text-align: left;}



/* Downloads */

.ce_downloads ul, .ce_download ul {list-style: none; margin-left: 2%;} .ce_downloads ul li {margin-bottom: 5px!important;}
.ce_downloads ul li img, .ce_download img {float: left; margin-right: 20px;}
.ce_downloads ul li a, .ce_download a {text-decoration: none; font-size: 1rem; line-height: 1.25rem; color: #3b3b3b;}

.ext-pdf {background: url(../img/iconPDF.svg) left center no-repeat; padding-left: 35px;}
.ext-rar {background: url(../img/iconRAR.svg) left center no-repeat; padding-left: 35px;}

.ce_downloads h4::before, .ce_download h4::before {content:""; display: inline-block; width: 25px; height: 25px; background: url(../img/iconDownload.svg) left bottom no-repeat; background-size: contain; margin-right: 20px;}

/*
Jobs Downloadliste
 */
.ce_downloads.jobList {
    --topline-color: #009fe3;
    --topline-thikness: 0.5rem;
    --bg-color: #dcdcdc;
    --text-color: #009fe3;
    --btn-background: #009fe3;
    --btn-color: #fff;

}
.ce_downloads.jobList ul {
    margin: 0;
}

.ce_downloads.jobList ul li {
    background: var(--bg-color);
    padding: 1rem;
    margin-top: 1rem;
}

.ce_downloads.jobList ul li:first-child {
    border-top: var(--topline-thikness) solid var(--topline-color);
    margin-top: 0;
}

.ce_downloads.jobList ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--text-color);
    font-size: 1.5rem;
    font-weight: 500;
}

.ce_downloads.jobList ul li a .mwd {
    display: inline;
    margin-left: 1rem;
    font-size: 0.65em;
    font-weight: 400;
}

.ce_downloads.jobList ul li a .btn {
    margin-left: auto;
    background-color: var(--btn-background);
    color: var(--btn-color);
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
}

.ce_downloads.jobList ul li a .btn svg {
    width: 1.5em;
}
.jobs {
    --line-color: #4c4c4c;
    --text-color: #4c4c4c;
    --line-margin: 1.45rem;
}
/*.jobs .subLineGrey {color: var(--text-color); display: block; margin: 15px auto var(--line-margin);}
.jobs .subLineGrey::after {border-top-color: var(--line-color); margin: var(--line-margin) 0 0 0;}*/

.joblist--empty p {
    border: 1px solid red;
    padding: 1rem;
    text-align: center;
}

.jobList+.joblist--empty {
    display: none;
}

@media screen and (max-width: 900px) {
    .ce_downloads.jobList ul li a .title {
        width: 75%;
        line-height: 1.5;
    }

    .ce_downloads.jobList ul li a .mwd {
        margin-left: 0.5rem;
    }


}

@media screen and (max-width: 1125px) {
    .ce_downloads.jobList ul li a .btn span {
        display: none;
    }
}

/* Formular */
.formFly { padding: 1.25rem 3%!important; -webkit-box-shadow: 0 10px 5px 0 #ddd; box-shadow: 0 10px 5px 0 #ddd; background-color: #fff;box-sizing: border-box;}
.formFly form::after {content:''; width: 100%; height: auto; clear: both!important; display: block;}

.formbody input[type="text"], .formbody input[type="tel"], .formbody input[type="email"],.formbody input[type="password"], textarea, select {border: 1px solid #dadada; width: 100%; min-width:200px; padding: 15px; box-sizing: border-box; font-family:  'Montserrat', Arial, Helvetica, sans-serif; color: #5b5858;}

.formbody .widget {width: 48%; float: left; margin: 1%;}
.formbody .widget.widget-textarea {clear: both; width: 98%; margin: 1%; box-sizing: border-box; font-family: 'Barlow', Arial, Helvetica, sans-serif; color: #4c4c4c;}
.formbody textarea {padding: 2%; font-family: 'Barlow', Arial, Helvetica, sans-serif; color: #4c4c4c; }
.formbody label {width: 100%; font-size: 1.0125rem; clear:both; padding-top:8px; margin-bottom: 10px!important; padding-left: 0!important;}
label.message {clear: both!important; display: block; margin-bottom: 5px!important;} 
span.mandatory {color:#ff0000;}
.formbody .widget.widget-captcha {clear: both; margin: 20px 0; float: none; width: 100%;} .formbody .widget.widget-captcha label {width: 200px;}
.formbody .widget.widget-captcha input {clear: both; width: 50px; min-width: 30px; margin-right: 10px; float: left;}
/*.formbody #ctrl_9 {width:50px!important; min-width: 50px!important; margin-right: 20px; float: left;}*/
.captcha_text {float:left; padding:8px 0 2px 8px; font-size:0.875em;color: #3c3c3b;}
.widget-submit {clear: both!important; width: 100%; text-align: center; margin: 30px 0;}
.widget-submit button {margin:20px 0px; border:1px solid #ccc; color:#fff; padding:10px 25px; cursor:pointer; display: block; background-color: #009fe3;font-size: 1.0125rem; transition: all 0.25s ease;}
.widget-submit button:hover {padding: 10px 35px; transition: all 0.5s ease;}
span.mandatory {vertical-align: top; padding-left: 2px;}
p.error {clear: both; display: block; color: #ff0000!important; font-size: 11px; margin-top: 20px;}
.ie7 p.error {margin-top: 5px; margin-left: 5px;}
.formbody br {clear: both; display: block;}
.widget.error {position: relative; padding-top: 40px; display: block; margin-top: 10px; clear: both;}
.widget-upload input {color: #4c4c4c; font-size: 1.125rem; line-height: 1.45rem;}

.formFly .fieldsetUpload legend {display: block; width: 100%; border-top: 1px solid #009fe3; padding-top: 25px;}
.formFly .fieldsetUpload {border-bottom: 1px solid #009fe3; margin-bottom: 50px;}

.widget fieldset {padding: 0!important; margin: 0!important;}
.widgetDS {width:98%!important; margin: 0 1%!important; padding: 0 2%; box-sizing: border-box; position: relative;}
.widgetDS input {position: absolute;width: 40px!important; min-width: 40px; height: auto; margin-top: 5px;}
.widgetDS legend {margin-bottom: 10px;}
.widgetDS label {clear: none!important; padding-top: 0!important; display: block; padding-left: 45px!important; box-sizing: border-box;}
.widgetDS label p {font-size: 1.125rem; line-height: 1.25rem;}
.widgetDS label p em {font-style: normal;}
.widgetDS label p a, .widgetDS label p a u {text-decoration: none; color: #009fe3;}





/* Newssystem */

/* News */

.layout_latest {position: relative; padding-top: 2%;background-color: #fff;}
.layout_latest.x3, .layout_latest.x1 {background-color: #f2f2f2; border-top: 10px solid #009fe3}
.layout_latest.x3, .layout_latest.x1 {-webkit-box-shadow: 1px 1px 1px 1px #969696; box-shadow: 1px 1px 1px 1px #969696; transition: all 0.25s ease;}
.layout_latest.x3:hover, .layout_latest.x1:hover {-webkit-box-shadow: 1px 1px 1px 1px #009fe3; box-shadow: 1px 1px 1px 1px #009fe3; transition: all 0.25s ease;}
.layout_latest .image_container {margin-bottom: 10px;}
.layerLinkNews {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.layerLinkNews a {display: block; width: 98%; height: 98%; margin: 1%; transition: all 0.25s ease;}
/*.layerLink a:hover {-webkit-box-shadow: 1px 1px 1px 1px #969696; box-shadow: 1px 1px 1px 1px #969696; transition: all 0.25s ease;}*/
.layout_latest p.more { display: block; position: relative; line-height: 2rem; height: 2rem; text-decoration: none; }

.layout_latest a {text-indent: -9999999px;}

p.back {margin-left: 2%;}
p.back a {color: #695c57; text-decoration: none;}
p.back a::before {content:'\279D'; transform: rotate(180deg); display: inline-block; position: relative; top: 5px;font-size: 2rem; margin-right: 20px; color: #009fe3;}


/* Footer */

#footer {margin-top: 50px;}
body.noMarginFooter #footer {margin-top: 0;}
.darkGrey {background-color: #3c3c3c; padding-top: 50px; padding-bottom: 25px; width: 100%; height: auto;}
.blueFoot {background-color: #009fe3; padding-top: 20px; padding-bottom: 20px; width: 100%;}

#footer {overflow: hidden;}
#footer ul {list-style: none;}
#footer ul li {display: block;}
#footer ul li a, #footer ul li strong {font-weight: 400; color: #fff; text-decoration: none; line-height: 2.5rem; font-size: 1.125rem; margin-bottom: 0!important;}
#footer ul li strong, #footer ul li a:hover {color: #009fe3;}
#footer h5 a {color: #009fe3; text-decoration: none;}
#footer .blueFoot ul {float: right;} .blueFoot ul li {float: left; margin-left: 10px;}

.footerVkBgr {position: relative; max-width: 380px;}
.footerVkBgr::before {width: 100%; height: 500px; content:''; display: block; position: absolute; background-color: #f2f2f2; z-index: 1; left: -3%; top: -100px;}
.footVk {position: relative; z-index: 2; } #footer .footVk {height: 200px; overflow: visible;}
.footVk .image_container {width: 80%; height: auto; margin-bottom: 40px;}
.footVk p strong {color: #009fe3; font-weight: 700;}
.footVk .iconPhone {background: url(../img/iconPhone.svg) 0 0px no-repeat; text-indent: -9999px; width: 20px; height: 30px; display: inline-block; margin-right: 15px;margin-bottom: 5px; }
.footVk .iconFax {background: url(../img/iconFax.svg) 0 5px no-repeat; text-indent: -9999px; width: 20px; height: 30px; display: inline-block; margin-right: 15px;margin-bottom: 5px; }
.footVk .iconMail {background: url(../img/iconMail.svg) 0 2px no-repeat; text-indent: -9999px; width: 20px; height: 30px; display: inline-block; margin-right: 15px; }
.footVk p a {color: #4c4c4c; text-decoration: none;}

#footer p, #footer p a {font-size: 1.125rem; line-height: 1.45rem;}
.blueFoot li a:hover, .blueFoot li strong {color: #4c4c4c!important;} 

.navFoot ul li a, .navFoot ul li strong {text-transform: uppercase; }

/* Masonry Gallery */
.masonry_item {float:left; margin: 0 1% 15px 1%; }
/*.masonry_sizer {float:left; width: 31%; margin: 0 1% 20px 1%; position: absolute; }*/

/*.gal1, .gal2, .gal3 {float: left; margin: 0 1% 20px 1%; }*/
.gal1 {width: 22.5%;}
.gal2 {width: 47%;}
.gal3 {width: 73%}

.gal1 .image_container, .gal2 .image_container, .gal3 .image_container, .gal1 .image_container img, .gal2 .image_container img, .gal3 .image_container img {width: 100%; height: auto;}

/* Cookie Hinweis */
.mod_cms_cookie_bar {width: 100vw;}
.mod_cms_cookie_bar form {width:auto; display: table; margin-left: auto; margin-right: auto;}
.mod_cms_cookie_bar form .formbody {text-align: center; margin: 20px auto!important;}
.mod_cms_cookie_bar form .info {float: left; max-width: 70%; padding-left: 5%;}
.mod_cms_cookie_bar form .info p {font-size: 1rem!important; line-height: 1.25rem!important; text-align: left; padding-top: 10px;}
.mod_cms_cookie_bar form .info p a {color: #f2f2f2; text-decoration: none;}
.mod_cms_cookie_bar form .widget-submit {text-align: center!important; float:left; auto; clear:none!important; width: auto; max-width: 10%; margin: 0 0 0 10px;}
.mod_cms_accept_tags button:hover, .mod_cms_cookie_bar button:hover {padding: 10px!important; transition: all 0.25s ease;}
.mod_cms_accept_tags button, .mod_cms_cookie_bar button {padding: 10px!important; transition: all 0.25s ease;}
.mod_cms_cookie_bar button[type="submit"][value="accept"] {margin-top: 10px;}

/* z.B. für Job-Details-Seiten */
.headlineBox h1 {
    color: #fff;
    font-weight: 500;
    padding: 1rem 1.5rem;
    margin-bottom: 0;
    background-color: #009fe3;
}


/* Mobil */

@media screen and (max-width: 1500px) {
    .naviMain ul.level_1 > li > a, .naviMain ul.level_1 > li > strong {padding: 25px 15px 15px 15px}
    #header.scroll .naviMain ul.level_1 > li > a, #header.scroll .naviMain ul.level_1 > li > strong {padding: 15px 10px;}
    .naviMain ul li a, .naviMain ul li strong {font-size: 1.125rem; line-height: 1.25rem;}
    #kopfgrafik {margin-top: 150px;}
}

@media screen and (max-width: 1285px) {
    .hRight {display: none;}
    .mobiHead {display: block;}
    .sprachwechsel {margin-right: 100px;}
    #header.scroll .logo {margin-top: 25px; margin-bottom: 10px;}

    .sliderStart .x3.ce_image {min-height: 350px;}

 /*   .sliderStart .ce_text.x3 {padding: 50px 3% 25px 3%;}
    .sliderStart .ce_text.x3 p strong {font-size: 1.25rem; line-height: 1.45rem;}*/

    .sliderStart .blueBox .flyingBottom {top: 80px;}
    .sliderStart .ce_text.x3 p {font-size: 1.45rem; line-height:1.65rem;}
    .sliderStart .ce_text.x3 p strong {font-size: 2rem; line-height: 2.25rem; margin-bottom: 2rem;}


    #kopfgrafik ul li {font-size: 1.125rem; line-height: 1.25rem;}
    #footer ul li a, #footer ul li strong {font-size: 1.125rem; line-height: 1.25rem; margin-bottom: 0.75rem; display: block;}
    .footerVkBgr {max-width: 100vw; width: 100vw; margin-bottom: 70px;}
    #footer .footVk {height: auto;}
    .footVk .image_container {max-width: 300px;}
.darkGrey .x32 .x3 {padding-left: 0%; margin-left: 0%;}
.footerVkBgr::before {height: 470px;}

    body.marginLeftAside #container .x3 {width: 48%;}
    .ce_gallery .cols_4 li {width: 46%; margin: 2%; float: left;}
    .ce_gallery .cols_4 li img {width: auto; min-width: 100%; height: auto;}

}

@media screen and (max-width: 900px) {
    .hRight {display: none;}
    .logo {margin-top: 35px; margin-bottom: 0;  max-width: 300px;}
    #header.scroll .logo {max-width: 250px;}

    #kopfgrafik {margin-top: 110px;}

    .x1, .x2, .x3, .x32, .x4, .x43, .x30, .x5, .formbody .widget, body.marginLeftAside .x3, body.marginLeftAside #container .x3 {width: 98%; clear: both; float: none;}
    .maxWidth70 {max-width: 100%;}
    body.marginLeftAside #main {margin-left: 0; width: 98%;}
    .flexBoxHold {display: block;}
    .jobsTeaser::before {position: relative; width: 100%; display: block; height: 250px;}
    .jobsTeaser .x2 {float: none; clear: both; width: 100%; padding-top: 50px; padding-bottom: 50px;}

    #container {margin-top: 75px;}

    .productList .ce_tabcontrol .tabcontrol_tabs  ul { height:85px; width:inherit; overflow:hidden; background-color:#FFFFFF; padding:0px; margin:0px 0px 25px 0px;
        cursor:pointer; display: block;}
    .productList .ce_tabcontrol .tabcontrol_tabs  ul:hover {height: auto;}
    .productList .ce_tabcontrol .tabcontrol_tabs  ul li {height:40px; padding-left:5px; display: block;}
    .productList .ce_tabcontrol .tabcontrol_tabs  ul li:hover {background-color: #eeeeef}
    .productList .ce_tabcontrol .tabcontrol_tabs ul li:first-child:after {  content:'\276D'; text-align: center;
        rotate: 90deg; font-size: 25px; line-height: 40px; position: absolute; right: 25px; left: inherit; top: 20px; bottom: inherit; height:40px; width:40px; text-align:center; line-height:20px;}
        .tabcontrol_tabs li::after {background-color: transparent;}
        .tabcontrol_tabs li:hover::after {background-color: transparent;}
        .tabcontrol_tabs li.selected::after, .tabcontrol_tabs li:hover::after {background: transparent;}

    aside#left {display: none;}
    body.themeLinkeSpalte #main {width: 100%;}

    .sliderStart .x3.ce_image:last-of-type {display: none;}
    .sliderStart .blueBox .flyingBottom {position: relative; top: 0;padding-top: 1.5rem;}
    .rsts-slide > div {display: block;}
    .sliderStart .x3 {width: 100%!important; display: block; float: none; clear: both; margin-left: 0!important; margin-right: 0!important;}
    .sliderStart .x3.ce_image {min-height: 350px;}
    .rsts-next, .rsts-prev {display: none;}
    .sliderStart .ce_text.x3 p strong {font-size: 1.875rem; line-height: 2.125rem; margin-bottom: 2rem;}

    .jobsTeaser {background-color: #009fe3;} .jobsTeaser p {color: #fff; margin-bottom: 20px; display: block;}
    .jobsTeaser p a.btnBlue {color: #009fe3!important; background-color: #fff!important; margin-top: 10px; display: inline-block;}
    .jobsTeaser p a.btnBlue::before {display: none;}
}

@media screen and (max-width: 650px) {
    .logo {max-width: 70%; margin-bottom: 20px;}
    #header.scroll .logo {margin-bottom: 0px;}


    .jobsTeaser::before {position: relative; width: 100%;}

    #left {width: 100%; margin: 0; padding: 25px 5%; box-sizing: border-box;}
    body.themeLinkeSpalte #main {width: 100%; margin: 0; padding: 25px 0; box-sizing: border-box;}
    .flexBoxHold {display: block;}
    .sliderStart .x3.ce_image {min-height: 220px;}
    a.btnBlue {font-size: 1rem; line-height: 1.25rem;}
    #container {margin-top: 45px;}

    .mobileX1 {width: 98%; clear: both; float: none;}
    .noMobile {display: none;}

    h1 {font-size: 1.85rem; line-height: 2rem;}
    h2 {font-size: 1.65rem; line-height: 1.875rem;}
    a.clear_filters {display: block;}
    .productList .filters select {width: 100%; max-width: 100%;}

    .contentHold > .x2 {padding-left: 0; padding-right: 0;}

    .mod_cms_cookie_bar form .info { max-width: 100%; padding: 0 5%; box-sizing: border-box;}
    .mod_cms_cookie_bar form .formbody .widget-submit {width: 100%; max-width: 100%; text-align: center;}
    .mod_cms_cookie_bar button {margin-left: auto; margin-right: auto;}
 
	 /* Masonry Gallery */
	.masonry_item {float:left; margin: 0 1% 10px 1%; }
	/*.masonry_sizer {float:left; width: 31%; margin: 0 1% 20px 1%; position: absolute; }*/

	/*.gal1, .gal2, .gal3 {float: left; margin: 0 1% 20px 1%; }*/
	.gal1 {width: 47.5%;}
	.gal2 {width: 97%;}
	/*.gal3 {width: 73%}*/
 
}
@media screen and (min-width: 1286px) {
    .hideMobile {display: none;}
}

@media screen and (min-width: 1500px) {


    .logo { max-width: 400px;}
   /* .sliderStart .ce_text.x3 p strong {font-size: 2.75rem; line-height: 3.5rem; text-transform: uppercase; }*/

}

@media screen and (min-width: 2100px) {
    .sliderStart .blueBox .flyingBottom {top: 250px;}
    .sliderStart .ce_text.x3 p {font-size: 2.25rem; line-height: 2.75rem;}
    .sliderStart .ce_text.x3 p strong {font-size: 4.75rem; line-height: 5.25rem; margin-bottom: 2rem;}
}