container{width:1400px;max-width:100%;margin:auto;padding:0px 20px;display:block;box-sizing:border-box;position:relative}container.small{width:1400px;max-width:100%;margin:auto;padding:0px 20px;display:block;box-sizing:border-box;position:relative;width:1100px}html{scroll-behavior:smooth}body{margin:0;font-family:"Lexend",sans-serif;font-size:1.2rem;line-height:1.2;color:rgba(0,0,0,.7);max-width:100%;overflow-x:hidden}body h1,body h2,body h3,body h4,body h5,body h6{color:#23518c;font-weight:600}body a{color:#f5a22d;text-decoration:none;transition:200ms}body a:hover{opacity:.8;text-decoration:underline;transition:200ms}body input::placeholder{font-family:"Lexend",sans-serif}body #navbar{width:100%;background-color:rgba(255,255,255,.95);box-shadow:rgba(0,0,0,.1) 0px 8px 8px -8px;justify-content:center;position:fixed;z-index:1000;top:0}body #navbar .dropdown-trigger{display:none}body #navbar .logo1{position:absolute;padding-bottom:1rem;background-color:#fff;border-bottom-right-radius:25px;border-bottom-left-radius:25px;box-shadow:rgba(0,0,0,.1) 0px 10px 10px -10px;z-index:10}body #navbar .logo1 img{width:200px;transition:200ms}body #navbar .logo1:hover{opacity:unset}body #navbar .logo1:hover img{transform:scale(1.025);transition:200ms}body #navbar .logo2{position:absolute;top:-35px;left:-15px;padding:1rem;z-index:10}body #navbar .logo2 img{width:225px;transition:200ms}body #navbar .logo2:hover{opacity:unset}body #navbar .logo2:hover img{transform:scale(1.025);transition:200ms}body #navbar ul{display:flex;margin:0;padding-left:0;gap:2rem;list-style:none;justify-content:flex-end}body #navbar ul li{position:relative;padding:1rem 0}body #navbar ul li a{display:block;text-decoration:none;padding:1rem 2rem;color:#23518c;font-size:1.5rem;font-weight:600;transition:200ms}body #navbar ul li a:hover{opacity:unset;background-color:rgba(35,81,140,.1);border-radius:50px;transition:200ms}body #navbar ul li:hover .rex-navi2{display:flex}body #navbar ul .rex-navi2{position:absolute;display:none;flex-direction:column;background-color:rgba(255,255,255,.95);left:-1rem;top:93px;padding:0 1rem 1rem 1rem;gap:.5rem;border-bottom-right-radius:40px;border-bottom-left-radius:40px}body #navbar ul .rex-navi2 li{padding:0}body #navbar .burger{position:relative;float:right;width:40px;height:30px;background:rgba(0,0,0,0);cursor:pointer;display:none}body #navbar .burger input{display:none}body #navbar .burger span{display:block;position:absolute;height:4px;width:100%;background:#23518c;border-radius:9px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}body #navbar .burger span:nth-of-type(1){top:0px;transform-origin:left center}body #navbar .burger span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}body #navbar .burger span:nth-of-type(3){top:100%;transform-origin:left center;transform:translateY(-100%)}body #navbar .burger input:checked~span:nth-of-type(1){transform:rotate(45deg);top:0px;left:5px}body #navbar .burger input:checked~span:nth-of-type(2){width:0%;opacity:0}body #navbar .burger input:checked~span:nth-of-type(3){transform:rotate(-45deg);top:28px;left:5px}body main{margin-bottom:4rem;display:flex;flex-direction:column;align-items:center}body main.nohero{margin-top:10rem}body main .hero{max-width:100%;max-height:100vh;overflow:hidden;position:relative}body main .hero .hero-bild{width:100%}body main .hero .hero-text{position:absolute;left:50%;top:calc(50% + 50px);transform:translate(-50%, -50%);color:#fff;font-size:3.5rem;font-weight:600}body main .hero .hero-text .text{width:750px}body main .color{background-color:#23518c;color:#fff}body main .color .button-box a.button{color:#23518c !important;background-color:#fff !important}body main .color .text ul li::before{background-image:url(/media/tropfen_weiss.svg) !important}body main .color h1,body main .color h2,body main .color h3,body main .color h4,body main .color h5,body main .color h6{color:#fff}body main .container{width:100%;display:flex;flex-direction:column;align-items:center;padding:2rem 0}body main .container .headline{width:70%}body main .container .text{display:flex;gap:3rem}body main .container .text ul{list-style:none;padding-left:2.5em}body main .container .text ul li{position:relative}body main .container .text ul li::before{content:"";display:inline-block;width:1.5em;height:1.5em;position:absolute;left:-2.5em;top:50%;transform:translateY(-50%);background-image:url(/media/tropfen_blau.svg);background-size:contain;background-repeat:no-repeat}body main .container .text .textspalte{flex:1}body main .container .text .sidetext{width:30%;display:flex;flex-direction:column;gap:2rem}body main .container .text .sidetext .text{width:100%;gap:1rem}body main .container .text .sidetext .text i{margin:1rem 0;font-size:4rem}body main .container .button-box{display:block;padding:2rem 0}body main .container .button-box a.button{color:#fff;background-color:#23518c;padding:1rem 2rem;border-radius:25px;transition:200ms}body main .container .button-box a.button:hover{text-decoration:unset;transition:200ms}body main .container .producthead{display:flex;justify-content:space-between;align-items:flex-end;padding:1.5rem 0}body main .container .producthead h2{margin-bottom:0}body main .container .producthead .button-box{padding:1rem 0}body main .container .products{display:flex;justify-content:space-between;padding-bottom:4rem}body main .container .products .box{background-color:#fff;color:#23518c;position:relative;border-radius:2rem;padding:3rem 1rem;display:flex;justify-content:center;align-items:center}body main .container .products .box h1,body main .container .products .box h2,body main .container .products .box h3,body main .container .products .box h4,body main .container .products .box h5,body main .container .products .box h6{color:#23518c}body main .container .products .box .text{display:block;position:absolute;bottom:2rem;left:50%;transform:translateX(-50%)}body main .container .products .box .bild{border-radius:inherit;transition:500ms;background-color:#fff}body main .container .default{width:300px;overflow:hidden;transition:350ms}body main .container .default img{opacity:.5;transform:scale(0.7);transform-origin:bottom;object-fit:contain;transition:500ms}body main .container .hover{padding:3rem 5rem !important;transition:350ms}body main .container .hover img{opacity:1;transform:scale(1);transform-origin:bottom;width:unset;transition:500ms}body main .bild-text{display:flex;justify-content:center;align-items:center;gap:2rem;padding-top:2rem;padding-bottom:2rem}body main .bild-text.right{flex-direction:row-reverse}body main .bild-text .text{width:40%;display:block}body main .bild-text .text .button-box{display:block;padding:2rem 0}body main .bild-text .text .button-box a.button{color:#fff;background-color:#23518c;padding:1rem 2rem;border-radius:25px;transition:200ms}body main .bild-text .text .button-box a.button:hover{text-decoration:unset;transition:2 0ms}body main .vier-boxen{display:flex;gap:3rem;padding:4rem 0}body main .vier-boxen .box2{border-radius:2rem;padding:.5rem 3rem 3rem 3rem}body main .vier-boxen .box2.blue{background-color:rgba(35,81,140,.1)}body main .vier-boxen .box2.blue h1,body main .vier-boxen .box2.blue h2,body main .vier-boxen .box2.blue h3,body main .vier-boxen .box2.blue h4,body main .vier-boxen .box2.blue h5,body main .vier-boxen .box2.blue h6{color:#23518c;font-weight:400;margin-top:.5rem}body main .vier-boxen .box2.blue a{color:#23518c}body main .vier-boxen .box2.blue h2{font-weight:600;margin-top:1.5rem;margin-bottom:0}body main .vier-boxen .box2.blue h2.headline::before{content:"";display:inline-block;width:40px;height:40px;background-image:url("/media/q_tropfen_blau.svg");background-size:contain;background-repeat:no-repeat}body main .vier-boxen .box2.green{background-color:rgba(65,129,62,.1)}body main .vier-boxen .box2.green h1,body main .vier-boxen .box2.green h2,body main .vier-boxen .box2.green h3,body main .vier-boxen .box2.green h4,body main .vier-boxen .box2.green h5,body main .vier-boxen .box2.green h6{color:#41813e;font-weight:400;margin-top:.5rem}body main .vier-boxen .box2.green a{color:#41813e}body main .vier-boxen .box2.green h2{font-weight:600;margin-top:1.5rem;margin-bottom:0}body main .vier-boxen .box2.green h2.headline::before{content:"";display:inline-block;width:40px;height:40px;background-image:url("/media/q_tropfen_gruen.svg");background-size:contain;background-repeat:no-repeat}body main .vier-boxen .box2.yellow{background-color:rgba(245,162,45,.1)}body main .vier-boxen .box2.yellow h1,body main .vier-boxen .box2.yellow h2,body main .vier-boxen .box2.yellow h3,body main .vier-boxen .box2.yellow h4,body main .vier-boxen .box2.yellow h5,body main .vier-boxen .box2.yellow h6{color:#f5a22d;font-weight:400;margin-top:.5rem}body main .vier-boxen .box2.yellow a{color:#f5a22d}body main .vier-boxen .box2.yellow h2{font-weight:600;margin-top:1.5rem;margin-bottom:0}body main .vier-boxen .box2.yellow h2.headline::before{content:"";display:inline-block;width:40px;height:40px;background-image:url("/media/q_tropfen_gelb.svg");background-size:contain;background-repeat:no-repeat}body main .bilder-gal{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;padding:8rem 0}body main .bilder-gal a:hover .gal-bild{transform:scale(1.025);transition:300ms}body main .bilder-gal .bilder{aspect-ratio:1/1;overflow:hidden;border-radius:2rem}body main .bilder-gal .bilder .gal-bild{width:100%;height:100%;aspect-ratio:inherit;object-fit:cover;transition:300ms}body main .wave{position:relative;width:100%;height:100px;padding-top:4rem}body main .wave.white{background-color:#23518c}body main .wave.white .parallax{fill:#fff}body main .wave.blue{background-color:none}body main .wave.blue .parallax{fill:#23518c}body main section.filterklick{width:100%;background-color:#23518c;color:#fff;display:flex;flex-direction:column;align-items:center;padding:4rem 0 0 0}body main section.filterklick h1,body main section.filterklick h2,body main section.filterklick h3,body main section.filterklick h4,body main section.filterklick h5,body main section.filterklick h6{color:#fff}body main section.filterklick .inhalt .text{width:80%;position:relative;z-index:100}body main section.filterklick .inhalt .geruestcontainer{position:relative;bottom:8rem}body main section.filterklick .inhalt .geruestcontainer a:hover{transform:scale(1.025)}body main section.filterklick .inhalt .geruestcontainer .geruest{position:relative;padding-right:12.25%;padding-top:18.5%;margin-bottom:15%}body main section.filterklick .inhalt .geruestcontainer .geruest .filtercontainer{display:flex;position:absolute;width:42.5%;height:55%;bottom:5%;justify-content:space-between;left:11.5%;align-items:flex-end}body main section.filterklick .inhalt .geruestcontainer .geruest .filtercontainer .filter{width:75%;display:flex;justify-content:center}body main section.filterklick .inhalt .geruestcontainer .geruest .filtercontainer .filter.active{margin-bottom:2rem;transform:scale(1.025)}body main section.filterklick .inhalt .geruestcontainer .geruest .filtercontainer .filter img{width:inherit}body main section.filterklick .inhalt .geruestcontainer .wasserhahn{width:9.75%;position:absolute;top:0;right:5%}body main section.filterklick .inhalt .geruestcontainer .tank{position:absolute;width:26%;right:0;top:62.5%}body main section.filterklick .inhalt .geruestcontainer a.active{transform:scale(1.075)}body main section.filterklick .inhalt .geruestcontainer a.active:hover{transform:scale(unset) !important}body main section.slider{position:relative;width:100%;margin:4rem 0;color:#fff}body main section.slider h1,body main section.slider h2,body main section.slider h3,body main section.slider h4,body main section.slider h5,body main section.slider h6{color:#fff}body main section.slider .mySlides{position:relative;width:100%;display:none;flex-direction:column;align-items:center;padding-bottom:1rem}body main section.slider .mySlides .color{width:100%;height:100%;position:absolute}body main section.slider .mySlides .color.yellow{background-color:#f5a22d;opacity:.85}body main section.slider .mySlides .color.green{background-color:#41813e;opacity:.85}body main section.slider .mySlides .color.blue{background-color:#23518c;opacity:.85}body main section.slider .mySlides .colorbar{width:100%;height:1.5rem}body main section.slider .mySlides .colorbar.yellow{background-color:#f5a22d}body main section.slider .mySlides .colorbar.green{background-color:#41813e}body main section.slider .mySlides .colorbar.blue{background-color:#23518c}body main section.slider .mySlides .inhalt{z-index:100;width:100%;display:flex;align-items:center;gap:4rem}body main section.slider .mySlides .inhalt .filter{width:15%;position:relative;top:-2.25rem}body main section.slider .mySlides .inhalt .text h1{padding:unset}body main section.slider .mySlides .inhalt .text a{color:#fff}body main section.slider a.next,body main section.slider a.prev{position:absolute;left:50%;color:rgba(0,0,0,0)}body main section.slider .dots{position:absolute;bottom:0;left:50%;transform:translate(-50%);padding:1rem;z-index:1000}body main section.slider .dots .dot{cursor:pointer;height:20px;width:20px;margin:0 .5rem;align-items:center;background-color:rgba(255,255,255,.5);border-radius:50%;display:inline-block;transition:background-color .6s ease}body main section.slider .dots .active,body main section.slider .dots .dot:hover{background-color:#fff}body main .form{width:1400px;max-width:100%;margin:auto;padding:0px 20px;display:block;box-sizing:border-box;position:relative;display:flex;justify-content:space-between;margin:4rem 0}body main .form .form-input{width:45%}body main .form .form-input .form-group{margin-top:1.5rem}body main .form .form-input .form-group .control-label{display:none}body main .form .form-input .form-group .form-control{width:100%;font-size:1rem;padding:.5rem;border:none;box-sizing:border-box;border-bottom:2px solid #23518c}body main .form .form-input .form-group .form-control::placeholder{color:#23518c}body main .form .form-input .form-group .form-control:focus{all:unset;font-size:1rem;padding:.5rem;border-bottom:4px solid #23518c;width:100%}body main .form .form-input button.btn-primary{margin-top:2.5rem;padding:1rem 2rem;background-color:#23518c;color:#fff;font-size:1rem;font-weight:600;border-radius:50px;transition:200ms;border:none}body main .form .form-input button.btn-primary:hover{opacity:.8;transition:200ms}body main .form .form-bild{border-radius:2rem}body main .notfall{background-color:red;color:#fff;border-radius:2rem;padding:1rem 2rem}body main .notfall h1,body main .notfall h2,body main .notfall h3,body main .notfall h4,body main .notfall h5,body main .notfall h6{color:#fff}body main .notfall a{color:#fff;font-weight:bold}body .footer{width:100%;background-color:#23518c;display:flex;flex-direction:column;align-items:center;line-height:1.5;position:relative;margin-top:125px}body .footer .spalten{display:flex;justify-content:space-between;align-items:flex-end;padding:2rem 0}body .footer .spalten .spalten2{width:40%;display:flex;justify-content:space-between;align-items:flex-end}body .footer .spalten .spalten2 .spalte{color:#fff}body .footer .spalten .spalten2 .spalte ul{list-style:none;padding:0}body .footer .spalten .spalten2 .spalte h1,body .footer .spalten .spalten2 .spalte h2,body .footer .spalten .spalten2 .spalte h3,body .footer .spalten .spalten2 .spalte h4,body .footer .spalten .spalten2 .spalte h5,body .footer .spalten .spalten2 .spalte h6{color:#fff}body .footer .spalten .spalten2 .spalte a{color:#fff}body .footer .social{display:flex;gap:1.5rem;width:70%}body .footer .social a i{font-size:3rem;color:#fff}body .footer .tropfen{display:flex;width:100%;justify-content:flex-end}body .footer .tropfen img{width:50px;padding-bottom:1rem}body .wavy.bottom{position:absolute;bottom:0px;width:100%;z-index:1}body .wavy.bottom.reverse{position:absolute;top:0px;bottom:unset;transform:rotate(180deg);width:100%}body .wavy.top{position:absolute;top:-100px;width:100%;z-index:1}body .waves{position:relative;width:100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px}body .parallax>use{animation:move-forever 50s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite}body .parallax>use:nth-child(1){animation-delay:-4s;animation-duration:14s}body .parallax>use:nth-child(2){animation-delay:-6s;animation-duration:20s}body .parallax>use:nth-child(3){animation-delay:-8s;animation-duration:26s}body .parallax>use:nth-child(4){animation-delay:-10s;animation-duration:40s}@keyframes move-forever{0%{transform:translate3d(-90px, 0, 0)}100%{transform:translate3d(85px, 0, 0)}}.cookiebite{position:fixed;bottom:20px;right:10px;cursor:pointer;z-index:10000}.cookiebite a img{width:40px;filter:opacity(0.7)}.cookiebite a img:hover{filter:opacity(1)}@media screen and (max-width: 1400px){#navbar .logo1 img{width:150px !important}#navbar .logo2 img{width:175px !important}.container .products .box.default{padding:.5rem !important}.container .products .box.hover{padding:3.5rem 1rem !important}.form .form-bild{width:45%;object-fit:cover;overflow:hidden}}@media screen and (max-width: 1200px){main container .vier-boxen{display:grid;grid-template-columns:1fr 1fr}.container .products .box.default{padding:0 !important;width:275px}.container .products .box.default img{width:70%}.container .products .box.hover{padding:5rem 0 !important}.container .products .box.hover img{width:70%}body #navbar .burger{display:block;border:solid 1.5rem rgba(0,0,0,0)}body #navbar{display:flex;align-items:stretch}body #navbar.open .logo1{display:none !important}body #navbar.open .logo2{display:block !important;opacity:1 !important}body #navbar ul{flex-direction:column;position:fixed;background-color:rgba(255,255,255,.95);width:100%;height:100%;justify-content:unset;padding:125px 0 50px 0;bottom:0;right:0;gap:.5rem;margin:unset;text-align:left;overflow-y:auto;box-sizing:border-box;transition:transform 400ms ease-in-out;transform:translateX(100%)}body #navbar ul li{padding:0 1rem;position:relative}body #navbar ul li.open .rex-navi2{display:flex !important;gap:.5rem;padding:1rem 0;margin:0;box-shadow:none;background-color:rgba(35,81,140,.1);height:unset;border-radius:1rem}body #navbar ul li.open .rex-navi2 li{font-weight:300}body #navbar ul li.open .dropdown-trigger{rotate:180deg;transition:200ms}body #navbar .dropdown-trigger{display:block;position:absolute;padding:1rem;top:-0.25rem;right:2rem;color:#23518c;font-size:2rem;transition:200ms}body #navbar ul li:hover .rex-navi2{display:none}body #navbar ul .rex-navi2{position:unset}body #navbar.open ul{transform:translateX(0%)}}@media screen and (max-width: 1090px){.container .products .box.default{width:215px}}@media screen and (max-width: 1000px){main .bild-text{flex-direction:column !important}main .bild-text .text{width:100% !important}main .bild-text .bild{max-width:100% !important}body main .form .form-bild{display:none}body main .form .form-input{width:100%}.footer .spalten{flex-direction:column;width:100%;align-items:unset !important}.footer .spalten .spalten2{width:70% !important}.hero .hero-text .text{width:80% !important}}@media screen and (max-width: 950px){main .container .products{flex-direction:column;gap:2rem;align-items:center}main .container .products .box{width:80%}}@media screen and (max-width: 850px){section.slider .mySlides .inhalt{margin-bottom:3rem}.hero .hero-bild{width:unset !important}body main .container .text{gap:3rem;flex-direction:column}body main .container .text .sidetext{width:unset}}@media screen and (max-width: 700px){section.slider .mySlides .inhalt{flex-direction:column;gap:0 !important}section.slider .mySlides .inhalt .filter{width:20% !important}main .bilder-gal{grid-template-columns:1fr 1fr !important;gap:1rem !important}main .container .text{gap:2rem !important}main .container .text .sidetext .text{gap:0 !important;flex-direction:column}main container .vier-boxen{grid-template-columns:1fr !important}.hero .hero-text .text{width:100% !important;font-size:2rem}main section.filterklick .inhalt .text{margin-bottom:4rem}main section.filterklick .inhalt .geruestcontainer .geruest .filtercontainer .filter.active{margin-bottom:1rem !important}body main section.slider .dots{width:90%;text-align:center}body main section.slider .dots .dot{margin:0 .75rem}body .footer .spalten .spalten2{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column}main .container .button-box a.button{padding:.5rem 1rem !important}main .container .producthead{align-items:baseline}body .waves{min-height:25px;max-height:75px}body .wavy.top{top:-75px}}@media screen and (max-width: 600px){body{font-size:1rem}body main .container .products .box{width:unset}}@media screen and (max-width: 450px){body main .container .producthead{flex-direction:column;align-items:flex-start;gap:1rem}}