#head{background:#048075;min-height:100vH;min-height:-webkit-fill-available;min-height:-moz-available;overflow:hidden;max-width:100vw;position:relative;color:#fff;width:100%!important;height:100vh!important}#head .headInner{height:100vh;width:100%;max-width:100%;display:flex;align-items:center;padding:0}@media screen and (orientation:portrait){#head .headInner{overflow:hidden;max-width:100vw;display:block}}#head .headInner .left{width:50%;z-index:2}@media only screen and (max-width:950px){#head .headInner .left{width:65%}}@media only screen and (max-width:1250px){#head .headInner .left{font-size:80px}}@media screen and (orientation:portrait){#head .headInner .left{width:90%;display:block;margin:0 auto;text-align:center;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}}#head .headInner .left h1{float:right;margin-top:0;font-size:7.5rem}@media only screen and (max-width:1400px){#head .headInner .left h1{font-size:6rem}}@media only screen and (max-width:1250px){#head .headInner .left h1{font-size:5rem}}@media only screen and (max-width:950px){#head .headInner .left h1{font-size:4rem}}@media screen and (orientation:portrait){#head .headInner .left h1{float:left;font-size:3rem;width:100%}}@media only screen and (max-height:500px){#head .headInner .left h1{font-size:3rem}}#head .headInner .left h1 .headPart{transition:left 2s,opacity 2s;opacity:0;position:relative;display:block}#head .headInner .left h1 .headPart:nth-child(2n){left:-100px}#head .headInner .left h1 .headPart:nth-child(odd){left:100px}#head .headInner .left h1.visible .headPart{opacity:1;left:0}#head .headInner .right{width:50%;height:100%}@media screen and (orientation:portrait){#head .headInner .right{width:100%;height:100%;overflow:hidden;z-index:1;position:absolute;left:0}}#head .headInner .right .daumenfrau,#head .headInner .right .frau{height:100%;position:absolute;bottom:0;left:75%;transform:translate(-50%);opacity:0;transition:opacity 1s,height 1s}@media only screen and (max-width:1250px){#head .headInner .right .daumenfrau,#head .headInner .right .frau{position:absolute;height:100%;left:100%;transform:translate(-100%)}}@media only screen and (max-width:710px){#head .headInner .right .daumenfrau,#head .headInner .right .frau{height:80%}}@media screen and (orientation:portrait){#head .headInner .right .daumenfrau,#head .headInner .right .frau{max-height:60vh;bottom:-10vh;left:50%;transform:translate(-50%)}}#head .headInner .right .daumenfrau.visible,#head .headInner .right .frau.visible{opacity:1}@media screen and (orientation:portrait){#head .headInner .right .frau{left:110%;transform:translate(-100%)}}#head .fragen{position:absolute;top:50%;left:calc(25% + 50px);transform:translate(-50%,-50%);opacity:0;transition:opacity .5s;z-index:2000}@media screen and (orientation:portrait){#head .fragen{top:5%;left:50%;width:100vw;height:100px;transform:translate(-50%)}}#head .fragen.visible{opacity:1}#head .fragen li{list-style-type:none;font-size:3.1rem;font-family:SuperGrotesk,sans-serif;font-style:normal;font-weight:400;width:calc(50vw - 100px);position:relative;line-height:120%;margin-bottom:1.5rem;opacity:0;transform:scale(1.2) translate(0);transition:transform .5s,opacity .5s}@media only screen and (max-width:1400px){#head .fragen li{font-size:2.5rem}}@media only screen and (max-width:1250px){#head .fragen li{font-size:2.2rem;width:50vw}}@media only screen and (max-width:710px){#head .fragen li{font-size:1.5rem}}@media only screen and (max-width:400px) and (max-height:670px){#head .fragen li{font-size:1rem}}@media only screen and (max-width:950px) and (max-height:500px){#head .fragen li{font-size:1.5rem!important}}@media only screen and (max-width:950px) and (max-height:400px){#head .fragen li{font-size:1.2rem!important}}@media screen and (orientation:portrait){#head .fragen li{width:80%;left:10%}}#head .fragen li .bold{font-weight:700;transition:color .5s;color:#fff}#head .fragen li:before{content:" ";background:#ff6d00;width:20px;height:20px;display:block;position:absolute;top:26px;left:-20px;transform:translate(-50%,-50%);transform-origin:center center 1}@media only screen and (max-width:1400px){#head .fragen li:before{width:15px;height:15px;top:20px}}@media only screen and (max-width:1250px){#head .fragen li:before{width:15px;height:15px;top:18px}}@media only screen and (max-width:710px){#head .fragen li:before{left:-15px;width:10px;height:10px;top:12px}}@media only screen and (max-width:400px) and (max-height:670px){#head .fragen li:before{left:-8px;width:5px;height:5px;top:8px}}#head .fragen li.visible{opacity:1;transform:scale(1) translate(0)}#head .fragen li.visible .bold{font-weight:700;transition:color .5s;color:#ff6d00}#head .kennstdu{transition:opacity .5s,transform .5s;position:absolute;top:50%;left:50%;white-space:nowrap;opacity:0;transform:translate(-50%,-50%) scale(2);transform-origin:center center;z-index:10}@media screen and (orientation:portrait){#head .kennstdu{white-space:normal}}#head .kennstdu h2{transition:transform .5s;color:#fff;font-size:100px;font-weight:700;margin:0;transform:rotate(-20deg);background:#ff6d00;padding:30px 30px 20px;box-shadow:10px 10px 20px rgba(0,0,0,.25)}@media only screen and (max-width:1250px){#head .kennstdu h2{font-size:80px}}@media only screen and (max-width:950px){#head .kennstdu h2{font-size:70px}}@media only screen and (max-width:710px){#head .kennstdu h2{font-size:50px}}#head .kennstdu.visible{opacity:1;transform:translate(-50%,-50%) scale(1);transform-origin:center center}#head .kennstdu.visible h2{transform:rotate(-10deg);box-shadow:5px 5px 10px rgba(0,0,0,.25)}#benefits .inner{max-width:934px}#benefits .inner .productLogo.kajy{height:100px;margin:15px 0}#benefits .inner .productLogo.vtv{height:80px;margin:25px 0;max-width:100%}#benefits .inner h2{text-transform:none;line-height:140%;color:#333;font-size:40px}#benefits .inner h2 .bold{display:block;text-transform:uppercase;font-size:50px;margin:5px 0 0;color:#ff6d00;font-weight:700}#benefits .inner h3{margin:0 0 15px;text-align:center}#benefits .inner .products{display:flex}@media only screen and (max-width:1024px){#benefits .inner .products{display:block}}#benefits .inner .products.visible .kasten{opacity:1}#benefits .inner .products.visible .kasten:first-child{left:0}#benefits .inner .products.visible .kasten:last-child{right:0}#benefits .inner .products .kasten{text-align:center;width:50%;padding:20px;box-shadow:2px 2px 5px 0 rgba(0,0,0,.2);margin:20px;transition:all .2s;transform:rotateY(1turn);overflow:hidden;position:relative;opacity:0}@media only screen and (max-width:1024px){#benefits .inner .products .kasten{width:calc(100% - 40px)}}#benefits .inner .products .kasten:hover{transform:scale(1.1)}#benefits .inner .products .kasten:first-child{margin-left:0;left:-200px}@media only screen and (max-width:1024px){#benefits .inner .products .kasten:first-child{margin:20px 0 40px!important;left:0}}#benefits .inner .products .kasten:last-child{margin-right:0;right:-200px}@media only screen and (max-width:1024px){#benefits .inner .products .kasten:last-child{margin:40px 0 20px!important;left:0}}#benefits .inner .products .kasten .important{color:#ff6d00;font-weight:700;text-align:center;font-family:SuperGrotesk}#benefits .inner .products .kasten a.button{background:#048075;color:#fff;font-family:SuperGrotesk;display:block;font-size:20px;text-align:center;margin:0 -20px -20px;padding:24px 0 20px;text-transform:uppercase;font-weight:700}#benefits .inner .products .kasten a.button:hover{background:#ff6d00}#testimonials .inner{position:relative;padding-top:80px;margin-bottom:80px}@media only screen and (max-width:770px){#testimonials .inner{padding-bottom:0}}#testimonials .inner:after,#testimonials .inner:before{content:" ";display:block;background-image:url(quote.8357fddd.svg);background-repeat:no-repeat;background-position:50%;width:100px;height:100px;position:absolute;left:50%;transform:translate(-50%);background-color:#fff}#testimonials .inner:before{top:-50px}#testimonials .inner:after{bottom:-50px;transform:translate(-50%) rotate(180deg)}#testimonials .inner #testimonialSlideHolder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:calc(100% + 20px);overflow:hidden;padding-top:60px}@media only screen and (max-width:770px){#testimonials .inner #testimonialSlideHolder{width:100%}}#testimonials .inner .testimonials{margin-bottom:40px;text-align:center;display:flex;transition:margin-left .2s;margin-left:-20px}#testimonials .inner .testimonials .testimonial{position:relative;width:33%}@media only screen and (max-width:770px){#testimonials .inner .testimonials .testimonial{width:100%!important;margin-bottom:100px;width:100%}}#testimonials .inner .testimonials .testimonial .testimonialInner{padding:80px 20px 30px;position:relative;margin:0 20px;background:#fff0e5;height:calc(100% - 110px)}#testimonials .inner .testimonials .testimonial .testimonialInner:after{content:" ";width:0;display:block;border:40px solid transparent;border-top-color:#fff0e5;position:absolute;bottom:-80px;transform:translate(-50%);left:50%}@media only screen and (max-width:770px){#testimonials .inner .testimonials .testimonial .testimonialInner:after{transform:translate(0);left:20px}}#testimonials .inner .testimonials .testimonial .testimonialInner img{border-radius:50%;width:120px;height:120px;border:5px solid #fff0e5;position:absolute;transform:translate(-50%);left:50%;top:-60px}#testimonials .inner .testimonials .testimonial .testimonialInner p{color:#000;font-size:20px;margin-bottom:5px}#testimonials .inner .testimonials .testimonial .testimonialInner small{color:#ff6d00;font-size:16px;display:block;font-family:SuperGrotesk;font-weight:400;line-height:110%!important}#testimonials .inner .testimonials .testimonial .testimonialInner small .passion{color:#666}.button{background-color:#ff6d00;border:none;color:#fff;font-family:SuperGrotesk;font-weight:400;cursor:pointer;display:inline-block;text-decoration:none}.button:hover{background:#00504b}.button.XL{padding:26px 30px 20px;font-size:2.375rem;line-height:120%}@media only screen and (max-width:550px){.button.XL{font-size:28px;padding:16px 30px 10px}}.button.L{padding:15px 20px 11px;font-size:28px;line-height:120%}.button.M{padding:11px 10px 8px;font-size:18px;line-height:120%}#benefits .kacheln{height:100px;background:#ff6d00;position:relative;overflow:hidden}#benefits .kacheln .colorSquare{width:50px;height:50px;display:block;background:red;position:absolute;border:2px solid #fff;transition:all 1s}#benefits .kacheln .colorSquare.orange{background:#ff6d00}#benefits .kacheln .colorSquare.petrol{background:#048075}#benefits .kacheln .colorSquare.gelb{background:#f0dc00}#benefits .kacheln .colorSquare.gruen{background:#c7d300}#benefits .kacheln .colorSquare.blau{background:#b9e0de}#benefits .kacheln .colorSquare.violett{background:#5c004e}#benefits .kacheln .colorSquare.fadeOut{animation-name:fadeOut1;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1}.orange{color:#ff6d00}@font-face{font-family:Minion;font-style:normal;font-weight:400;src:url(2BF373_4_0.abc88111.ttf) format("truetype")}@font-face{font-family:Minion;font-style:normal;font-weight:700;src:url(2BF373_14_0.128ff2b1.ttf) format("truetype")}@font-face{font-family:Minion;font-style:italic;font-weight:400;src:url(2BF373_1B_0.3f90ec94.ttf) format("truetype")}@font-face{font-family:SuperGrotesk;font-style:normal;font-weight:400;src:url(SuperGroteskPro.6e5074f9.eot?#iefix);src:url(SuperGroteskPro.6e5074f9.eot?#iefix) format("embedded-opentype"),url(SuperGroteskPro.6573793f.woff) format("woff"),url(SuperGroteskPro.4ea24004.ttf) format("truetype")}@font-face{font-family:SuperGrotesk;font-style:normal;font-weight:700;src:url(SuperGroteskPro-Medium.c38e69e4.eot?#iefix);src:url(SuperGroteskPro-Medium.c38e69e4.eot?#iefix) format("embedded-opentype"),url(SuperGroteskPro-Medium.51a98c83.woff) format("woff"),url(SuperGroteskPro-Medium.0becee12.ttf) format("truetype")}#footer{text-align:center;font-family:SuperGrotesk;padding-bottom:70px}#footer ul{margin:0;padding:0;list-style-type:none;white-space:nowrap;display:flex;justify-content:center;align-items:center}#footer ul li{display:block;border-right:1px solid #666;margin:0!important;padding:0!important;white-space:nowrap}#footer ul li:last-child{border-right:none}#footer ul li a{color:#666;text-decoration:none;margin:0 10px;font-size:15px}#footer ul li a:hover{color:#ff6d00}body,html{font-size:16px}h1,h2,h3,h4{line-height:120%}h1,h2{text-transform:uppercase}h1{font-family:SuperGrotesk;font-weight:700;font-size:7.5rem;margin-bottom:30px}@media only screen and (max-width:1216px){h1{font-size:100px}}@media only screen and (max-width:1024px){h1{font-size:70px;margin-bottom:10px}}@media only screen and (max-width:550px){h1{font-size:44px;margin-bottom:10px}}@media only screen and (min-width:1280px) and (max-height:900px){h1{font-size:80px;margin-bottom:10px}}h2{font-family:SuperGrotesk;font-weight:400;font-size:1.875rem;color:#ff6d00;text-align:center;margin:80px 0 40px}@media only screen and (max-width:770px){h2{margin:60px 0 20px}}h3{color:#000;font-family:SuperGrotesk;font-size:1.5625rem}h3,p{font-weight:400}p{font-size:1.25rem;font-family:Minion;color:#666;margin:0 0 40px;line-height:140%}section{width:100%}section:first-child .inner{border-bottom:none}section .inner{margin:0 auto;padding-bottom:80px;max-width:934px;border-bottom:1px solid #666}@media only screen and (max-width:1024px){section .inner{margin:0 50px}}@media only screen and (max-width:770px){section .inner{margin:0 30px;padding-bottom:60px}}.clearBoth{clear:both}#skip{position:fixed;top:calc(100% - 40px);transform:translateY(-100%);right:-400px;z-index:1000;color:#00504b;font-family:SuperGrotesk;text-decoration:none;text-transform:uppercase;background-image:url(next.e293449a.svg);background-repeat:no-repeat;background-position:center right 5px;background-color:hsla(0,0%,100%,.5);background-size:20px 20px;border-radius:5px;display:block;opacity:0;padding:8px 25px 5px 10px;transition:opacity .2s,right .2s}@media only screen and (max-width:550px){#skip{right:50%;transform:translate(50%,-50%)}}#skip:hover{background-color:hsla(0,0%,100%,.8)}#skip.visible{opacity:1;right:40px}@media only screen and (max-width:550px){#skip.visible{right:50%;transform:translate(50%,-50%)}}#cookie-banner,#cookie-banner p{font-family:SuperGrotesk}
/*# sourceMappingURL=main.d1aa4002.css.map */