:root{--c-primary-100: rgba(208, 62, 63, 1);--c-primary-80: rgba(220, 111, 112, 1);--c-primary-60: rgba(231, 158, 159, 1);--c-secondary-100: rgba(24, 65, 51, 1);--c-secondary-80: rgba(41, 112, 88, 1);--c-dark-100: rgba(17,17, 17, 1);--c-dark-80: rgba(69, 69, 69, 1);--c-dark-60: rgba(152, 152, 152, 1);--c-dark-40: rgba(227, 227, 227, 1);--c-light-100: rgba(237, 244, 245, 1);--c-light-80: rgba(244, 248, 251, 1);--c-white: rgba(255, 255, 255, 1);--c-success: rgba(44, 187, 118, 1);--c-error: rgba(252 / 60 / 71, 1)}@font-face{font-family:'General Sans';font-style:normal;font-display:swap;src:url("../../fonts/GeneralSans-Variable.ttf") format("truetype")}.ff-gs{font-family:'General Sans', sans-serif}@font-face{font-family:'Crimson Pro';font-style:normal;font-display:swap;src:url("../../fonts/CrimsonPro-Variable.ttf") format("truetype")}.ff-cs{font-family:'Crimson Pro', serif}:root{--fs-h1-max: 50;--fs-h1-min: 30;--lh-h1-max: 64;--lh-h1-min: 40;--fs-h2-max: 44;--fs-h2-min: 34;--lh-h2-max: 52;--lh-h2-min: 42;--fs-h3-max: 30;--fs-h3-min: 20;--lh-h3-max: 40;--lh-h3-min: 30;--fs-h4-max: 24;--fs-h4-min: 20;--lh-h4-max: 36;--lh-h4-min: 30;--fs-h5-max: 24;--fs-h5-min: 20;--lh-h5-max: 36;--lh-h5-min: 30;--fs-h6-max: 24;--fs-h6-min: 20;--lh-h6-max: 36;--lh-h6-min: 30;--fs-text-xl-max: 20;--fs-text-xl-min: 20;--lh-text-xl-max: 26;--lh-text-xl-min: 26;--fs-text-l-max: 16;--fs-text-l-min: 16;--lh-text-l-max: 24;--lh-text-l-min: 24;--fs-text-m-max: 14;--fs-text-m-min: 14;--lh-text-m-max: 21;--lh-text-m-min: 21;--fs-text-s-max: 12;--fs-text-s-min: 12;--lh-text-s-max: 16;--lh-text-s-min: 16;--fs-label-max: 10;--fs-label-min: 10;--lh-label-max: 14;--lh-label-min: 14;--fs-text-special-max: 24;--fs-text-special-min: 24;--lh-text-special-max: 26;--lh-text-special-min: 26}.container{width:100%;max-width:1340px;padding:0 16px;margin:0 auto;position:relative;z-index:1}.section{position:relative;padding-top:var(--pt-d);padding-bottom:var(--pb-d)}@media screen and (max-width: 800px){.section{padding-top:var(--pt-m);padding-bottom:var(--pb-m)}}.section:before{content:'';display:block;background:inherit;height:100%;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:absolute;top:0;left:0;z-index:-1}.grid{display:grid;grid-gap:16px;grid-template-columns:repeat(12, 1fr);margin:0 auto;padding:0 30px}.grid .column{grid-column:span var(--span)}.grid--oh-left .column{justify-content:flex-start}.grid--oh-center .column{justify-content:center}.grid--oh-right .column{justify-content:flex-end}.grid--ov-top .column{align-items:flex-start}.grid--ov-center .column{align-items:center}.grid--ov-bottom .column{align-items:flex-end}.grid--size-fullwidth{position:relative;width:100vw;max-width:100vw;padding:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.grid--gap-gapless{grid-gap:0}.grid--whitebg{background-color:var(--c-white)}@media screen and (max-width: 800px){.grid{grid-gap:0;grid-template-columns:repeat(1, 1fr);padding:0}.grid .column{grid-column:span 1}}.fs-s{font-size:calc(var(--fs-text-s-min) * 1px);line-height:calc(var(--lh-text-s-min) * 1px);letter-spacing:1.2px}@media screen and (min-width: 576px){.fs-s{font-size:calc(var(--fs-text-s-min) * 1px + (var(--fs-text-s-max) - var(--fs-text-s-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.fs-s{font-size:calc(var(--fs-text-s-max) * 1px)}}@media screen and (min-width: 576px){.fs-s{line-height:calc(var(--lh-text-s-min) * 1px + (var(--lh-text-s-max) - var(--lh-text-s-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.fs-s{line-height:calc(var(--lh-text-s-max) * 1px)}}.fs-m{font-size:calc(var(--fs-text-m-min) * 1px);line-height:calc(var(--lh-text-m-min) * 1px)}@media screen and (min-width: 576px){.fs-m{font-size:calc(var(--fs-text-m-min) * 1px + (var(--fs-text-m-max) - var(--fs-text-m-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.fs-m{font-size:calc(var(--fs-text-m-max) * 1px)}}@media screen and (min-width: 576px){.fs-m{line-height:calc(var(--lh-text-m-min) * 1px + (var(--lh-text-m-max) - var(--lh-text-m-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.fs-m{line-height:calc(var(--lh-text-m-max) * 1px)}}.fs-l{font-size:calc(var(--fs-text-l-min) * 1px);line-height:calc(var(--lh-text-l-min) * 1px)}@media screen and (min-width: 576px){.fs-l{font-size:calc(var(--fs-text-l-min) * 1px + (var(--fs-text-l-max) - var(--fs-text-l-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.fs-l{font-size:calc(var(--fs-text-l-max) * 1px)}}@media screen and (min-width: 576px){.fs-l{line-height:calc(var(--lh-text-l-min) * 1px + (var(--lh-text-l-max) - var(--lh-text-l-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.fs-l{line-height:calc(var(--lh-text-l-max) * 1px)}}.fs-special{font-size:calc(var(--fs-text-special-min) * 1px);line-height:calc(var(--lh-text-special-min) * 1px)}@media screen and (min-width: 576px){.fs-special{font-size:calc(var(--fs-text-special-min) * 1px + (var(--fs-text-special-max) - var(--fs-text-special-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.fs-special{font-size:calc(var(--fs-text-special-max) * 1px)}}@media screen and (min-width: 576px){.fs-special{line-height:calc(var(--lh-text-special-min) * 1px + (var(--lh-text-special-max) - var(--lh-text-special-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.fs-special{line-height:calc(var(--lh-text-special-max) * 1px)}}.fs-label{font-size:calc(var(--fs-label-min) * 1px);line-height:calc(var(--lh-label-min) * 1px);letter-spacing:1px}@media screen and (min-width: 576px){.fs-label{font-size:calc(var(--fs-label-min) * 1px + (var(--fs-label-max) - var(--fs-label-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.fs-label{font-size:calc(var(--fs-label-max) * 1px)}}@media screen and (min-width: 576px){.fs-label{line-height:calc(var(--lh-label-min) * 1px + (var(--lh-label-max) - var(--lh-label-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.fs-label{line-height:calc(var(--lh-label-max) * 1px)}}.h1{font-size:calc(var(--fs-h1-min) * 1px);line-height:calc(var(--lh-h1-min) * 1px);letter-spacing:-1px}@media screen and (min-width: 576px){.h1{font-size:calc(var(--fs-h1-min) * 1px + (var(--fs-h1-max) - var(--fs-h1-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.h1{font-size:calc(var(--fs-h1-max) * 1px)}}@media screen and (min-width: 576px){.h1{line-height:calc(var(--lh-h1-min) * 1px + (var(--lh-h1-max) - var(--lh-h1-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.h1{line-height:calc(var(--lh-h1-max) * 1px)}}.h2{font-size:calc(var(--fs-h2-min) * 1px);line-height:calc(var(--lh-h2-min) * 1px);letter-spacing:-0.88px}@media screen and (min-width: 576px){.h2{font-size:calc(var(--fs-h2-min) * 1px + (var(--fs-h2-max) - var(--fs-h2-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.h2{font-size:calc(var(--fs-h2-max) * 1px)}}@media screen and (min-width: 576px){.h2{line-height:calc(var(--lh-h2-min) * 1px + (var(--lh-h2-max) - var(--lh-h2-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.h2{line-height:calc(var(--lh-h2-max) * 1px)}}.h3{font-size:calc(var(--fs-h3-min) * 1px);line-height:calc(var(--lh-h3-min) * 1px)}@media screen and (min-width: 576px){.h3{font-size:calc(var(--fs-h3-min) * 1px + (var(--fs-h3-max) - var(--fs-h3-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.h3{font-size:calc(var(--fs-h3-max) * 1px)}}@media screen and (min-width: 576px){.h3{line-height:calc(var(--lh-h3-min) * 1px + (var(--lh-h3-max) - var(--lh-h3-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.h3{line-height:calc(var(--lh-h3-max) * 1px)}}.h4{font-size:calc(var(--fs-h4-min) * 1px);line-height:calc(var(--lh-h4-min) * 1px)}@media screen and (min-width: 576px){.h4{font-size:calc(var(--fs-h4-min) * 1px + (var(--fs-h4-max) - var(--fs-h4-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.h4{font-size:calc(var(--fs-h4-max) * 1px)}}@media screen and (min-width: 576px){.h4{line-height:calc(var(--lh-h4-min) * 1px + (var(--lh-h4-max) - var(--lh-h4-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.h4{line-height:calc(var(--lh-h4-max) * 1px)}}.h5{font-size:calc(var(--fs-h5-min) * 1px);line-height:calc(var(--lh-h5-min) * 1px)}@media screen and (min-width: 576px){.h5{font-size:calc(var(--fs-h5-min) * 1px + (var(--fs-h5-max) - var(--fs-h5-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.h5{font-size:calc(var(--fs-h5-max) * 1px)}}@media screen and (min-width: 576px){.h5{line-height:calc(var(--lh-h5-min) * 1px + (var(--lh-h5-max) - var(--lh-h5-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.h5{line-height:calc(var(--lh-h5-max) * 1px)}}.h6{font-size:calc(var(--fs-h6-min) * 1px);line-height:calc(var(--lh-h6-min) * 1px)}@media screen and (min-width: 576px){.h6{font-size:calc(var(--fs-h6-min) * 1px + (var(--fs-h6-max) - var(--fs-h6-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.h6{font-size:calc(var(--fs-h6-max) * 1px)}}@media screen and (min-width: 576px){.h6{line-height:calc(var(--lh-h6-min) * 1px + (var(--lh-h6-max) - var(--lh-h6-min)) * ((100vw - 576px) / (624)))}}@media screen and (min-width: 1200px){.h6{line-height:calc(var(--lh-h6-max) * 1px)}}.fw-light{font-weight:300}.fw-regular{font-weight:400}.fw-medium{font-weight:500}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.has-shadow{box-shadow:0 8px 16px 0 rgba(25,25,25,0.1)}.has-shadow--small{box-shadow:0 1px 8px 0 rgba(25,25,25,0.25)}.ta-left{text-align:left}.ta-center{text-align:center}.ta-right{text-align:right}.tt-uppercase{text-transform:uppercase}.tt-lowercase{text-transform:lowercase}.tt-capitalize{text-transform:capitalize}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html,body{font-family:"General Sans", Arial, sans-serif;font-style:normal;font-size:16px;font-weight:400;line-height:150%;letter-spacing:-0.32px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--c-white);color:var(--c-dark-100);margin:0;padding:0;width:100vw;overflow-x:hidden;overscroll-behavior-y:none}a{color:inherit;text-decoration:none}a:active,a:hover,a:focus,a:visited{text-decoration:none}p{margin:0 0 16px 0}p:nth-last-child(1){margin:0}h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0;padding:0}ul{margin:0;padding:0}iframe,img,video{display:block;height:auto;width:100%;max-width:100%;margin:0 auto}img,svg{display:block;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}video,iframe{border:none;outline:none}button{font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit}.header{position:relative;z-index:3;display:flex;justify-content:center}.header .navbar{position:fixed;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1920px;padding:48px 60px 0 60px;transition:transform 350ms ease}.header .navbar .navbar__logo svg{max-width:200px;width:100%}.header .navbar .navbar__buttons{display:flex;gap:32px}.header .navbar.navbar--scrolled{transform:translateY(-100%)}.header .floater{cursor:pointer;position:fixed;top:0;z-index:2;display:flex;align-items:center;justify-content:flex-end;width:100%;max-width:1920px;padding:48px 60px 0 60px;transform:translateY(-100%);transition:transform 350ms ease}.header .floater .floater__toggle{padding:12px;border-radius:12px;background-color:var(--c-white)}.header .floater.floater--show{transform:translateY(0)}.header .burger{cursor:pointer;display:flex;align-items:center;gap:15px}.header .burger .burger__bars{position:relative;width:20px}.header .burger .burger__bars:before,.header .burger .burger__bars:after{content:'';position:absolute;bottom:50%;width:100%;height:1.5px;background-color:var(--c-dark-100)}.header .burger .burger__bars:before{transform:translateY(calc(50% + 3px))}.header .burger .burger__bars:after{transform:translateY(calc(50% - 3px))}@media screen and (max-width: 800px){.header .navbar{padding:48px 24px 0 24px}.header .navbar .navbar__buttons .navbar__button{display:none}.header .navigation .navigation__inner{top:0;width:100vw;border-top-left-radius:0;border-top-right-radius:0}.header .navigation.navigation--open .navigation__inner{transform:translateX(0)}.header .floater{padding:48px 24px 0 24px}}.navigation{position:fixed;top:0;right:0;z-index:3;width:0;height:100vh;transition:width 350ms ease}.navigation__inner{position:absolute;top:48px;right:0;max-width:480px;width:50vw;border-radius:12px;background-color:var(--c-white);padding:32px 32px 36px 60px;transform:translateX(100%);transition:transform 350ms ease}.navigation__close{cursor:pointer;display:flex;align-items:center;justify-content:flex-end;gap:8px;width:fit-content;margin-bottom:28px;margin-left:auto}.navigation__footer{border-top:1px solid var(--c-dark-40);padding-top:32px;margin-top:32px}.navigation__footer .menu-lang{display:flex;align-items:center;justify-content:space-between}.navigation__footer .menu-lang__label{font-size:12px}.navigation .menu__item{display:block}.navigation .menu--main .menu__item{font-size:24px;font-weight:500;line-height:36px;margin-bottom:28px}.navigation .menu--legal .menu__item{color:var(--c-dark-80);font-size:12px;line-height:16px;margin-bottom:16px}.navigation:before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;opacity:0.6;background-color:var(--c-dark-100)}.navigation.navigation--open{width:100vw}.navigation.navigation--open .navigation__inner{transform:translateX(-60px)}@media screen and (max-width: 800px){.navigation .navigation__inner{width:100vw;max-width:100%;padding:64px 24px 32px 40px}.navigation__footer{padding-top:24px;margin-top:24px}.navigation .menu--legal .menu__item{margin-bottom:12px}}.footer{position:relative;z-index:2;padding:90px 0 0;color:var(--c-light-100);background-color:var(--c-secondary-100)}.footer .footer__content .grid--whitebg{margin:80px 0 0 0;padding-top:45px;padding-bottom:45px;border-top-left-radius:12px;border-top-right-radius:12px}.footer .footer__content .footer__contact{display:flex;align-items:flex-start;justify-content:center;gap:90px}.footer .footer__content .footer__contact .footer__part{width:50%}.footer .footer__content .footer__contact .footer__part .footer__content{margin:0 0 32px 0}.footer .footer__language{display:flex;align-items:center;justify-content:flex-end;gap:20px;height:100%}@media screen and (max-width: 800px){.footer .footer__content .grid--whitebg{position:relative;width:100vw;left:50%;right:50%;padding:45px 24px;margin:60px -50vw 0 -50vw}.footer .footer__content .footer__contact{flex-direction:column;gap:16px}.footer .footer__content .footer__contact .footer__part{width:100%}}.block{margin-bottom:var(--mb-d)}@media screen and (max-width: 800px){.block{margin-bottom:var(--mb-m)}}.bookmark-badge{background-color:rgba(255,255,255,0.4);backdrop-filter:blur(24px);box-shadow:0 0 50px 0 rgba(0,0,0,0.15);border-radius:12px 0 0 12px;padding:24px 28px 32px;position:fixed;bottom:100px;right:0;z-index:5;color:var(--c-white);transition:transform 350ms cubic-bezier(0.21, 0.4, 0.48, 1)}.bookmark-badge__inner{background-color:var(--c-primary-100);border-radius:20px;height:40px;width:40px;padding:12px 4px;position:relative}.bookmark-badge__icon{position:absolute;top:12px;left:6px}.bookmark-badge__icon svg{height:20px;width:20px}.bookmark-badge__icon svg path{fill:var(--c-white)}.bookmark-badge__counter{font-size:12px;line-height:100%;text-align:right;background-color:var(--c-primary-100);padding-left:4px;position:absolute;top:16px;right:8px;border-radius:100%}body{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;background-color:var(--c-light-100)}main{position:relative;z-index:2}.header[data-page="produkte"],.header[data-page="products"]{z-index:4}.main[data-page="produkte"],.main[data-page="products"]{z-index:3}.button{display:inline-flex;align-items:center;padding:14px 24px;border-radius:40px;cursor:pointer;text-transform:uppercase;transition:background-color 350ms cubic-bezier(0.21, 0.4, 0.48, 1)}.button.button--red{color:var(--c-white);background-color:var(--c-primary-100)}.button.button--red:active,.button.button--red:focus,.button.button--red:hover{background-color:var(--c-primary-80)}.button.button--green{color:var(--c-white);background-color:var(--c-secondary-100)}.button.button--green:active,.button.button--green:focus,.button.button--green:hover{background-color:var(--c-secondary-80)}.button.button--ghost{color:var(--c-dark-40);background-color:var(--c-white);border:1px solid var(--c-dark-40)}.button.button--icon .button__label{width:0;text-wrap:nowrap;overflow:hidden;transform:translateX(-10px);transition:width 350ms ease}.button.button--icon:hover{padding:14px 24px 14px 34px}.button.button--icon:hover .button__icon svg{transform:translateX(5px)}.button .button__icon{width:16px;height:16px}.button .button__icon svg{width:100%;height:100%;object-fit:contain;transition:transform 350ms ease}.button .button__icon svg path{stroke:var(--c-white)}.menu-lang__label{color:var(--c-dark-60)}.menu-lang__switch{display:flex;align-items:center;justify-content:flex-end;gap:8px;background-color:var(--c-light-100);border-radius:40px;padding:4px 8px}.menu-lang__item{font-size:10px;letter-spacing:1px;border-radius:40px;color:var(--c-dark-100);padding:6px 20px;transition:background-color 350ms cubic-bezier(0.21, 0.4, 0.48, 1),color 350ms cubic-bezier(0.21, 0.4, 0.48, 1)}.menu-lang__item:hover{background-color:var(--c-secondary-80);color:var(--c-light-100)}.menu-lang__item.active{background-color:var(--c-secondary-100);color:var(--c-light-100)}