#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--app-height:100vh;--footer-height:100px;--header-height:100px;--main-padding-desktop:40px}body,html{height:100%}body{font-size:20px;line-height:1.5;overflow:hidden;overflow-y:scroll}figure{box-sizing:border-box;margin:0;max-width:100%}figure,main{display:block}img{border:0}figure img{display:block;height:auto;margin:0;max-width:100%;width:auto}figure figcaption{margin:0 auto;max-width:100%;text-align:center}iframe{border:0}.invisible{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.wow{visibility:hidden}.inside{position:relative}.ce_player video{height:auto;width:100%}.ce_vimeo .video-wrapper,.ce_vimeo .video_container,.ce_youtube .video-wrapper,.ce_youtube .video_container{height:0;padding-bottom:56.25%;position:relative}.ce_vimeo .video-wrapper>*,.ce_vimeo .video_container>.responsive>*,.ce_vimeo .video_container>:not(.responsive):not(.caption),.ce_youtube .video-wrapper>*,.ce_youtube .video_container>.responsive>*,.ce_youtube .video_container>:not(.responsive):not(.caption){border:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}html{font-size:18px}body{color:#000;font-family:Open Sans Condensed,sans-serif;font-weight:300}a{color:inherit;text-decoration:none;transition:.2s}a:hover{color:#404040}b,h2,strong{font-weight:700}h2{color:#e75113;letter-spacing:normal;text-transform:uppercase}@media only screen and (min-width:800px){h2{font-size:30px}}@media only screen and (min-width:1400px){h2{font-size:50px}}ol,ul{padding-left:.4em}ol li,ul li{list-style-type:none;padding-left:15px;position:relative}ol li:before,ul li:before{background-color:#000;border-radius:4px;content:"";display:block;height:4px;left:0;position:absolute;top:8px;width:4px}.headline--h2 h2,.headline--h2 h3,h2.headline--h2,h3.headline--h2{color:#e75113;font-weight:700;letter-spacing:normal;text-transform:uppercase}@media only screen and (min-width:800px){.headline--h2 h2,.headline--h2 h3,h2.headline--h2,h3.headline--h2{font-size:30px}}@media only screen and (min-width:1400px){.headline--h2 h2,.headline--h2 h3,h2.headline--h2,h3.headline--h2{font-size:50px}}.margin--0x{margin-bottom:0!important}.margin--0x,.margin--top--0x{margin-top:0!important}.margin--bottom--0x{margin-bottom:0!important}.margin--1x{margin-bottom:1rem!important}.margin--1x,.margin--top--1x{margin-top:1rem!important}.margin--bottom--1x{margin-bottom:1rem!important}.margin--2x{margin-bottom:1.332rem!important;margin-top:1.332rem!important}@media only screen and (min-width:800px){.margin--2x{margin-top:1.666rem!important}}@media only screen and (min-width:1200px){.margin--2x{margin-top:2rem!important}}@media only screen and (min-width:800px){.margin--2x{margin-bottom:1.666rem!important}}@media only screen and (min-width:1200px){.margin--2x{margin-bottom:2rem!important}}.margin--top--2x{margin-top:1.332rem!important}@media only screen and (min-width:800px){.margin--top--2x{margin-top:1.666rem!important}}@media only screen and (min-width:1200px){.margin--top--2x{margin-top:2rem!important}}.margin--bottom--2x{margin-bottom:1.332rem!important}@media only screen and (min-width:800px){.margin--bottom--2x{margin-bottom:1.666rem!important}}@media only screen and (min-width:1200px){.margin--bottom--2x{margin-bottom:2rem!important}}.margin--3x{margin-bottom:1.998rem!important;margin-top:1.998rem!important}@media only screen and (min-width:800px){.margin--3x{margin-top:2.499rem!important}}@media only screen and (min-width:1200px){.margin--3x{margin-top:3rem!important}}@media only screen and (min-width:800px){.margin--3x{margin-bottom:2.499rem!important}}@media only screen and (min-width:1200px){.margin--3x{margin-bottom:3rem!important}}.margin--top--3x{margin-top:1.998rem!important}@media only screen and (min-width:800px){.margin--top--3x{margin-top:2.499rem!important}}@media only screen and (min-width:1200px){.margin--top--3x{margin-top:3rem!important}}.margin--bottom--3x{margin-bottom:1.998rem!important}@media only screen and (min-width:800px){.margin--bottom--3x{margin-bottom:2.499rem!important}}@media only screen and (min-width:1200px){.margin--bottom--3x{margin-bottom:3rem!important}}.margin--4x{margin-bottom:2.664rem!important;margin-top:2.664rem!important}@media only screen and (min-width:800px){.margin--4x{margin-top:3.332rem!important}}@media only screen and (min-width:1200px){.margin--4x{margin-top:4rem!important}}@media only screen and (min-width:800px){.margin--4x{margin-bottom:3.332rem!important}}@media only screen and (min-width:1200px){.margin--4x{margin-bottom:4rem!important}}.margin--top--4x{margin-top:2.664rem!important}@media only screen and (min-width:800px){.margin--top--4x{margin-top:3.332rem!important}}@media only screen and (min-width:1200px){.margin--top--4x{margin-top:4rem!important}}.margin--bottom--4x{margin-bottom:2.664rem!important}@media only screen and (min-width:800px){.margin--bottom--4x{margin-bottom:3.332rem!important}}@media only screen and (min-width:1200px){.margin--bottom--4x{margin-bottom:4rem!important}}.margin--6x{margin-bottom:3.996rem!important;margin-top:3.996rem!important}@media only screen and (min-width:800px){.margin--6x{margin-top:4.998rem!important}}@media only screen and (min-width:1200px){.margin--6x{margin-top:6rem!important}}@media only screen and (min-width:800px){.margin--6x{margin-bottom:4.998rem!important}}@media only screen and (min-width:1200px){.margin--6x{margin-bottom:6rem!important}}.margin--top--6x{margin-top:3.996rem!important}@media only screen and (min-width:800px){.margin--top--6x{margin-top:4.998rem!important}}@media only screen and (min-width:1200px){.margin--top--6x{margin-top:6rem!important}}.margin--bottom--6x{margin-bottom:3.996rem!important}@media only screen and (min-width:800px){.margin--bottom--6x{margin-bottom:4.998rem!important}}@media only screen and (min-width:1200px){.margin--bottom--6x{margin-bottom:6rem!important}}.margin--8x{margin-bottom:5.328rem!important;margin-top:5.328rem!important}@media only screen and (min-width:800px){.margin--8x{margin-top:6.664rem!important}}@media only screen and (min-width:1200px){.margin--8x{margin-top:8rem!important}}@media only screen and (min-width:800px){.margin--8x{margin-bottom:6.664rem!important}}@media only screen and (min-width:1200px){.margin--8x{margin-bottom:8rem!important}}.margin--top--8x{margin-top:5.328rem!important}@media only screen and (min-width:800px){.margin--top--8x{margin-top:6.664rem!important}}@media only screen and (min-width:1200px){.margin--top--8x{margin-top:8rem!important}}.margin--bottom--8x{margin-bottom:5.328rem!important}@media only screen and (min-width:800px){.margin--bottom--8x{margin-bottom:6.664rem!important}}@media only screen and (min-width:1200px){.margin--bottom--8x{margin-bottom:8rem!important}}.image--center figure img{margin:auto}.text--center{text-align:center;width:100%}.text--center>figure>img{margin-left:auto;margin-right:auto}.paragraph-indents p{margin-bottom:0;margin-top:0}.paragraph-indents p:first-child{margin-top:1em}.paragraph-indents p:last-child{margin-bottom:1em}.paragraph-indents p{text-indent:1.388em}@font-face{font-family:Open Sans Condensed;font-style:normal;font-weight:300;src:local(""),url(../../files/themes/proluft/dist/fonts/open-sans-condensed-v15-latin-300.woff2) format("woff2"),url(../../files/themes/proluft/dist/fonts/open-sans-condensed-v15-latin-300.woff) format("woff")}@font-face{font-family:Open Sans Condensed;font-style:italic;font-weight:300;src:local(""),url(../../files/themes/proluft/dist/fonts/open-sans-condensed-v15-latin-300italic.woff2) format("woff2"),url(../../files/themes/proluft/dist/fonts/open-sans-condensed-v15-latin-300italic.woff) format("woff")}@font-face{font-family:Open Sans Condensed;font-style:normal;font-weight:700;src:local(""),url(../../files/themes/proluft/dist/fonts/open-sans-condensed-v15-latin-700.woff2) format("woff2"),url(../../files/themes/proluft/dist/fonts/open-sans-condensed-v15-latin-700.woff) format("woff")}@font-face{font-family:Abril Fatface;font-style:normal;font-weight:400;src:local(""),url(../../files/themes/proluft/dist/fonts/abril-fatface-v12-latin-regular.woff2) format("woff2"),url(../../files/themes/proluft/dist/fonts/abril-fatface-v12-latin-regular.woff) format("woff")}@media only screen and (min-width:800px){body.index #header{background-color:transparent}body.index #header figure.logo{margin-left:calc(50% + 50px)}body.index #header figure.logo img{max-width:clamp(190px,17.05556vw,307px)}body.index #header>.inside{align-items:flex-end;margin-left:auto;margin-right:auto;max-width:1484px}body.index #header #burger,body.index #header .mod_html_phone,body.index #header .mod_search{bottom:-10px}body.index #header .mod_html_phone{display:none}body.index #main>.inside>.mod_article:first-child{margin-top:calc(var(--header-height)*-1)}body.index #main>.inside>.mod_article:first-child>h1:nth-child(2){margin-top:var(--header-height)}body.index.search-open #header figure.logo{opacity:0;pointer-events:none;visibility:hidden}}@media only screen and (min-width:1080px){body.index #header figure.logo{max-width:100%}}@media only screen and (min-width:1440px){body.index #header .mod_html_phone{display:block}body.index.search-open #header figure.logo{opacity:1;pointer-events:auto;visibility:visible}}#wrapper{min-height:100%;min-width:280px;overflow:hidden}#container{position:relative;z-index:1}#footer{padding-left:20px;padding-right:20px}@media only screen and (min-width:1200px){#footer{padding-left:40px;padding-right:40px}}#footer>.inside{margin-left:auto;margin-right:auto;max-width:1440px;padding-bottom:25px;padding-top:25px;position:relative;z-index:1}#footer>.inside:before{background-color:#fabd43;bottom:0;content:"";display:block;left:-200%;position:absolute;right:-200%;top:0}#footer>.inside>*{position:relative}#footer>.inside:after{background-image:url(../../files/themes/proluft/dist/images/proluft-footer-mark.svg);background-repeat:no-repeat;background-size:contain;bottom:0;content:"";display:block;height:100%;left:95px;position:absolute;right:0;top:0;z-index:1}#footer .footer_socials{position:relative;z-index:2}#footer .footer_socials img{max-width:25px}#footer .footer_socials ul{align-items:center;display:flex;justify-content:center;list-style:none;margin:0;padding:0}#footer .footer_socials ul>li{margin:0;padding:0}#footer .footer_socials ul>li:before{display:none}#footer .footer_socials ul>li:not(:last-child){margin-right:25px}@media only screen and (min-width:800px){#footer>.inside{padding-bottom:50px;padding-top:50px}#footer .footer_socials{bottom:24px;z-index:1}#footer .footer_socials ul{justify-content:flex-end}}@media only screen and (min-width:1400px){#footer>.inside{padding-bottom:75px;padding-top:75px}#footer>.inside:after{max-width:607px}}#header{background-color:#fff;box-sizing:border-box;left:0;padding:18px 20px 22px;position:relative;position:fixed;right:0;top:0;z-index:2}@media only screen and (min-width:1200px){#header{padding-left:40px;padding-right:40px}}#header>.inside{align-items:center;display:flex;margin-left:auto;margin-right:auto;max-width:1440px;padding-right:50px}#header>.inside .logo img{max-width:225px;position:relative;z-index:1}#header>.inside .menu-image{display:none;left:-40px;position:absolute;top:-47px;z-index:1}@media only screen and (min-width:800px){#header{padding-bottom:65px;padding-top:24px;position:relative}#header>.inside{padding-right:0}#header>.inside .logo img{max-width:307px}}@media only screen and (min-width:1400px){#header>.inside .menu-image{display:block;max-width:51.5%;opacity:0;transition:all .4s;visibility:hidden}.menu-open #header>.inside .menu-image{opacity:1;visibility:visible}}@media only screen and (min-width:1640px){#header>.inside .menu-image{left:0;max-width:48.85%}}#left{display:none}@media only screen and (min-width:1200px){#left{display:block;left:0;margin-left:auto;margin-right:auto;max-width:1440px;padding-left:20px;padding-right:20px;position:absolute;right:0;top:460px}}@media only screen and (min-width:1200px) and (min-width:1200px){#left{padding-left:40px;padding-right:40px}}@media only screen and (min-width:1200px){#left .level_1{padding-top:55px;position:relative;width:200px;z-index:2}#left .level_1:before{border-bottom:1px solid rgba(0,0,0,.5);content:"Nach Themen filtern";display:block;left:0;padding-bottom:7px;position:absolute;right:0;text-align:left;top:0}}@media only screen and (min-width:1400px){#left{top:540px}}@media only screen and (min-width:1640px){#left{top:590px}}#main{padding-left:20px;padding-right:20px}@media only screen and (min-width:1200px){#main{padding-left:40px;padding-right:40px}}#main>.inside>*{margin-left:auto;margin-right:auto;max-width:1440px}#main>.inside>.homepage-header,#main>.inside>.homepage-header-proluft{margin-left:-20px;margin-right:-20px}#main>.inside>.accordion-and-menu,#main>.inside>.contact-article{box-sizing:border-box}@media only screen and (min-width:1200px){#main>.inside>.homepage-header,#main>.inside>.homepage-header-proluft{margin-left:-40px;margin-right:-40px;max-width:none}#main>.inside>.accordion-and-menu,#main>.inside>.contact-article{padding-left:100px;padding-right:100px}#main>.inside>.detail-header{max-width:none}#main>.inside>.accordion-and-menu>*{margin-left:auto;max-width:800px}}@media only screen and (min-width:1640px){#main>.inside>.homepage-header{margin-left:auto;margin-right:auto;max-width:1555.2px}#main>.inside>.accordion-and-menu>*{max-width:1020px}#main>.inside>.homepage-header-proluft{margin-left:auto;margin-right:auto;max-width:1800px}}@media only screen and (max-width:799px){#main{margin-top:92px}}.mod_article{margin-bottom:50px;position:relative}.mod_article.has-hr:after{background:#000;bottom:-25px;content:"";display:block;height:1px;left:0;opacity:.5;position:absolute;right:0}.mod_article.homepage-header{background-color:#fff;position:relative}.mod_article.homepage-header:after{bottom:-1px;box-shadow:0 0 5px 2px gray;content:"";position:absolute;transform:scale(.99);width:100%;z-index:-1}.mod_article.detail-header{background-color:rgba(231,81,19,.7);padding-bottom:20px;padding-top:40px;position:relative}.mod_article.detail-header:before{background:radial-gradient(circle at 54% 60%,rgba(250,189,67,.8) 0,#e75113 6%);bottom:0;content:"";display:block;left:-200%;position:absolute;right:-200%;top:0;z-index:-1}.mod_article.contact-article{display:flex;flex-direction:column}.mod_article.contact-article .ce_form{margin-bottom:25px;margin-top:20px;order:2}.mod_article.contact-article .ce_text{order:1}@media only screen and (min-width:800px){.mod_article.homepage-header{grid-column-gap:20px;box-sizing:border-box;display:grid;grid-template-columns:50% 1fr;grid-template-rows:repeat(3,auto);padding-right:40px}.mod_article.homepage-header:after{display:none}.mod_article.homepage-header .ce_image,.mod_article.homepage-header .ce_player,.mod_article.homepage-header .ce_youtube{grid-column:1/2;grid-row:1/4}.mod_article.homepage-header .ce_headline{grid-column:2/3;grid-row:1/2}.mod_article.homepage-header .ce_text{grid-column:2/3;grid-row:2/3}.mod_article.homepage-header .ce_hyperlink{grid-column:2/3;grid-row:3/4}.mod_article.detail-header{padding:0}.mod_article.contact-article{flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-bottom:170px}.mod_article.contact-article .ce_headline{flex-basis:100%}.mod_article.contact-article .ce_form,.mod_article.contact-article .ce_text{box-sizing:border-box;flex:1 1 auto}.mod_article.contact-article .ce_form{margin-bottom:0;margin-right:20px;margin-top:0;max-width:50%;order:1}.mod_article.contact-article .ce_text{max-width:calc(50% - 20px);order:2}}@media only screen and (min-width:1200px){.mod_article{margin-bottom:90px}.mod_article.detail-header{margin-bottom:20px}.mod_article.homepage-header{margin-bottom:120px}.mod_article.homepage-header:after{display:none}.mod_article.has-hr:after{bottom:-45px}}@media only screen and (min-width:1400px){.mod_article.homepage-header{grid-column-gap:37px}.mod_article.homepage-header:after{display:none}.mod_article.detail-header{margin-bottom:80px}.mod_article.contact-article .ce_form{max-width:none}.mod_article.contact-article .ce_text{max-width:418.56px}}@media only screen and (min-width:1200px){.mod_article.accordion-and-menu{padding-top:90px;z-index:1}.mod_navigation.level-3-nav~.mod_article.accordion-and-menu{padding-top:130px}}@media only screen and (min-width:1400px){.mod_article.accordion-and-menu{padding-top:70px}.mod_navigation.level-3-nav~.mod_article.accordion-and-menu{padding-top:115px}}.mod_breadcrumb{display:none;z-index:3}.mod_breadcrumb ul{border-bottom:1px solid rgba(0,0,0,.5);display:flex;list-style:none;margin:0 0 0 auto;padding:0 0 10px}.mod_breadcrumb li{color:#3d7284;font-size:18px;font-weight:300;line-height:1;margin:0;padding:0 0 0 30px;position:relative;text-transform:uppercase}.mod_breadcrumb li:before{display:none}.mod_breadcrumb li:after{content:"|";display:inline-block;left:11px;position:absolute;top:-2px}.mod_breadcrumb li.active{color:#e75113;font-weight:700}.mod_breadcrumb li.first{padding-left:0}.mod_breadcrumb li.first:after{display:none}@media only screen and (min-width:1200px){.mod_breadcrumb{display:block;left:0;margin:0 auto;max-width:1000px;position:absolute;right:0;top:460px}.mod_breadcrumb ul{max-width:900px}}@media only screen and (min-width:1400px){.mod_breadcrumb{top:540px}}@media only screen and (min-width:1640px){.mod_breadcrumb{max-width:1440px;top:590px}.mod_breadcrumb ul{max-width:1120px}}.mod_customnav{margin-bottom:25px}.mod_customnav ul{display:flex;list-style:none;position:relative;z-index:2}.mod_customnav ul,.mod_customnav ul>li{margin:0;padding:0}.mod_customnav ul>li:before{display:none}.mod_customnav ul>li{font-size:15px;font-weight:300;margin-right:20px;text-transform:uppercase}.mod_customnav ul:after{border-bottom:1px solid #000;content:"";display:block;width:100px;width:100%}@media only screen and (min-width:800px){.mod_customnav{margin-bottom:0}.mod_customnav ul{margin-right:260px}}#burger{cursor:pointer;height:50px;position:relative;position:absolute;right:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:50px;z-index:110}#burger:after{background-image:url(../../files/themes/proluft/dist/images/logo_nav.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";display:block;height:44.8px;left:2.2px;position:relative;top:2.2px;transform:rotate(0deg);transition:all 1s;width:44.8px}#burger:hover:after{transform:rotate(180deg)}#burger .burger__line{background-color:#3d7284;height:2px;left:0;margin:auto;position:absolute;right:0;transition:opacity .3s,transform .3s,background-color .3s;width:14px}#burger .burger__line--5{width:18.9px}#burger .burger__line--1{top:16px}#burger .burger__line--2,#burger .burger__line--4,#burger .burger__line--5{bottom:0;top:0}#burger .burger__line--3{bottom:16px}#burger .burger__line--2,#burger .burger__line--4{left:-2px;opacity:0;width:18.9px}body.menu-open #burger .burger__line--1,body.menu-open #burger .burger__line--3,body.menu-open #burger .burger__line--5{opacity:0}body.menu-open #burger .burger__line--2,body.menu-open #burger .burger__line--4{opacity:1}body.menu-open #burger .burger__line--2{transform:rotate(-41deg)}body.menu-open #burger .burger__line--4{transform:rotate(41deg)}@media only screen and (min-width:1200px){#burger:after{height:54.4px;left:-2px;top:-2px;width:54.4px}#burger .burger__line{width:17px}#burger .burger__line--2,#burger .burger__line--4,#burger .burger__line--5{width:22.95px}}@media only screen and (min-width:1400px){#burger:after{height:64px;left:-7px;top:-7px;width:64px}#burger .burger__line{width:20px}#burger .burger__line--2,#burger .burger__line--4,#burger .burger__line--5{width:27px}}.mod_html_phone{bottom:-75px;opacity:0;position:absolute;right:110px;transform:translateX(10px);transition:all .3s;visibility:hidden;z-index:1}.mod_html_phone a{color:#3d7284;font-size:20px;font-weight:700;line-height:2;text-decoration:none}@media only screen and (min-width:800px){.mod_html_phone{bottom:auto;opacity:1;right:154px;visibility:visible}}@media only screen and (max-width:799px){body.menu-open .mod_html_phone{opacity:1;transform:translateX(0);transition-delay:.6s;visibility:visible}}body.search-open .mod_html_phone{opacity:0;visibility:hidden}.mod_navigation ul{list-style:none;margin:0;padding:0}.mod_navigation ul>li{margin:0;padding:0}.mod_navigation ul>li:before{display:none}.mod_navigation.main-nav{background-color:#fff;background-image:url(../../files/themes/proluft/dist/images/proluft-logo-menu-background.svg);background-position:center 100px;background-repeat:no-repeat;background-size:110vw auto;height:calc(var(--app-height) - 150px);left:0;opacity:0;padding-top:150px;position:fixed;right:0;text-align:center;top:0;transition:opacity .4s,visibility .4s;transition-delay:.2s;visibility:hidden}@media only screen and (min-width:800px){.mod_navigation.main-nav{background-size:44vw auto}}.mod_navigation.main-nav ul.level_1{align-items:center;display:flex;flex-direction:column;font-size:18px;height:100%;opacity:0;overflow-y:auto;padding-left:40px;padding-right:20px;transform:translateY(15px);transition:opacity .3s,visibility .3s,transform .3s;transition-delay:0s;visibility:hidden}@media only screen and (min-width:800px){.mod_navigation.main-nav ul.level_1{font-size:35px}}.mod_navigation.main-nav ul.level_1>li{cursor:pointer;position:relative}.mod_navigation.main-nav ul.level_1>li>a,.mod_navigation.main-nav ul.level_1>li>span,.mod_navigation.main-nav ul.level_1>li>strong{color:#3d7284;cursor:pointer;display:block;font-weight:700;line-height:1.57;line-height:1.1429;padding:.2857em 0;position:relative;text-transform:uppercase;transition:none}.mod_navigation.main-nav ul.level_1>li>a:after,.mod_navigation.main-nav ul.level_1>li>span:after,.mod_navigation.main-nav ul.level_1>li>strong:after{border-top:1px solid #e75113;bottom:0;content:"";display:block;height:0;left:0;margin:auto;opacity:0;position:absolute;right:0;transition:opacity .3s,width .3s,visibility .3s;visibility:hidden;width:0}@media only screen and (min-width:800px){.mod_navigation.main-nav ul.level_1>li>a:after,.mod_navigation.main-nav ul.level_1>li>span:after,.mod_navigation.main-nav ul.level_1>li>strong:after{border-top:2px solid #e75113}}.mod_navigation.main-nav ul.level_1>li>a.active:after,.mod_navigation.main-nav ul.level_1>li>a.trail:after,.mod_navigation.main-nav ul.level_1>li>a:hover:after,.mod_navigation.main-nav ul.level_1>li>span.active:after,.mod_navigation.main-nav ul.level_1>li>span.trail:after,.mod_navigation.main-nav ul.level_1>li>span:hover:after,.mod_navigation.main-nav ul.level_1>li>strong.active:after,.mod_navigation.main-nav ul.level_1>li>strong.trail:after,.mod_navigation.main-nav ul.level_1>li>strong:hover:after{opacity:1;visibility:visible;width:4.3em}.mod_navigation.main-nav ul.level_1>li+li{margin-top:.2857em}.mod_navigation.main-nav ul.level_1>li.active ul.level_2,.mod_navigation.main-nav ul.level_1>li.trail ul.level_2{display:block}.mod_navigation.main-nav ul.level_1.has-active>li>a,.mod_navigation.main-nav ul.level_1.has-active>li>span,.mod_navigation.main-nav ul.level_1.has-active>li>strong{color:#95b2bc}.mod_navigation.main-nav ul.level_1.has-active>li>a.active,.mod_navigation.main-nav ul.level_1.has-active>li>a.trail,.mod_navigation.main-nav ul.level_1.has-active>li>a:hover,.mod_navigation.main-nav ul.level_1.has-active>li>span.active,.mod_navigation.main-nav ul.level_1.has-active>li>span.trail,.mod_navigation.main-nav ul.level_1.has-active>li>strong.active,.mod_navigation.main-nav ul.level_1.has-active>li>strong.trail{color:#3d7284}.mod_navigation.main-nav ul.level_2{display:none;font-size:.62857em;line-height:1.3636;margin-bottom:.5454em;margin-top:.3181em}.mod_navigation.footer-nav{display:none;margin-bottom:33px;position:relative;z-index:2}.mod_navigation.footer-nav .level_1{grid-column-gap:10px;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;grid-template-rows:repeat(3,auto);max-width:1140px;text-transform:uppercase}.mod_navigation.footer-nav li{font-weight:700;margin-bottom:16px}.mod_navigation.footer-nav .level_2,.mod_navigation.level-3-nav,.mod_navigation.side-nav{display:none}.mod_navigation.level-3-nav li>a,.mod_navigation.level-3-nav li>span,.mod_navigation.level-3-nav li>strong,.mod_navigation.side-nav li>a,.mod_navigation.side-nav li>span,.mod_navigation.side-nav li>strong{color:#3d7284;cursor:pointer;font-size:15px;font-weight:700;text-decoration:none;text-transform:uppercase}.mod_navigation.level-3-nav li>a.active,.mod_navigation.level-3-nav li>a.trail,.mod_navigation.level-3-nav li>a:hover,.mod_navigation.level-3-nav li>span.active,.mod_navigation.level-3-nav li>span.trail,.mod_navigation.level-3-nav li>span:hover,.mod_navigation.level-3-nav li>strong.active,.mod_navigation.level-3-nav li>strong.trail,.mod_navigation.level-3-nav li>strong:hover,.mod_navigation.side-nav li>a.active,.mod_navigation.side-nav li>a.trail,.mod_navigation.side-nav li>a:hover,.mod_navigation.side-nav li>span.active,.mod_navigation.side-nav li>span.trail,.mod_navigation.side-nav li>span:hover,.mod_navigation.side-nav li>strong.active,.mod_navigation.side-nav li>strong.trail,.mod_navigation.side-nav li>strong:hover{border-bottom:1px solid #e75113;color:#e75113}.mod_navigation.level-3-nav{padding:10px 0}@media only screen and (min-width:800px){.mod_navigation.main-nav{height:calc(var(--app-height) - 145px);padding-top:145px;top:0}.mod_navigation.main-nav ul.level_1{padding-top:0}.mod_navigation.footer-nav{display:block}.mod_navigation.side-nav{z-index:1}.mod_navigation.side-nav li{margin-bottom:18px}.mod_navigation.level-3-nav li>a,.mod_navigation.level-3-nav li>span,.mod_navigation.level-3-nav li>strong,.mod_navigation.side-nav li>a,.mod_navigation.side-nav li>span,.mod_navigation.side-nav li>strong{font-size:22px;line-height:1.2}.mod_navigation.level-3-nav{z-index:2}.mod_navigation.level-3-nav ul{display:flex}.mod_navigation.level-3-nav ul li{padding:0 0 0 30px!important;position:relative}.mod_navigation.level-3-nav ul li:after{content:"|";display:inline-block;left:11px;position:absolute;top:0}.mod_navigation.level-3-nav ul li.first{padding-left:0!important}.mod_navigation.level-3-nav ul li.first:after{display:none}}@media only screen and (min-width:1200px){.mod_navigation.footer-nav{grid-column-gap:50px}.mod_navigation.level-3-nav,.mod_navigation.side-nav{display:block}.mod_navigation.level-3-nav{left:0;margin:0 auto;max-width:1000px;padding:0;position:absolute;right:0;top:518px}.mod_navigation.level-3-nav ul{margin:0 0 0 auto;max-width:900px}}@media only screen and (min-width:1400px){.mod_navigation.footer-nav li{font-size:20px}.mod_navigation.footer-nav .level_1{grid-column-gap:80px}.mod_navigation.level-3-nav{top:595px}}@media only screen and (min-width:1640px){.mod_navigation.level-3-nav{max-width:1440px;top:645px}.mod_navigation.level-3-nav ul{max-width:1120px}}body.menu-open{left:0;position:fixed;right:0}body.menu-open .mod_navigation.main-nav{opacity:1;transition-delay:0s;visibility:visible}body.menu-open .mod_navigation.main-nav ul.level_1{opacity:1;transform:translateY(0);transition-delay:.2s;visibility:visible}.mod_search{bottom:-70px;opacity:0;position:absolute;right:50px;transform:translateX(10px);transition:all .3s;visibility:hidden;z-index:1}.mod_search .formbody{display:flex;position:relative}.mod_search .widget-text input{border-left:none;border-right:none;border-top:none;color:rgba(93,121,141,.5);font-size:20px;font-weight:700;line-height:2;max-width:0;opacity:0;outline:none;padding-left:10px;padding-right:40px;position:relative;transition:all .4s;width:100%}.mod_search .widget-text input.input-focused{max-width:285px;opacity:1}.mod_search .widget-submit button{background-color:transparent;background-image:url(../../files/themes/proluft/dist/images/lupe.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;color:transparent;cursor:pointer;height:100%;max-width:40px;padding:0;position:absolute;right:0}@media only screen and (min-width:800px){.mod_search{bottom:auto;opacity:1;right:86px;visibility:visible}}@media only screen and (max-width:799px){body.menu-open .mod_search{opacity:1;transform:translateX(0);transition-delay:.5s;visibility:visible}}.ce_accordion{background-color:transparent;border-top:1px solid gray;box-sizing:border-box;padding:15px 35px 21px 15px;transition:all .3s}.ce_accordion:last-of-type{border-bottom:1px solid gray;margin-bottom:50px}.ce_accordion.active{background-color:#feede7}.ce_accordion.active .toggler{color:#e75113}.ce_accordion.active .toggler:after,.ce_accordion.active .toggler:before{transform:rotate(-90deg)}.ce_accordion.active .toggler:before{opacity:1;visibility:visible}.ce_accordion.active .toggler:after{opacity:0;visibility:hidden}.ce_accordion .toggler{color:#000;cursor:pointer;font-size:15px;font-weight:700;position:relative}.ce_accordion .toggler:after,.ce_accordion .toggler:before{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";display:block;height:25px;margin:auto;position:absolute;right:-25px;top:0;transition:all .3s;width:25px}.ce_accordion .toggler:before{background-image:url(../../files/themes/proluft/dist/images/accordion-arrow-orange.svg);opacity:0;visibility:hidden}.ce_accordion .toggler:after{background-image:url(../../files/themes/proluft/dist/images/accordion-arrow-black.svg);opacity:1;visibility:visible}.ce_accordion .accordion{color:#000;display:none;font-size:15px;font-weight:300;line-height:1.5}.ce_accordion .accordion p:last-of-type{margin-bottom:0}@media only screen and (min-width:800px){.ce_accordion .accordion,.ce_accordion .toggler{font-size:18px}}@media only screen and (min-width:1200px){.ce_accordion{padding:22px 35px 28px 30px}.accordion-and-menu .ce_accordion{max-width:650px}.ce_accordion .toggler{font-size:23px}}@media only screen and (min-width:1400px){.accordion-and-menu .ce_accordion{max-width:748.8px}}.ce_form .formbody{height:100%}.ce_form .formbody>:not(:last-child){margin-bottom:29px}.ce_form form{height:100%}.ce_form input,.ce_form textarea{background-color:#feede7;border:none;box-sizing:border-box;color:#000;font-size:20px;font-weight:300;height:100%;letter-spacing:.6px;padding:20px 29px;width:100%}.ce_form input{height:57px}.ce_form button{background-color:#e75113;border:none;border-radius:30px;box-shadow:2px 2px 10px rgba(0,0,0,.75);box-sizing:border-box;color:#fff;cursor:pointer;font-weight:700;max-width:297px;padding:18px 5px;text-align:center;text-transform:uppercase;width:100%}.ce_form .widget-textarea{grid-column:1/3}@media only screen and (min-width:800px){.ce_form .formbody{-moz-column-gap:24px;column-gap:24px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 268px}.ce_form .formbody .widget-textarea{margin-bottom:0}.ce_form button{bottom:-100px;position:absolute}}.ce_gallery{margin:20px 0}.ce_gallery ul{display:grid;gap:20px;list-style:none;margin:0;padding:0}.ce_gallery ul.cols_1{grid-template-columns:repeat(1,1fr)}.ce_gallery ul.cols_2{grid-template-columns:repeat(2,1fr)}.ce_gallery ul.cols_3{grid-template-columns:repeat(3,1fr)}.ce_gallery ul.cols_4{grid-template-columns:repeat(4,1fr)}.ce_gallery ul.cols_5{grid-template-columns:repeat(5,1fr)}.ce_gallery ul.cols_6{grid-template-columns:repeat(6,1fr)}.ce_gallery ul.cols_7{grid-template-columns:repeat(7,1fr)}.ce_gallery ul.cols_8{grid-template-columns:repeat(8,1fr)}.ce_gallery ul.cols_9{grid-template-columns:repeat(9,1fr)}.ce_gallery ul.cols_10{grid-template-columns:repeat(10,1fr)}.ce_gallery ul.cols_11{grid-template-columns:repeat(11,1fr)}.ce_gallery ul.cols_12{grid-template-columns:repeat(12,1fr)}.ce_gallery li{list-style:none;margin:0;padding:0}.ce_gallery li:before{display:none}.homepage-header .ce_headline{color:#e75113;font-size:30px;font-weight:700;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-height:1;margin-bottom:0;margin-top:20px;padding-left:20px;padding-right:20px;text-align:left;text-shadow:2px 2px 0 #921e01;text-transform:uppercase}.detail-header .ce_headline{color:#fff;font-size:30px;margin-bottom:25px;margin-top:0;position:relative;text-shadow:2px 2px 0 #aa2909;text-transform:uppercase;z-index:1}.contact-article .ce_headline{color:#000;letter-spacing:1.2px;line-height:1.25;margin-top:0;text-transform:uppercase}@media only screen and (min-width:800px){.detail-header .ce_headline{font-size:45px;margin-bottom:10px;margin-left:50px}.subject-tiles-article .ce_headline{margin-left:50px}.contact-article .ce_headline{font-size:35px}.homepage-header .ce_headline{margin-top:0;padding:0}}@media only screen and (min-width:1200px){.homepage-header .ce_headline{font-size:50px}.subject-tiles-article .ce_headline{margin-bottom:57px;margin-top:0;padding-top:8px}.contact-article .ce_headline{margin-top:12px}}@media only screen and (min-width:1400px){.detail-header .ce_headline{font-size:70px;margin-left:100px;text-shadow:4px 4px 0 #aa2909}.subject-tiles-article .ce_headline{margin-bottom:75px;margin-left:100px}.contact-article .ce_headline{font-size:40px}.homepage-header .ce_headline{font-size:70px;text-shadow:4px 4px 0 #921e01}}.ce_hyperlink:hover a{color:inherit}.homepage-header .ce_hyperlink{color:rgba(0,0,0,.5);display:flex;font-size:14px;font-weight:700;justify-content:center;padding-bottom:28px;text-transform:uppercase}.homepage-header .ce_hyperlink a{box-sizing:border-box;display:block}.homepage-header .ce_hyperlink a:after{background-image:url(../../files/themes/proluft/dist/images/arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:26px;margin:10px auto auto;transition:.3s;width:20px}.homepage-header .ce_hyperlink a:hover:after{transform:translateY(10px)}.ce_hyperlink.download-pdf,.ce_hyperlink.print-pdf{border-radius:30px;box-shadow:2px 2px 10px rgba(0,0,0,.75);box-sizing:border-box;font-size:22px;font-weight:700;letter-spacing:.44px;margin-bottom:10px;max-width:297px;padding:18px 5px;text-align:center;text-transform:uppercase;width:100%}.ce_hyperlink.download-pdf{background-color:#e75113;color:#fff;display:inline-block;margin-right:29px}.ce_hyperlink.print-pdf{background-color:#fabd43;color:#000}.ce_hyperlink.download-pdf+.ce_hyperlink.print-pdf{display:inline-block}@media only screen and (min-width:800px){.homepage-header .ce_hyperlink{justify-content:flex-start}.ce_hyperlink.download-pdf,.ce_hyperlink.print-pdf{font-size:18px;max-width:230px}.ce_hyperlink.download-pdf,.ce_node_tabs+.ce_hyperlink.print-pdf{margin-left:244.8px}.node-tabs__tab .ce_hyperlink.download-pdf,.node-tabs__tab .ce_hyperlink.print-pdf{font-size:22px;margin-left:0;max-width:297px}}@media only screen and (min-width:1000px){.ce_hyperlink.download-pdf,.ce_hyperlink.print-pdf{font-size:22px;margin-bottom:22px;max-width:297px}.homepage-header .ce_hyperlink{font-size:17px}}@media only screen and (min-width:1400px){.homepage-header .ce_hyperlink{font-size:20px}}.node-tabs__tab{display:none}.node-tabs__tab.active{-webkit-animation:fadeInUp .6s linear;animation:fadeInUp .6s linear;display:block}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translatey(60px);visibility:hidden}to{opacity:1;transform:translateY(0);visibility:visible}}@keyframes fadeInUp{0%{opacity:0;transform:translatey(60px);visibility:hidden}to{opacity:1;transform:translateY(0);visibility:visible}}.node-tabs__menu-wrapper{margin-bottom:50px;width:100%}.node-tabs__menu{list-style:none;margin:0;padding:32px 0 0;position:relative}.node-tabs__menu>li{margin:0;padding:0}.node-tabs__menu>li:before{display:none}.node-tabs__menu>li{margin-bottom:12px;margin-right:20px}.node-tabs__menu-headline{margin-top:5px;position:relative}.node-tabs__menu-headline:after{border-bottom:1px solid gray;bottom:-10px;content:"";display:block;left:1px;position:absolute;right:0}.node-tabs__menu-element{color:#3d7284;cursor:pointer;font-size:15px;font-weight:700;text-transform:uppercase}.node-tabs__menu-element.active,.node-tabs__menu-element:hover{color:#e75113;text-decoration:underline}@media only screen and (min-width:800px){.node-tabs__tab{margin-left:244.8px}.node-tabs__menu-wrapper{left:50px;max-width:185px;position:absolute;z-index:1}.node-tabs__menu-element{font-size:22px;margin-right:0}}@media only screen and (min-width:1400px){.node-tabs__menu-wrapper{left:100px}}.ce_rsce_fact_box{border-top:1px solid rgba(0,0,0,.5);padding-top:40px}.ce_rsce_fact_box .fact-box__headline{background-color:#e75113;color:#fff;font-size:clamp(24px,2.08333vw,30px);font-stretch:condensed;font-weight:700;letter-spacing:.6px;line-height:2.1;margin:0;text-transform:uppercase}.ce_rsce_fact_box .fact-box__headline,.ce_rsce_fact_box .fact-box__text{padding:0 27px}.ce_rsce_fact_box .fact-box__container{border:1px solid #fff;border-radius:19px;box-shadow:1px 1px 20px 1px rgba(231,81,19,.3);margin-bottom:30px;overflow:hidden}@media only screen and (min-width:800px){.ce_rsce_fact_box{-moz-column-gap:clamp(25px,3.33333vw,48px);column-gap:clamp(25px,3.33333vw,48px);display:grid;grid-template-columns:1fr 1fr;padding-top:60px}.ce_rsce_fact_box .fact-box__container{margin-bottom:0}.ce_rsce_fact_box .fact-box__text p{letter-spacing:.4px;line-height:1.25;margin:25px 0}}.ce_rsce_gallery_info{margin-bottom:60px;margin-top:30px}.ce_rsce_gallery_info .gallery__download-button{background-color:#e75113;border-radius:30px;box-shadow:2px 2px 10px rgba(0,0,0,.75);box-sizing:border-box;color:#fff;display:block;font-size:22px;font-weight:700;letter-spacing:.44px;margin-bottom:10px;margin-right:29px;max-width:297px;padding:18px 5px;text-align:center;text-transform:uppercase;width:100%}.ce_rsce_gallery_info .gallery__left figure{margin-bottom:25px}.ce_rsce_gallery_info .gallery__previews{display:none}.ce_rsce_gallery_info .gallery__previews img{border:1px solid rgba(0,0,0,.2)}.ce_rsce_gallery_info .gallery__downloadable-files{display:block;font-size:20px;line-height:1.5}.ce_rsce_gallery_info .gallery__downloadable-files>:first-child{text-decoration:underline}.ce_rsce_gallery_info .gallery__downloadable-files:last-of-type{margin-bottom:25px}.ce_rsce_gallery_info .gallery__previews--mobile{display:flex}.ce_rsce_gallery_info .gallery__previews--mobile>*{flex:1 1 0;margin-right:15px}@media only screen and (min-width:1200px){.ce_rsce_gallery_info{-moz-column-gap:8px;column-gap:8px;display:grid;grid-template-columns:1fr 289px;margin-bottom:120px}.ce_rsce_gallery_info .gallery__previews{display:block}.ce_rsce_gallery_info .gallery__previews>*{margin-bottom:30px}.ce_rsce_gallery_info .gallery__previews>:last-child{margin-bottom:0}.ce_rsce_gallery_info .gallery__previews--mobile{display:none}.ce_rsce_gallery_info .gallery__left figure{margin-bottom:50px}.ce_rsce_gallery_info .gallery__download-button{border:1px solid #fff;font-size:22px;margin-bottom:22px;max-width:297px}}.ce_rsce_header_slider{position:relative}.ce_rsce_header_slider>*{margin-top:0}.ce_rsce_header_slider .headline__text{color:#3d7284;font-size:clamp(18px,1.66667vw,30px);font-weight:700;line-height:1.33}.ce_rsce_header_slider .headline__left{align-items:flex-start;border-bottom:4px solid #fff;color:#fff;display:flex;flex-direction:column;font-family:Abril Fatface,cursive;font-size:clamp(50px,6.66667vw,90px);font-weight:400;position:relative}.ce_rsce_header_slider .headline__left span{display:inline;padding-left:22px;padding-right:26px;position:relative;z-index:1}.ce_rsce_header_slider .headline__left span:before{background-color:#e75113;bottom:0;content:"";display:block;height:100%;left:0;position:absolute;right:0;top:0;z-index:-1}.ce_rsce_header_slider .headline__left>:nth-child(2){padding-bottom:17px}.ce_rsce_header_slider .headline__right{color:#e75113;font-size:clamp(50px,4.44444vw,80px);font-weight:700;text-transform:uppercase}.ce_rsce_header_slider .slide__icons{display:flex;margin:-3px}.ce_rsce_header_slider .slide__icon-container{cursor:pointer;margin:3px;position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content}.ce_rsce_header_slider .slide__icon-container:hover .slide__icon--hover{opacity:1;visibility:visible}.ce_rsce_header_slider .slide__icon-container:hover .slide__icon,.ce_rsce_header_slider .slide__icon-container:hover .slide__icon--active{opacity:0;visibility:hidden}.ce_rsce_header_slider .slide__icon{opacity:1;transition:all .4s;visibility:visible}.ce_rsce_header_slider .slide__icon--active,.ce_rsce_header_slider .slide__icon--hover{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .4s;visibility:hidden}.ce_rsce_header_slider .icon-active .slide__icon--active{opacity:1;visibility:visible}.ce_rsce_header_slider .icon-active .slide__icon{opacity:0;visibility:hidden}.ce_rsce_header_slider .slide__icom--active,.ce_rsce_header_slider .slide__icon--hover img,.ce_rsce_header_slider .slide__icon img{max-width:clamp(60px,7.61111vw,137px)}.ce_rsce_header_slider .slide__left-container{min-width:0;overflow:hidden;padding-left:20px;padding-right:20px}@media only screen and (min-width:1200px){.ce_rsce_header_slider .slide__left-container{padding-left:40px;padding-right:40px}}.ce_rsce_header_slider .swiper-container{max-width:100%;min-width:0}.ce_rsce_header_slider .swiper-wrapper{height:auto}.ce_rsce_header_slider .swiper-button-container{display:flex;margin-bottom:50px;margin-top:40px}.ce_rsce_header_slider .swiper-button-next,.ce_rsce_header_slider .swiper-button-prev{background-repeat:no-repeat;background-size:contain;height:27px;margin-top:0;position:static;width:17px}.ce_rsce_header_slider .swiper-button-next:after,.ce_rsce_header_slider .swiper-button-next:before,.ce_rsce_header_slider .swiper-button-prev:after,.ce_rsce_header_slider .swiper-button-prev:before{display:none}.ce_rsce_header_slider .swiper-button-next{background-image:url(../../files/themes/proluft/dist/images/arrow-right.svg)}.ce_rsce_header_slider .swiper-button-prev{background-image:url(../../files/themes/proluft/dist/images/arrow-left.svg);margin-right:33px}@media only screen and (min-width:800px){.ce_rsce_header_slider{display:grid;grid-template-columns:clamp(450px,50vw,900px) 1fr}.ce_rsce_header_slider .swiper-container.slider-right{overflow:visible}.ce_rsce_header_slider .headline__text{margin-bottom:0;margin-top:0}.ce_rsce_header_slider .slide__right--container{position:relative}.ce_rsce_header_slider .slide__left-container{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(60px,6.38889vw,115px) 0 0 clamp(20px,2.77778vw,50px)}.ce_rsce_header_slider .headline__right{line-height:1.3;margin:0 0 0 -5px}.ce_rsce_header_slider .headline__left{align-items:flex-end;line-height:.79;position:absolute;right:0;top:23%}.ce_rsce_header_slider .headline__left>:first-child{padding-left:29px;padding-right:48px;padding-top:24px;z-index:2}.ce_rsce_header_slider .headline__left>:nth-child(2){padding-bottom:32px;padding-left:23px}.ce_rsce_header_slider .headline__left>:nth-child(2):after{background-color:#e75113;content:"";display:block;height:25px;left:0;position:absolute;right:0;top:-25px;z-index:-1}}@media only screen and (min-width:1400px){.ce_rsce_header_slider .headline__text{margin-bottom:0}}.ce_rsce_headline h2{font-size:15px;font-weight:700;line-height:1.2;margin-bottom:5px;margin-top:0;text-transform:uppercase}.ce_rsce_headline h2>:first-child{color:#5d798d}.ce_rsce_headline h2>:nth-child(2){color:#e75113;padding-left:30px;position:relative}.ce_rsce_headline h2>:nth-child(2):after{background-color:#e75113;bottom:5px;content:"";display:block;left:10px;position:absolute;top:5px;width:2px}@media only screen and (min-width:800px){.accordion-and-menu .ce_rsce_headline{max-width:650px}.accordion-and-menu .ce_rsce_headline h2{font-size:25px}}@media only screen and (min-width:1400px){.accordion-and-menu .ce_rsce_headline{max-width:748.8px}}.ce_rsce_link_tiles{display:grid}.ce_rsce_link_tiles .tile-container{justify-self:center;margin-bottom:18px;max-width:351px}.ce_rsce_link_tiles .tile-container:last-child{margin-bottom:5px}.ce_rsce_link_tiles .tile-container:hover .tile-container__image:before{opacity:1;transform:rotate(180deg);visibility:visible}.ce_rsce_link_tiles .tile-container:hover .tile-container__image:after{opacity:0;transform:rotate(180deg);visibility:hidden}.ce_rsce_link_tiles .tile-container:hover .tile-container__image img{opacity:.9}.ce_rsce_link_tiles .tile-container:hover .tile-container__title{color:#e75113}.ce_rsce_link_tiles .tile-container__image{background-color:#000;border-radius:14px;position:relative}.ce_rsce_link_tiles .tile-container__image img{border-radius:12px;opacity:1;transition:all .3s}.ce_rsce_link_tiles .tile-container__image:after,.ce_rsce_link_tiles .tile-container__image:before{background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:5px;content:"";display:block;height:54px;left:5px;position:absolute;transform:rotate(0deg);transition:opacity .3s,visibility .3s,transform 1s;width:54px;z-index:1}.ce_rsce_link_tiles .tile-container__image:after{background-image:url(../../files/themes/proluft/dist/images/logo-weiss.png);opacity:1;visibility:visible}.ce_rsce_link_tiles .tile-container__image:before{background-image:url(../../files/themes/proluft/dist/images/logo-orange.svg);opacity:0;visibility:hidden}.ce_rsce_link_tiles .tile-container__title{color:#000;font-size:25px;font-style:normal;font-weight:700;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;letter-spacing:.8px;line-height:1.05;margin-bottom:0;margin-top:18px;text-align:left;text-transform:uppercase;transition:all .3s}.ce_rsce_link_tiles .tile-container__title span{font-size:15px}.ce_rsce_link_tiles .tile-container__title.with-subtitle{line-height:15px}@media only screen and (min-width:800px){.ce_rsce_link_tiles{grid-column-gap:18px;grid-row-gap:25px;grid-template-columns:repeat(2,1fr)}.ce_rsce_link_tiles .tile-container:last-child{margin-bottom:18px}}@media only screen and (min-width:1200px){.ce_rsce_link_tiles{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1400px){.ce_rsce_link_tiles{grid-column-gap:22px;grid-row-gap:40px}.ce_rsce_link_tiles .tile-container__title{font-size:40px}.ce_rsce_link_tiles .tile-container__title.with-subtitle{line-height:15px}.ce_rsce_link_tiles .tile-container__title span{font-size:17px;line-height:1}}@media only screen and (min-width:1200px){.headline{display:grid;grid-template-areas:"topleft topright" "bottomleft bottomright";grid-template-columns:50% 50%;grid-template-rows:4fr 1fr;height:min(500px,26.3157894737vw);margin-left:calc(var(--main-padding-desktop)*-1);margin-right:calc(var(--main-padding-desktop)*-1);position:relative}.headline:after{background-image:url(../../files/themes/proluft/dist/images/propeller.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";display:block;left:max(-400px,-21.0526315789vw);margin:auto;max-width:min(1200px,63.1578947368vw);mix-blend-mode:overlay;opacity:.5;position:absolute;right:min(400px,21.0526315789vw);top:0;z-index:5}.headline__left{align-items:flex-end;align-self:flex-end;border-bottom:solid #fff;border-width:min(4px,.2105263158vw);color:#fff;display:flex;flex-direction:column;font-family:Abril Fatface,cursive;font-size:min(120px,6.3157894737vw);font-weight:400;grid-area:topleft;justify-self:flex-end;line-height:.88;margin:0;max-width:none;min-width:0;position:relative;z-index:2}.headline__left>:nth-child(2){padding-bottom:min(10px,.5263157895vw)}.headline__left span{display:inline-block;margin-left:auto;padding-left:min(10px,.5263157895vw);position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:1}.headline__left span:before{background-color:#e75113;bottom:0;content:"";display:block;height:100%;left:0;position:absolute;right:0;top:0;z-index:-1}.headline__right{align-self:bottom;align-self:flex-end;border-bottom:solid #fff;border-width:min(4px,.2105263158vw);font-size:min(80px,4.2105263158vw);grid-area:topright;line-height:1;margin-bottom:0;margin-top:0;padding-bottom:min(8px,.4210526316vw);padding-right:min(30px,1.5789473684vw);text-transform:uppercase;width:-webkit-max-content;width:-moz-max-content;width:max-content}.headline__right,.headline__text{color:#fff;font-stretch:condensed;font-weight:700;max-width:none;min-width:0;padding-left:min(20px,1.0526315789vw);position:relative;z-index:2}.headline__text{box-sizing:border-box;font-size:min(30px,1.5789473684vw);grid-area:bottomright;letter-spacing:normal;line-height:1.33;margin-top:min(10px,.5263157895vw);max-width:min(730px,38.4210526316vw);padding-bottom:min(24px,1.2631578947vw)}.headline__text p{margin:0}.headline__image{bottom:0;left:0;overflow:hidden;position:absolute;top:0;width:50%;z-index:1}.headline__image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}}@media only screen and (max-width:1199px){.ce_rsce_page_headline{position:relative}.ce_rsce_page_headline>*{margin-top:0}.ce_rsce_page_headline:after{background-image:url(../../files/themes/proluft/dist/images/propeller.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";display:block;left:0;margin:auto;max-width:1200px;mix-blend-mode:overlay;opacity:.5;position:absolute;right:0;top:0;z-index:1}.ce_rsce_page_headline .headline__text{box-sizing:border-box;color:#fff;font-size:clamp(18px,2.08333vw,30px);font-stretch:condensed;font-weight:700;letter-spacing:normal;line-height:1.33;width:100%}.ce_rsce_page_headline .headline__text p{margin:0}.ce_rsce_page_headline .headline__left{color:#fff;display:flex;flex-direction:column;font-family:Abril Fatface,cursive;font-size:clamp(50px,8.33333vw,120px);font-weight:400;line-height:1}.ce_rsce_page_headline .headline__left span{display:inline;position:relative;z-index:1}.ce_rsce_page_headline .headline__left span:before{background-color:#e75113;bottom:0;content:"";display:block;height:100%;left:0;position:absolute;right:0;top:0;z-index:-1}.ce_rsce_page_headline .headline__right{color:#fff;font-size:clamp(50px,5.55556vw,80px);font-stretch:condensed;font-weight:700;position:relative;text-transform:uppercase;white-space:nowrap;z-index:1}}.ce_text.red-box{background-color:#fadcd0;margin-bottom:60px}@media only screen and (min-width:1200px){.ce_text.red-box{margin-bottom:120px}}.ce_text.red-box ul{padding:25px}@media only screen and (min-width:1200px){.ce_text.red-box ul{padding:40px 50px}}.ce_text.red-box li{padding-bottom:10px;padding-left:30px}.ce_text.red-box li:before{background-color:unset;content:"•";top:0}.homepage-header .ce_text{color:#5d798d;font-size:15px;font-weight:700;line-height:1.33;padding-left:20px;padding-right:20px;text-align:left}.detail-header .ce_text{color:#fff;font-size:15px;font-weight:700;line-height:1.44;position:relative;z-index:1}.detail-header .ce_text p{margin-top:0}.contact-article .ce_text{background-color:#feede7;font-weight:300;letter-spacing:.36px;line-height:1.5;padding:22px}.contact-article .ce_text p:first-of-type{margin-top:0}@media only screen and (min-width:800px){.homepage-header .ce_text{padding:0}.detail-header .ce_text{margin:auto;max-width:780px}}@media only screen and (min-width:1200px){.detail-header .ce_text{font-size:20px;margin-left:344px;max-width:650px}.homepage-header .ce_text{font-size:20px}}@media only screen and (min-width:1400px){.homepage-header .ce_text{font-size:23px}.detail-header .ce_text{margin-left:342px;max-width:748.8px}}
/*# sourceMappingURL=styles.css.map */

.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
/* ==========================================================================
   PRO LUFT – SEO-Landingpage Dampfbefeuchter
   Einbindung: Contao 4.13, HTML-Inhaltselemente. Jede Sektion = eigenes Element.
   Scope: Jeder Selektor beginnt mit .pl-lp. Kein !important.
   Breakpoints (mobile-first): 640 / 1024 / 1280 px
   Werte: Figma-Frame „SEO-Landingpage DAMPFBEFEUCHTER“ (1724 px), siehe design/figma-spec.md
   ========================================================================== */

/* --------------------------------------------------------------------------
   0. Schrift: Open Sans wie in Figma, selbst gehostet unter
      /files/public/landingpage/fonts/ (SIL Open Font License, kein externer Dienst)
   -------------------------------------------------------------------------- */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../files/public/landingpage/fonts/open-sans-latin-400.woff2") format("woff2");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../../files/public/landingpage/fonts/open-sans-latin-600.woff2") format("woff2");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../../files/public/landingpage/fonts/open-sans-latin-700.woff2") format("woff2");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../../files/public/landingpage/fonts/open-sans-latin-800.woff2") format("woff2");
}

/* --------------------------------------------------------------------------
   1. Tokens
   -------------------------------------------------------------------------- */
.pl-lp {
  /* Farben (Figma-Variablen) */
  --pl-orange: #e75113;
  --pl-grau: #3d7284;
  --pl-schwarz: #0a0908;
  --pl-weiss: #ffffff;
  /* Abgeleitete Flächen (Figma: Grau mit 10 % / 5 % Deckkraft auf Weiß) */
  --pl-grau-10: #ecf1f3;
  --pl-grau-5: #f5f8f9;
  --pl-grau-overlay: rgba(61, 114, 132, 0.1);
  --pl-grau-overlay-hover: rgba(61, 114, 132, 0.2);
  --pl-balken: rgba(61, 114, 132, 0.6);
  --pl-nummer: rgba(231, 81, 19, 0.65);
  --pl-icon-hover: #f5f5f5;
  /* Nicht in Figma: dunkleres Orange für Hover + kleinen Linktext (Kontrast 5:1 auf Weiß) */
  --pl-orange-dunkel: #c4450f;

  /* Schrift: Open Sans (oben per @font-face), Fallback Theme-Schrift */
  --pl-font: "Open Sans", "Open Sans Condensed", Arial, sans-serif;

  /* Typo-Skala: mobil (375 px) → Figma-Desktop (ab 1280 px) */
  --pl-fs-h2: clamp(24px, 19.44px + 1.2155vw, 35px);
  --pl-fs-h3: clamp(21px, 17.27px + 0.9945vw, 30px);
  --pl-fs-lead: clamp(19px, 15.69px + 0.884vw, 27px);
  --pl-fs-l: clamp(17px, 14.1px + 0.7735vw, 24px);
  --pl-fs-m: clamp(16px, 13.51px + 0.663vw, 22px);
  --pl-fs-s: clamp(15px, 12.93px + 0.5525vw, 20px);
  --pl-fs-flow: clamp(18px, 15.51px + 0.663vw, 24px);
  --pl-fs-num: clamp(44px, 33.23px + 2.873vw, 70px);
  --pl-fs-btn: clamp(18px, 15.1px + 0.7735vw, 25px);

  /* Abstände */
  --pl-space-section: clamp(64px, 38.72px + 6.74vw, 125px);
  --pl-space-heading: clamp(20px, 12.54px + 1.99vw, 38px);
  --pl-space-intro: clamp(32px, 25.37px + 1.768vw, 48px);
  --pl-radius: 5px;
  --pl-container: 1420px;
  /* Seitenrand liefert das Theme (#main: 20/40 px). Bei Bedarf hier setzen. */
  --pl-gutter: 0px;

  --pl-focus: 3px solid var(--pl-orange-dunkel);
}

/* --------------------------------------------------------------------------
   2. Basis innerhalb des Scopes (gegen Theme-CSS)
   -------------------------------------------------------------------------- */
.pl-lp,
.pl-lp *,
.pl-lp *::before,
.pl-lp *::after {
  box-sizing: border-box;
}

.pl-lp {
  display: block;
  position: relative;
  margin: 0;
  padding: var(--pl-space-section) var(--pl-gutter);
  font-family: var(--pl-font);
  font-size: var(--pl-fs-l);
  font-weight: 400;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: 0.04em;
  color: var(--pl-schwarz);
  text-align: left;
  text-transform: none;
  text-indent: 0;
  text-shadow: none;
  word-spacing: normal;
  background: none;
  border: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

.pl-lp h1,
.pl-lp h2,
.pl-lp h3,
.pl-lp h4,
.pl-lp p,
.pl-lp ul,
.pl-lp ol,
.pl-lp li,
.pl-lp figure,
.pl-lp address,
.pl-lp table,
.pl-lp caption,
.pl-lp th,
.pl-lp td {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: normal;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  text-transform: none;
  text-align: inherit;
  text-indent: 0;
  text-decoration: none;
  text-shadow: none;
  word-spacing: normal;
  background: none;
  border: 0;
}

.pl-lp ul,
.pl-lp ol {
  list-style: none;
}

/* Theme setzt ul li { padding-left; position } und li:before { Punkt } */
.pl-lp li {
  position: static;
  padding-left: 0;
  list-style: none;
}

.pl-lp li::before {
  content: none;
  display: inline;
  position: static;
  width: auto;
  height: auto;
  background: none;
  border-radius: 0;
}

.pl-lp a {
  padding: 0;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: none;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  text-shadow: none;
  background: none;
  border: 0;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}

.pl-lp a:hover {
  color: inherit;
  background: none;
}

.pl-lp a:focus-visible,
.pl-lp button:focus-visible {
  outline: var(--pl-focus);
  outline-offset: 3px;
}

.pl-lp strong,
.pl-lp b {
  font-weight: 700;
  color: inherit;
  text-decoration: none;
}

.pl-lp img,
.pl-lp svg {
  display: block;
  max-width: 100%;
  height: auto;
  padding: 0;
  border: 0;
}

.pl-lp svg {
  fill: none;
}

.pl-lp .pl-lp__nowrap {
  white-space: nowrap;
}

.pl-lp .pl-lp__sr-only,
.pl-lp .invisible {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

@media (prefers-reduced-motion: reduce) {
  .pl-lp *,
  .pl-lp *::before,
  .pl-lp *::after {
    transition-duration: 0.01ms;
    animation-duration: 0.01ms;
  }
}

/* Sprungziele (#kontakt, #systeme …) nicht unter dem fixen Theme-Header (ca. 92 px) verstecken */
.pl-lp[id] {
  scroll-margin-top: 100px;
}

/* --------------------------------------------------------------------------
   3. Layout-Bausteine
   -------------------------------------------------------------------------- */
.pl-lp .pl-lp__container {
  width: 100%;
  max-width: var(--pl-container);
  margin-inline: auto;
}

/* Figma: Einsatzbereiche + Kontakt mit 1332 px Inhaltsbreite */
.pl-lp .pl-lp__container--narrow {
  max-width: 1332px;
}

/* Zeilenumbrüche wie in Figma – nur wenn die volle Desktop-Breite verfügbar ist */
.pl-lp .pl-lp__br {
  display: none;
}

@media (min-width: 1500px) {
  .pl-lp .pl-lp__br {
    display: inline;
  }
}

/* Vollflächiger Hintergrund über die Artikelbreite hinaus, ohne die Layout-Breite zu ändern */
.pl-lp.pl-lp--bleed {
  background-color: var(--pl-bleed-bg);
  box-shadow: 0 0 0 100vmax var(--pl-bleed-bg);
  clip-path: inset(0 -100vmax);
}

.pl-lp .pl-lp__h1 {
  margin-top: -0.174em;
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.003em;
  text-transform: uppercase;
  color: var(--pl-orange);
  overflow-wrap: break-word;
  hyphens: manual;
}

.pl-lp .pl-lp__h2 {
  /* Oberlänge wegtrimmen, damit die Versalhöhe auf dem Sektionsabstand sitzt (Figma: text-box-trim) */
  margin-top: -0.27em;
  margin-bottom: var(--pl-space-heading);
  font-size: var(--pl-fs-h2);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.003em;
  text-transform: uppercase;
  color: var(--pl-orange);
  overflow-wrap: break-word;
  hyphens: manual;
}

.pl-lp .pl-lp__intro {
  max-width: 1330px;
  font-size: var(--pl-fs-l);
  line-height: 1.75;
  letter-spacing: 0.04em;
}

.pl-lp .pl-lp__intro p + p {
  margin-top: 1.75em;
}

.pl-lp .pl-lp__intro--narrow {
  max-width: 1237px;
}

.pl-lp .pl-lp__intro--tight p + p {
  margin-top: 0;
}

.pl-lp .pl-lp__intro + * {
  margin-top: var(--pl-space-intro);
}

/* --------------------------------------------------------------------------
   4. Buttons
   -------------------------------------------------------------------------- */
.pl-lp .pl-lp__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 50px;
  padding: 10px 24px;
  font-size: var(--pl-fs-m);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.03em;
  text-align: center;
  text-decoration: none;
  border: 1px solid currentColor;
  border-radius: 100px;
  cursor: pointer;
}

/* Hero primär. Figma: Orange 80 % (Kontrast 2,95:1) → hier 100 %, Hover dunkler.
   Kontrast 3,76:1 reicht nur für „große Schrift“ → fett + mind. 19 px (Figma: 600) */
.pl-lp .pl-lp__btn--primary {
  min-height: 60px;
  font-size: max(19px, var(--pl-fs-btn));
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--pl-weiss);
  background-color: var(--pl-orange);
  border-color: var(--pl-orange);
}

.pl-lp .pl-lp__btn--primary:hover,
.pl-lp .pl-lp__btn--primary:focus-visible {
  color: var(--pl-weiss);
  background-color: var(--pl-orange-dunkel);
  border-color: var(--pl-orange-dunkel);
}

/* Hero sekundär. Hover laut Figma: Fläche Grau 10 % */
.pl-lp .pl-lp__btn--secondary {
  min-height: 60px;
  font-size: var(--pl-fs-btn);
  letter-spacing: 0.05em;
  color: var(--pl-grau);
  background-color: transparent;
  border-color: rgba(61, 114, 132, 0.8);
}

.pl-lp .pl-lp__btn--secondary:hover,
.pl-lp .pl-lp__btn--secondary:focus-visible {
  color: var(--pl-grau);
  background-color: var(--pl-grau-overlay);
  border-color: var(--pl-grau);
}

/* Outline Orange (Produktkarten). Hover laut Figma: Fläche Orange, Text Weiß.
   Orange auf Weiß 3,76:1 → fett + mind. 19 px (Figma: 600 / 22 px) */
.pl-lp .pl-lp__btn--outline {
  max-width: 300px;
  font-size: max(19px, var(--pl-fs-m));
  font-weight: 700;
  color: var(--pl-orange);
  background-color: transparent;
  border-color: var(--pl-orange);
}

.pl-lp .pl-lp__btn--outline:hover,
.pl-lp .pl-lp__btn--outline:focus-visible {
  color: var(--pl-weiss);
  background-color: var(--pl-orange);
}

/* Weiß mit Orange (Kontakt: Telefon) */
.pl-lp .pl-lp__btn--pill {
  max-width: 420px;
  font-size: max(19px, var(--pl-fs-l));
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--pl-orange);
  background-color: var(--pl-weiss);
  border-color: var(--pl-orange);
}

.pl-lp .pl-lp__btn--pill:hover,
.pl-lp .pl-lp__btn--pill:focus-visible {
  color: var(--pl-weiss);
  background-color: var(--pl-orange);
  border-color: var(--pl-weiss);
}

.pl-lp .pl-lp__textlink {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  font-size: min(var(--pl-fs-s), 18px);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.03em;
  color: var(--pl-orange-dunkel);
}

.pl-lp .pl-lp__textlink:hover,
.pl-lp .pl-lp__textlink:focus-visible {
  color: var(--pl-schwarz);
}

.pl-lp .pl-lp__textlink-arrow {
  display: inline-block;
  text-decoration: none;
}

/* --------------------------------------------------------------------------
   5. Sektion 1 – Hero
   -------------------------------------------------------------------------- */
.pl-lp.pl-lp--hero {
  padding-top: clamp(24px, 3.7px + 5.414vw, 73px);
}

.pl-lp .pl-lp__hero {
  display: grid;
  gap: 32px;
  max-width: none;
}

.pl-lp .pl-lp__hero-text {
  container-type: inline-size;
}

/* H1 skaliert mit der Spaltenbreite, damit „DAMPFBEFEUCHTER“ nie übersteht (max. Figma 70 px) */
@supports (font-size: 1cqi) {
  .pl-lp .pl-lp__h1 {
    font-size: clamp(28px, 9.9cqi, 70px);
  }
}

.pl-lp .pl-lp__hero-lead {
  max-width: 533px;
  margin-top: 28px;
  font-size: var(--pl-fs-lead);
  font-weight: 600;
  line-height: 1.556;
  letter-spacing: 0.04em;
  color: var(--pl-grau);
}

.pl-lp .pl-lp__hero-actions {
  display: grid;
  gap: 24px;
  max-width: 435px;
  margin-top: 32px;
}

.pl-lp .pl-lp__hero-media img {
  width: 100%;
  aspect-ratio: 903 / 525;
  object-fit: cover;
  object-position: right center;
  border-radius: var(--pl-radius);
}

@media (min-width: 1024px) {
  .pl-lp .pl-lp__hero {
    grid-template-columns: minmax(0, 560fr) minmax(0, 903fr);
    gap: 40px;
    align-items: start;
  }

  /* Figma: H1 70 px, Textfeld 730 px breit → ragt über die Textspalte ins Bild (liegt darüber).
     Skaliert proportional mit der Spalte (560 px = 70 px Schrift). */
  .pl-lp .pl-lp__h1 {
    position: relative;
    z-index: 2;
    width: 130.4%;
    font-size: clamp(28px, 12.5cqi, 70px);
  }

  .pl-lp .pl-lp__hero-lead {
    margin-top: clamp(16px, 4.46cqi, 25px);
  }
}

/* Flächen-Breite 1503 px wie Figma (Hero, Planungs-Panel) – ragt über den 1440-px-Theme-Artikel hinaus,
   nur wenn das Fenster breit genug ist */
@media (min-width: 1600px) {
  .pl-lp .pl-lp__hero,
  .pl-lp .pl-lp__panel {
    width: auto;
    margin-inline: calc((100% - 1503px) / 2);
  }
}

/* --------------------------------------------------------------------------
   6. Sektion 2 – Funktionsprinzip (Icon-Leiste)
   -------------------------------------------------------------------------- */
.pl-lp.pl-lp--prinzip {
  --pl-bleed-bg: var(--pl-grau-10);
  padding-top: clamp(48px, 31px + 4.5vw, 96px);
  padding-bottom: clamp(48px, 30.8px + 4.6vw, 96px);
}

.pl-lp .pl-lp__flow {
  display: grid;
  gap: 40px;
}

.pl-lp .pl-lp__flow-step {
  display: grid;
  grid-template-columns: 112px 1fr;
  gap: 24px;
  align-items: center;
}

/* Kreis-Icons als zwei Bild-Ebenen (Ring + Piktogramm), Kreisfläche per CSS –
   Contao filtert Inline-SVG im HTML-Element heraus. */
.pl-lp .pl-lp__flow-icon {
  --pl-flow-bg: var(--pl-weiss);
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 242.5 / 240.9;
  background: radial-gradient(closest-side, var(--pl-flow-bg) 98%, transparent 98.6%);
}

.pl-lp .pl-lp__flow-ring,
.pl-lp .pl-lp__flow-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
}

.pl-lp .pl-lp__flow-art {
  transform-origin: center;
  transition: transform 0.25s;
}

/* Hover laut Figma („Frame Wasser“): Kreis #F5F5F5, Piktogramm ~4 % größer */
.pl-lp .pl-lp__flow-step:hover .pl-lp__flow-icon {
  --pl-flow-bg: var(--pl-icon-hover);
}

.pl-lp .pl-lp__flow-step:hover .pl-lp__flow-art {
  transform: scale(1.04);
}

/* Verbinder mobil: senkrechter Pfeil */
.pl-lp .pl-lp__flow-step:not(:last-child) .pl-lp__flow-icon::after {
  content: "";
  position: absolute;
  top: 100%;
  left: calc(50% - 12px);
  width: 24px;
  height: 40px;
  background:
    url("../../files/public/landingpage/img/flow-arrowhead-down.svg") center bottom / 24px auto no-repeat,
    linear-gradient(var(--pl-orange), var(--pl-orange)) center top / 4px calc(100% - 3px) no-repeat;
}

.pl-lp .pl-lp__flow-title {
  font-size: var(--pl-fs-flow);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.03em;
}

.pl-lp .pl-lp__flow-text {
  margin-top: 6px;
  font-size: var(--pl-fs-s);
  line-height: 1.25;
  letter-spacing: 0.03em;
}

@media (min-width: 640px) {
  .pl-lp .pl-lp__flow-step {
    grid-template-columns: 140px 1fr;
  }
}

@media (min-width: 1024px) {
  .pl-lp .pl-lp__flow {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: 3.725%;
  }

  .pl-lp .pl-lp__flow-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    text-align: center;
  }

  /* Verbinder desktop: Linie + Pfeilspitze bis zum nächsten Kreis (Figma: Lücke 53 / Kreis 242) */
  .pl-lp .pl-lp__flow-step:not(:last-child) .pl-lp__flow-icon::after {
    top: 50%;
    left: 99%;
    width: 22.6%;
    height: 17.5%;
    transform: translateY(-50%);
    background:
      url("../../files/public/landingpage/img/flow-arrowhead.svg") right center / auto 100% no-repeat,
      linear-gradient(var(--pl-orange), var(--pl-orange)) left center / calc(100% - 4px) 5px no-repeat;
  }

  .pl-lp .pl-lp__flow-body {
    width: 100%;
  }

  /* Labels dürfen nicht breiter als der Kreis werden: Größe an Viewport koppeln */
  .pl-lp .pl-lp__flow-title {
    margin-top: 24px;
    font-size: clamp(16px, 1.6vw, 24px);
    overflow-wrap: break-word;
  }

  .pl-lp .pl-lp__flow-text {
    margin-top: 12px;
    font-size: clamp(14px, 1.33vw, 20px);
  }
}

/* --------------------------------------------------------------------------
   7. Sektion 3 – Nutzen (Benefit-Karten)
   -------------------------------------------------------------------------- */
.pl-lp .pl-lp__benefits {
  display: grid;
  gap: 24px;
}

.pl-lp .pl-lp__benefit {
  padding: clamp(32px, 23px + 2.4vw, 59px) clamp(20px, 15.86px + 1.1vw, 30px) clamp(32px, 26.4px + 1.5vw, 53px) clamp(20px, 12.4px + 2vw, 43px);
  border: 1px solid var(--pl-grau);
  border-radius: var(--pl-radius);
  background-color: transparent;
  transition: background-color 0.25s;
}

.pl-lp .pl-lp__benefit-bars {
  display: flex;
  gap: 10px;
  height: 4px;
}

.pl-lp .pl-lp__benefit-bars span {
  display: block;
  width: 35px;
  height: 4px;
  background-color: var(--pl-balken);
  transition: width 0.25s;
}

.pl-lp .pl-lp__benefit-title {
  margin-top: clamp(22px, 17.6px + 1.2vw, 34px);
  font-size: var(--pl-fs-h3);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.03em;
  color: var(--pl-grau);
  transition: letter-spacing 0.25s;
}

.pl-lp .pl-lp__benefit-text {
  margin-top: clamp(14px, 7.4px + 1.77vw, 32px);
  font-size: var(--pl-fs-l);
  line-height: 1.458;
  letter-spacing: 0.03em;
}

/* Hover laut Figma („Frame Präzise Regelung“): Fläche Weiß, Titel-Laufweite 3 px, Balken 52 px */
.pl-lp .pl-lp__benefit:hover {
  background-color: var(--pl-weiss);
}

.pl-lp .pl-lp__benefit:hover .pl-lp__benefit-title {
  letter-spacing: 0.1em;
}

.pl-lp .pl-lp__benefit:hover .pl-lp__benefit-bars span {
  width: 52px;
}

@media (min-width: 640px) {
  .pl-lp .pl-lp__benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
  }
}

/* --------------------------------------------------------------------------
   8. Sektion 4 – Systemvergleich
   -------------------------------------------------------------------------- */
.pl-lp.pl-lp--systeme {
  --pl-bleed-bg: var(--pl-grau-10);
}

.pl-lp .pl-lp__products {
  display: grid;
  gap: 24px;
}

.pl-lp .pl-lp__product {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 19px clamp(20px, 12.4px + 2vw, 43px) 40px;
  background-color: var(--pl-weiss);
  border-radius: var(--pl-radius);
}

.pl-lp .pl-lp__product-num {
  font-size: var(--pl-fs-num);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: 0.03em;
  color: var(--pl-nummer);
}

.pl-lp .pl-lp__product-title {
  margin-top: 4px;
  font-size: var(--pl-fs-h3);
  font-weight: 800;
  line-height: 1.167;
  letter-spacing: 0.03em;
  color: var(--pl-grau);
  overflow-wrap: break-word;
}

@supports (font-size: 1cqi) {
  .pl-lp .pl-lp__product-title {
    font-size: min(var(--pl-fs-h3), 8.1cqi);
  }
}

.pl-lp .pl-lp__product-sub {
  max-width: 348px;
  margin-top: 10px;
  font-size: var(--pl-fs-m);
  line-height: 1.364;
  letter-spacing: 0.03em;
}

.pl-lp .pl-lp__product-icon {
  width: clamp(120px, 100px + 5.3vw, 173px);
  height: auto;
  margin-top: 15px;
}

.pl-lp .pl-lp__product-features {
  /* Figma: Aufzählung läuft bis an den Kartenrand (rechter Innenabstand frei) */
  margin-top: 16px;
  margin-right: calc(-1 * clamp(20px, 12.4px + 2vw, 43px));
  font-size: var(--pl-fs-m);
  line-height: 1.364;
  letter-spacing: 0;
}

.pl-lp .pl-lp__product-features li {
  position: relative;
  padding-left: 0.65em;
}

.pl-lp .pl-lp__product-features li::before {
  content: "•";
  position: absolute;
  top: 0;
  left: 0;
}

.pl-lp .pl-lp__product-typical {
  margin-top: 17px;
  font-size: var(--pl-fs-m);
  line-height: 1.364;
  letter-spacing: 0.03em;
}

.pl-lp .pl-lp__product-actions {
  display: grid;
  justify-items: center;
  gap: 9px;
  max-width: 300px;
  margin-top: auto;
  padding-top: 32px;
}

.pl-lp .pl-lp__products + .pl-lp__table {
  margin-top: 62px;
}

/* Vergleichstabelle.
   Mobil (< 1024): jede Zeile als Karte (Merkmal → 3 Produkte mit Label), siehe MOBILE-ENTSCHEIDUNGEN.md.
   ARIA-Rollen im Markup sichern die Tabellen-Semantik, wenn display geändert wird. */
.pl-lp .pl-lp__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: var(--pl-fs-s);
  line-height: 1.4;
  letter-spacing: 0.1em;
}

.pl-lp .pl-lp__table thead {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.pl-lp .pl-lp__table,
.pl-lp .pl-lp__table tbody,
.pl-lp .pl-lp__table tr,
.pl-lp .pl-lp__table th,
.pl-lp .pl-lp__table td {
  display: block;
}

.pl-lp .pl-lp__table tbody {
  display: grid;
  gap: 16px;
}

.pl-lp .pl-lp__table tbody tr {
  overflow: hidden;
  background-color: var(--pl-weiss);
  border: 1px solid var(--pl-grau);
  border-radius: var(--pl-radius);
}

.pl-lp .pl-lp__table tbody th {
  padding: 12px 16px;
  font-size: var(--pl-fs-m);
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--pl-weiss);
  background-color: var(--pl-grau);
}

.pl-lp .pl-lp__table tbody td {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  padding: 10px 16px;
  letter-spacing: 0.03em;
  border-top: 1px solid var(--pl-grau-overlay-hover);
}

.pl-lp .pl-lp__table tbody th + td {
  border-top: 0;
}

.pl-lp .pl-lp__table tbody td::before {
  content: attr(data-label);
  font-weight: 700;
  color: var(--pl-grau);
}

@media (min-width: 640px) {
  .pl-lp .pl-lp__products {
    max-width: 640px;
    margin-inline: auto;
  }
}

@media (min-width: 1280px) {
  .pl-lp .pl-lp__products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px;
    max-width: none;
  }
}

@media (min-width: 1024px) {
  .pl-lp .pl-lp__table {
    display: table;
    table-layout: fixed;
    overflow: hidden;
    border: 1px solid var(--pl-grau);
    border-radius: var(--pl-radius);
  }

  .pl-lp .pl-lp__table thead {
    display: table-header-group;
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
  }

  .pl-lp .pl-lp__table tbody {
    display: table-row-group;
  }

  .pl-lp .pl-lp__table tr,
  .pl-lp .pl-lp__table tbody tr {
    display: table-row;
    background-color: transparent;
    border: 0;
    border-radius: 0;
  }

  .pl-lp .pl-lp__table th,
  .pl-lp .pl-lp__table td,
  .pl-lp .pl-lp__table tbody th,
  .pl-lp .pl-lp__table tbody td {
    display: table-cell;
    padding: 0 20px;
    vertical-align: middle;
    color: var(--pl-schwarz);
    background-color: transparent;
    border-top: 1px solid var(--pl-grau);
    border-left: 1px solid var(--pl-grau);
  }

  .pl-lp .pl-lp__table tr > :first-child {
    border-left: 0;
  }

  .pl-lp .pl-lp__table .pl-lp__col-label { width: 23.1%; }
  .pl-lp .pl-lp__table .pl-lp__col-a { width: 24.9%; }
  .pl-lp .pl-lp__table .pl-lp__col-b { width: 24.4%; }

  /* Kopf: Figma Grau 60 % (Kontrast 2,6:1) → volles Grau */
  .pl-lp .pl-lp__table thead th,
  .pl-lp .pl-lp__table thead td {
    height: 95px;
    padding-bottom: 14px;
    vertical-align: bottom;
    font-size: clamp(17px, 2.1vw - 4px, 28px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.1em;
    color: var(--pl-weiss);
    background-color: var(--pl-grau);
    border-top: 0;
    hyphens: auto;
  }

  /* Figma: Zeilenhöhen 59 / 57 / 55 px */
  .pl-lp .pl-lp__table tbody th,
  .pl-lp .pl-lp__table tbody td {
    height: 57px;
  }

  .pl-lp .pl-lp__table tbody tr:first-child > * {
    height: 59px;
  }

  .pl-lp .pl-lp__table tbody tr:last-child > * {
    height: 55px;
  }

  .pl-lp .pl-lp__table tbody th {
    padding-left: 43px;
    font-size: clamp(16px, 1.25vw + 4px, 22px);
    font-weight: 700;
    color: var(--pl-grau);
  }

  .pl-lp .pl-lp__table tbody td::before {
    content: none;
  }

  /* Figma: Zeile 2 mit Grau 10 % hinterlegt */
  .pl-lp .pl-lp__table tbody tr:nth-child(2) > * {
    background-color: var(--pl-grau-overlay);
  }

  /* Hover (nicht in Figma, siehe MOBILE-ENTSCHEIDUNGEN.md) */
  .pl-lp .pl-lp__table tbody tr:hover > * {
    background-color: var(--pl-grau-overlay-hover);
  }
}

/* --------------------------------------------------------------------------
   9. Sektion 5 – Einsatzbereiche
   -------------------------------------------------------------------------- */
.pl-lp .pl-lp__usecases {
  display: grid;
  gap: clamp(48px, 44px + 1.1vw, 60px);
}

.pl-lp .pl-lp__usecase {
  display: grid;
  gap: 24px;
}

.pl-lp .pl-lp__usecase-media {
  overflow: hidden;
  border-radius: var(--pl-radius);
}

.pl-lp .pl-lp__usecase-media img {
  width: 100%;
  aspect-ratio: 686 / 394;
  object-fit: cover;
  object-position: left center;
  transition: transform 0.4s ease;
}

/* Hover laut Figma („Frame Industrie“): Bild leicht vergrößert */
.pl-lp .pl-lp__usecase:hover .pl-lp__usecase-media img {
  transform: scale(1.025);
}

.pl-lp .pl-lp__usecase-title {
  font-size: var(--pl-fs-h3);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: var(--pl-grau);
}

.pl-lp .pl-lp__usecase-text {
  margin-top: clamp(12px, 7px + 1.3vw, 23px);
  font-size: var(--pl-fs-l);
  line-height: 1.458;
  letter-spacing: 0.04em;
}

.pl-lp .pl-lp__usecase-text p {
  max-width: 460px;
}

.pl-lp .pl-lp__usecase-more {
  margin-top: 1.458em;
  font-size: var(--pl-fs-s);
  line-height: 1.75;
  letter-spacing: 0.04em;
}

.pl-lp .pl-lp__usecase-more li::before {
  content: "· ";
}

@media (min-width: 1024px) {
  .pl-lp .pl-lp__usecase {
    grid-template-columns: minmax(0, 686fr) minmax(0, 604fr);
    column-gap: 42px;
    align-items: start;
  }

  .pl-lp .pl-lp__usecase-body {
    padding-top: clamp(20px, 4.7vw - 28px, 50px);
  }

  .pl-lp .pl-lp__usecase--reverse {
    grid-template-columns: minmax(0, 604fr) minmax(0, 686fr);
  }

  .pl-lp .pl-lp__usecase--reverse .pl-lp__usecase-media {
    grid-column: 2;
    grid-row: 1;
  }

  .pl-lp .pl-lp__usecase--reverse .pl-lp__usecase-body {
    grid-column: 1;
    grid-row: 1;
    text-align: right;
  }

  .pl-lp .pl-lp__usecase--reverse .pl-lp__usecase-text p {
    margin-left: auto;
  }
}

/* --------------------------------------------------------------------------
   10. Sektion 6 – Planung & Service
   -------------------------------------------------------------------------- */
.pl-lp.pl-lp--planung {
  padding-top: 0;
}

.pl-lp .pl-lp__panel {
  max-width: none;
  padding: var(--pl-space-section) clamp(20px, -6.52px + 7.07vw, 84px);
  background-color: var(--pl-grau-5);
  border-radius: var(--pl-radius);
}

.pl-lp .pl-lp__panel-inner {
  max-width: 1335px;
  margin-inline: auto;
}

.pl-lp .pl-lp__steps-wrap {
  display: grid;
  gap: 32px;
}

.pl-lp .pl-lp__steps-media img {
  width: 100%;
  aspect-ratio: 615 / 437;
  object-fit: cover;
}

.pl-lp .pl-lp__steps {
  display: grid;
  gap: clamp(24px, 20px + 1.1vw, 42px);
}

.pl-lp .pl-lp__step-title {
  font-size: var(--pl-fs-l);
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.04em;
  color: var(--pl-grau);
}

.pl-lp .pl-lp__step-text {
  font-size: var(--pl-fs-m);
  line-height: 1.909;
  letter-spacing: 0.04em;
}

@media (min-width: 1024px) {
  .pl-lp .pl-lp__steps-wrap {
    grid-template-columns: minmax(0, 615fr) minmax(0, 673fr);
    column-gap: 52px;
    align-items: start;
  }

  .pl-lp .pl-lp__steps {
    margin-top: -13px;
  }
}

/* --------------------------------------------------------------------------
   11. Sektion 7 – Kontakt
   -------------------------------------------------------------------------- */
.pl-lp.pl-lp--kontakt {
  --pl-bleed-bg: var(--pl-grau);
  --pl-focus: 3px solid var(--pl-weiss);
  color: var(--pl-weiss);
}

.pl-lp.pl-lp--kontakt .pl-lp__h2 {
  color: var(--pl-weiss);
}

.pl-lp .pl-lp__contact {
  display: grid;
  gap: 56px;
}

.pl-lp .pl-lp__contact-title {
  margin-bottom: clamp(24px, 18px + 1.6vw, 44px);
  font-size: var(--pl-fs-l);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.1em;
}

.pl-lp .pl-lp__contact-direct {
  display: grid;
  align-content: start;
  justify-items: start;
}

/* Figma: erste Formularzeile 69 px, Telefon-Button 80 px unter der Spaltenüberschrift */
.pl-lp .pl-lp__contact-form .pl-lp__contact-title {
  margin-bottom: clamp(16px, 14.3px + 0.44vw, 22px);
}

.pl-lp .pl-lp__contact-direct .pl-lp__contact-title {
  margin-bottom: clamp(24px, 13.6px + 2.77vw, 58px);
}

.pl-lp .pl-lp__contact-mail,
.pl-lp .pl-lp__contact-note,
.pl-lp .pl-lp__address,
.pl-lp .pl-lp__social,
.pl-lp .pl-lp__legal {
  padding-left: clamp(0px, 2.7vw - 10px, 34px);
}

.pl-lp .pl-lp__contact-mail {
  margin-top: clamp(28px, 21.4px + 1.77vw, 50px);
  font-size: var(--pl-fs-l);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
  overflow-wrap: anywhere;
}

.pl-lp .pl-lp__contact-note {
  margin-top: clamp(28px, 20.1px + 2.1vw, 54px);
  font-size: var(--pl-fs-s);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
}

.pl-lp .pl-lp__address {
  margin-top: clamp(40px, 35.4px + 1.22vw, 55px);
  font-size: clamp(16px, 15.17px + 0.221vw, 18px);
  line-height: 1.667;
  letter-spacing: 0.045em;
}

.pl-lp .pl-lp__address a {
  text-decoration: none;
}

.pl-lp .pl-lp__address a:hover {
  text-decoration: underline;
}

.pl-lp .pl-lp__social {
  display: flex;
  gap: 30px;
  margin-top: 38px;
}

.pl-lp .pl-lp__social a {
  display: block;
  border-radius: 6px;
}

.pl-lp .pl-lp__social img {
  width: 32px;
  height: 32px;
  transition: transform 0.2s;
}

.pl-lp .pl-lp__social a:hover img {
  transform: scale(1.1);
}

.pl-lp .pl-lp__legal {
  margin-top: 8px;
}

.pl-lp .pl-lp__legal ul {
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.05em;
}

.pl-lp .pl-lp__legal li:not(:last-child)::after {
  content: "•";
  margin-inline: 0.4em;
}

@media (min-width: 1024px) {
  .pl-lp .pl-lp__contact {
    grid-template-columns: minmax(0, 693fr) minmax(0, 548fr);
    column-gap: 91px;
  }

  /* Figma: Überschrift 27 px eingerückt gegenüber dem Telefon-Button */
  .pl-lp .pl-lp__contact-direct .pl-lp__contact-title {
    padding-left: 27px;
  }
}

/* --------------------------------------------------------------------------
   12. Contao-Formular im Slot (.widget-Markup des Formulargenerators 4.13)
   -------------------------------------------------------------------------- */
.pl-lp.pl-lp--kontakt .pl-lp__form-slot {
  --pl-form-line: 1px solid rgba(255, 255, 255, 0.85);
  container-type: inline-size;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.1em;
  color: var(--pl-weiss);
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot .ce_form,
.pl-lp.pl-lp--kontakt .pl-lp__form-slot form,
.pl-lp.pl-lp--kontakt .pl-lp__form-slot .formbody {
  margin: 0;
  padding: 0;
}

/* Theme proluft.at stylt .ce_form global (Grid 2-spaltig, feste Höhe, rosa Felder, Button absolut
   100 px unterhalb) und lädt NACH diesem CSS → hier höhere Spezifität (.pl-lp.pl-lp--kontakt) + Reset. */
.pl-lp.pl-lp--kontakt .pl-lp__form-slot .ce_form form,
.pl-lp.pl-lp--kontakt .pl-lp__form-slot .formbody {
  display: block;
  height: auto;
  grid-template-columns: none;
  grid-template-rows: none;
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget {
  margin: 0 0 28px;
  padding: 0;
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget-explanation code {
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
  background: none;
  padding: 0;
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot label,
.pl-lp.pl-lp--kontakt .pl-lp__form-slot legend {
  display: block;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.1em;
  color: var(--pl-weiss);
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot input.text,
.pl-lp.pl-lp--kontakt .pl-lp__form-slot input[type="text"],
.pl-lp.pl-lp--kontakt .pl-lp__form-slot input[type="email"],
.pl-lp.pl-lp--kontakt .pl-lp__form-slot input[type="tel"],
.pl-lp.pl-lp--kontakt .pl-lp__form-slot select,
.pl-lp.pl-lp--kontakt .pl-lp__form-slot textarea {
  display: block;
  width: 100%;
  margin: 6px 0 0;
  padding: 6px 0;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.05em;
  color: var(--pl-weiss);
  background: transparent;
  border: 0;
  border-bottom: var(--pl-form-line);
  border-radius: 0;
  box-shadow: none;
  appearance: none;
  height: auto;
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot textarea {
  height: 49px;
  min-height: 49px;
  resize: vertical;
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot input:focus-visible,
.pl-lp.pl-lp--kontakt .pl-lp__form-slot select:focus-visible,
.pl-lp.pl-lp--kontakt .pl-lp__form-slot textarea:focus-visible {
  outline: 2px solid var(--pl-weiss);
  outline-offset: 4px;
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot ::placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget-select {
  max-width: 250px;
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot select {
  margin-top: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 24px;
  font-size: 14px;
  cursor: pointer;
  background: url("../../files/public/landingpage/img/select-arrow.svg") right 2px center / 14px auto no-repeat;
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot select option {
  color: var(--pl-schwarz);
  background-color: var(--pl-weiss);
}

/* Checkbox (Einwilligung) */
.pl-lp.pl-lp--kontakt .pl-lp__form-slot fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget-checkbox legend {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget-checkbox fieldset > span {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 1px solid var(--pl-weiss);
  border-radius: 3px;
  cursor: pointer;
  appearance: none;
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot input[type="checkbox"]:checked {
  background-color: var(--pl-weiss);
  box-shadow: inset 0 0 0 4px var(--pl-grau);
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--pl-weiss);
  outline-offset: 3px;
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget-checkbox label,
.pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget-explanation,
.pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget-explanation p {
  font-size: 14px;
  line-height: 1.214;
  letter-spacing: 0.1em;
}

/* Absenden: Figma 420 × 50, weiß, Rand + Text Orange; Hover: Fläche Orange */
.pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget-submit {
  margin-top: 44px;
  margin-bottom: 43px;
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget-checkbox {
  margin-bottom: 17px;
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget-textarea {
  padding-top: 9px;
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot .submit,
.pl-lp.pl-lp--kontakt .pl-lp__form-slot button[type="submit"] {
  display: block;
  width: 100%;
  max-width: 420px;
  min-height: 50px;
  margin: 0;
  padding: 10px 24px;
  font-family: inherit;
  font-size: max(19px, var(--pl-fs-l));
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: none;
  color: var(--pl-orange);
  background: var(--pl-weiss);
  border: 1px solid var(--pl-orange);
  border-radius: 100px;
  box-shadow: none;
  position: static;
  bottom: auto;
  cursor: pointer;
  transition: color 0.2s, background-color 0.2s;
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot .submit:hover,
.pl-lp.pl-lp--kontakt .pl-lp__form-slot .submit:focus-visible,
.pl-lp.pl-lp--kontakt .pl-lp__form-slot button[type="submit"]:hover,
.pl-lp.pl-lp--kontakt .pl-lp__form-slot button[type="submit"]:focus-visible {
  color: var(--pl-weiss);
  background: var(--pl-orange);
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot .submit:focus-visible,
.pl-lp.pl-lp--kontakt .pl-lp__form-slot button[type="submit"]:focus-visible {
  outline: 3px solid var(--pl-weiss);
  outline-offset: 3px;
}

/* Fehlermeldungen (Contao: p.error im Widget, Feld mit Klasse .error) */
.pl-lp.pl-lp--kontakt .pl-lp__form-slot p.error {
  margin: 6px 0 0;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: var(--pl-schwarz);
  background-color: var(--pl-weiss);
  border-left: 4px solid var(--pl-orange);
}

.pl-lp.pl-lp--kontakt .pl-lp__form-slot input.error,
.pl-lp.pl-lp--kontakt .pl-lp__form-slot textarea.error,
.pl-lp.pl-lp--kontakt .pl-lp__form-slot select.error {
  border-bottom: 2px solid var(--pl-orange);
}

/* Bestätigung nach Absenden */
.pl-lp.pl-lp--kontakt .pl-lp__form-slot .message,
.pl-lp.pl-lp--kontakt .pl-lp__form-slot .confirm {
  font-size: var(--pl-fs-l);
  font-weight: 700;
}

/* Label links (250 px), Linie rechts – wie Figma. Abhängig von der Breite des Formular-Slots,
   nicht vom Viewport (Spalte ist bei 1024–1279 schmal). Ohne Container-Query-Support: gestapelt. */
@container (min-width: 600px) {
  /* Figma: Zeilenraster 60 px, Linie auf Höhe der Label-Grundlinie */
  .pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget-text {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    align-items: end;
    margin-bottom: 24.6px;
  }

  .pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget-text label {
    grid-row: 1;
    grid-column: 1;
    margin-bottom: -4px;
  }

  .pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget-text input {
    grid-row: 1;
    grid-column: 2;
    margin-top: 0;
  }

  .pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget-text p.error {
    grid-row: 2;
    grid-column: 2;
  }

  .pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget-select {
    margin-top: 43px; /* fällt mit margin-bottom des Vorgängers zusammen */
    margin-bottom: 25.6px;
  }
}

/* --------------------------------------------------------------------------
   13. Feinschliff Smartphone (< 640 px) – nicht aus Figma, siehe MOBILE-ENTSCHEIDUNGEN.md
   -------------------------------------------------------------------------- */
@media (max-width: 639px) {
  /* Lesbarkeit: weniger Sperrung, etwas engerer Zeilenabstand, Silbentrennung (Seite hat lang="de") */
  .pl-lp .pl-lp__hero-lead {
    letter-spacing: 0.02em;
  }

  .pl-lp .pl-lp__intro,
  .pl-lp .pl-lp__benefit-text,
  .pl-lp .pl-lp__product-sub,
  .pl-lp .pl-lp__product-typical,
  .pl-lp .pl-lp__usecase-text,
  .pl-lp .pl-lp__usecase-more,
  .pl-lp .pl-lp__step-text,
  .pl-lp .pl-lp__flow-text {
    letter-spacing: 0.015em;
    line-height: 1.6;
    hyphens: auto;
    -webkit-hyphens: auto;
    /* nur lange Wörter trennen, mind. 4 Zeichen je Seite */
    hyphenate-limit-chars: 10 4 4;
  }

  .pl-lp .pl-lp__intro p + p {
    margin-top: 1em;
  }

  /* Kompakter */
  .pl-lp .pl-lp__flow {
    gap: 28px;
  }

  .pl-lp .pl-lp__flow-step:not(:last-child) .pl-lp__flow-icon::after {
    height: 28px;
  }

  .pl-lp .pl-lp__benefits,
  .pl-lp .pl-lp__products {
    gap: 16px;
  }

  .pl-lp .pl-lp__product-icon {
    width: 96px;
  }

  .pl-lp .pl-lp__product-actions {
    max-width: none;
    padding-top: 24px;
  }

  .pl-lp .pl-lp__steps {
    gap: 20px;
  }

  /* Planungs-Panel randlos (Theme-Seitenrand mobil: 20 px), Text behält 20 px Innenabstand */
  .pl-lp .pl-lp__panel {
    margin-inline: -20px;
    border-radius: 0;
  }

  /* Formular-Kleintext lesbarer */
  .pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget-checkbox label,
  .pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget-explanation,
  .pl-lp.pl-lp--kontakt .pl-lp__form-slot .widget-explanation p {
    line-height: 1.4;
    letter-spacing: 0.03em;
  }

  .pl-lp.pl-lp--kontakt .pl-lp__form-slot label,
  .pl-lp.pl-lp--kontakt .pl-lp__form-slot legend {
    letter-spacing: 0.06em;
  }

  /* Touch-Ziele Rechtliches */
  .pl-lp .pl-lp__legal a {
    display: inline-block;
    padding-block: 6px;
  }
}