.kani-hero{position:relative;overflow:hidden;padding:10px var(--kani-rand) 20px;text-align:center}.kani-hero__glow{position:absolute;inset:-30% -10% auto -10%;height:520px;z-index:0;pointer-events:none;background:radial-gradient(46% 52% at 22% 34%,rgba(219,6,62,.42) 0%,rgba(219,6,62,.22) 38%,rgba(219,6,62,.07) 56%,transparent 74%),radial-gradient(44% 50% at 80% 26%,rgba(0,124,253,.36) 0%,rgba(0,124,253,.19) 38%,rgba(0,124,253,.06) 56%,transparent 74%),radial-gradient(38% 44% at 54% 8%,rgba(0,124,253,.3) 0%,rgba(0,124,253,.14) 40%,transparent 70%),radial-gradient(34% 40% at 8% 4%,rgba(120,200,255,.24) 0%,rgba(120,200,255,.1) 42%,transparent 72%);animation:kani-drift 16s ease-in-out infinite alternate}@keyframes kani-drift{to{transform:translate3d(0,26px,0) scale(1.09)}}.kani-hero__in{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:900px;margin-inline:auto}.kani-hero__karte{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;gap:0;width:min(100%,560px);aspect-ratio:7/9;max-height:calc(100vh - 200px);max-height:calc(100svh - 200px);padding:clamp(8px,2.2vw,16px) clamp(14px,3.4vw,26px) 0;border-radius:clamp(16px,4.6vw,24px);background:var(--kani-karte-bg);box-shadow:none}.kani-hero__karte:after{content:"";position:absolute;z-index:0;pointer-events:none;left:50%;bottom:-8%;transform:translate(-50%);width:100%;height:66%;background:radial-gradient(56% 52% at 50% 64%,rgba(120,190,255,.6) 0%,rgba(70,160,255,.44) 26%,rgba(0,124,253,.28) 48%,rgba(0,124,253,.12) 64%,transparent 80%)}.kani-hero__h{position:relative;z-index:1;flex:none;font-family:var(--kani-display);font-weight:700;font-size:clamp(3.3rem,9.2vw,5.2rem);line-height:.92;letter-spacing:-.015em;text-transform:uppercase;text-wrap:balance;max-width:90%;margin:clamp(10px,3.6%,28px) 0 0;color:var(--kani-sugar);text-shadow:.034em 0 0 #000,-.034em 0 0 #000,0 .034em 0 #000,0 -.034em 0 #000,.024em .024em 0 #000,-.024em .024em 0 #000,.024em -.024em 0 #000,-.024em -.024em 0 #000,.062em .072em 0 var(--kani-pink),.072em .082em 0 #000,.105em .125em 0 var(--kani-zitrone),.115em .135em 0 #000,0 .16em .22em rgba(0,0,0,.45)}.kani-hero__h--bild{position:relative;z-index:2;margin:clamp(2px,.6%,8px) 0 0;max-width:none;width:min(64%,300px);text-shadow:none}.kani-hero__schriftzug{display:block;width:100%;height:auto}.kani-hero__bildbox{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex}.kani-hero__bildbox picture{display:flex;width:100%;height:100%}.kani-hero__bild{width:100%;height:100%;object-fit:cover;object-position:center}.kani-hero__lede{margin:14px 0 2px;max-width:44ch;color:var(--kani-text);font-size:clamp(1.35rem,3.8vw,1.55rem);font-weight:700;line-height:1.45;text-wrap:balance}.kani-bew{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;color:inherit;text-decoration:none;font-size:1.35rem}a.kani-bew:hover .kani-bew__text{text-decoration:underline}.kani-bew__sterne{position:relative;display:inline-block;flex:none;font-size:1.7rem;line-height:1;letter-spacing:.1em;white-space:nowrap}.kani-bew__leer,.kani-bew__voll{margin-right:-.1em}.kani-bew__leer{color:#ffffff40}.kani-bew__voll{position:absolute;left:0;top:0;overflow:hidden;width:var(--kani-bew,0%);color:#ffc12e}.kani-bew__text{opacity:.8}.kani-bew__text strong{opacity:1;font-weight:700}.kani-hero__cta{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px}.kani-hero__cta>*{width:100%}.kani-btn--lg{min-height:70px;padding:0 40px;font-size:1.9rem;text-decoration:none}.kani-hero__trust{margin:0;font-size:1.3rem;opacity:.6}@media(min-width:750px){.kani-hero{padding:22px var(--kani-rand) 28px}.kani-hero__karte{max-height:calc(100vh - 235px);max-height:calc(100svh - 235px)}.kani-hero__lede{font-size:1.7rem}.kani-hero__cta{flex-direction:row;max-width:none;justify-content:center}.kani-hero__cta>*{width:auto;min-width:250px}}@media(prefers-reduced-motion:reduce){.kani-hero__glow{animation:none}}.kani-hero__karte--collage{background:radial-gradient(80% 45% at 0% 0%,rgba(0,124,253,.75),transparent 75%),radial-gradient(80% 45% at 100% 0%,rgba(219,6,62,.6),transparent 75%),#0b2a6b}.kani-hero__karte--collage:before{content:none}.kani-hero__kopf{position:relative;z-index:2;flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:clamp(10px,4%,26px);text-align:center;color:var(--kani-sugar)}.kani-hero__titel{margin:0;font-family:var(--kani-display);font-weight:700;font-size:clamp(2.8rem,7.4vw,4rem);line-height:.98;letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance}.kani-hero__zeile{margin:0;max-width:38ch;font-size:1.55rem;line-height:1.35;opacity:.82}.kani-hero__karte--collage .kani-hero__bildbox{padding:0}.kani-hero__karte--collage .kani-hero__bild{object-fit:cover;object-position:center}.kani-hero__karte--collage .kani-hero__titel,.kani-hero__karte--collage .kani-hero__zeile{text-shadow:0 1px 2px rgba(1,16,52,.9),0 2px 10px rgba(1,16,52,.85),0 0 22px rgba(1,16,52,.7)}.kani-hero__karte--collage .kani-hero__zeile{opacity:1;font-weight:600}.kani-hero__karte--collage .kani-hero__bildbox:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0110349e,#0110346b 18%,#01103400 34%)}@media(min-width:990px){.kani-hero__karte--collage{flex-direction:row;align-items:center}.kani-hero__karte--collage .kani-hero__kopf{width:40%;margin:0;padding-left:3%}.kani-hero__karte--collage .kani-hero__titel{font-size:clamp(3.6rem,4.4vw,5.6rem)}.kani-hero__karte--collage .kani-hero__zeile{font-size:1.9rem}.kani-hero__karte--collage .kani-hero__bild{object-position:center 58%}.kani-hero__karte--collage .kani-hero__bildbox:after{background:linear-gradient(90deg,#011034ad,#01103480 28%,#01103400 50%)}}@media(min-width:990px){.kani-hero__in{max-width:1180px}.kani-hero__karte{width:100%;aspect-ratio:16/9;max-height:none}.kani-hero__bild{object-position:center 16%}}.kani-hero__karte--collage{--sticker-oben:30%;--sticker-rechts:2%}@media(min-width:990px){.kani-hero__karte--collage{--sticker-oben:7%;--sticker-rechts:2.5%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/kani-hero.css.map */