@layer components{.bh-404{color:var(--color-ink);position:relative;overflow-x:clip}.bh-404__haupt{flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(130px,18vh,180px) clamp(20px,4vw,64px) clamp(60px,9vh,100px);display:flex}.bh-404__buehne{position:relative}.bh-404__zahl{font-weight:600;font-size:var(--text-404);letter-spacing:-.07em;color:#0000;-webkit-text-stroke:2px color-mix(in srgb, var(--color-ink) 18%, transparent);line-height:.78}.bh-404__strasse{width:100%;height:auto;margin-top:clamp(-120px,-9vw,-50px);display:block;overflow:visible}.bh-404__linie{stroke:var(--color-ink);stroke-opacity:.25;stroke-width:5px;stroke-dasharray:46 30}.bh-404__tinte{fill:var(--color-ink)}.bh-404__schranke{fill:var(--color-surface-raised);stroke:var(--color-ink);stroke-width:5px}.bh-404__streifen{stroke:var(--color-accent);stroke-width:34px}.bh-404__rahmen{fill:none;stroke:var(--color-ink);stroke-width:5px}.bh-404__silhouette{fill:var(--color-bg)}.bh-404__wippe{transform-origin:927px 496px}.bh-404__rad-h{transform-origin:217.5px 398px}.bh-404__rad-v{transform-origin:927px 392.5px}.bh-404__raster{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;gap:clamp(28px,4vw,72px);margin-top:clamp(28px,5vh,56px);display:grid}.bh-404__titel{font-weight:600;font-size:var(--text-404-h1);letter-spacing:var(--tracking-display);margin:0;line-height:.96}.bh-404__titel .bh-held__maske{padding-bottom:0}.bh-404__zeile{animation:bh-steigen 1.5s var(--ease-behling) calc(1.4s + var(--i,0) * .12s) backwards;display:block}.bh-404__text{max-width:44ch;font-size:var(--text-lead);color:var(--color-ink-body);animation:bh-weich 1s var(--ease-behling) 1.8s backwards;margin:20px 0 0;line-height:1.6}.bh-404__wege{border-top:1.5px solid var(--color-ink)}.bh-404__weg{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 14%, transparent);font-size:var(--text-link-lg);letter-spacing:-.02em;transition:padding .5s var(--ease-behling), color var(--duration-color);animation:bh-weich .9s var(--ease-behling) calc(1.9s + var(--i,0) * 90ms) backwards;justify-content:space-between;align-items:center;padding:20px 6px;font-weight:500;display:flex}.bh-404__weg:hover,.bh-404__weg:focus-visible{color:var(--color-accent);padding-left:18px}@media not (min-width:1020px){.bh-404__raster{grid-template-columns:minmax(0,1fr)}}@media not (min-width:720px){.bh-404__haupt{min-height:0}.bh-404__zahl{-webkit-text-stroke-width:1.5px}}}@media (prefers-reduced-motion:reduce){.bh-404__zeile,.bh-404__text,.bh-404__weg{animation:none}}