.noir-hero{display:flex;flex-direction:column;padding-block-end:var(--noir-space-7);color:var(--noir-fg)}.noir-hero__film{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-color:var(--noir-ink-950)}.noir-hero__video,.noir-hero__standbild,.noir-hero__standbild img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.noir-hero__video{transform-origin:50% 40%}.noir-hero__standbild{transition:opacity var(--noir-dur-slow) var(--noir-ease)}.noir-hero__standbild[data-weg]{opacity:0!important}.noir-hero__schleier{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(46% 40% at 50% 58%,color-mix(in srgb,var(--noir-ink-950) 34%,transparent),transparent 100%),radial-gradient(80% 60% at 50% 42%,color-mix(in srgb,var(--noir-ink-950) 30%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--noir-ink-950) 34%,transparent),color-mix(in srgb,var(--noir-ink-950) 20%,transparent) 42%,color-mix(in srgb,var(--noir-ink-900) 92%,transparent))}.noir-hero__buehne{position:relative;display:grid;place-items:center;min-height:calc(var(--noir-hero-buehne, 100) * 1svh - var(--noir-header-h))}.noir-hero__licht{position:absolute;top:-10%;left:calc(50% - min(240px,35vw));width:min(480px,70vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--noir-silver-500) 14%,transparent),transparent);pointer-events:none}.noir-hero__kopie{position:relative;display:grid;justify-items:center;max-width:920px;text-align:center}.noir-hero__siegel{position:relative;width:clamp(120px,12vw,176px);aspect-ratio:1;-webkit-user-select:none;user-select:none;pointer-events:none}.noir-hero__siegel canvas,.noir-hero__siegel-standbild{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.noir-hero__siegel-standbild{scale:.8;translate:0 3.6%}.noir-hero__siegel.is-lebt .noir-hero__siegel-standbild{opacity:0}.noir-hero__siegel.is-lebt.is-verloren .noir-hero__siegel-standbild{opacity:1}.noir-hero__eyebrow{margin-block-start:var(--noir-space-5);color:var(--noir-fg-2)}.noir-hero__titel{margin-block-start:var(--noir-space-4);font-family:var(--noir-font-serif);font-weight:400;font-size:clamp(2.55rem,5.4vw,4.6rem);line-height:1.02;letter-spacing:-.02em;text-wrap:balance}.noir-hero__titel em{font-style:italic;color:var(--noir-silver-400)}.noir-hero__satz{max-width:54ch;margin-block-start:var(--noir-space-5);color:var(--noir-fg-2);line-height:1.7}.noir-hero__knoepfe{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--noir-space-4) var(--noir-space-6);margin-block-start:var(--noir-space-7)}.noir-hero__knopf{translate:var(--noir-magnet-x, 0) var(--noir-magnet-y, 0);transition:translate .5s cubic-bezier(.22,1,.36,1)}.noir-hero__beweis{display:grid;grid-template-columns:minmax(16px,48px) auto minmax(16px,48px);align-items:center;column-gap:var(--noir-space-3);margin-block-start:var(--noir-space-6);color:var(--noir-silver-600)}.noir-hero__beweis:before,.noir-hero__beweis:after{content:"";height:var(--noir-hairline)}.noir-hero__beweis:before{background:linear-gradient(90deg,transparent,var(--noir-line))}.noir-hero__beweis:after{background:linear-gradient(270deg,transparent,var(--noir-line))}.noir-hero__beweis-icon{display:inline-block;width:14px;height:14px;margin-inline-end:var(--noir-space-2);vertical-align:-.15em}.noir-hero__hinweis{position:absolute;bottom:var(--noir-space-6);left:50%;width:1px;height:24px;margin-left:-.5px;overflow:hidden;background:color-mix(in srgb,var(--noir-silver-500) 16%,transparent)}.noir-hero__hinweis:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,var(--noir-silver-400),transparent);animation:noir-hero-hinweis 2.6s var(--noir-ease) infinite}@keyframes noir-hero-hinweis{0%{translate:0 -100%}60%,to{translate:0 100%}}.noir-hero__wort{display:inline-block;overflow:hidden;padding-block-end:.08em;padding-inline-end:.12em;margin-inline-end:-.12em;vertical-align:top}.noir-hero__wort>span{display:inline-block}.is-zerlegt .noir-hero__wort>span{translate:0 105%;transition:translate .5s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i, 0) * 28ms)}.is-zerlegt.is-da .noir-hero__wort>span{translate:0 0}.noir-js [data-noir-hero-auftritt]{animation:noir-hero-auftritt .45s cubic-bezier(.22,1,.36,1) var(--noir-auftritt-verzug, 0ms) both}@keyframes noir-hero-auftritt{0%{translate:0 14px}to{translate:0 0}}.noir-hero__ring{position:relative;width:100%;height:clamp(380px,52vh,520px);height:clamp(380px,52svh,520px);-webkit-user-select:none;user-select:none}.noir-hero__ring:focus-visible{outline:var(--noir-hairline) solid var(--noir-focus);outline-offset:-8px;border-radius:var(--noir-radius-lg)}.noir-hero__ring canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.noir-hero__faecher{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center}.noir-nojs .noir-hero__faecher,[data-tier=off] .noir-hero__faecher,[data-tier=low] .noir-hero__faecher,.noir-hero__ring.is-ausfall .noir-hero__faecher{display:flex}.noir-hero__faecher img{width:clamp(150px,22vw,260px);aspect-ratio:1 / 1.25;object-fit:contain;padding:clamp(14px,1.6vw,24px);border:var(--noir-hairline) solid color-mix(in srgb,var(--noir-silver-500) 40%,transparent);border-radius:var(--noir-radius-lg);background:linear-gradient(180deg,var(--noir-ink-600),var(--noir-ink-900))}.noir-hero__faecher img:nth-child(1){rotate:-8deg;translate:16% 4%}.noir-hero__faecher img:nth-child(2){position:relative;z-index:1;translate:0 -2%}.noir-hero__faecher img:nth-child(3){rotate:8deg;translate:-16% 4%}.noir-hero__laden{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;gap:clamp(2px,.4vw,8px);overflow:hidden;perspective:1200px;container-type:size}.noir-js .noir-hero__laden{display:flex}.noir-hero__ring.is-lebt .noir-hero__laden,.noir-hero__ring.is-ausfall .noir-hero__laden,[data-tier=off] .noir-hero__laden,[data-tier=low] .noir-hero__laden{display:none}.noir-hero__laden i{--dreh: 0deg;--tiefe: 0px;position:relative;display:block;flex-shrink:0;height:44%;aspect-ratio:1 / 1.287;margin-block-end:13.8cqh;overflow:hidden;border:var(--noir-hairline) solid color-mix(in srgb,var(--noir-silver-500) 18%,transparent);border-radius:var(--noir-radius-md);background:var(--noir-ink-600);transform:rotateY(var(--dreh)) translateZ(var(--tiefe))}.noir-hero__laden i:nth-child(1),.noir-hero__laden i:nth-child(5){display:none;height:38.5%;opacity:.62;--tiefe: -90px}.noir-hero__laden i:nth-child(2),.noir-hero__laden i:nth-child(4){height:50%;opacity:.78;--tiefe: -40px}.noir-hero__laden i:nth-child(3){height:77.5%}.noir-hero__laden i:nth-child(1){--dreh: 30deg}.noir-hero__laden i:nth-child(2){--dreh: 15deg}.noir-hero__laden i:nth-child(4){--dreh: -15deg}.noir-hero__laden i:nth-child(5){--dreh: -30deg}@container (min-aspect-ratio: 39 / 20){.noir-hero__laden i:nth-child(1),.noir-hero__laden i:nth-child(5){display:block}}.noir-hero__laden i:after{content:"";position:absolute;inset-block:0;left:0;width:60%;background:linear-gradient(100deg,transparent 0%,color-mix(in srgb,var(--noir-silver-200) 12%,transparent) 46%,color-mix(in srgb,var(--noir-silver-200) 20%,transparent) 54%,transparent 100%);transform:translate(-180%) skew(-12deg);animation:noir-hero-laden 2.1s var(--noir-ease) infinite}.noir-hero__laden i:nth-child(2):after{animation-delay:.12s}.noir-hero__laden i:nth-child(3):after{animation-delay:.24s}.noir-hero__laden i:nth-child(4):after{animation-delay:.36s}.noir-hero__laden i:nth-child(5):after{animation-delay:.48s}@keyframes noir-hero-laden{0%{transform:translate(-180%) skew(-12deg)}to{transform:translate(280%) skew(-12deg)}}.noir-hero__steuerung{display:flex;align-items:center;justify-content:center;gap:var(--noir-space-3);margin:var(--noir-space-4) auto 0}.noir-hero__beschriftung{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--noir-space-4);width:min(92vw,440px);padding:14px 14px 14px var(--noir-space-5);border:var(--noir-hairline) solid color-mix(in srgb,var(--noir-silver-400) 30%,transparent);border-radius:var(--noir-radius-md);background:color-mix(in srgb,var(--noir-ink-600) 30%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.15);backdrop-filter:blur(22px) saturate(1.15);color:var(--noir-fg);text-decoration:none;transition:border-color var(--noir-dur-base) var(--noir-ease)}.noir-hero__beschriftung:hover,.noir-hero__beschriftung:focus-visible{border-color:color-mix(in srgb,var(--noir-silver-400) 48%,transparent)}.noir-hero__beschriftung-inhalt{display:grid;min-width:0;overflow:hidden}.noir-hero__ebene{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--noir-space-4);row-gap:4px;align-items:center;grid-area:1 / 1;min-width:0;transition:opacity .45s var(--noir-ease),translate .65s var(--noir-ease)}.noir-hero__ebene[data-kommt]{opacity:0;translate:0 55%;transition:none}.noir-hero__ebene[data-geht]{opacity:0;translate:0 -55%}.noir-hero__marke{overflow:hidden;min-width:0;color:var(--noir-silver-600);white-space:nowrap;text-overflow:ellipsis}.noir-hero__marke,.noir-hero__stueckname,.noir-hero__details{grid-column:1}.noir-hero__preis{grid-column:2;grid-row:1 / span 3;align-self:center;justify-self:end;font-size:var(--noir-text-md);font-weight:500;font-variant-numeric:tabular-nums;line-height:1.2}.noir-hero__stueckname{overflow:hidden;font-size:var(--noir-text-md);font-weight:500;line-height:1.25;letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis}.noir-hero__details{display:flex;align-items:center;gap:var(--noir-space-2);min-width:0;color:var(--noir-silver-600);letter-spacing:.08em}.noir-hero__zeile{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}.noir-hero__punzen{display:grid;flex:none;color:var(--noir-silver-400)}.noir-hero__punze{display:none;grid-area:1 / 1}.noir-hero__ebene[data-stufe="1"] [data-stufe-zeigt="1"],.noir-hero__ebene[data-stufe="2"] [data-stufe-zeigt="2"],.noir-hero__ebene[data-stufe="3"] [data-stufe-zeigt="3"]{display:block}.noir-hero__beschriftung-cta{display:grid;place-items:center;width:40px;height:40px;border:var(--noir-hairline) solid color-mix(in srgb,var(--noir-silver-400) 30%,transparent);border-radius:var(--noir-radius-pill);color:var(--noir-silver-300);transition:border-color var(--noir-dur-base) var(--noir-ease)}.noir-hero__beschriftung:hover .noir-hero__beschriftung-cta{border-color:var(--noir-silver-300)}.noir-hero__beschriftung-pfeil{width:16px;height:16px;transition:translate var(--noir-dur-base) var(--noir-ease)}.noir-hero__beschriftung:hover .noir-hero__beschriftung-pfeil{translate:2px 0}.noir-hero__navi{display:flex;align-items:center;justify-content:center;gap:var(--noir-space-3);margin-block-start:var(--noir-space-3)}.noir-hero__pfeil{display:grid;flex:none;place-items:center;width:44px;height:44px;border:var(--noir-hairline) solid color-mix(in srgb,var(--noir-silver-400) 22%,transparent);border-radius:var(--noir-radius-pill);background:color-mix(in srgb,var(--noir-ink-600) 30%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.15);backdrop-filter:blur(22px) saturate(1.15);color:var(--noir-fg);transition:border-color var(--noir-dur-base) var(--noir-ease)}.noir-hero__pfeil:hover,.noir-hero__pfeil:focus-visible{border-color:color-mix(in srgb,var(--noir-silver-400) 48%,transparent)}.noir-hero__pfeil svg{width:16px;height:16px}.noir-hero__pfeil--zurueck svg{rotate:180deg}.noir-hero__navi[hidden]{display:none}.noir-hero__zaehler{display:flex;justify-content:center;gap:6px;min-width:5.5ch;margin:0;color:var(--noir-silver-600);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.noir-hero__ebene{transition:none}}@media(min-width:990px){.noir-hero__ring{height:clamp(400px,58vh,720px)}.noir-hero__beschriftung{width:460px}}@media(max-width:749px){.noir-hero__pfeil{display:none}.noir-hero__beschriftung{width:min(94vw,440px);gap:var(--noir-space-3);padding-inline:var(--noir-space-4)}.noir-hero__stueckname,.noir-hero__preis{font-size:var(--noir-text-base)}.noir-hero__ebene{column-gap:var(--noir-space-3)}.noir-hero__beschriftung{grid-template-columns:minmax(0,1fr)}.noir-hero__beschriftung-cta{display:none}.noir-hero__titel{font-size:clamp(2rem,8.6vw,2.85rem)}.noir-hero__siegel{width:clamp(104px,30vw,140px)}.noir-hero__eyebrow{margin-block-start:var(--noir-space-4)}.noir-hero__titel{margin-block-start:var(--noir-space-3)}.noir-hero__satz{margin-block-start:var(--noir-space-4)}.noir-hero__knoepfe{flex-direction:column;width:100%;margin-block-start:var(--noir-space-6)}.noir-hero__knoepfe .noir-button:not(.noir-button--text){width:min(100%,320px)}.noir-hero__beweis{grid-template-columns:minmax(32px,1fr) auto minmax(32px,1fr);width:100%;margin-block-start:var(--noir-space-5)}.noir-hero__beweis-text{text-wrap:balance}.noir-hero__buehne{grid-template-rows:1fr auto}.noir-hero__hinweis{position:relative;bottom:auto;left:auto;margin:var(--noir-space-4) auto var(--noir-space-5)}}@media(max-height:640px){.noir-hero__hinweis{display:none}}@media(prefers-reduced-motion:reduce){.noir-hero__hinweis,.noir-hero__laden i:after{display:none}.is-zerlegt .noir-hero__wort>span{translate:none;transition:none}.noir-js [data-noir-hero-auftritt]{animation:none}.noir-hero__knopf{translate:none}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/noir-hero.css.map */