@layer components{.vm-404{box-sizing:border-box;inline-size:100%;max-inline-size:760px;padding:40px var(--gutter,16px) 96px;text-align:center;flex-direction:column;flex:1;align-items:center;margin-inline:auto;display:flex}@media (min-width:768px){.vm-404{padding-block:72px 128px}}.vm-404__buehne{--b:1;inline-size:calc(320px * var(--b));block-size:calc(150px * var(--b));margin-block-end:36px;position:relative}@media (max-width:479px){.vm-404__buehne{--b:.82}}.vm-404__sockel{left:calc(70px * var(--b));inline-size:calc(120px * var(--b));block-size:calc(64px * var(--b));border-radius:calc(16px * var(--b)) calc(16px * var(--b)) calc(6px * var(--b)) calc(6px * var(--b));background:linear-gradient(180deg, #fff 0%, var(--canvas-deep) 100%);box-shadow:inset 0 0 0 1px var(--hairline), 0 1px 0 #1111130a;position:absolute;bottom:0}.vm-404__sockel:after{content:"";left:50%;top:calc(6px * var(--b));inline-size:calc(38px * var(--b));block-size:calc(6px * var(--b));background:#11111312;border-radius:50%;margin-inline-start:calc(-19px * var(--b));position:absolute}.vm-404__schatten{background:radial-gradient(closest-side,#11111329,#11111300);border-radius:50%;position:absolute}.vm-404__schatten--sockel{left:calc(52px * var(--b));bottom:calc(-10px * var(--b));inline-size:calc(156px * var(--b));block-size:calc(22px * var(--b))}.vm-404__bahn{left:calc(111px * var(--b));bottom:calc(64px * var(--b));inline-size:calc(38px * var(--b));block-size:calc(38px * var(--b));transform:translate(calc(150px * var(--b)), calc(64px * var(--b)));position:absolute}.vm-404__kugel{background:linear-gradient(115deg, transparent 42%, #ffffff52 43% 52%, transparent 53%), radial-gradient(circle at 34% 30%, #7a6dff 0%, var(--accent) 48%, #2a1fb0 100%);border-radius:50%;position:absolute;inset:0;transform:rotate(320deg)}.vm-404__schatten--kugel{left:calc(-4px * var(--b));right:calc(-4px * var(--b));bottom:calc(-7px * var(--b));block-size:calc(10px * var(--b))}:root[data-motion=on] .vm-404__bahn{animation:1.6s cubic-bezier(.3,.1,.3,1) .35s both vm-404-bahn}:root[data-motion=on] .vm-404__kugel{animation:1.6s cubic-bezier(.3,.1,.3,1) .35s both vm-404-drehen}:root[data-motion=off] .vm-404__buehne{animation:.18s both vm-404-ein}.vm-404__eyebrow{color:var(--ink-2);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:inline-flex}.vm-404__punkt{background:var(--accent);border-radius:50%;block-size:7px;inline-size:7px}.vm-404__titel{letter-spacing:-.045em;text-wrap:balance;margin:14px 0 0;font-size:clamp(40px,7vw,76px);font-weight:640;line-height:1}.vm-404__text{max-inline-size:36ch;color:var(--ink-2);margin:20px 0 0;font-size:clamp(18px,1.6vw,21px);line-height:1.45}.vm-404__aktionen{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 24px;margin-top:32px;display:flex}.vm-404__link{min-block-size:48px;color:var(--ink);align-items:center;gap:6px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.vm-404__link:hover{color:var(--accent)}.vm-404-suche{box-sizing:border-box;background:var(--pastel-sky);text-align:start;border-radius:28px;inline-size:100%;max-inline-size:520px;margin-top:64px;padding:28px}.vm-404-suche__titel{letter-spacing:-.025em;margin:0;font-size:22px;font-weight:630}.vm-404-suche__text{color:var(--ink-2);margin:6px 0 0;font-size:15px}.vm-404-suche__zeile{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.vm-404-suche__feld{box-sizing:border-box;border:1px solid var(--hairline);border-radius:var(--radius-pill,999px);background:var(--card);min-block-size:48px;min-inline-size:0;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:200px;padding-inline:18px;font-size:17px}.vm-404-suche__feld:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vm-404-suche__feld[aria-invalid=true]{border-color:var(--color-signal-down,#b42318)}.vm-404-suche__fehler{color:var(--color-signal-down,#b42318);margin:10px 0 0;font-size:15px;font-weight:500}}@keyframes vm-404-bahn{0%{transform:translate(0)}32%{transform:translate(calc(64px * var(--b)), 0)}46%{transform:translate(calc(86px * var(--b)), calc(64px * var(--b)))}54%{transform:translate(calc(98px * var(--b)), calc(56px * var(--b)))}62%{transform:translate(calc(110px * var(--b)), calc(64px * var(--b)))}to{transform:translate(calc(150px * var(--b)), calc(64px * var(--b)))}}@keyframes vm-404-drehen{0%{transform:rotate(0)}to{transform:rotate(320deg)}}@keyframes vm-404-ein{0%{opacity:0}to{opacity:1}}