.sh{position:relative;min-height:100vh;min-height:100svh;display:grid;align-items:center;overflow:hidden;background:radial-gradient(70% 60% at 50% 40%,color-mix(in srgb,var(--color-key) 45%,transparent),transparent 70%),var(--color-dark);color:var(--color-on-dark)}.sh__leinwand{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.sh:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 50%,color-mix(in srgb,var(--color-dark) 55%,transparent),transparent 75%)}.sh__inhalt{position:relative;z-index:1;text-align:center;padding-block:calc(var(--header-height) + 3rem) 4rem;display:grid;justify-items:center;gap:clamp(1.25rem,2.5vw,2rem)}.sh__badge{display:inline-flex;align-items:center;gap:.6rem;margin:0;padding:.7rem 1.4rem;border:1px solid color-mix(in srgb,var(--color-accent-on-dark) 40%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-dark) 70%,var(--color-accent-on-dark) 12%);font-size:var(--size-small)}.sh__punkt{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-accent-on-dark);box-shadow:0 0 12px var(--color-accent-on-dark)}.sh__titel{margin:0;font-family:var(--font-display);font-size:var(--size-huge);line-height:.9;letter-spacing:-.01em;text-transform:uppercase}.sh__zeile{display:block;background-clip:text;-webkit-background-clip:text;color:transparent}.sh__zeile--1{background-image:linear-gradient(90deg,var(--color-on-dark),color-mix(in srgb,var(--color-on-dark) 70%,var(--color-accent-on-dark)))}.sh__zeile--2{background-image:linear-gradient(90deg,var(--color-accent-on-dark),color-mix(in srgb,var(--color-accent-on-dark) 60%,var(--color-on-dark)),var(--color-accent-on-dark));background-size:200% 100%}.sh__text{max-width:40rem;margin:0;font-size:clamp(1.05rem,1.6vw,1.3rem);color:color-mix(in srgb,var(--color-on-dark) 85%,transparent)}.sh__knoepfe{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.motion .sh__ab{animation:sh-runter .6s var(--ease-out) both}.motion .sh__auf{animation:sh-hoch .6s var(--ease-out) both}.motion .sh__zeile--1{animation-delay:.15s}.motion .sh__zeile--2{animation-delay:.3s}.motion .sh__text{animation-delay:.45s}.motion .sh__knoepfe{animation-delay:.6s}@keyframes sh-runter{0%{opacity:0;transform:translateY(-20px)}}@keyframes sh-hoch{0%{opacity:0;transform:translateY(30px)}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/shader-hero.css.map */