@font-face{font-family:regular;src:url(../../fonts/robotoRegular/Roboto-Regular.ttf) format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:regular;src:url(../../fonts/robotoRegular/Roboto-Medium.ttf) format("truetype");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:regular;src:url(../../fonts/robotoRegular/Roboto-Bold.ttf) format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:regular;src:url(../../fonts/robotoRegular/Roboto-Black.ttf) format("truetype");font-display:swap;font-weight:900;font-style:normal}@font-face{font-family:headline;src:url(../../fonts/robotoCondensed/RobotoCondensed-Light.ttf) format("truetype");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:headline;src:url(../../fonts/robotoCondensed/RobotoCondensed-Regular.ttf) format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:headline;src:url(../../fonts/robotoCondensed/RobotoCondensed-Bold.ttf) format("truetype");font-display:swap;font-weight:700;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;font-family:regular,Arial,Verdana,Helvetica,-apple-system,sans-serif;letter-spacing:.2px}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family:headline,regular,Arial,Verdana,Helvetica,-apple-system,sans-serif;line-height:110%}h1{font-size:50px;width:50%}@media (max-width:760px){h1{width:auto}}.page-wrapper{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;width:1200px;max-width:100%}@media (max-width:760px){.page-wrapper{padding-left:0;padding-right:0}}.logo{margin-top:10px;margin-bottom:2rem;width:190px}@media (max-width:760px){.logo{display:none}}.title{margin-bottom:.8rem;color:#181818}@media (max-width:760px){.title{position:fixed;top:20px;left:10px;z-index:999}.title h1{font-size:14px}}@media (max-width:760px){.title h1.white{color:#fff}}.burger{position:fixed;top:30px;right:40px;cursor:pointer;height:21px;width:33px;z-index:999}.burger .label{position:absolute;top:50%;left:-10px;transform:translate(-100%,-50%);font-family:headline,regular,Arial,Verdana,Helvetica,-apple-system,sans-serif;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase}@media (max-width:760px){.burger{top:20px;right:20px}.burger .label{display:none}}.burger span{position:absolute;display:inline-block;height:3px;width:100%;background-color:#181818;border-radius:2px}.burger span:first-child{top:0}.burger span:nth-child(2){top:50%;transform:translateY(-50%)}.burger span:nth-child(3){bottom:0}.burger.open span{background-color:#fff}.background-dimmer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:995}.background-dimmer.active{display:block}.button{display:inline-flex;justify-content:center;align-items:center;padding:0 2rem;background-color:#13a538;border-radius:.5rem;color:#fae83c;cursor:pointer;font-family:headline,regular,Arial,Verdana,Helvetica,-apple-system,sans-serif;font-size:14px;font-weight:700;height:55px;letter-spacing:3px;text-align:center;text-decoration:none;text-transform:uppercase;transform:scale(1);transition:transform .2s,background-color .2s,color .2s}.button:focus,.button:hover{transform:scale(1.1)}.navigation{position:fixed;top:0;right:0;bottom:0;padding:2rem 3.5rem 2rem 5rem;background-color:#fff;transform:translateX(calc(100% + 20px));transition:transform .4s ease-in-out;z-index:9999;overflow:auto;width:100%;max-width:550px}.navigation.open{transform:translateX(0)}@media (max-width:760px){.navigation{padding:20px}}.navigation .close{position:fixed;top:40px;right:40px;cursor:pointer;height:30px;width:30px;z-index:99999}@media (max-width:760px){.navigation .close{top:30px;right:20px}}.navigation .close span{position:absolute;display:inline-block;height:4px;width:100%;background-color:#181818;border-radius:2px}.navigation .close span:first-child{transform:rotate(45deg)}.navigation .close span:last-child{transform:rotate(-45deg)}.navigation nav>ul{list-style:none}.navigation nav>ul>li{margin-bottom:12px;display:block}.navigation nav>ul>li.title{position:relative;top:unset;left:unset;margin-bottom:20px;margin-top:48px;color:#181818;cursor:default;font-family:headline,regular,Arial,Verdana,Helvetica,-apple-system,sans-serif;font-size:2rem;font-weight:700}.navigation nav>ul>li.title:first-child{margin-top:0}.navigation nav>ul>li.title img{width:50%}@media (max-width:760px){.navigation nav>ul>li.title img{max-height:40px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}}.navigation nav>ul>li>a{display:block;color:#181818;font-family:headline,regular,Arial,Verdana,Helvetica,-apple-system,sans-serif;font-size:21px;font-weight:700;text-decoration:none}.navigation nav>ul>li>a .icon-arrow{display:none}@media (max-width:760px){.navigation nav>ul>li>a .icon-arrow{display:inline-block}}.navigation nav>ul>li>a:focus,.navigation nav>ul>li>a:hover{color:#13a538}.navigation nav>ul>li>a:focus svg path,.navigation nav>ul>li>a:hover svg path{fill:#13A538!important;stroke:#13A538!important}.navigation nav>ul>li.language{margin-top:3.5rem}.navigation nav>ul>li.language ul{list-style:none}.navigation nav>ul>li.language ul li{margin-left:-4px;display:inline-block}.navigation nav>ul>li.language ul li a{display:inline-block;padding:15px 30px;background-color:#f0efee;color:#181818;height:auto}.navigation nav>ul>li.language ul li a.active,.navigation nav>ul>li.language ul li a:focus,.navigation nav>ul>li.language ul li a:hover{background-color:#13a538;color:#fae83c;transform:unset}.contact{padding:3.5rem 2rem}.contact h2{margin-bottom:3.5rem;font-size:36px;font-weight:700;line-height:120%}.page-footer .container{padding:2rem}.page-footer .container hr{margin:1rem 0}.page-footer .container .copyright{margin:.8rem 0;font-size:12px;opacity:.8}.page-footer .container ul{font-size:13px;list-style:none}.page-footer .container ul li{display:inline-block;min-width:20px;text-align:center}.page-footer .container ul li a{color:#181818;text-decoration:none}.page-footer .container ul li a:focus,.page-footer .container ul li a:hover{text-decoration:underline}.configurator{position:relative}.configurator .controls-outer{position:sticky;top:0;left:0;z-index:100}@media (max-width:760px){.configurator .controls-outer{position:sticky;top:0;left:0;background-color:#fff;z-index:200}.configurator .controls-outer.shadow{box-shadow:0 2px 11px 0 #4f4f4f}}.configurator .controls-outer.shadow .controls .control label{display:none}.configurator .controls{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0.8rem;align-items:end;padding:3.5rem;background-color:#f0efee;border-radius:12px}@media (max-width:1024px){.configurator .controls{grid-template-columns:1fr 1fr}}@media (max-width:760px){.configurator .controls{padding:60px 10px 10px 10px;background-color:#fff;border-radius:0;grid-template-columns:1fr}}.configurator .controls .control{position:relative}.configurator .controls .control label{display:none;margin-bottom:2rem;font-weight:700}.configurator .controls .control label+span{display:block;margin-bottom:1rem}.configurator .controls .control label+span+span.mobile{display:none}.configurator .controls .control label+span.desktop{display:block}@media (max-width:760px){.configurator .controls .control label{display:none}.configurator .controls .control label+span{display:block;margin-left:70px;margin-bottom:3px}.configurator .controls .control label+span+span.mobile{margin-bottom:3px;display:block;margin-left:0;font-size:12px}.configurator .controls .control label+span.desktop{display:none}}.configurator .controls .control input[type=text],.configurator .controls .control p#ausstoss{padding:.8rem;border-radius:.5rem;background-color:#fff;border:none;color:#181818;font-size:1rem;font-weight:400;text-align:right;width:60px}@media (max-width:760px){.configurator .controls .control input[type=text],.configurator .controls .control p#ausstoss{padding:5px 15px;background-color:#f0efee}}.configurator .controls .control p#ausstoss{margin-right:20px;display:inline-block;color:#13a538;font-weight:700}@media (max-width:760px){.configurator .controls .control p#ausstoss{background-color:#f0efee}}.configurator .controls .control .rechner_slider{position:relative;top:8px;margin-left:20px;margin-bottom:7px;margin-top:5px;display:inline-block;background-color:#fff;border-color:#fff;height:.8em;width:calc(100% - 110px)}@media (max-width:760px){.configurator .controls .control .rechner_slider{background-color:#f0efee;border-color:#f0efee;width:calc(100% - 100px)}}.configurator .controls .control .rechner_slider .ui-slider-handle{position:absolute;top:-.4em;margin-left:-.6em;background:none repeat scroll 0 0 #13a538;border:1px solid #999;border-radius:.5rem;color:#555;font-weight:400;cursor:default;height:1.5em;width:1.2em;z-index:2}.configurator .controls .control .product-sizes-headline{display:none}@media (max-width:760px){.configurator .controls .control .product-sizes-headline{display:block;position:absolute;top:0;left:85px;font-size:12px}}.configurator .controls .control .product-bar,.configurator .controls .control .product-sizes{display:none}@media (max-width:760px){.configurator .controls .control .product-bar,.configurator .controls .control .product-sizes{display:grid;grid-template-columns:45px 45px 45px 45px 45px;grid-gap:1px;position:absolute;left:85px}.configurator .controls .control .product-bar>div,.configurator .controls .control .product-sizes>div{padding:10px;font-size:12px}}@media (max-width:760px){.configurator .controls .control .desktop{display:none}.configurator .controls .control .product-sizes{top:24px}.configurator .controls .control .product-bar{top:44px}}.configurator .controls .control .bar-icon.mobile{display:none}@media (max-width:760px){.configurator .controls .control .bar-icon.mobile{position:absolute;top:0;left:323px;display:block;width:40px}}@media (max-width:400px){.configurator .controls .control .bar-icon.mobile{display:none}}.configurator .product-list{margin-top:2rem;margin-bottom:2rem;position:relative;padding:3.5rem;background-color:#f0efee;border-radius:12px}@media (max-width:760px){.configurator .product-list{margin-top:0;border-radius:0;padding:10px}}.configurator .product-list .product-list-headlines{position:sticky;top:160px;left:0;z-index:100}@media (max-width:760px){.configurator .product-list .product-list-headlines{display:none}}.configurator .product-list .product-list-headlines .product-list-headline .product-headline,.configurator .product-list .product-list-headlines .product-list-headline .product-size-headline{border-bottom:3px solid #fff}.configurator .product-list .product-list-headlines .product-list-headline:last-child{margin-bottom:3px}.configurator .product-list .product-list-headlines .product-list-headline:last-child .product-headline,.configurator .product-list .product-list-headlines .product-list-headline:last-child .product-size-headline{border-bottom:none}.configurator .product-list .product-list-headlines .product-headline{padding:20px;background-color:#e0dfdb}.configurator .product-list .product-list-headlines.shadow{background-color:#fff;box-shadow:0 7px 9px -3px #4f4f4f}.configurator .product-list .product-list-headline,.configurator .product-list .product-outer{display:grid;grid-gap:3px;grid-template-columns:50% 1fr 1fr 1fr 1fr 1fr}.configurator .product-list .product-outer{position:relative;margin-bottom:3px;min-height:100px}@media (max-width:760px){.configurator .product-list .product-outer{display:block;margin-bottom:.8rem}.configurator .product-list .product-outer>.product-size-flow{display:none}}.configurator .product-list .product-outer .product{position:relative;display:block;padding:5px 10px;background-color:#fff;color:#181818;text-decoration:none}@media (max-width:760px){.configurator .product-list .product-outer .product{display:block;padding-left:0;border-radius:.5rem;min-height:107px}}.configurator .product-list .product-outer .product .product-size-flows.mobile,.configurator .product-list .product-outer .product .product-sizes.mobile{display:none}@media (max-width:760px){.configurator .product-list .product-outer .product .product-size-flows.mobile,.configurator .product-list .product-outer .product .product-sizes.mobile{position:absolute;left:85px;top:15px;display:grid;grid-template-columns:45px 45px 45px 45px 45px;grid-gap:1px}.configurator .product-list .product-outer .product .product-size-flows.mobile.hide,.configurator .product-list .product-outer .product .product-sizes.mobile.hide{display:none}}.configurator .product-list .product-outer .product .product-alternative-info.mobile{display:none}@media (max-width:760px){.configurator .product-list .product-outer .product .product-alternative-info.mobile{display:block;position:absolute;left:75px;top:45px;width:calc(100% - 130px)}.configurator .product-list .product-outer .product .product-alternative-info.mobile.hide{display:none}}.configurator .product-list .product-outer .product .product-alternative-info.mobile{top:35px;font-size:13px}.configurator .product-list .product-outer .product .product-sizes.mobile{top:35px;font-size:12px}.configurator .product-list .product-outer .product .product-sizes.mobile .product-size-headline{padding:10px}@media (max-width:760px){.configurator .product-list .product-outer .product .product-size-flows.mobile{top:55px}.configurator .product-list .product-outer .product .product-size-flows.mobile .product-size-flow{height:40px}}.configurator .product-list .product-outer .product .product-image{display:inline-block}.configurator .product-list .product-outer .product .product-image img{width:90px;height:100%;-o-object-fit:contain;object-fit:contain}@media (max-width:760px){.configurator .product-list .product-outer .product .product-image img{width:80px}}.configurator .product-list .product-outer .product .product-name{margin-left:20px;display:inline-block;position:absolute;top:50%;font-weight:700;transform:translateY(-50%)}@media (max-width:760px){.configurator .product-list .product-outer .product .product-name{top:10px;margin-left:0;transform:none}}.configurator .product-list .product-outer .product .product-link{position:absolute;top:50%;text-align:center;right:20px;width:150px;transform:translateY(-50%) scale(1);transition:transform .2s}@media (min-width:760px) and (max-width:1000px){.configurator .product-list .product-outer .product .product-link{display:none}}.configurator .product-list .product-outer .product .product-link img{-o-object-fit:contain;object-fit:contain;height:40px;width:40px}.configurator .product-list .product-outer .product .product-link span{display:block;color:#181818;font-family:headline,regular,Arial,Verdana,Helvetica,-apple-system,sans-serif;font-size:12px;font-weight:700}@media (max-width:760px){.configurator .product-list .product-outer .product .product-link{top:26px;right:8px;width:35px}.configurator .product-list .product-outer .product .product-link img{height:35px;width:35px}.configurator .product-list .product-outer .product .product-link span{display:none}}.configurator .product-list .product-outer:focus .product-link,.configurator .product-list .product-outer:hover .product-link{transform:translateY(-50%) scale(1.1)}.configurator .hide{display:none}.configurator .flow{position:relative;background-color:#fff}.configurator .flow .image{background-position:center center;background-repeat:no-repeat;background-size:contain;height:100%;width:100%}.configurator .flow.uc{background-color:#d0e2f0}.configurator .flow.uc .image{background-image:url("../img/tropfen_uc_103x103px.svg")}.configurator .flow.xc{background-color:#bcd5eb}.configurator .flow.xc .image{background-image:url("../img/tropfen_xc_103x103px.svg")}.configurator .flow.vc{background-color:#a3c6e2}.configurator .flow.vc .image{background-image:url("../img/tropfen_vc_103x103px.svg")}.configurator .flow.c{background-color:#7ca6cc}.configurator .flow.c .image{background-image:url("../img/tropfen_c_103x103px.svg")}.configurator .flow.m{background-color:#5585b1}.configurator .flow.m .image{background-image:url("../img/tropfen_m_103x103px.svg")}.configurator .flow.f{background-color:#3f6b90}.configurator .flow.f .image{background-image:url("../img/tropfen_f_103x103px.svg")}.configurator .flow.vf{background-color:#3a5976}.configurator .flow.vf .image{background-image:url("../img/tropfen_vf_103x103px.svg")}.configurator .flow.xf{background-color:#294962}.configurator .flow.xf .image{background-image:url("../img/tropfen_xf_103x103px.svg")}.configurator .product-size-headline{position:relative;padding:20px;background-color:#f0efee}.configurator .product-size-headline._01 .color{background-color:#e65e24}.configurator .product-size-headline._015 .color{background-color:#0a8859}.configurator .product-size-headline._02 .color{background-color:#f8c63f}.configurator .product-size-headline._025 .color{background-color:#7e5285}.configurator .product-size-headline._025 .label{color:#fff}.configurator .product-size-headline._03 .color{background-color:#0c5580}.configurator .product-size-headline._03 .label{color:#fff}.configurator .product-size-headline._04 .color{background-color:#d31f28}.configurator .product-size-headline._05 .color{background-color:#513124}.configurator .product-size-headline._05 .label{color:#fff}.configurator .product-size-headline._06 .color{background-color:#929395}.configurator .product-size-headline._08{border-top:#181818 solid 1px}.configurator .product-size-headline._08 .color{background-color:#ecece4}.configurator .product-size-headline._09{border-top:#181818 solid 1px}.configurator .product-size-headline._10 .color{background-color:#178bb4}.configurator .product-size-headline._12 .color{background-color:#a82743}.configurator .product-size-headline._15 .color{background-color:#609b47}.configurator .product-size-headline._16 .color{background-color:#9e5930}.configurator .product-size-headline._20 .color{background-color:#1d2228}.configurator .product-size-headline._20 .label{color:#fff}.configurator .product-size-headline._30 .color{background-color:#c5a880}.configurator .product-size-headline.dimmed .color{opacity:.5}.configurator .product-size-headline .color{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.configurator .product-size-headline .label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#181818;font-weight:700;text-align:center;z-index:2}.configurator .product-size-headline.dimmed .color{background-color:#e0dfdb!important;opacity:1!important}.configurator .product-size-headline.dimmed .label{color:#181818!important}.configurator .explanation{margin-top:5rem}@media (max-width:760px){.configurator .explanation{margin-top:3.5rem}}.configurator .explanation .headline{margin-bottom:3px;background-color:#fff;padding:2rem;font-size:30px;font-weight:700}@media (max-width:1100px){.configurator .explanation .headline{font-size:20px;text-align:center}}@media (max-width:760px){.configurator .explanation .headline{font-size:18px}}.configurator .explanation .entries{display:grid;grid-template-columns:1fr 1fr;grid-gap:3px}@media (max-width:1100px){.configurator .explanation .entries{grid-template-columns:1fr}}.configurator .explanation .entries .entry{background-color:#fff;padding:2rem;display:grid;grid-template-columns:130px 1fr;grid-gap:2rem}@media (max-width:760px){.configurator .explanation .entries .entry{grid-template-columns:100px 1fr;padding:.8rem}}.configurator .explanation .entries .entry .flow{height:130px;width:130px}@media (max-width:760px){.configurator .explanation .entries .entry .flow{height:100px;width:100px}}.configurator .explanation .entries .entry h4,.configurator .explanation .entries .entry h5{font-size:18px;font-weight:700}.configurator .explanation .entries .entry h4{margin-bottom:1rem;font-size:16px}.configurator .explanation .entries .entry h5{margin-bottom:3px;font-size:15px}.configurator .explanation .entries .entry p{font-size:15px}