body,html,*{font-size: 16px;font-family: 'Questa Sans';font-weight: 400;color: #121212;}
html{scroll-behavior: smooth;}
body{overflow-x: hidden;background-color: #f2f2f2;}

.container{max-width: 1735px;}
.container.narrow{max-width: 1445px;}
p{line-height: 1.8;}

a{color: #121212;text-decoration: none;font-size: 100%;transition: all .3s ease;}
a:hover{text-decoration: none;color: #EE6F5F;transition: all .3s ease;}
a:focus{border:none;outline: none;}
*:focus-visible{outline: auto!important;}

ol{padding-left:20px;}
ol li{list-style:unset;}
li{list-style: none;position: relative;}

img{max-width: 100%;height: auto;}

.topline{display: block;margin-bottom: 15px;font-weight: 500;line-height: 1; font-size: 120%;}
h1{font-size: 280%;font-weight: 300;display: block;color: #121212;margin-bottom: 50px;line-height: 1.15;}
h2{font-size: 280%;font-weight: 300;display: block;color: #121212;margin-bottom: 50px;line-height: 1.15;}
h3{font-size: 250%;font-weight: 300;display: block;color: #121212;margin-bottom: 0;line-height: 1.4;}

.btn{position: relative;font-weight: 500;padding:10px 30px;color: #121212!important;line-height: 1;margin-top: 50px;transition: all .3s ease;border:solid 1px #121212;border-radius:0;text-decoration:none!important;}
.btn:hover{color:#fff!important;background:#121212;transition: all .3s ease;}

strong{font-weight: 500;font-size: 100%;font-family: 'Noe Display';}

.breadcrump{font-size: 80%;margin-bottom: 50px;}

#BorlabsCookieBoxWidget {display:none;}
.datenschutz #BorlabsCookieBoxWidget {display:block;}

#map{height:500px;max-width:100%;}

.fancybox-lock .fancybox-overlay{background:rgba(0,0,0,0.8)}

/*------------------------------------Header-------------------------------------------------*/

#page-header{position: absolute;top: 0;right: 0;left: 0;padding: 30px 0;z-index: 1;}

#page-header .logo{text-align:center;}
#page-header .logo a{height: max-content;display: block;}
#page-header .logo img{max-width: 30%;}

#page-header .navigation{display: flex;align-items: center;}
#page-header .navigation.rechts{justify-content: end;}
#page-header .navigation.links{justify-content: start;}
#page-header .navigation .menu{padding: 0;margin: 0;display: flex;align-items:center;}
#page-header .navigation .menu li{margin-right: 50px;position: relative;}
#page-header .navigation .menu li a{font-weight: 500;}
#page-header .navigation .menu li.current-menu-item::before{content: '';background-color: #EE6F5F;width: 6px;height: 6px;border-radius: 50%;position: absolute;bottom: -12px;left: 0;right: 0;margin: 0 auto;}

#page-header .navigation .menu li.btn{margin: 0;padding:0;background:none;border:none;}
#page-header .navigation .menu li.btn a{padding:10px 30px;border: solid 1px #121212;color:#121212;}
#page-header .navigation .menu li.btn:hover a{color:#fff!important;background-color: #121212;}
#page-header .navigation .menu li.btn.current-menu-item:before{bottom:-25px;}
#page-header .navigation .menu li.btn.current-menu-item a{background-color: #121212;color: #fff!important;}

#page-header .navigation .onlymobile{display:none;}

#page-header #wpmlmenu {position:absolute;bottom: 60px;right:0px;}
#page-header #wpmlmenu .wpml-ls-item-de, #page-header .socials #wpmlmenu .wpml-ls-item-en{margin:0;}
#page-header #wpmlmenu .wpml-ls-item-de .wpml-ls-link{position:relative;}
#page-header #wpmlmenu .wpml-ls-item-de .wpml-ls-link:before{content:'DE';width:25px;height:25px;color:#ccc;font-weight:900;font-size:100%;font-family: 'Questa Sans';letter-spacing:5px;}
#page-header #wpmlmenu .wpml-ls-item-de .wpml-ls-link:after{content:'';width:2px;height:17px;background:#333;display:block;position:absolute;top:5px;right:0;}
#page-header #wpmlmenu .wpml-ls-item-en .wpml-ls-link{position:relative;}
#page-header #wpmlmenu .wpml-ls-item-en .wpml-ls-link:before{content:'EN';width:25px;height:25px;color:#ccc;font-weight:900;font-size:100%;font-family: 'Questa Sans';letter-spacing:5px;}
#page-header #wpmlmenu .wpml-ls-link span{display:none;}
#page-header #wpmlmenu .wpml-ls-current-language .wpml-ls-link:before{color:#333;}  

#page-header.bottom{padding: 20px 0;position: fixed;top: 0;left: 0;right: 0;background-color: #f2f2f2; -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2s; /* Firefox < 16 */-ms-animation: fadein 2s; /* Internet Explorer */-o-animation: fadein 2s; /* Opera < 12.1 */animation: fadein 2s;z-index:999;}

@keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-moz-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-webkit-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-ms-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}

#page-header.bottom .container-fluid{max-width: 1465px;padding: 0 11px;}
#page-header.bottom .logo img{max-width: 30%;}
#page-header.bottom #wpmlmenu{display:none;}
  

/*------------------------------------Burgermenu---------------------------------------------*/

#page-header #menuburgerbutton{display: none;width:40px;height: 40px;cursor: pointer;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer;z-index: 100;right: 10%;position: absolute;}
#page-header #menuburgerbutton span{margin: 8px 0; display: block;height: 3px;border-radius: 4px;width: 100%;background: #121212;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#page-header #menuburgerbutton.open span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);margin-top: 12.5px;background: #121212;}
#page-header #menuburgerbutton.open span:nth-child(2){display: none;}
#page-header #menuburgerbutton.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);margin-top: -11.5px;background: #121212;}

/*------------------------------------Burgermenu---------------------------------------------*/

#scrollup{position: fixed;right: 20px;bottom: 20px;transform: rotate(-90deg);z-index: 2;transition: 0.3s;}
#scrollup:hover{transform:scale(1.05) rotate(-90deg);transition: 0.3s;}
#scrollup img{max-width: 25px;margin-right: 10px;}
/* #scrollup::before{content: '';background: url('media/icons/arrow-circle.svg')no-repeat;background-size: 100%;width: 25px;height: 25px;position: absolute;bottom: -1px;left: -40px;} */
#scrollup a{font-weight: 500;}
#scrollup a:hover{color: #121212;}

#share{position: fixed;left: 10px;bottom: 8%;transform: rotate(-90deg);z-index: 999;transition: 0.3s;cursor: pointer;}
#share::before{content: '+';border: solid 1px #121212;border-radius: 50%;width: 25px;height: 25px;position: absolute;bottom: -1px;left: -40px;display: flex;justify-content: center;align-items: center;transition: 0.3s;}
#share.active::before{transform: rotate(135deg);transition: 0.3s;}
#share span{font-weight: 500;}
#share ul{margin: 0;padding: 0;transform: rotate(90deg);position: absolute;left: 30px;bottom: -40px;display: none;}
#share.active ul{display: block;background-color: #fff;}
#share ul li{margin-bottom: 10px;}
#share ul li img{width: 20px;height: 20px;}

/*------------------------------------Footer-------------------------------------------------*/

#page-footer{padding: 50px 0 10px 0;position: relative;}
#page-footer ul{padding: 0;margin: 0;}
#page-footer .headline{display: block;margin-bottom: 5px;font-weight: 600;}
#page-footer a{display:block;margin-bottom:5px;}
#page-footer a.kontaktlink{text-decoration: underline;}

#page-footer .logo{text-align:center;}
#page-footer .logo img{max-width: 30%;}

#page-footer #footerbottom{padding-top: 20px;margin-top: 50px;border-top: solid 1px #121212;}
#page-footer #footerbottom .copyright p{font-size: 80%;}

#page-footer #footerbottom .rechtliches ul{display: flex;justify-content: end;line-height:1;}
#page-footer #footerbottom .rechtliches ul li{margin:0 10px;position: relative;line-height:1.4;}
#page-footer #footerbottom .rechtliches ul li.trenner{margin:0;line-height:1;}
#page-footer #footerbottom .rechtliches ul li:last-child{margin-right: 0;}
#page-footer #footerbottom .rechtliches ul li a{font-size: 80%;}

/*------------------------------ACF-Flexible-Content-----------------------------------------*/

div[class^="flx_"], div[class*="flx_"]{padding:75px 0;position: relative;}
.inhaltsbloecke{margin-top: 135px;}

.flx_topheader h1{color:#fff;}
.flx_topheader.bild{margin-bottom: 80px;}
.flx_topheader.bild .contentblock{position: absolute;bottom: 22.5%;width: 50%;}
.flx_topheader.bild .contentblock h1, .flx_topheader.bild .contentblock p{font-size: 310%;color:#fff;line-height: 1.15;}
.flx_topheader.bild .contentblock h1, .flx_topheader.bild .contentblock h2{margin: 0;color: #fff;line-height: 1.4;}
.flx_topheader.bild .contentblock .topline{margin: 0;color: #fff;line-height: 1.4;font-size:150%;} 
.flx_topheader.bild .contentblock .inhalt{margin-top:15px;}
.flx_topheader.bild .contentblock .inhalt p{margin: 0;color: #fff;line-height: 1.4;font-size:150%;}
.flx_topheader.bild .contentblock strong{color: #fff;}

.flx_topheader.video {padding: 0;}
.flx_topheader:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;/*background:#000;opacity:0.25;*/background: linear-gradient(15deg, rgba(0,0,0,0.7) 25%, rgba(0,0,0,0.5) 45%, rgba(0,0,0,0) 60%);opacity: 0.85;}
.flx_topheader.video video{margin-bottom:-7.5px; object-fit: cover;}
.flx_topheader.video .contentblock{position: absolute;bottom: 22.5%;}
.flx_topheader.video .contentblock p{color: #fff;font-size: 310%;line-height: 1.3;margin-bottom: 0;}
.flx_topheader.video .contentblock strong{color: #fff;}

.flx_topheader.farbflaeche-text .bild .topline{margin-bottom: 30px;}
.flx_topheader.farbflaeche-text .textliches{padding-top: 100px;}
.flx_topheader.farbflaeche-text .textliches .zahl{display: block;margin-bottom: 20px;font-size: 500%;font-weight: 600;opacity: 0.2;}
.flx_topheader.farbflaeche-text:before{display:none;}
.flx_topheader.farbflaeche-text .contentblock .topline{color:#fff;}
.flx_topheader.farbflaeche-text .contentblock h1{color:#fff;}

.flx_textblock a{text-decoration:underline;color:#121212;font-weight:bold;}
.flx_textblock ul{padding-left:20px;}
.flx_textblock ul li{list-style:unset;}

.flx_textblock.text-slider .grid-container{display: grid;grid-template-rows: auto;grid-template-columns:57% 27%;gap:100px;}
.flx_textblock.text-slider .text{grid-row: auto;grid-column: 2 ;align-content:center;}
.flx_textblock.text-slider .slider{position: relative;grid-row: auto;grid-column: 1 / 1;}
.flx_textblock.text-slider .slider .swiper-button-next::after, .flx_textblock.text-slider .slider .swiper-button-prev::after{font-size: 75%;font-weight: 900;display: block;width: 30px;height: 30px;text-align: center;align-content: center;}
.flx_textblock.text-slider .slider .swiper-button-next, .flx_textblock.text-slider .slider .swiper-button-prev{color:#121212;border: solid 1px #121212;border-radius: 50%;width: 30px;height: 30px;}
.flx_textblock.text-slider .slider .swiper-button-prev{right: 100px;top:105%;left:unset;}
.flx_textblock.text-slider .slider .swiper-button-next{right: 0;top:105%;left:unset;}

.flx_textblock.slider-text .grid-container{display: grid;grid-template-rows: auto;grid-template-columns:7% 26% 57%;gap:100px;}
.flx_textblock.slider-text .text{grid-row: auto;grid-column: 2 ;align-content:center;}
.flx_textblock.slider-text .slider{position: relative;grid-row: auto;grid-column: 3;}
.flx_textblock.slider-text .slider .swiper-button-next::after, .flx_textblock.slider-text .slider .swiper-button-prev::after{font-size: 75%;font-weight: 900;display: block;width: 30px;height: 30px;text-align: center;align-content: center;}
.flx_textblock.slider-text .slider .swiper-button-next, .flx_textblock.slider-text .slider .swiper-button-prev{color:#121212;border: solid 1px #121212;border-radius: 50%;width: 30px;height: 30px;}
.flx_textblock.slider-text .slider .swiper-button-prev{left: 0;top:105%;}
.flx_textblock.slider-text .slider .swiper-button-next{left: 100px;top:105%;}

.flx_textblock.video-text-bild .contentright .video{margin-bottom: 70px;height: 500px;display: flex;}
.flx_textblock.video-text-bild .contentright .video video{object-fit: cover;}

.flx_textblock.zitat-text-video .contentleft .zitat{background:#EE6F5F;padding:65px 40px;margin-top:50px;}
.flx_textblock.zitat-text-video .contentleft .zitat p{color:#fff;font-size:125%;line-height:1.2;}
.flx_textblock.zitat-text-video .contentleft .zitat p em{color:#fff;font-style:normal;}
.flx_textblock.zitat-text-video .contentleft .zitat p strong{color:#fff;}
.flx_textblock.zitat-text-video .videoright .video{margin-bottom: 0px;height: 90%;display: flex;}
.flx_textblock.zitat-text-video .videoright .video video{object-fit: cover;}

.flx_textblock.bilderoben  h2{text-align: center;}
.flx_textblock.bilderoben img{margin-bottom: 20px;}

.flx_textblock.bild-text .text{padding: 50px;}
.flx_textblock.bild-text .bild{display: flex;justify-content: center;}
.flx_textblock.bild-text .bild img{height: auto;width: 100%;object-fit: contain;}
.flx_textblock.text-bild-zwei .text{padding-right: 100px;}

.flx_textblock.textlinksaccordionrechts .text h2 {font-weight: 600;  margin-bottom: 10px;}
.flx_textblock.textlinksaccordionrechts .text span {font-size: 150%;}
.flx_textblock.textlinksaccordionrechts .card {border:none;border-bottom: 1px solid #121212!important;background: #f2f2f2;}
.flx_textblock.textlinksaccordionrechts .card:last-child{border:none!important;}
.flx_textblock.textlinksaccordionrechts .card-header {background-color:#f2f2f2;padding:15px 0;border:none;}
.flx_textblock.textlinksaccordionrechts .card-body{padding:0;}
.flx_textblock.textlinksaccordionrechts .card-body p {  font-size: 100%;}
.flx_textblock.textlinksaccordionrechts .btn {background-color: #f2f2f2; border:none;padding: 20px 0px;font-size: 125%;margin-top: 0px; text-decoration: none;width:100%;text-align:left;}
.flx_textblock.textlinksaccordionrechts .btn:hover {background-color:#f2f2f2;color:#121212!important;}
.flx_textblock.textlinksaccordionrechts .btn:focus {box-shadow: none;}

.flx_textblock.textlinksaccordionrechts .accordion button:after{content:'';background:url('media/icons/arrow-down.svg');background-size:75%;background-position:center;background-repeat:no-repeat;width:45px;height:45px;display:block;position:absolute;right:0;top:5px;transition:all .3s ease;}
.flx_textblock.textlinksaccordionrechts .accordion button.collapsed:after{content:'';background:url('media/icons/arrow-up.svg');background-size:75%;background-position:center;background-repeat:no-repeat;width:45px;height:45px;display:block;position:absolute;right:0;top:5px;transform:rotate(360deg);transition:all .3s ease;}

.flx_textblock.bild-spruch{background-color: #eae4d879;padding: 100px 0;}
.unternehmen .flx_textblock.bild-spruch .text .btn:hover::after{width: 245px;}
.flx_textblock.bild-spruch .text{margin-top: 400px;}
.flx_textblock.bild-spruch .spruch{margin-top: 150px;}
.flx_textblock.bild-spruch .spruch p{margin: 0;font-size: 200%;line-height: 1.4;}

#story.flx_textblock .text{padding-right:75px;align-content:center;}

.manufaktur .flx_textblock h4{position: relative;margin-top:25px;}
.manufaktur .flx_textblock h4:before{content:'';background:url('media/icons/360grad.svg');background-size:75%;background-position:center;background-repeat:no-repeat;width:140px;height:140px;display:block;position:absolute;right:30px;top:-150px;}
.manufaktur .flx_textblock h4.headline:before{display: none;}

.flx_markenteaser .markenlogos{display: flex;align-items: center;}
.flx_markenteaser .markenlogos .markenlogo img{padding: 30px;margin: 0 auto;display: block;max-width: 60%;filter: grayscale(1);}
.flx_markenteaser .markenlogos .link{display: flex;align-items: center;justify-content: center;}
.flx_markenteaser .markenlogos .link .btn{margin: 0;}
.flx_markenteaser .markenlogos .link .btn:hover::after{width: 205px;}

.flx_referenzen_teaser h3{font-size: 200%;font-weight: 600; float: left;}
.flx_referenzen_teaser .topline{margin-bottom: 0px;line-height: 1.6;font-size: 100%;}
.flx_referenzen_teaser p{margin-bottom: 0px;}
.flx_referenzen_teaser .item{margin: 0 0 75px 0;}
.flx_referenzen_teaser .beschreibung{margin-top: 20px;}
.flx_referenzen_teaser span.subline{font-size: 130%;font-weight: 500;float: right;}
.flx_referenzen_teaser.bild-gross a:focus-visible{height: max-content;display: block;}
.flx_referenzen_teaser.bild-gross .bild {margin-bottom: 20px; padding: 0;}
.flx_referenzen_teaser.bild-gross .h3 {min-height: 45px;}
.flx_referenzen_teaser.bild-gross .subline {min-height: 45px;}
.flx_referenzen_teaser.bild-gross .rechts img:nth-of-type(1) {margin-bottom: 25px;}
.flx_referenzen_teaser.bild-gross .links img {margin-bottom: 23px;}
.flx_referenzen_teaser.bild-gross {padding:0 0 75px 0;}
.inspiration .flx_textblock h2 {text-align:center;}

.flx_realisierung .text{margin-bottom: 50px;}
.flx_realisierung .contentright img{margin-top: -60px;margin-bottom: 70px;}

.flx_videoblock .badgewrapper{position: absolute;top: 150px;right:100px;z-index:5;transform: rotate(45deg);}
.flx_videoblock .badgewrapper .badge{display:block;}

.flx_bildblock.only:before{content:'';position:absolute;top:75px;right:0;bottom:75px;left:0;background:#000;opacity:0.5;}
.flx_bildblock.only .badgewrapper{position: absolute;top: 150px;right:100px;z-index:5;transform: rotate(45deg);}
.flx_bildblock.only .badgewrapper .badge{display:block;}

.flx_bildblock.imcontainer .text{position: absolute;top:50%;left:17.5%;transform:translateY(-50%);}
.flx_bildblock.imcontainer .text h2{margin-bottom:25px;color:#fff;}
.flx_bildblock.imcontainer .text p{font-size:135%;color:#fff;}
.flx_bildblock.imcontainer .text .btn{margin-top:25px;color:#fff!important;border-color:#fff;}
.flx_bildblock.imcontainer .text strong{color:#fff;}

.flx_bildblock.mitoverlay .container{position:relative;}
.flx_bildblock.mitoverlay .container:before{content:'';position:absolute;top:0;left:15px;right:15px;bottom:0;background: linear-gradient(90deg, rgba(0,0,0,0.8) 35%, rgba(0,0,0,0) 60%);}
.flx_bildblock.imcontainer.mitoverlay .text{left:7.5%;}

.flx_bildblock.grid  {padding: 0;margin-bottom: 20px;}
.flx_bildblock.grid img {max-width: 100%;margin: 0 0 20px 0; height: auto;}
.flx_bildblock.grid h3 {width: 100%;margin-bottom: 24px;}
.flx_bildblock.grid .kachel_headline {margin-left: 15px;}
.flx_bildblock.grid .item{margin-bottom:50px;}

.flx_bildblock.sliderblock .kachel_headline {margin-left: 0;margin-bottom: 25px;}
.flx_bildblock.sliderblock .slider{margin-top:35px;}
.flx_bildblock.sliderblock .slider .swiper-button-next::after, .flx_bildblock .slider .swiper-button-prev::after{font-size: 75%;font-weight: 900;display: block;width: 30px;height: 30px;text-align: center;align-content: center;}
.flx_bildblock.sliderblock .slider .swiper-button-next, .flx_bildblock .slider .swiper-button-prev{color:#121212;border: solid 1px #121212;border-radius: 50%;width: 30px;height: 30px;}
.flx_bildblock.sliderblock .slider .swiper-button-prev{left:15px;top:105%;}
.flx_bildblock.sliderblock .slider .swiper-button-next{left:150px;top:105%;}
.flx_bildblock.sliderblock .item h4{margin-top:15px;margin-bottom:0;}
.flx_bildblock.sliderblock .item span{font-size:95%;line-height:1.3;display:block;}
.flx_bildblock.sliderblock .bild{padding-left:85px;display:flex;}
.flx_bildblock.sliderblock .bild img{object-fit:cover;}


.flx_bildergalerie .grid-container{display: grid;grid-template-rows: 0 400px 400px 0;grid-template-columns: 240px 80% 40%;position: relative;height: 100%;}
.flx_bildergalerie .grid-container .slider{grid-row: 1 / 4;grid-column: 2 / 4;height: 100%;width: 100%;}
.flx_bildergalerie .grid-container .slider .swiper{height: 100%;}
.flx_bildergalerie .grid-container .slider .swiper-slide{max-width: 1200px;height: 800px;}
.flx_bildergalerie .grid-container .slider .swiper-slide img{object-fit: cover;width: 100%;height: 100%;}
.flx_bildergalerie .grid-container .slider .swiper-button-next::after, .flx_bildergalerie .grid-container .slider .swiper-button-prev::after{font-size: 75%;font-weight: 900;display: block;width: 30px;height: 30px;text-align: center;align-content: center;}
.flx_bildergalerie .grid-container .slider .swiper-button-next, .flx_bildergalerie .grid-container .slider .swiper-button-prev{color:#121212;border: solid 1px #121212;border-radius: 50%;width: 30px;height: 30px;}
.flx_bildergalerie .grid-container .slider .swiper-button-prev{left:12.5%;right:unset;top:105%;}
.flx_bildergalerie .grid-container .slider .swiper-button-next{left:17.5%;right:unset;top:105%;}

.flx_referenzen{padding-top: 30px;}
.flx_referenzen .headlinecontainer p{margin: 0;}
.flx_referenzen h1, .flx_referenzen h2{margin-bottom: 20px;}
.flx_referenzen .referenzenlist{margin-top: 30px;}
.flx_referenzen .referenzenlist p{margin: 0;}
.flx_referenzen .referenzenlist .referenzitem{margin-bottom: 80px;}
.flx_referenzen .referenzenlist .referenzitem .content{margin-top: 15px;}
.flx_referenzen .referenzenlist .referenzitem .content .projektname{font-weight: 500;font-size: 120%;}
.flx_referenzen .referenzenlist .referenzitem .content p{margin-bottom: 0;}
.flx_referenzen .referenzenlist .referenzitem picture{display: block;}
.flx_referenzen .referenzenlist .referenzenleft{padding-right: 20px;}
.flx_referenzen .referenzenlist .referenzenright{margin-top: -200px;padding-left: 20px;}
.flx_referenzen .overflow{overflow:hidden;}
.flx_referenzen .referenzenlist .referenzitem .content{z-index: 5;padding: 30px 0px;background: #fff;transform: translateY(-7%);width: 700px;margin-top:unset;}
.flx_referenzen .referenzbild{z-index:3;position: relative;width: 700px;}
.flx_referenzen .referenzenlist .referenzitem{margin-bottom: 50px;position: relative;}
.flx_referenzen .btn{margin: 40px 0;}
.flx_referenzen .btn:hover::after{width: 80px;}
.flx_referenzen .filter.active{display: block!important;}
.flx_referenzen form{margin: 0 0 30px 0;}
.flx_referenzen form button{box-shadow: unset;border: solid 1px #121212;border-radius: 20px;background-color: unset;padding: 5px 25px;margin-bottom: 15px;margin-right: 10px;font-size: 80%;font-weight: 500;transition: 0.3s;}
.flx_referenzen form button:last-child{margin-right: 0;}
.flx_referenzen form button:hover{border: solid 1px #121212;background-color: #121212;color: #fff;transition: 0.3s;}
.flx_referenzen form button.filterbtn.active{border: solid 1px #121212;background-color: #121212;color: #fff;cursor: pointer;}
.flx_referenzen form .nutzungsraeumefilter button.filterbtn.active{background-color: #EE6F5F36;border: solid 1px #EE6F5F;color: #EE6F5F;} 
.flx_referenzen form .nutzungsraeumefilter button.filterbtn{border: solid 1px #EE6F5F;color: #EE6F5F;}
.flx_referenzen form .nutzungsraeumefilter button.filterbtn:hover{background-color: #EE6F5F36;}
.flx_referenzen form .filterreset #reset.btn{border: unset;padding: 0;font-weight: 500;font-size: 100%;}
.flx_referenzen form .filterreset #reset.btn:hover{background-color: unset;color: #EE6F5F;}
.flx_referenzen form .filterreset #reset.btn:hover::after{width: 185px;}
.flx_referenzen .filterreset #reset.btn{border: unset;padding: 0;font-weight: 500;font-size: 100%;}
.flx_referenzen .filterreset #reset.btn:hover{background-color: unset;color: #EE6F5F;}
.flx_referenzen .filterreset #reset.btn:hover::after{width: 185px;}

.flx_timeline{margin-bottom: 150px;}
.flx_timeline h1, .flx_timeline h2{margin-bottom: 80px;}
.flx_timeline #timeline{overflow-x: hidden;position: relative;min-height: 550px;min-width: 2300px; width: 100%;overflow: visible;left: 50px;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.flx_timeline1 .timeline.active{
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.flx_timeline #timeline .line{position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);border: 1px solid #f2f2f2;width: 1000%;}
.flx_timeline #timeline .timline-container{position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: 100%;display: flex;padding-left: 190px;}

.flx_timeline #timeline .timline-container .item{position: absolute;width: 350px;}
.flx_timeline #timeline .timline-container .item time{display: block;font-weight: 600;}
.flx_timeline #timeline .timline-container .item span{word-wrap: break-word;}
.flx_timeline #timeline .timline-container .time{position: relative;display: inline-block;list-style-type: none;width: 200px;overflow: visible;}

.flx_timeline #timeline .timline-container .time:nth-child(odd) div{top: -60px;transform: translateY(-100%);}
.flx_timeline #timeline .timline-container .time:nth-child(even) div{top: calc(100% + 60px);}
.flx_timeline #timeline .timline-container .time::after{content: '';position: absolute;left: 0;width: 2px;height: 50px;border: solid 1px #EE6F5F;}
.flx_timeline #timeline .timline-container .time::before{content: '';position: absolute;top: 50%;left: -5px;width: 12px;height: 12px;transform: translateY(-50%);border-radius: 50%;background-color: #EE6F5F;}
.flx_timeline #timeline .timline-container .time:nth-child(odd)::after{bottom: 0;}

.flx_timeline{margin-bottom: 150px;}
.flx_timeline .timeline{white-space: nowrap;overflow-x: hidden;position: relative;min-height: 600px;}

.flx_timeline .timeline ol{font-size: 0;width: 100vw;padding: 250px 0;transition: all 1s;}
.flx_timeline .timeline ol li{position: relative;display: inline-block;list-style-type: none;width: 160px;height: 2px;background: #f2f2f2;}
.flx_timeline .timeline ol li:last-child {width: 280px;}
.flx_timeline .timeline ol li:not(:first-child) {margin-left: 14px;}
.flx_timeline .timeline ol li::after {content: '';position: absolute;top: 50%;left: calc(100% + 1px);bottom: 0;width: 12px;height: 12px;transform: translateY(-50%);border-radius: 50%;background: #E6224E;}
.flx_timeline .timeline ol li::before{content: '';position: absolute;top: 40px;left: -33px;width: 50px;height: 2px;border: dashed 1px #121212;transform: rotate(90deg);}
.flx_timeline .timeline ol li:nth-child(2n)::before{content: '';position: absolute;top: -40px;left: -33px;width: 50px;height: 2px;border: dashed 1px #121212;transform: rotate(90deg);}
.flx_timeline .timeline ol li div{position: absolute;left: calc(100% + 7px);width: 300px;padding: 10px;font-size: 1rem;white-space: normal;border: solid 2px #f2f2f2;}
.flx_timeline .timeline ol li:nth-child(odd) div{top: -80px;transform: translateY(-100%);}
.flx_timeline .timeline ol li:nth-child(even) div{top: calc(100% + 80px);}
.flx_timeline .timeline time{display: block;font-size: 14px;font-weight: bold;margin-bottom: 8px;}
.flx_timeline .timeline p{font-size: 14px;}
.flx_timeline .timeline .arrows{display: flex;justify-content: center;margin-bottom: 20px;cursor: pointer;}
.flx_timeline .timeline .arrows .arrow__prev{margin-right: 20px;}
.flx_timeline .timeline .arrows .arrow__prev img{transform: rotate(180deg);}
.flx_timeline .timeline .arrows img{width: 45px;height: 45px;}

.flx_teaserboxen .teaserbox{transition: 0.3s;}
.flx_teaserboxen .teaserbox:hover{transform: scale(1.02);transition: 0.3s;}
.flx_teaserboxen .headline{font-size: 140%;font-weight: 500;margin-bottom: 10px;display: block;}
.flx_teaserboxen .teaserbox .headline{font-size: 140%;font-weight: 500;margin-bottom: 10px;display: block;}
.flx_teaserboxen .teaserbox .inner{padding:75px;}
.flx_teaserboxen .teaserbox .inner img{margin-bottom:35px;width:30%;}
.flx_teaserboxen .teaserbox .inner p{margin: 0;min-height: 120px;}
.flx_teaserboxen .teaserbox .inner .btn{margin-top: 40px;}

.flx_teaserboxen.vierteaser  .headline{text-align: center;}
.flx_teaserboxen.vierteaser  .teaserbox .headline{text-align: left;}
.flx_teaserboxen.vierteaser  .teaserbox .inner{padding: 45px;margin-bottom: 40px;margin-right: 20px;}
.flx_teaserboxen.vierteaser  .teaserbox img{width: 20%;}

.flx_teaserboxen.mitbildlinks .texte {padding-left: 35px;}
.flx_teaserboxen.mitbildlinks .inner {padding: 0px;}
.flx_teaserboxen.mitbildlinks .inner p {width: 90%;}
.flx_teaserboxen.mitbildlinks .inner img {width: 10%; float: left;margin-right: 15px;}
.flx_teaserboxen.mitbildlinks .bild img {width: 100%;object-fit: cover;height: 800px;}
.flx_teaserboxen.mitbildlinks .teaserbox {margin-bottom: 35px;}
.flx_teaserboxen.mitbildlinks h2 {position: relative;}
.flx_teaserboxen.mitbildlinks h2:before {content:'';background:url('media/icons/360grad.svg');background-size:75%;background-position:center;background-repeat:no-repeat;width:140px;height:140px;display:block;position:absolute;right:150px;top:-125px;}

.flx_ansprechpartner .textliches .mail{position: relative;padding-left: 30px;}
.flx_ansprechpartner .textliches .mail::before{content: '';background: url('media/icons/mail.svg')no-repeat;background-size: 100%;width: 20px;height: 20px;position: absolute;left: 0;top: 1px;}
.flx_ansprechpartner .ansprechpartner{text-align: center;margin-bottom: 30px;}
.flx_ansprechpartner .ansprechpartner .name{display: block;margin-top: 10px;font-weight: 500;}
.flx_ansprechpartner .ansprechpartner img{border-radius: 50%;max-width: 60%;}

.flx_kontaktformular .formular input, .flx_kontaktformular .formular textarea{ padding: 10px 15px;border:none;color: #121212;margin-bottom: 20px;width: 100%;background: #f2f2f2;border-radius: 5px;}
.flx_kontaktformular .formular textarea{ width: 50%;}
.flx_kontaktformular .formular .terms input{width: auto;margin: 0;}
.flx_kontaktformular .formular #submit{border-radius: 0;padding: 15px;margin-top: 20px;background-color: #121212;color: #fff;transition: 0.3s;}
.flx_kontaktformular .formular #submit:hover{background-color: #EE6F5F;border-color: #EE6F5F;transition: 0.3s;}
.flx_kontaktformular .formular{display:block;width:70%;margin:0 auto;background:#fff;padding: 65px;}
.flx_kontaktformular .formular select{width: 150px;background: transparent;border: 1px solid gray;border-radius: 5px;height: 30px;margin-bottom: 15px;display: block;}
.flx_kontaktformular .formular label{display: block;}

.flx_kontaktformular .formular .sib-input input{margin-bottom:0;}
.flx_kontaktformular .formular .sib-form{background-color:#fff!important;padding:0;}
.flx_kontaktformular .formular .sib-form #sib-container{max-width:100%!important;}

.flx_kontaktformular .formular label[for="idWC_opt_in"], .flx_kontaktformular 
.formular label[for="idWC_opt_in_phone"], .flx_kontaktformular .formular label[for="idWC_opt_in_letter"]{display: inline-block;margin-right: 50px;}

.flx_kontaktformular .formular input[type="checkbox"]{width:15px; height:15px; display: inline-block;margin-right: 10px;}
.flx_kontaktformular .formular input[name="captchaResult"]{width: 30%;}

.flx_kontaktformular .formular  button{background-color: #121212!important;color: white!important;padding: 5px 60px!important;margin: 0 0 20px 0; border: 1px solid transparent!important;}
.flx_kontaktformular .formular button:hover{background-color:white!important;color: #121212; border:1px solid #121212!important;}
.flx_kontaktformular button span i{color:white;font-size: 120%;}
.flx_kontaktformular .formular button:hover span i {color:#121212 !important; }
.flx_kontaktformular .newsletter{display: flex;}
.flx_kontaktformular .newsletter input[type="checkbox"]{height: 25px;}
.flx_kontaktformular .newsletter label{float: right;}
.flx_kontaktformular .kontakt{margin-bottom: 20px;}

.flx_karriere .stelle{padding: 20px 0;border-bottom: solid 1px #E5E5E5;}
.flx_karriere .stelle .jobname{color: #121212;font-weight: 500;font-size: 120%;}
.flx_karriere .stelle .btn{margin-top: 0;}
.flx_karriere .stelle .btn:hover::after{width: 200px;}
.flx_karriere .stellenuebersicht{margin-top: 50px;}

.flx_haendlerfinder h2{font-weight: 600;}

.flx_blogteaser .item{background:#fff;margin-bottom:30px;}
.flx_blogteaser .item a{height: max-content;display: block;}
.flx_blogteaser .item .thumbnail{height:300px;display:flex;}
.flx_blogteaser .item .thumbnail img{object-fit:cover;}
.flx_blogteaser .item .content{padding:0 15px;}
.flx_blogteaser .item .content .headline{font-size:200%;margin:15px 0;min-height:75px;}
.flx_blogteaser .item .content .teasertext{min-height:150px;display:block;}
.flx_blogteaser .item .content .btn{margin:15px 0;}

.flx_eventteaser .headline{text-align: center;}
.flx_eventteaser .teaserbox .inner{padding: 20px;margin-bottom: 40px;}
.flx_eventteaser .teaserbox .inner .headline{text-align: left;font-size:225%;font-weight:600;display:block;line-height: 1;}
.flx_eventteaser .teaserbox .inner .zeitraum{text-align: left;font-size:150%;font-weight:400;display:block;margin-bottom:10px;}
.flx_eventteaser .teaserbox .inner p{line-height:1.4}



/*------------------------------Händlersuche----------------------------------------------------------*/


#haendlersuchewide.store-locator-v2 .store-locator-v2-form-container {position: relative;z-index: 3;height: 100%;width: 550px; max-width: 50%;background:#fff;float:left;}
#haendlersuchewide.store-locator-v2 .store-locator-v2-form-container .store-locator-v2-form {text-align: center;position: relative!important;top: 0!important;left: 0!important;padding: 40px !important;margin-bottom: 20px;width:100%;}
#haendlersuchewide.store-locator-v2 .store-locator-v2-form-container .store-locator-v2-form input[type=submit] {position: relative !important;top: auto!important;left: auto!important;margin-left: 10px;margin-top: -5px;background:#121212;color:#fff!important;border-radius: .5em;}
#haendlersuchewide.store-locator-v2 .store-locator-v2-form-container .store-locator-v2-form input[type=submit]:hover {color:#121212!important;background:#fff;}
#haendlersuchewide.store-locator-v2 .store-locator-v2-form-container .store-locator-v2-form select,
#haendlersuchewide.store-locator-v2 .store-locator-v2-form-container .store-locator-v2-form input[type=text] {margin-bottom: 10px;}
#haendlersuchewide.store-locator-v2 .store-locator-v2-form-container .store-locator-v2-form .title{margin-bottom: 12px;font-weight:600;}
#haendlersuchewide.store-locator-v2 .store-locator-list-placeholder {color: #777;text-align:center;font-size: 2rem;}
#haendlersuchewide.store-locator-v2 .store-locator-list {height: 300px;overflow-y: scroll;padding: 0 40px;}
#haendlersuchewide.store-locator-v2 .store-locator-list .store-locator-item {background-color: #EBEBEB;padding: 10px; width:100%; float: left;margin-bottom: 7px;min-height: 130px;}
#haendlersuchewide.store-locator-v2 .store-locator-list .store-locator-item.typ__market {border-bottom: 4px solid #121212;}
#haendlersuchewide.store-locator-v2 .store-locator-list .store-locator-item.typ__deliver {border-bottom: 4px solid #E11C16;}
#haendlersuchewide.store-locator-v2 .store-locator-list .store-locator-item.typ__both {border-bottom: 4px solid #E11C16;}
#haendlersuchewide.store-locator-v2 .store-locator-item h4 {font-size: 125%;font-weight: 600;margin-bottom: 1px;}
#haendlersuchewide.store-locator-v2 .store-locator-item p {font-size: 100%;font-weight: 300;line-height: 1.2rem; margin-bottom: 8px;}
#haendlersuchewide.store-locator-v2 .store-locator-item a{display:block;}
#haendlersuchewide.store-locator-v2 .store-locator-item .btn{width:max-content;margin-top:25px;}
#haendlersuchewide.store-locator-v2 .store-locator-item h4, 
#haendlersuchewide.store-locator-v2 .store-locator-item p:hover {cursor: pointer;}
#haendlersuchewide.store-locator-v2 .map-overlay {display:none;}
#haendlersuchewide.store-locator-v2 .store-locator-list .store-locator-item.typ__market {border-bottom: 4px solid #121212;background:#EBEBEB url('media/shop.png');background-size:85px;background-position:165px 40px;background-repeat:no-repeat;}
#haendlersuchewide.store-locator-v2 .store-locator-list .store-locator-item.typ__deliver {border-bottom: 4px solid #E11C16;background:#EBEBEB url('media/delivery.png');background-size:85px;background-position:165px 40px;background-repeat:no-repeat;}
#haendlersuchewide.store-locator-v2 .store-locator-list .store-locator-item.typ__both {border-bottom: 4px solid #E11C16;background:#EBEBEB url('media/delivery_shop.png');background-size:85px;background-position:165px 40px;background-repeat:no-repeat;}

/* disable dealer preview */
#haendlersuchewide.store-locator-v2.enable-dealer-preview-false .store-locator-v2-form-container{position: absolute;height: 170px;left: 20px;top: 20px;width: 480px;max-width: calc(100% - 40px);}
#haendlersuchewide.store-locator-v2.enable-dealer-preview-false #map{width: 100%;}
#haendlersuchewide.store-locator-v2.enable-dealer-preview-false .map-overlay {display: flex;position:absolute;top:0;bottom:0;left:0;right:0;background-color: #8da8d1cb;justify-content: center;align-items: center;}
#haendlersuchewide.store-locator-v2.enable-dealer-preview-false .map-overlay h3 {font-weight: 700;color:#fff;font-size: 2.3rem;}

#haendlersuchewide.store-locator-v2 #map{position: relative; left: auto;right: auto;top: auto;bottom: auto; width: calc(100% - 550px);height: 612px;}

#haendlersuchewide.store-locator-v2 .store-locator-btn-tiny {display: block;color: #E11C16;border: 2px solid #E11C16; text-align: center; width: 130px;border-radius: .5em;font-size: .9rem;}
#haendlersuchewide.store-locator-v2 .store-locator-btn-tiny:hover {background:#E11C16; color:#fff;}
#haendlersuchewide.store-locator-v2 .store-locator-spinner {display: flex;justify-content: center;}
#haendlersuchewide.store-locator-v2 .store-locator-spinner.hide {display: none;}
.lds-ring { display: inline-block; position: relative;width: 80px; height: 80px;}
.lds-ring div {box-sizing: border-box;display: block;position: absolute;width: 64px;height: 64px;margin: 8px;border: 8px solid #121212;border-radius: 50%;animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color: #121212 transparent transparent transparent;}
.lds-ring div:nth-child(1) {animation-delay: -0.45s;}
.lds-ring div:nth-child(2) {animation-delay: -0.3s;}
.lds-ring div:nth-child(3) {animation-delay: -0.15s;}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#haendlersuchewide{position:relative;background:#fff;padding:0px;width:88.5%;margin:0 auto;}
#haendlersuchewide h2{text-align:center;}
#haendlersuchewide .title{color:#121212;display:block;font-size:230%;font-weight:300;padding-bottom:4px;}
#haendlersuchewide .container,
#haendlersuchewide .container33{position:relative;z-index:3;text-align:center;}
#haendlersuchewide #map{position:absolute;top:0;bottom:0;left:0;right:0;height:auto;width:100%;}
#haendlersuchewide .alert{display:block;}
#haendlersuchewide .alert.hide{opacity:0!important;pointer-events:none;}
#haendlersuchewide .btn.light{color:#121212;border-color:#121212;}
#haendlersuchewide .btn.light:hover{background:#121212;color:#fff;}

#haendlersuchewide #store-locator-form{position:absolute;left:10px;top:10px;padding:15px 50px 93px;display:inline-block;background:rgba(255,255,255,1);}
#haendlersuchewide #store-locator-form input[type=text],
#haendlersuchewide #store-locator-form select{padding:13px 15px;font-size:125%;border-radius:0;border:1px solid #121212;font-weight:300;background:rgba(255,255,255,1);height:53px;display: inline-block;}
#haendlersuchewide #store-locator-form select option{font-weight:300;}
#haendlersuchewide #store-locator-form input[type=text]{width:70%;}
#haendlersuchewide #store-locator-form select{width:29%;}
#haendlersuchewide #store-locator-form input[type=submit]{position:absolute;top:150px;left:93px;padding:13px 30px;width:100%;margin-left:0;font-size:150%;border-radius:0;}
#haendlersuchewide #store-locator-form .alert{position: absolute;background: #EE6F5F;color: #fff;right: 75px;left: 75px;top:100%;line-height: 1.2;transition:opacity .15s ease-in-out;opacity:1;}

/*------------------------------Job----------------------------------------------------------*/

#job{padding-top: 200px;padding-bottom: 50px;}

#job h1{font-size: 200%;margin-bottom: 20px;font-weight: 500;}

#job .content{padding-right: 100px;}
#job .content h3{font-size: 120%;font-weight: 500;margin-bottom: 10px;margin-top: 50px;}
#job .content ul{padding-left: 20px;}
#job .content ul li{position: relative;}
#job .content ul li::before{content: '';background-color: #121212;width: 6px;height: 6px;border-radius: 50%;position: absolute;left: -20px;top: 9px;}

#job .kurzbewerbung .inner{background-color: #F9F0E7;padding: 30px;}
/* position: fixed; */
#job .kurzbewerbung .headline{font-size: 150%;font-weight: 500;display: block;margin-bottom: 10px;}
#job .kurzbewerbung input{padding: 10px 15px;border: solid 1px #121212;color: #121212;margin-bottom: 20px;width: 100%;}
#job .kurzbewerbung #file{border:none;padding:unset;margin-bottom: 5px;}
#job .kurzbewerbung .fileupload{padding: 10px 15px;border: solid 1px #121212;color: #121212;margin-bottom: 20px;width: 100%;}
#job .kurzbewerbung .fileupload ol{margin-top: 5px;padding-left: 25px;}
#job .kurzbewerbung .fileupload li{position: relative;margin-bottom: 5px;}
#job .kurzbewerbung .fileupload li::before{content: '';background: url('media/icons/checked.svg')no-repeat;background-size: 100%;width: 15px;height: 15px;position: absolute;left: -23px;top: 5px;}
#job .kurzbewerbung #checkbox{width: auto;margin: 0;}
#job .kurzbewerbung .job{display: block;margin-bottom: 10px;}
#job .kurzbewerbung #submit{background-color: #EE6F5F;color: #fff;border: unset;transition: 0.3s;}
#job .kurzbewerbung #submit:hover{background-color: #121212;transition: 0.3s;}

#job .btn:hover::after{width: 200px;}

.map_tooltip {
  position: fixed;
  color: #ffffff;
  background-color: #EE6F5F;
  padding: 0.5rem;
  font-size: 0.9rem;
  font-family:inherit;
  border-radius: 5px;
}
.contacts__info .contacts__desc>p{
	line-height: 1.4;
}
/*------------------------------Abweichungen-------------------------------------------------*/

.kontakt .flx_kontaktformular{padding-top: 100px;}

.wandelberatung .flx_ansprechpartner{margin-top: 150px;}

.kompetenzen .flx_markenteaser{margin-bottom: 0!important;}
.kompetenzen .flx_ansprechpartner{margin-top: 150px;}

.unternehmen .flx_videoblock{margin: 80px 80px 150px 80px!important;}



.landingpage #page-header{display:none;}
.landingpage #page-footer .container > .row{display:none;}
.landingpage .inhaltsbloecke{margin-top:0;}


/*------------------------------Impressum----------------------------------------------------*/

.impressum h3{font-size: 150%;font-weight: 500;margin-bottom: 10px;}

/*------------------------------Datenschutz--------------------------------------------------*/

.datenschutz h3{font-size: 150%;font-weight: 500;margin-bottom: 10px;}

/*------------------------------Single Referenzen--------------------------------------------*/

#single-referenzen{padding-top: 150px;}

#single-referenzen .breadcrump{margin-bottom: 50px;}

#single-referenzen section{margin-bottom: 100px;}

#single-referenzen .leistungen .referenztext{padding-right: 140px;}
#single-referenzen .leistungen .leistung{padding: 20px 0 0 0;position: relative;margin-bottom: 50px;padding-right: 65px;}
#single-referenzen .leistungen .leistung::before{content: '';background-color: #121212;height: 2px;width: 300px;position: absolute;left: 0;top: 0;}
#single-referenzen .leistungen .leistung .headline{font-weight: 500;margin-bottom: 5px;display: block;}
#single-referenzen .leistungen .leistung p{line-height: 1.5;margin: 0;}

#single-referenzen #bilderstory{padding: 50px 0;position: relative;margin-top:75px;}
#single-referenzen #bilderstory .bilderreihe{padding-right: 80px;z-index: 5;}
#single-referenzen #bilderstory .bilderreihe img{margin-bottom: 20px;}
#single-referenzen #bilderstory .wrapper{display: block;height: 100%;}
#single-referenzen #bilderstory .wrapper .sticky-element{position: sticky;position: -webkit-sticky;top: 150px;}
#single-referenzen #bilderstory .wrapper .sticky-element::before{content: '';background-color: #ffd2b4a2;position: absolute;top: -75px;left: -150%;right: -150%;bottom: -20%;z-index: -1;}

#single-referenzen #produkte .box{padding: 40px 20px;}
#single-referenzen #produkte .produktinfos .marke{display: block;text-transform: uppercase;font-weight: 500;}
#single-referenzen #produkte .produktinfos p{margin: 5px 0 0 0;line-height: 1;font-size: 220%;font-weight: 300;}
#single-referenzen #produkte .productsleft .produkt:first-child .produktbild{border-top: solid 1px #121212;border-left: solid 1px #121212;border-right: solid 1px #121212;}
#single-referenzen #produkte .productsleft .produkt:first-child .produktinfos{border-top: solid 1px #121212;border-right: solid 1px #121212;}
#single-referenzen #produkte .productsleft .produkt:last-child .produktbild{border-top: solid 1px #121212;border-right: solid 1px #121212;border-bottom: solid 1px #121212;}
#single-referenzen #produkte .productsleft .produkt:last-child .row{flex-direction: row-reverse;}
#single-referenzen #produkte .productsleft .produkt:last-child .produktinfos{border-top: solid 1px #121212;border-right: solid 1px #121212;border-left: solid 1px #121212;border-bottom: solid 1px #121212;}
#single-referenzen #produkte .productright{border-top: solid 1px #121212;border-right: solid 1px #121212;border-bottom: solid 1px #121212;}
#single-referenzen #produkte .productright .produkt .produktbild{text-align: center;}

#single-referenzen #bildblock{background-color: #ffd2b4a2;padding: 100px 0;margin: 0 80px 100px 80px;}
#single-referenzen #bildblock .grid-container{display: grid;grid-template-rows: 50px 350px 300px 70px;grid-template-columns: 66% 25% 5%;gap: 30px;position: relative;height: 100%;}
#single-referenzen #bildblock .grid-container .grid-item-big{grid-row: 1 / 4;grid-column: 1 / 2;height: 100%;width: 100%;}
#single-referenzen #bildblock .grid-container .grid-item-big img{object-fit: cover;width: 100%;height: 100%;}
#single-referenzen #bildblock .grid-container .grid-item-big .content{width: 40%;padding-top: 20px;margin-left: 70px;position: relative;}
#single-referenzen #bildblock .grid-container .grid-item-big .content::before{content: '';background-color: #121212;height: 1px;width: 250px;position: absolute;left: 0;top: 0;}
#single-referenzen #bildblock .grid-container .grid-item-big .content .headline{text-transform: uppercase;font-weight: 600;display: block;margin-bottom: 5px;}
#single-referenzen #bildblock .grid-container .grid-item-rightklein{grid-row: 2 / 3;grid-column: 2 / 3;height: 100%;width: 100%;}
#single-referenzen #bildblock .grid-container .grid-item-rightklein img{object-fit: cover;width: 100%;height: 100%;}
#single-referenzen #bildblock .grid-container .grid-item-rightbig{grid-row: 3 / 5;grid-column: 2 / 4;height: 100%;width: 100%;}
#single-referenzen #bildblock .grid-container .grid-item-rightbig img{object-fit: cover;width: 100%;height: 100%;}

#single-referenzen #marken .marken{display: flex;align-items: center;}
#single-referenzen #marken .marke{display: flex;align-items: center;justify-content: center;margin-bottom: 50px;text-align: center;}
#single-referenzen #marken .marke img{max-width: 50%;filter: grayscale(1);}
#single-referenzen #marken .marke img:hover{filter: grayscale(0);}

#single-referenzen #calltoaction #box{background-color: #121212;padding: 70px 60px;margin: 0 1px;}
#single-referenzen #calltoaction #box .topline, #single-referenzen #calltoaction #box h3, #single-referenzen #calltoaction #box strong, #single-referenzen #calltoaction #box p, #single-referenzen #calltoaction #box a{color: #fff;}
#single-referenzen #calltoaction #box h3{margin-bottom: 0;}
#single-referenzen #calltoaction #box .textliches{display: flex;align-items: center;}
#single-referenzen #calltoaction #box .textliches .inner .button .btn-cta{position: relative;padding-left: 35px;}
#single-referenzen #calltoaction #box .textliches .inner .button .btn-cta::before{content: '+';width: 25px;height: 25px;border: solid 1px #fff;border-radius: 50%;position: absolute;left: 0;top: -1px;display: flex;align-items: center;justify-content: center;transition: 0.3s;}
#single-referenzen #calltoaction #box .textliches .inner .button .btn-cta:hover::before{transform: rotate(-90deg);border: solid 1px #EE6F5F;transition: 0.3s;}
#single-referenzen #calltoaction #box .textliches .inner .button .btn-cta:hover{color: #EE6F5F;}
#single-referenzen #calltoaction #box .textliches .inner{padding-top: 30px;}

#single-referenzen #referenzenteaser h2{text-transform: uppercase;font-size: 120%;font-weight: 500;margin-top: 15px;margin-bottom: 5px;}
#single-referenzen #referenzenteaser p{margin-bottom: 0;min-height: 80px;}
#single-referenzen #referenzenteaser .btn:hover::after{width: 180px;}

/*------------------------------Jobs--------------------------------------------*/
#job{
	scroll-margin-top:100px;
}

/*------------------------------LP Outdoorküche--------------------------------------------*/

.lp-outdoorkueche #verlinkung .bild img{width:35%;margin:0 auto;display:block;}


.lp-outdoorkitchen #page-header #wpmlmenu{display:none;}
.lp-outdoorkitchen .flx_textblock.text-slider .slider .swiper-button-prev, .lp-outdoorkitchen .flx_textblock.text-slider .slider .swiper-button-next{top:96.5%;}
.lp-outdoorkitchen .flx_topheader.video .contentblock{bottom:5%;}
.lp-outdoorkitchen #verlinkung .bild img{width:35%;margin:0 auto;display:block;}
.lp-outdoorkitchen .flx_teaserboxen .headline{font-size:100%;}
.lp-outdoorkitchen .flx_teaserboxen .teaserbox .inner img{width:auto;margin:0 auto 25px;display:block;}
.lp-outdoorkitchen .flx_textblock.text-slider  h2::before {content: '';background: url('media/icons/360grad.svg');background-position-x: 0%;background-position-y: 0%;background-repeat: repeat;background-size: auto;background-size: 75%;background-position: center;background-repeat: no-repeat;width: 140px;height: 140px;display: block;position: absolute;right: 150px;top: 50px;}

/*-------------------------------------------------------------------------------------------*/
@media (min-width:1921px){

    #single-referenzen #bilderstory .wrapper .sticky-element::before{left: -200%!important;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1780px){

    h1, h2, h3{font-size: 220%;}


    #page-header.bottom .container-fluid{padding: 0 75px;}

    #page-header .navigation.rechts {justify-content: end;}
    #page-header .navigation.links {justify-content: start;}


    .flx_textblock.text-slider .grid-container {  grid-template-columns: calc(60% - 100px) calc(40% - 100px)!important;}

    .flx_bildergalerie .grid-container .slider .swiper-button-prev {left: 13.5%;}
    .flx_bildergalerie .grid-container .slider .swiper-button-next{left: 18.5%;}

    /* .flx_topheader.video .contentblock{left: 100px;} */

    .flx_teaserboxen.mitbildlinks h2::before {top: -130px;}
    .flx_teaserboxen .teaserbox .inner {min-height: 150px;}
    .flx_teaserboxen .teaserbox .inner p {min-height: 0;}

    .flx_textblock.text-slider .grid-container{grid-template-columns: 1fr calc(0.333*1130px) calc(0.666*1450px) 1fr;}

    .flx_referenzen .referenzbild, .flx_referenzen .referenzenlist .referenzitem .content{width: 650px;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1480px){

    .inhaltsbloecke{margin-top:115px;}

    h1, h2, h3{margin-bottom: 30px;font-size: 200%;}

    #page-header #wpmlmenu {right: 15px;}

    /* .flx_topheader.video .contentblock{top: 65%;left: 50px;} */
    .flx_topheader.video .contentblock h1, .flx_topheader.video .contentblock h2{font-size: 250%;}

    .flx_topheader.farbflaeche-text .bild img{padding-right: 30px;}
    
    .flx_textblock.text-slider .grid-container{grid-template-columns: 1fr calc(0.333*1050px) calc(0.666*1080px) 1fr;}
    .flx_textblock.text-slider .text{padding:0;}

    .flx_textblock.text-slider .grid-container {  grid-template-columns: calc(50% - 100px) calc(50% - 100px)!important;}

    .flx_textblock.text-slider .slider .swiper-button-prev{top: 110%;}
    .flx_textblock.text-slider .slider .swiper-button-next {top: 110%;}

    .flx_bildergalerie .grid-container .slider .swiper-button-next {left: 23.5%;}
    .flx_bildergalerie .grid-container .slider .swiper-button-prev {left: 16.5%;}
    
    .flx_textblock.video-text-bild .contentleft{padding-right: 40px;}

    .flx_textblock.text-bild-zwei .text{padding-right: 50px;}

    .flx_markenteaser .markenlogos .markenlogo img{max-width: 70%;}

    .flx_bildblock .grid-container .grid-item-big .content{width: 60%;}

    .flx_teaserboxen .teaserbox .inner {min-height: 100px;padding:25px;}
    .flx_teaserboxen .teaserbox .inner p{min-height: 0px;width: 100%;}
    .flx_teaserboxen.mitbildlinks h2::before {top: -150px;}
    .flx_teaserboxen.mitbildlinks .teaserbox {margin-bottom: 55px;}
    .flx_teaserboxen .teaserbox .inner img {margin-bottom: 25px;}

    .flx_textblock.textlinksaccordionrechts .btn {width: 80%;line-height: 1.2;}
    .flx_textblock.textlinksaccordionrechts .accordion button.collapsed::after {right: -110px;}
    .flx_textblock.textlinksaccordionrechts .accordion button::after {right: -110px;}

    .flx_timeline #timeline .timline-container{padding-left: 15px;}

    .flx_referenzen .referenzbild, .flx_referenzen .referenzenlist .referenzitem .content{width: 100%;}

    .flx_bildblock.imcontainer .text{left:5%;}

    #single-referenzen .leistungen .referenztext{padding-right: 100px;}
    #single-referenzen .leistungen .leistung::before{width: 200px;}
    #single-referenzen #produkte .productright .produktbild img{max-width: 70%;}

    #scrollup::before{left: -35px;}

}

/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
	.contacts__location img {
		aspect-ratio: 1 / 1;
	}

    body, html, *{font-size: 15px;}

    h1, h2, h3{font-size: 200%;margin-bottom: 20px;}
    p {font-size: 110%;}

    /* .container{padding: 0 75px;}
    .container-fluid{padding: 0 65px;} */

    .btn{margin-top: 30px;}

    #share ul{bottom: -37px;}

    #page-header {padding: 10px 0;}

    #page-header .logo img{max-width: 50%;}

    #page-header .navigation .menu{display: block;}
    #page-header .navigation #menu-topmenu-links, #page-header .navigation #menu-topmenu-left{display: none;}
    #page-header .navigation .mainmenu{display: none;}
    #page-header .navigation .mainmenu.active{display: block;position: fixed;top: 0;right: 0;bottom: 0;width: 50%;background-color: #fff;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;padding: 120px 80px;text-align: right;}
    #page-header .navigation .mainmenu li{margin-right: 0;margin-bottom: 15px; text-align: center;}
    #page-header .navigation .mainmenu li a{font-size: 150%;}
    #page-header .navigation .mainmenu li.menu-item-41 a{padding: 0;border: none;}
    #page-header .navigation .mainmenu li.menu-item-41 a:hover{background-color: unset;color: #EE6F5F;}
    #page-header .navigation .mainmenu li.current-menu-item::before{bottom: 15px;margin: unset;}
    #page-header .navigation .menu li.btn.current-menu-item {display: block;width: 60%;margin: 0 auto;}
    #page-header .navigation .menu li.btn{display:block;}

    #page-header .navigation .onlymobile{display:block;}

    .flx_bildergalerie .grid-container .slider .swiper-button-next {left: 16.5%;}

    .flx_teaserboxen.mitbildlinks .teaserbox {margin-bottom: 0px;}
    .flx_teaserboxen.mitbildlinks .teaserbox .inner img {margin-bottom: 125px;}
    .flx_teaserboxen.mitbildlinks .teaserbox .inner {min-height: 0;padding: 10px;}
    .flx_teaserboxen.mitbildlinks .teaserbox .inner p {min-height: 0;font-size: 100%;}
    
    #page-header #wpmlmenu {right: 20px; top: -10px;}

    #page-header .navigation #menuburgerbutton{display: block;right: 75px;}
    #page-header.bottom .navigation #menuburgerbutton {top: 0;}

    .inhaltsbloecke{margin-top: 100px;}

    div[class^="flx_"], div[class*="flx_"]{margin-bottom: -50px;}

    /* .flx_topheader.video{margin: 0 65px 20px 65px!important;} */
    .flx_topheader.video video{height: 55vh!important;}
    /* .flx_topheader.video .contentblock {top: 60%;} */
    .flx_topheader.video .contentblock h1, .flx_topheader.video .contentblock h2{font-size: 200%;}

    #page-header .navigation #menuburgerbutton {top: 20px;}

    .flx_topheader.farbflaeche-text{margin: 0 70px 100px 70px;}
    .unternehmen .flx_topheader.farbflaeche-text{margin: 0 80px 0 70px!important;}
    /* .unternehmen .flx_topheader.farbflaeche-text .container{padding: 0;} */
    .flx_topheader.farbflaeche-text .textliches{padding-top: 50px;}

    .flx_textblock.text-slider .grid-container{display: block;max-width: 1465px;padding: 0 15px;}
    .flx_textblock.text-slider .text{padding: 50px 0 0 0;margin-bottom: 50px;margin-top: 20px;}
    .flx_textblock.text-slider .slider .swiper-button-prev{left: 0; top: 105%;}
    .flx_textblock.text-slider .slider .swiper-button-next{left: 90px; top: 105%;}

    .manufaktur .flx_textblock h4::before {top: -140px;}

    .flx_textblock.zitat-text-video .videoright .video video {height: 45vh;}

    .flx_textblock.textlinksaccordionrechts .card-body p {width: 80%;}

    .flx_bildblock .grid-container .grid-item-big .content{width: 100%;margin-left: 0;}

    .flx_beratung .textleft{padding-right: 0;margin-top: 70px;order: 2;}

    .flx_textblock.bild-spruch .text{margin-top: 70px;}
    .flx_textblock.bild-spruch .spruch p{font-size: 150%;}

    .flx_spruch p{font-size: 150%;margin: 0;}

    .home .flx_beratung{padding: 100px 0;}

    .flx_seitenteaser .teaseritem .inner{padding: 40px 40px 100px 40px;}
    .flx_seitenteaser .teaseritem .inner .icon{margin-bottom: 50px;}
    .flx_seitenteaser .teaseritem .inner .textliches h2, .flx_seitenteaser .teaseritem .inner .textliches h3{min-height: 160px;}
    .flx_seitenteaser .teaseritem .inner .textliches p{min-height: 300px;}

    .flx_markenteaser .markenlogos .markenlogo img{padding: 20px;max-width: 70%;}

    .flx_calltoaction #box{padding: 40px 30px;}

    .flx_bildergalerie .grid-container{grid-template-columns: 75px 80% 40%;}

    .flx_wandelberatung .bilder .bildeins{padding-right: 100px;}
    .flx_wandelberatung .text{padding-top: 50px;padding-left: 0;}
    .flx_wandelberatung .bilder .bildeins .circle, .flx_wandelberatung .bilder .bildtwo .circle{display: none;}
    .flx_wandelberatung .text .subtext{width: 90%;}

    .flx_wandelberatung.kompakt .text{padding-left: 30px;}

    .flx_teaserboxen .teaserbox .inner{min-height: 470px;padding: 35px;min-height: 440px;}
    .flx_teaserboxen .teaserbox .inner p{min-height: 100px;}

    .flx_teaserboxen.mitbildlinks h2::before {right: -20px; top: -60px;}

    .flx_bildergalerie .grid-container .slider .swiper-button-prev {left: 6.5%;}

    .flx_textblock.zitat-text-video .contentleft .zitat {padding: 35px 50px;}

    .flx_kontaktformular .formular textarea {width: 100%;}

    #single-referenzen{padding-top: 150px;}
    #single-referenzen .breadcrump{margin-bottom: 50px;}
    #single-referenzen .leistungen .referenztext{padding-right: 0;margin-bottom: 30px;}
    #single-referenzen .leistungen .leistung{margin-bottom: 30px;}
    #single-referenzen #produkte .produktinfos p{font-size: 170%;}
    #single-referenzen #bildblock{padding: 50px 0;}
    #single-referenzen #bildblock .container{padding: 0 40px;}
    #single-referenzen #bildblock .grid-container{grid-template-rows: 50px 300px 250px 50px;grid-template-columns: 45% 45% 0%;}
    #single-referenzen #bilderstory .bilderreihe{padding-right: 10px;}
    #single-referenzen #produkte .productsleft .produkt:first-child .produktinfos{border-left: unset;border-right: unset;}
    #single-referenzen #produkte .productsleft .produkt:last-child .produktbild{border-left: unset;border-right: unset;}
    #single-referenzen #produkte .productright{border-left: solid 1px #121212;}

    .flx_referenzen_teaser.bild-gross .links img{height: 83%;object-fit: cover;}

    .flx_referenzen_teaser.bild-gross .inner .projektort .ort {justify-content: end;display: flex;align-items: center;}

    #page-footer .logo{margin-bottom: 30px;}

    #page-footer #footerbottom .rechtliches{padding-right: 11px;}
    #page-footer #footerbottom .rechtliches ul{justify-content: center;}
    #page-footer #footerbottom .rechtliches ul li a{font-size: 90%;}
    
    #page-footer #footerbottom .copyright{order: 2;text-align: center;margin-top: 20px;}
    #page-footer #footerbottom .copyright p{font-size: 90%;margin: 0;}
	.flx_topheader.bild .contentblock {
    position: absolute;
    top: 50%;
    padding-left: 50px;
    width: 45%;
	transform: translateY(-50%);
}
	.flx_eventform .nf-form-content {
    	padding: 1rem;
	}
	.flx_eventschedule .table-button .table-header-cell button, .flx_eventschedule .table-header-cell button{
		font-size:0.9rem;
	}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px){

    #page-header .logo img {max-width: 20%;}
    #page-header.bottom .logo img {max-width: 20%;}

    .flx_textblock.video-text-bild .narrow .leer {display: none;}
    .flx_textblock.zitat-text-video .narrow .leer {display: none;}

    #story.flx_textblock .text{padding-right:15px;align-content:center;}

    #page-header .navigation #menuburgerbutton {top: -55px;}
    #page-header.bottom .navigation #menuburgerbutton {top: -55px;}
    #page-header #wpmlmenu {right: 0;top: -70px;left: 0;}

    .flx_bildergalerie .grid-container .slider .swiper-button-prev {left: 7.5%;}

    .flx_bildblock.imcontainer .text h4 {width: 100%;}

    .flx_textblock.bilderoben .bild p{width: 80%;margin-bottom: 55px;}

    .flx_bildblock.imcontainer .text h2 {margin-bottom: 15px;}

    .flx_teaserboxen.mitbildlinks img {margin-bottom: 50px;}

    .flx_teaserboxen.mitbildlinks .teaserbox .inner img {margin-bottom: 0;}
    .flx_teaserboxen.mitbildlinks .inner img {width: 15%;}
    .flx_teaserboxen .teaserbox .headline {min-height: 60px;}
    .flx_teaserboxen.mitbildlinks h2 {margin-bottom: 30px;}
    .flx_teaserboxen.mitbildlinks .teaserbox {margin-bottom: 20px;}
    .flx_teaserboxen.vierteaser .teaserbox img {width: 40%;}

    .flx_haendlerfinder input#addressInput {width: 40%;}
    .flx_haendlerfinder select#radiusSelect {width: 12%;}
    .flx_haendlerfinder input#searchButton {width: 30%;}

	.flx_eventschedule .table-button .table-header-cell button, .flx_eventschedule .table-header-cell button{
		min-height: 95px;
	}
	.flx_speakers .info-top {
		min-height: 0;
	}
	.flx_eventschedule .table-header-cell p strong, .flx_eventschedule .table-header-cell p{
		hyphens: auto;
		word-wrap: break-word;
	}
	.flx_kartenschieber .swiper-button-prev {
    right: 60px;
	}
	.flx_kartenschieber .swiper-button-next {
    right: 0px;
}
	.flx_sticky .wrapper .sticky-element {
    margin-bottom: 80px;
}
	.pic_wrapper{
		height: 60vh;
    	min-height: 560px;
	}
	.top_picture{
    	object-fit: cover;
		object-position: 80%;
	}
	.flx_topheader.bild .contentblock {
    position: relative;
    top: 0;
	transform: translateY(0);
    width: 100%;
}
	.flx_topheader.bild .contentblock {
    	position: relative;
    	padding-left: 0px;
		margin-top: 60px;
	}
	.flx_topheader.bild .contentblock h1 strong,
	.flx_topheader.bild .contentblock h2{
		color:black;	
	}
	.about__cards {
		margin-top: 60px;
	}
    html,body{overflow-x:hidden;}

    .flx_topheader.farbflaeche-text{margin: 0 80px 0 70px!important;}
    
    .flx_textblock.text-bild-zwei .text{padding-right: 10px;margin-bottom: 50px;}
    
    .flx_karriere .stelle .jobname{display: block;margin-bottom: 20px;}

    .flx_referenzen .referenzbild, .flx_referenzen .referenzenlist .referenzitem .content{width: 100%;}

    .flx_teaserboxen .teaserbox{margin-bottom: 20px;}
    .flx_teaserboxen .teaserbox .inner{min-height: 400px;}

    .flx_umfeldgestaltung .inhaltright{padding-top: 0;}

    .flx_objekteinrichtung .textright{padding-left: 11px;margin-top: 30px;}
    .flx_objekteinrichtung .bildright{margin-top: 30px;}

    .flx_wandelberatung .text{padding-top: 0;}

    .flx_wandelberatung.kompakt .text{padding-left: 11px;margin-top: 50px;}

    .flx_teaserboxen .teaserbox .inner p{min-height: 160px;}

    .wandelberatung .flx_ansprechpartner{margin-top: 70px;}

    #single-referenzen #produkte .productsleft .produkt:first-child .produktinfos{border-left: solid 1px #121212;border-right: solid 1px #121212;}
    #single-referenzen #produkte .productsleft .produkt:last-child .produktbild{border-left: solid 1px #121212;border-right: solid 1px #121212;}
    #single-referenzen #produkte .productsleft .produkt:last-child .produktinfos{border-top: unset;border-bottom: unset;}
    #single-referenzen #referenzenteaser .referenzitem{margin-bottom: 30px;}

    #job{padding-top: 150px;}
    #job .content{margin-bottom: 50px;}

    #page-footer .logo img{max-width: 65%;}
    #page-footer .footermenu .menuitem:last-child{margin-left: 0;}

    .flx_kartenschieber .process__title {
      margin-bottom: 90px;
    }
    .flx_kartenschieber .swiper-button-prev ,
    .flx_kartenschieber .swiper-button-next {
      top: 85px;
    } 
	.contacts__info{
		margin-top:50px;
		margin-bottom:50px;
	}

    #haendlersuchewide.store-locator-v2 .store-locator-v2-form-container{width:100%;max-width:100%;}
    #haendlersuchewide.store-locator-v2 #map{width:100%;}
}
@media (max-width:860px){

    /* .flx_topheader.video video {height: 40vh !important;} */

    /* .flx_topheader::before {bottom: 73px;} */

    #page-header .navigation .menu li.btn.current-menu-item {width: 100%;}

    .flx_topheader.video video {height: 45vh !important;}
    /* .flx_topheader::before { bottom: -2px; } */

    .flx_teaserboxen .teaserbox .inner img {margin-bottom: 15px;}

    .flx_bildblock.grid .item{margin: 0 0 40px 0;}
    .flx_kontaktformular .formular {padding: 35px;}
    .flx_kontaktformular .formular label[for="idWC_opt_in"], .flx_kontaktformular .formular label[for="idWC_opt_in_phone"], .flx_kontaktformular .formular label[for="idWC_opt_in_letter"] {margin-right: 30px;}

    .flx_textblock.text-slider .slider .swiper-button-prev {top: 108%;}
    .flx_textblock.text-slider .slider .swiper-button-next {top: 108%;}

    .flx_bildergalerie .grid-container .slider .swiper-slide img {height: 80%;}
    .flx_bildergalerie .grid-container .slider .swiper-button-prev {left: 8.5%;top: 85%;}
    .flx_bildergalerie .grid-container .slider .swiper-button-next {left: 20.5%;top: 85%;}

    .flx_teaserboxen.mitbildlinks h2::before {right: 0px;top:-125px;}

    .flx_haendlerfinder input#addressInput {width: 40%;}
    .flx_haendlerfinder select#radiusSelect {width: 17%;}
    .flx_haendlerfinder input#searchButton {width: 30%;}

	.flx_eventschedule .table-button .table-header-cell button, .flx_eventschedule .table-header-cell button{
		min-height: 111px;
	}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px){
	.flx_eventschedule .table-button .table-header-cell button, .flx_eventschedule .table-header-cell button{
		min-height: 0;
	}
    body, html, *{font-size: 14px;}

    .breadcrump{font-size: 100%;}

    .btn:hover::after{width: 135px;}

    h2 {text-align: left; font-size: 280%;}
    p {font-size: 120%;}

    /* .container {padding: 0 45px;} */

    #page-header .logo img {max-width: 25%;}
    #page-header .navigation .menu.active{width: 60%;}
    #page-header .navigation .mainmenu.active{width: 70%;}
    #page-header .navigation .menu li.btn.current-menu-item {width: 80%;}

    .flx_topheader.video{padding: 0}
    .flx_topheader.video .contentblock{bottom:2.5%;}
    /* .flx_topheader::before {bottom: 48px;} */


    .swiper-backface-hidden .swiper-slide {margin-bottom: 20px;}
    .flx_bildergalerie .grid-container .slider {margin-bottom: 20px;}
    .flx_textblock.text-slider .text p{font-size: 120%;}
    .flx_textblock.video-text-bild p{font-size:120%;}

    .flx_textblock.bilderoben .headline h2{text-align: left!important;}
    .flx_textblock.zitat-text-video .contentleft .zitat {margin-bottom: 40px;}

    .flx_bildblock.imcontainer .text h2 {margin-bottom: 15px;}

    .flx_textblock.textlinksaccordionrechts .accordion button::after {right:-50px;}
    .flx_textblock.textlinksaccordionrechts .accordion button.collapsed::after {right:-50px;}

    .flx_textblock.bild-text .text {padding: 20px;}
    .manufaktur .flx_textblock h4::before {top: 160px;right:0px;}

    .flx_bildblock.imcontainer .text .btn {margin-top: 0px;}

    .flx_bildergalerie .grid-container .slider .swiper-slide img {height: 60%;}

    .flx_teaserboxen .teaserbox .inner img {width: 20%;}
    .flx_teaserboxen .teaserbox .headline {min-height: 0;}

    .flx_topheader.farbflaeche-text{margin: 0 65px 0 65px!important;padding: 50px 0!important;}
    .flx_topheader.farbflaeche-text .container{padding: 0 45px;}

    .flx_textblock.video-text-bild .contentleft{padding-right: 10px;order: 2;}
    .flx_textblock.video-text-bild .bildright{padding-top: 0;order: 1;margin-bottom: 50px;}

    .flx_textblock.text-bild-zwei .bilder img{margin-bottom: 30px;}

    .flx_textblock.textlinksaccordionrechts .btn {width: 90%;}
    .flx_textblock.textlinksaccordionrechts .btn:after {width: 90%;right: -50px;}

    .flx_seitenteaser .teaseritem{max-width: 100%;flex: 0 0 100%;margin-bottom: 30px;}
    .flx_seitenteaser .teaseritem:last-child{margin-bottom: 0;}
    .flx_seitenteaser .teaseritem .inner .textliches p{min-height: unset;}

    .flx_markenteaser .markenlogos{margin: 20px 0;}
    .flx_markenteaser .markenlogos .markenlogo img{max-width: 70%;}
    .flx_markenteaser .markenlogos .link{margin-top: 30px;}
    .flx_markenteaser .markenlogos .link .btn:hover::after{width: 185px;}

    .flx_textblock.video-text-bild .contentleft .video{display: none;}

    .flx_bildergalerie .grid-container{grid-template-rows: 0 250px 250px 0;}
    .flx_bildergalerie .grid-container .slider .swiper-button-next, .swiper-button-prev{left: 75px;}
    .flx_bildergalerie .grid-container .slider .swiper-button-prev {left: 9.5%;top: 105%;}
    .flx_bildergalerie .grid-container .slider .swiper-button-next, .swiper-button-next{left: 165px;top: 105%;}

    .flx_teaserboxen .teaserbox .inner{min-height: unset;}
    .flx_teaserboxen.mitbildlinks .headline {width: 50%;}
    .flx_teaserboxen.mitbildlinks .texte img {width: 15%;}
    .flx_teaserboxen.mitbildlinks h2::before {right: -210px; }
    .flx_teaserboxen.mitbildlinks .teaserbox .inner img {margin-bottom: 75px;}
    .flx_teaserboxen.mitbildlinks .teaserbox .inner p {font-size: 110%;}

    .flx_umfeldgestaltung .abfolge{margin: 30px 0;}
    .flx_umfeldgestaltung .abfolge .abfolgeitem{padding-right: 11px;margin-bottom: 30px;}
    .flx_umfeldgestaltung .abfolge .abfolgeitem::after{display: none;}

    .flx_textblock.video-text-bild .contentright .video{margin-bottom: 30px;}

    .kompetenzen .flx_markenteaser{padding: 30px 0!important;}

    .flx_realisierung{padding: 50px 0!important;}
    .flx_realisierung .contentright img{margin-top: 30px;margin-bottom: 0;}

    .kompetenzen .flx_ansprechpartner{margin-top: 50px;}

    .flx_ansprechpartner .ansprechpartnerliste{margin-top: 30px;}

    .flx_referenzen_teaser .item{margin-bottom: 50px;}
    .flx_referenzen_teaser .bilder .rechts a, .flx_referenzen_teaser .bilder .rechts .videowrapper{width: 50%!important;height:120px!important; float: left;margin-bottom:20px;}
    .flx_referenzen_teaser .bilder .rechts a:nth-child(1){padding-right: 15px;}
    .flx_referenzen_teaser .bilder .rechts a:nth-child(2){padding-left: 15px;}
    
    .flx_referenzen_teaser.bild-gross .links img {height: 96%;}
    .flx_referenzen_teaser.bild-gross .inner .bilder .links{display: flex;flex-direction: column;}
    .flx_referenzen_teaser.bild-gross .inner .bilder .links span.topline{order: 2;}

    .flx_teaserboxen .teaserbox .inner p{min-height: unset;}

    .wandelberatung .flx_videoblock{margin: 40px 70px!important;}
    .wandelberatung .flx_videoblock video{height: 270px!important;}

    .flx_wandelberatung .bilder .bildeins{padding-left: 0;}

    .flx_magazinblock .col-md-8{order:2;}
    .flx_magazinblock .col-md-4{order:1;}

    #page-footer{padding:0;}
    #page-footer .col-md-4{text-align:center;margin:10px 0;order:2;}
    #page-footer .col-md-4.logo{order:1;}

    .inspiration .flx_textblock h2{margin-bottom: 70px;}

    #single-referenzen section{margin-bottom: 50px;}
    #single-referenzen .leistungen .leistung{padding: 0 10px;}
    #single-referenzen .leistungen .leistung::before{left: 10px;top: -15px;}
    #single-referenzen #bilderstory{padding: 0;margin-top: 30px;}
    #single-referenzen #produkte .produktbild img{display: block;margin: 0 auto;}
    #single-referenzen #calltoaction #box{padding: 40px 20px;}

    .flx_haendlerfinder input#addressInput {width: 50%;}
    .flx_haendlerfinder select#radiusSelect {width: 17%;}
    .flx_haendlerfinder input#searchButton {width: 30%;}

    
    .flx_bildblock.mitoverlay .container::before {display:none;}
    .flx_bildblock.imcontainer .text{position: unset;transform: unset;padding:25px;background: var(--white);}
    .flx_bildblock.imcontainer .text h2 {margin-bottom: 5px;color:#121212!important;}
    .flx_bildblock.imcontainer .text p, .flx_bildblock.imcontainer .text strong{color:#121212!important;font-size:100%;}
    .flx_bildblock.imcontainer .text .btn{color:#121212!important;border-color:#121212!important;}
    .flx_bildblock.imcontainer .text h4 {font-size: 115%;}

    #mobilesmall.flx_textblock p{font-size:215%!important;}

    #job .content{padding-right: 10px;}

    #page-footer .logo img{max-width: 25%;}
	
	.flx_event-header .event-bild .hero-desc{
		display:none;
	}
	.flx_event-header .event-bild .hero-mob{
		display:block;
        width: 100%;
	}
	.flx_event-informationen .card__image{
	    width: 125px;
    	height: 125px;
	}
	.flx_event-header{
		margin-bottom:95px !important;
	}
	.flx_event-informationen .card__image img{
		transform: scale(0.8);
	}
	.flx_eventform .ninja-forms-field.nf-element[type="submit"], .flx_eventschedule .ninja-forms-field.nf-element[type="submit"]{
		width:100%;
	}
	.flx_eventform .first_step .field-wrap.html-wrap, .flx_eventform .second_step .field-wrap.html-wrap, .flx_eventform .third_step .field-wrap.html-wrap, .flx_eventform .third_step.checkbox-container .nf-field, .flx_eventform .fourth_step .field-wrap.html-wrap,  .flx_eventform .fifth_step .field-wrap.html-wrap{
		flex-direction: column;
		align-items:flex-start;
		gap:5px;
	}
	.flx_eventschedule .first_step .field-wrap.html-wrap, .flx_eventschedule .second_step .field-wrap.html-wrap, .flx_eventschedule .third_step .field-wrap.html-wrap, .flx_eventschedule .third_step.checkbox-container .nf-field, .flx_eventschedule .fourth_step .field-wrap.html-wrap,  .flx_eventschedule .fifth_step .field-wrap.html-wrap, .flx_eventschedule .fourth_step.checkbox-container .field-wrap.checkbox-wrap{
		flex-direction: column;
		align-items:flex-start;
		gap:5px;
	}
	.desktop-schedule{
		display:none;
	}
	.mobile-schedule{
		display:block;
	}
	/*.flx_eventschedule .table-header-cell {
    	border-right: 1px solid #000000;
	}*/
	.flx_eventschedule .table-header-cell{
		border-right: 4px solid #ffffff;
	}
	.flx_eventschedule .table-header-cell:has(button) {
		text-align:center;
		border-right: none;
		border-left: none;
		padding-bottom: 4rem;
	}
	.flx_eventschedule .table-header-cell p{
		margin-bottom:0;
	}
	.flx_eventschedule .table-header-cell p.date{
		text-align:center;
		font-size:1.3rem;
	}
	.flx_eventschedule .form-row{
		margin-block: 40px;
	}

    .flx_bildblock.sliderblock .bild{margin-top:75px;padding-left:15px;}
    .flx_bildblock.sliderblock .bild img{height:100%;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:600px){

    .inhaltsbloecke{margin-top:80px;}
    h1, h2, h3{font-size: 180%;line-height: 1.3;}

    #share, #scrollup{display: none;}

    div[class^="flx_"], div[class*="flx_"] {padding: 35px 0;margin-bottom: 40px;}
  

    #page-header .logo{padding-left: 9px;z-index:999;}
    #page-header .logo img{max-width: 30%;}

    #page-header #wpmlmenu {left: 20px;}
    
    #page-header .navigation #menuburgerbutton{right: 15px;z-index:999;}
    #page-header.bottom .navigation #menuburgerbutton{top: -45px;}
    #page-header .navigation .mainmenu.active{ width: 100%;}
    #page-header .navigation .mainmenu li {text-align: center;}
    #page-header .navigation .menu li.btn {width: 60%;margin: 0 auto;display: block;}

    #page-header .navigation .menu.active{width: 100%;padding: 120px 40px;}
    #page-header .navigation .menu li.current-menu-item a{color: #EE6F5F;}
    #page-header .navigation .menu li.current-menu-item::before{display: none;}

    #page-header.bottom .logo img{max-width: 20%;}
    #page-header.bottom .container-fluid{padding: 0 35px;}

    .flx_topheader.bild{height:400px!important;}

    .flx_topheader.video{margin: 0!important;}
    /* .flx_topheader.video video{height: 50vh!important;object-fit: cover;} */
    /* .flx_topheader.video .contentblock{left: 20px;top: 55%;} */
    .flx_topheader.video .contentblock h1, .flx_topheader.video .contentblock h2{font-size: 250%;}
    .flx_topheader.video .desktopvideo{display: none;}
    .flx_topheader.video .mobilevideo{display: block!important;}

    .flx_topheader.farbflaeche-text{padding: 30px 0!important;margin: 0 35px 0 35px!important;}
    .flx_topheader.farbflaeche-text .container{padding: 0 30px;}
    .flx_topheader.farbflaeche-text .bild img{padding-right: 0;}

    .unternehmen .flx_topheader.farbflaeche-text{margin: 0 35px 0 35px!important;}
    
    /* .flx_textblock{padding: 0px 0!important;} */
    .flx_textblock.text-slider{margin-bottom: 0px;}
    /* .flx_textblock.text-slider .grid-container, .container, .container-fluid{padding: 0 35px;} */

    .flx_textblock.video-text-bild .bildright img{margin-top: 0;transform: unset!important; margin-bottom: 20px;}
    .flx_textblock.video-text-bild .bildleft img{margin-top: 0;transform: unset!important;margin-bottom: 20px;}

    .flx_teaserboxen.mitbildlinks .bild img {height: 550px;}
    .flx_teaserboxen.mitbildlinks .headline {width: 90%;}
    .flx_teaserboxen.mitbildlinks h2::before {right: -40px;}
    .flx_teaserboxen.mitbildlinks .teaserbox .inner img {margin-bottom: 55px;}

    .flx_textblock.bild-spruch{padding: 40px 0;}
    .flx_textblock.bild-spruch .text{margin-top: 30px;transform: unset!important;}
    .flx_textblock.bild-spruch .spruch{margin-top: 50px;}
    .flx_textblock.bild-spruch .spruch p{font-size: 130%;}
    .flx_textblock.bild-spruch .bildone{transform: unset!important;margin-bottom: 40px;}

    .flx_textblock.textlinksaccordionrechts .card-body p{width: 100%;}

    .manufaktur .flx_textblock h4::before {top: 150px;right: 0px;width: 20%;}

    .home .flx_beratung{padding: 50px 0 30px 0;}
    .flx_beratung .aufzaehlung ul li{font-size: 120%;margin-bottom: 20px;padding-bottom: 20px;padding-left: 50px;}
    .flx_beratung .aufzaehlung ul li .counter{font-size: 220%;top: -15px;}

    .flx_bildblock .grid-container{grid-template-rows: 30px 200px 150px 0px;grid-template-columns: 42% 40% 0%;}
    .flx_bildblock .grid-container .grid-item-big .content{display: none;}

    .impressum .flx_textblock{margin: 0!important;padding: 0!important;}

    .flx_videoblock{margin: 0px 35px!important;}
    /* .flx_videoblock video{height: 250px!important;} */
    .flx_videoblock .badgewrapper {top: 70px;width: 30%;}

    .flx_seitenteaser .teaseritem .inner{padding: 40px 40px 50px 40px;}

    .flx_markenteaser{padding: 30px 0!important;}
    .flx_markenteaser .markenlogo{max-width: 50%;flex: 0 0 50%;}
    .flx_markenteaser .markenlogos .markenlogo img{max-width: 90%;}

    .flx_ansprechpartner .ansprechpartner{max-width: 50%;}

    .flx_timeline #timeline{min-height: 600px;}
    .flx_timeline #timeline .timline-container .item{width: 300px;}
    .flx_timeline h1, .flx_timeline h2{margin-bottom: 0;}

    .flx_spruch p{font-size: 130%;}

    .flx_referenzen{padding-top: 20px;}
    .flx_referenzen .referenzenlist{margin-top: 30px;}
    .flx_referenzen .referenzenlist .referenzitem{margin-bottom: 30px;}
    .flx_referenzen .referenzenlist .referenzitem .content{width: 100%;}
    .flx_referenzen .referenzenlist .referenzitem img{transform: unset!important;}
    .flx_referenzen .referenzbild{width: 100%;}
    .flx_referenzen form{margin-bottom: 30px;}
    .flx_referenzen .referenzbild{z-index: unset;}

    .flx_seitenteaser .teaseritem .inner .textliches h2, .flx_seitenteaser .teaseritem .inner .textliches h3{min-height: unset;}

    .flx_bildergalerie{margin-bottom: 100px!important;}
    .flx_bildergalerie .grid-container{grid-template-columns: 35px 115% 40%;grid-template-rows: 0 200px 250px 0;}

    .flx_bildergalerie .grid-container .slider .swiper-button-next, .swiper-button-next{left: 20%;top: 109%;}
    .flx_bildergalerie .grid-container .slider .swiper-button-prev {left: 6.5%;top: 109%;}


    #mobilesmall.flx_textblock p{font-size:175%!important;}

    .flx_umfeldgestaltung{padding: 30px 0!important;}
    .flx_umfeldgestaltung .inhaltright{transform: unset!important;margin-top: 40px;}

    .flx_objekteinrichtung{padding: 30px 0!important;}

    .flx_marken{padding-top: 20px;}
    .flx_marken .text{padding-right: 11px;}
    .flx_marken .markenlist{margin-top: 30px;}
    .flx_marken .markenlogo{max-width: 50%;}
    .flx_marken .markenlogo img{padding: 10px;}

    .wandelberatung .flx_videoblock{margin: 40px 35px!important;}
    .wandelberatung .flx_videoblock video{height: 190px!important;}
    .wandelberatung .flx_textblock{margin: 0 35px 50px 35px!important;}



    .flx_wandelberatung{margin: 0 35px 50px 35px!important;}
    .flx_wandelberatung .bilder .bildeins{padding-right: 0;}

    .kontakt .flx_kontaktformular{padding-top: 30px;}
    .flx_kontaktformular .formular {width: 100%;}

    .flx_haendlerfinder input#addressInput {width: 40%;}
    .flx_haendlerfinder select#radiusSelect {width: 27%;}
    .flx_haendlerfinder input#searchButton{width: 40%;}

    #page-footer .logo img{max-width: 35%;}
    #page-footer .footermenu .menuitem{margin-bottom: 10px;}
    #page-footer .footermenu .menuitem div{display: block!important;}
    #page-footer #scrollup::before{bottom: -2px;}
    #page-footer #scrollup{display: block!important;bottom: -2px;position: absolute;right: 10px;bottom: unset;top: 77px;}

    #single-referenzen{padding-top: 100px;}
    #single-referenzen #bildblock{background-color: unset;}
    #single-referenzen #bildblock .container{padding: 0;}
    #single-referenzen #bildblock{padding: 0;margin: 0 35px 50px 35px;}
    #single-referenzen #bildblock .grid-container{grid-template-rows: 200px 200px 200px 200px;grid-template-columns: 25% 25% 38% 25%;gap: 20px;}
    #single-referenzen #bildblock .grid-container .grid-item-big{grid-row: 1/3;grid-column: 1/4;}
    #single-referenzen #bildblock .grid-container .grid-item-big img{transform: unset!important;}
    #single-referenzen #bildblock .grid-container .grid-item-rightklein{grid-row: 3 / 3;grid-column: 1 / 4;}
    #single-referenzen #bildblock .grid-container .grid-item-rightbig{grid-row: 4 / 5;grid-column: 1 / 4;}
    #single-referenzen #marken .marke{max-width: 50%;flex: 0 0 50%;}
    #single-referenzen #marken .marke img{max-width: 60%;}
    #single-referenzen #referenzenteaser{background-color: #f5f5f5;padding: 40px 0;}

    #job{padding-top: 100px;}
    #job h1{font-size: 150%;}

    .flx_textblock.bilderoben .bild p{width:100%;}

    .unternehmen .flx_videoblock{margin: 50px 35px 50px 35px !important;}
    .flx_kartenschieber .swiper-slide {
      width: 100%;
    }
	.pic_wrapper{
		height: 60vh;
    	min-height: 560px;
		max-height:780px;
	}
	.top_picture{
    	object-fit: cover;
		object-position: 80%;
	}
	.flx_topheader.bild .contentblock {
    position: relative;
    top: 20%;
    /* padding-left: 90px; */
    width: 100%;
}
	.flx_topheader.bild .contentblock {
    	position: relative;
    	padding-left: 0px;
		margin-top: 60px;
        
	}
	.flx_topheader.bild .contentblock h1 strong,
	.flx_topheader.bild .contentblock h2{
		color:black;	
	}
	.flx_sticky .wrapper .sticky-element{
		margin-bottom: 80px;
	}
	.about__cards{
		margin-top:60px;
	}
	.tasks__title::before{
		top: -30%;
	}
	.tasks__title{
		padding-left:70px;
	}
	.tasks__list {
    	padding-left: 70px;
    	padding-right: 25px;
	}
	.flx_kartenschieber .swiper-button-next {
    	right: 5px;
    	left: auto;
	}
	.flx_kartenschieber .swiper-button-next {
    	right: 5px;
	}
	.flx_kartenschieber .swiper-button-prev {
		right: 60px;
	}
	.flx_topheader.bild .contentblock h1{
		line-height:1.2;
		margin-bottom:1.5rem;
	}
	.flx_videoblock .vimeo-cust-bt>svg {
    	width: 5rem;
		height: 5rem;
	}
	.flx_bewerbungformular address{
		padding: 25px 15px;
	}
	.flx_kartenschieber .swiper-button-prev, .flx_kartenschieber .swiper-button-next {
    	top: 110px;
	}
		.flx_eventform .first_step .field-wrap.html-wrap, .flx_eventform .second_step .field-wrap.html-wrap, .flx_eventform .third_step .field-wrap.html-wrap{
		margin-top: 3rem;
	}
	.flx_eventform .ninja-forms-field.nf-element[type="submit"]{
		margin-bottom:2rem;
	}
	.flx_event-header .container{
		padding:0 30px;
	}
	.single-event .nf-form-cont .nf-response-msg {
		padding-top:3rem;
		padding-inline: 1rem;
	}
	.single-event .download_ics{
		width:auto;
		margin-inline:1rem;
	}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:575px){

    p{font-size: 110%;}

    #page-header #wpmlmenu {left: 0px;bottom: 5px;top: -40px;right:unset;z-index:999;}
    #page-header .navigation #menuburgerbutton {top: -45px;}
    #page-header .navigation .menu li.btn {width: 100%;}

    #page-header.bottom .logo img { max-width: 30%;}

    /* .flx_videoblock video {height: 160px !important;} */
    .flx_videoblock video .topline { margin-bottom: 155px;}
    /* .flx_topheader.video .contentblock {top:30%;} */
    .flx_topheader.video .contentblock p{font-size:250%;}
    .flx_videoblock .badgewrapper {right: 40px;}

    .flx_bildergalerie .grid-container .slider .swiper-button-prev{left: 8.5%;}
    .flx_bildergalerie .grid-container .slider .swiper-button-next, .swiper-button-next {left: 30%;}

    .flx_bildblock img{height: 200px;object-fit: cover;}
    .flx_bildblock.imcontainer .text .btn {margin-top: 5px;}
    .flx_bildblock.imcontainer .text h4 {width: 80%;}

    .flx_textblock.zitat-text-video .contentleft .zitat {padding: 35px 35px;}
    .flx_textblock.zitat-text-video .contentleft .zitat p {font-size: 155%;}

    .flx_textblock.textlinksaccordionrechts .accordion button::after {right: -39px;}
    .flx_textblock.textlinksaccordionrechts .accordion button.collapsed::after {right: -39px;}

    .flx_teaserboxen.mitbildlinks .teaserbox .inner {display: flex;flex-direction: column;}
    .flx_teaserboxen.mitbildlinks .teaserbox .inner img {margin-bottom: 10px;width: 25%;}
    .flx_teaserboxen.mitbildlinks h2::before {right: -40px;top: -100px;}

    .flx_textblock .container.narrow h3{text-align: left!important;}

    .manufaktur .flx_textblock h4::before {display: none;}

    .flx_kontaktformular .formular input[name="captchaResult"] {width: 100%;}

    .flx_bildergalerie .grid-container .slider .swiper-slide img { height: 50%;}
    .flx_bildergalerie .grid-container .slider .swiper-button-prev { top: 100%;}
    .flx_bildergalerie .grid-container .slider .swiper-button-next, .swiper-button-next {top: 100%;}

    .flx_bildergalerie {margin-bottom: 50px !important;}

    #page-footer #footerbottom .copyright {text-align: left;}
    #page-footer #footerbottom .rechtliches ul {justify-content: left; }
    
    #page-footer .logo img {max-width: 45%;margin-top: 10px;}

	.flx_speakers .sp-image{
		max-width: none; 
	}
	.flx_eventform .fourth_step.checkbox-container .field-wrap.checkbox-wrap{
		flex-direction: column;
        align-items: flex-start;
        gap: 15px;
	}
	.contacts__info h5, .contacts__info span{
		text-align:center;
		margin-top: 2rem;
	}
		.flx_event-informationen .card__image{
	    width: 160px;
    	height: 160px;
	}
	.flx_event-informationen .card__image img{
		transform: scale(1);
	}
	.flx_eventform .nf-form-content{
		padding:0.8rem;
	}

    #haendlersuchewide.store-locator-v2 .store-locator-v2-form-container .store-locator-v2-form{padding:20px!important;}
    #haendlersuchewide.store-locator-v2 .store-locator-list{padding:0 20px 20px;}
    #haendlersuchewide #store-locator-form input[type="text"]{width:69.9%;}

.lp-outdoorkitchen .flx_textblock.text-slider .slider .swiper-button-prev, .lp-outdoorkitchen .flx_textblock.text-slider .slider .swiper-button-next{top:105%;}



}
@media (max-width:400px){

    #page-header.bottom .navigation #menuburgerbutton{top: -45px;}

    #page-header .navigation #menuburgerbutton {top: -35px;}

    #page-header .navigation .menu li.btn.current-menu-item {width: 100%;}

    /* .flx_topheader.video .contentblock {top: 20%;} */

	.flx_event-informationen .card__image{
	    width: 130px;
    	height: 130px;
	}
	.flx_event-informationen .card__image img{
		transform: scale(0.9);
	}
	.tasks__list {
    	padding-left: 45px;
    	padding-right: 15px;
	}
	.flx_kartenschieber  h2.process__title{
		font-size:26px;
	}
	.flx_kartenschieber .swiper-button-prev, .flx_kartenschieber .swiper-button-next {
    	top: 120px;
	}
    .MO_captcha{width: 100%!important;min-width: unset!important;}

    .flx_topheader.video h1 {margin-top: 160px;}

    .flx_teaserboxen.mitbildlinks h2::before {right: -19px;top: -90px;width: 30%;}
    .flx_teaserboxen.mitbildlinks .headline {width: 100%;}
    .flx_teaserboxen .teaserbox .inner img {width: 25%;}

    .flx_textblock.textlinksaccordionrechts .btn {width: 80%;}
    .flx_textblock.textlinksaccordionrechts .accordion button.collapsed::after {right:-60px;}
    .flx_textblock.textlinksaccordionrechts .accordion button::after {right:-60px;}

    .flx_referenzen_teaser.bild-gross .subline {align-content: center;}


    .flx_kontaktformular .formular label[for="idWC_opt_in"], .flx_kontaktformular .formular label[for="idWC_opt_in_phone"], .flx_kontaktformular .formular label[for="idWC_opt_in_letter"] {margin-right: 14px;}
    .flx_kontaktformular .formular input[name="captchaResult"] {width: 100%}

    .flx_topheader.farbflaeche-text{margin: 0 20px 0 20px !important;}
    .flx_wandelberatung{margin: 0 20px 50px 20px !important;}

    .wandelberatung .flx_videoblock{margin: 40px 20px!important;}

    .wandelberatung .flx_textblock{margin: 0 20px 50px 20px !important;}

    #haendlersuchewide #store-locator-form input[type="text"]{width:59.8%;}
    #haendlersuchewide #store-locator-form select{width:39%;}
}