.hero{--impuls: #5fd0ff;--takt: 3.2s;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;min-height:919px;padding-block-end:80px;text-align:center;color:var(--c-weiss);background:linear-gradient(180deg,var(--hero-oben, #3b6e9e),var(--hero-unten, #c3d6e6))}.hero__hintergrund{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.hero__hintergrund img{width:100%;height:100%;object-fit:cover}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.34;pointer-events:none;background:linear-gradient(170deg,rgba(3,3,15,.99),#00000c 25%,rgba(0,0,18,.933) 50%,rgba(0,6,30,.84) 70%,transparent)}.hero__ebene{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero__titel{position:absolute;inset-block-start:128px;inset-inline:0;margin-inline:auto;width:max-content;font-size:min(var(--t-hero),23vw);line-height:.81;letter-spacing:var(--ls-hero);font-weight:500;white-space:nowrap;color:transparent;background:linear-gradient(90deg,#ffffff1a,#fff 36.06% 65.38%,#ffffff1a);-webkit-background-clip:text;background-clip:text}.hero__produkt{position:absolute;inset-block-start:188px;inset-inline:0;margin-inline:auto;width:418px;height:478px}.hero__schwebe{position:relative;height:100%;margin-inline:auto}.hero__produkt{perspective:1200px}.hero__kipp{height:100%;transform:rotateY(calc(var(--kipp-x, 0) * 10deg)) rotateX(calc(var(--kipp-y, 0) * -7deg));transition:transform .7s cubic-bezier(.23,1,.32,1)}.hero__schwebe--vorne{aspect-ratio:770 / 1320}.hero__schwebe .freisteller{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 90%);mask-image:linear-gradient(180deg,#000 60%,transparent 90%)}.hero__weiss{height:100%;mix-blend-mode:multiply}.hero__weiss img{width:100%;height:100%;object-fit:contain}.hero__glut,.hero__ring{position:absolute;z-index:0;pointer-events:none}.hero__glut{top:16%;right:-18%;bottom:12%;left:-18%;border-radius:50%;background:radial-gradient(closest-side,#5fd0ff8c,#5fd0ff00);opacity:.3}.hero__ring{top:44%;left:50%;width:92%;aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(95,208,255,.65);opacity:0;transform:translate(-50%,-50%) scale(.55)}.hero__elektroden{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.elektrode{position:absolute;left:var(--x);top:var(--y);width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--impuls);box-shadow:0 0 6px 2px #5fd0ffe6,0 0 20px 7px #5fd0ff66;opacity:0}.hero--impuls .hero__glut{animation:hero-glut var(--takt) cubic-bezier(.23,1,.32,1) infinite}.hero--impuls .hero__ring{animation:hero-ring var(--takt) cubic-bezier(.23,1,.32,1) infinite}.hero--impuls .hero__ring--2{animation-delay:.22s}.hero--impuls .elektrode{animation:elektrode var(--takt) cubic-bezier(.23,1,.32,1) infinite;animation-delay:calc(var(--i) * 60ms)}.hero__schwebe{animation:hero-schweben 6s ease-in-out infinite alternate}@keyframes hero-glut{0%,to{opacity:.25;transform:scale(.94)}14%{opacity:.65;transform:scale(1.04)}50%{opacity:.32;transform:scale(1)}}@keyframes hero-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}8%{opacity:.75}55%,to{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}@keyframes elektrode{0%{opacity:0;transform:scale(.6)}7%{opacity:1;transform:scale(1.15)}42%{opacity:.9;transform:scale(1)}56%,to{opacity:0;transform:scale(.6)}}@keyframes hero-schweben{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.js .hero__titel{background-image:linear-gradient(105deg,transparent 42%,rgba(178,233,255,.95) 50%,transparent 58%),linear-gradient(90deg,#ffffff1a,#fff 36.06% 65.38%,#ffffff1a);background-size:260% 100%,100% 100%;background-repeat:no-repeat;background-position:130% 0,0 0;opacity:0}.js .hero.ist-bereit .hero__titel{opacity:1;animation:hero-titel 1.4s cubic-bezier(.23,1,.32,1) both,hero-glanz 1.6s cubic-bezier(.77,0,.175,1) 1s both}@keyframes hero-glanz{0%{background-position:130% 0,0 0}to{background-position:-30% 0,0 0}}.js .hero__produkt{animation:hero-produkt 1.2s cubic-bezier(.23,1,.32,1) both}.js .hero__unten>*{opacity:.01}.js .hero.ist-bereit .hero__unten>*{opacity:1;animation:hero-auf .8s cubic-bezier(.23,1,.32,1) both}.js .hero.ist-bereit .hero__unten>:nth-child(1){animation-delay:.35s}.js .hero.ist-bereit .hero__unten>:nth-child(2){animation-delay:.41s}.js .hero.ist-bereit .hero__unten>:nth-child(3){animation-delay:.47s}@keyframes hero-titel{0%{opacity:0;transform:translateY(28px) scale(.98);filter:blur(8px)}}@keyframes hero-produkt{0%{opacity:.01;transform:translateY(40px) scale(.96)}}@keyframes hero-auf{0%{opacity:.01;transform:translateY(16px)}}@supports (animation-timeline: scroll()){@media(prefers-reduced-motion:no-preference){.hero__ebene--titel{animation:ebene-titel linear both;animation-timeline:scroll(root);animation-range:0 800px}.hero__ebene--produkt{animation:ebene-produkt linear both;animation-timeline:scroll(root);animation-range:0 800px}}}@keyframes ebene-titel{to{transform:translateY(-120px);opacity:.2}}@keyframes ebene-produkt{to{transform:translateY(-50px) scale(.97)}}.hero__unten{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;margin-block-start:527px;padding-inline:23px}.hero__untertitel{max-width:344px;font-size:24px;line-height:30px;letter-spacing:.28px;font-weight:500;text-shadow:0 1px 12px rgba(0,10,30,.25)}.hero__knopf{margin-block-start:40px;min-height:57px;padding:16px 32px}.hero__bewertung{display:flex;flex-direction:column;align-items:center;gap:12px;margin-block-start:40px;padding:8px 16px;border-radius:var(--r-gross)}.hero__bewertung .hero__anzahl{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .2s ease-out}@media(hover:hover)and (pointer:fine){.hero__bewertung:hover .hero__anzahl{text-decoration-color:currentColor}}.hero__zahl{font-size:54px;line-height:54px}.hero__anzahl{font-size:16px;line-height:18px;font-weight:500;letter-spacing:.16px}@media(min-width:1024px){.hero{min-height:1117px}.hero__titel{inset-block-start:150px}.hero__produkt{inset-block-start:286px;width:573px;height:640px}.hero__unten{margin-block-start:717px}}@media(prefers-reduced-motion:reduce){.hero__schwebe,.hero--impuls .hero__glut,.hero--impuls .hero__ring,.hero--impuls .elektrode{animation:none}.hero__kipp{transform:none}.hero--impuls .elektrode{opacity:.85}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/hero.css.map */