.wh-reihe{flex-direction:column;gap:.5rem;height:42rem;display:flex}.wh-feld{background:var(--color-fuss);color:#fff;min-width:0;min-height:0;transition:flex-grow .7s var(--ease-out-expo,ease);border-radius:22px;flex:1 1 0;position:relative;overflow:hidden}.wh-feld[data-offen]{flex-grow:4.5}.wh-bild{object-fit:cover;transition:transform 1.1s var(--ease-out-expo,ease);transform:scale(1.08)}.wh-feld[data-offen] .wh-bild{transform:scale(1)}.wh-schleier{background:linear-gradient(#0000 45%,#0b173359 70%,#0b1733d9);position:absolute;inset:0}@media not (min-width:64rem){.wh-feld:not([data-offen]) .wh-schleier{background:linear-gradient(90deg,#0b1733cc,#0b17334d 55%,#0000 80%)}}.wh-zu{font-family:var(--font-kopf);letter-spacing:-.01em;white-space:nowrap;text-shadow:0 1px 12px #0b1733e6;font-size:1.15rem;font-weight:700;transition:opacity .3s;position:absolute;bottom:1.1rem;left:1.25rem}.wh-feld[data-offen] .wh-zu{opacity:0}.wh-auf{opacity:0;pointer-events:none;width:min(24rem,100vw - 7rem);transition:opacity .3s,transform .3s;position:absolute;bottom:1.25rem;left:1.25rem;transform:translateY(12px)}.wh-feld[data-offen] .wh-auf{opacity:1;transition:opacity .5s ease .25s, transform .7s var(--ease-out-expo,ease) .25s;transform:none}.wh-auf h3{font-family:var(--font-kopf);letter-spacing:-.03em;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;line-height:1}.wh-auf p{color:#ffffffc7;margin-top:.6rem;font-size:1.02rem;line-height:1.5}.wh-knopf{border-radius:inherit;cursor:pointer;position:absolute;inset:0}.wh-feld[data-offen] .wh-knopf{cursor:default}.wh-knopf:focus-visible{outline-offset:-4px;outline:2px solid #8db5ff}@media (min-width:64rem){.wh-reihe{flex-direction:row;gap:.625rem;height:clamp(30rem,42vw,36rem)}.wh-feld[data-offen]{flex-grow:5}.wh-auf{bottom:1.75rem;left:1.6rem}.wh-zu{writing-mode:vertical-rl;font-size:1.3rem;bottom:1.6rem;left:1.3rem;transform:rotate(180deg)}}@media (prefers-reduced-motion:reduce){.wh-feld,.wh-bild,.wh-zu,.wh-auf,.wh-feld[data-offen] .wh-auf{transition:none}}
.fw{border-top:1px solid var(--color-linie);padding-top:24px;container-type:inline-size}.fw-titel{font-family:var(--font-kopf);letter-spacing:-.03em;color:var(--color-tinte);text-wrap:balance;font-size:clamp(20px,1.75vw,24px);font-weight:800;line-height:1.15}.fw-spur{--rand:5px;grid-template-columns:repeat(var(--n), minmax(0, 1fr));padding:var(--rand);background:var(--color-beton);box-shadow:inset 0 0 0 1px var(--color-linie);border-radius:20px;margin-top:16px;display:grid;position:relative}.fw-schieber{top:var(--rand);left:var(--rand);width:calc((100% - 2 * var(--rand)) / var(--n));height:calc(100% - 2 * var(--rand));background:var(--color-blau);transform:translateX(calc(var(--x) * 100%));border-radius:15px;transition:transform .6s cubic-bezier(.16,1,.3,1);animation:.7s cubic-bezier(.16,1,.3,1) .3s backwards fw-ein;position:absolute;box-shadow:0 12px 24px -14px #164597e6}.fw-takt-spur{background:#ffffff38;border-radius:2px;height:2px;position:absolute;bottom:7px;left:16px;right:16px;overflow:hidden}.fw-takt{transform-origin:0;height:100%;animation:fw-takt var(--takt,3.4s) linear forwards;background:#ffffffe6;display:block}.fw[data-steht] .fw-takt{animation-play-state:paused}.fw-spur:has(:focus-visible) .fw-takt{animation-play-state:paused}@media (hover:hover){.fw-spur:hover .fw-takt{animation-play-state:paused}}.fw-typ{z-index:1;min-width:0;min-height:86px;color:var(--color-tinte);cursor:pointer;animation:fw-anrollen .75s var(--d,0s) cubic-bezier(.16, 1, .3, 1) backwards;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 4px;font-size:13.5px;font-weight:600;line-height:1.1;transition:color .35s,transform .2s;display:flex;position:relative}.fw-typ>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.fw-typ svg{width:30px;height:30px;color:var(--color-blau);transition:color .35s}.fw-typ[aria-pressed=true],.fw-typ[aria-pressed=true] svg{color:#fff}.fw-typ[aria-pressed=true] svg{animation:.7s cubic-bezier(.16,1,.3,1) fw-vorfahren}.fw-typ:active{transform:scale(.96)}.fw-typ:focus-visible{outline:2px solid var(--color-blau);outline-offset:2px}.fw-text{min-height:3em;color:var(--color-grau);margin-top:14px;font-size:15px;line-height:1.5}.fw-text>span{animation:.5s cubic-bezier(.16,1,.3,1) both fw-text-ein;display:block}@container (max-width:459px){.fw-spur{grid-template-columns:repeat(3,minmax(0,1fr))}.fw-schieber{width:calc((100% - 2 * var(--rand)) / 3);height:calc((100% - 2 * var(--rand)) / var(--zeilen3));transform:translate(calc(var(--x3) * 100%), calc(var(--y3) * 100%))}.fw-typ{flex-direction:row;gap:8px;min-height:56px;font-size:14px}.fw-typ svg{flex:none;width:24px;height:24px}}@keyframes fw-ein{0%{opacity:0}}@keyframes fw-anrollen{0%{opacity:0;transform:translate(-14px)}}@keyframes fw-vorfahren{0%{opacity:.2;transform:translate(-10px)}60%{opacity:1;transform:translate(2px)}}@keyframes fw-takt{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fw-text-ein{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.fw-schieber,.fw-typ,.fw-typ svg,.fw-text>span{transition:none;animation:none!important}}
.wh{--wh-ink:var(--color-tinte);--wh-blau:var(--color-blau);--wh-grau:var(--color-grau);--wh-linie:var(--color-linie);color:var(--wh-ink);background:#fff;padding-top:128px;overflow:clip}.wh-raster{grid-template:"text bild"1fr"fahrzeuge bild"/minmax(0,.9fr) minmax(0,1fr);column-gap:clamp(40px,5.5vw,88px);display:grid}.wh-text{grid-area:text;align-self:center;padding-block:12px 40px;animation:.9s cubic-bezier(.16,1,.3,1) backwards wh-ein}@keyframes wh-ein{0%{opacity:0;transform:translateY(22px)}}.wh-krumen{color:var(--color-nebel);align-items:center;gap:6px;font-size:13px;display:flex}.wh-krumen svg{opacity:.5}.wh-krumen a{transition:color .2s}.wh-krumen a:hover{color:var(--wh-blau)}.wh-krumen [aria-current]{color:var(--wh-ink);font-weight:500}.wh h1{font-family:var(--font-kopf);letter-spacing:-.04em;margin-top:28px;font-size:clamp(48px,5.7vw,84px);font-weight:800;line-height:1.02}.wh h1 em{color:var(--wh-blau);font-style:normal}.wh-text>p{max-width:27rem;color:var(--wh-grau);margin-top:28px;font-size:18px;line-height:1.65}.wh-aktionen{flex-wrap:wrap;align-items:center;gap:12px;margin-top:36px;display:flex}.wh-fahrzeuge{grid-area:fahrzeuge;animation:.9s cubic-bezier(.16,1,.3,1) .15s backwards wh-ein}.wh-bild{isolation:isolate;background:var(--color-fuss);border-radius:24px;grid-area:bild;height:clamp(540px,100svh - 170px,700px);position:relative;overflow:hidden}.wh-szene{opacity:0;transition:opacity .9s,transform 1.4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(1.04)}.wh-szene[data-aktiv]{opacity:1;transform:none}.wh-bild:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#08142d52);height:96px;position:absolute;inset:auto 0 0}.wh-punkte{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;bottom:22px;left:32px}.wh-punkte button{cursor:pointer;align-items:center;width:22px;height:20px;transition:width .6s cubic-bezier(.16,1,.3,1);display:flex}.wh-punkte button[aria-pressed=true]{width:72px}.wh-punkte button>span{background:#fff6;border-radius:3px;width:100%;height:3px;transition:background .25s;position:relative;overflow:hidden}.wh-punkte button:hover>span{background:#ffffffbf}.wh-punkte button[aria-pressed=true]>span{background:#fff}.wh-punkte button:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #fff}.wh-bild[data-auto] .wh-punkte button[aria-pressed=true]>span{background:#fff6}.wh-bild[data-auto] .wh-punkte button[aria-pressed=true]>span:after{content:"";transform-origin:0;background:#fff;animation:7s linear forwards wh-lauf;position:absolute;inset:0}.wh-bild[data-paused] .wh-punkte span:after{animation-play-state:paused}@keyframes wh-lauf{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:959px){.wh{padding-top:108px}.wh-raster{grid-template:"text""fahrzeuge""bild"/minmax(0,1fr)}.wh-text{padding-block:0 32px}.wh h1{margin-top:22px;font-size:clamp(44px,11.5vw,76px)}.wh-text>p{margin-top:20px;font-size:17px}.wh-aktionen{margin-top:28px}.wh-bild{aspect-ratio:4/5;border-radius:20px;height:auto;max-height:640px}.wh-fahrzeuge{margin-bottom:28px}}@media (min-width:620px) and (max-width:959px){.wh-bild{aspect-ratio:5/4}}@media (max-width:520px){.wh-aktionen>*{flex:100%}.wh-punkte{bottom:14px;left:20px}}@media (prefers-reduced-motion:reduce){.wh-szene{transition:none;animation:none}.wh-text,.wh-fahrzeuge{animation:none}}
.uw-wand{flex-direction:column;padding-block:8px 28px;display:flex;container-type:inline-size}.uw-reihe{justify-content:center;gap:var(--uw-abstand);display:flex}.uw-reihe+.uw-reihe{margin-top:var(--uw-abstand)}.uw-urkunde{height:var(--uw-h);transform-origin:50% 0;flex:none}.uw-rahmen{height:100%;transition:transform .6s var(--ease-out-expo), box-shadow .6s var(--ease-out-expo);position:relative;overflow:hidden;box-shadow:0 1px 2px #0f1e3c24,0 14px 22px -12px #0f1e3c66}.uw-wand[data-zustand=wartet] .uw-urkunde{opacity:0;transform:translate3d(0, -26px, 0) rotate(var(--kipp))}.uw-wand[data-zustand=an] .uw-urkunde{transition:opacity .6s ease-out,transform 1.3s cubic-bezier(.3,1.45,.45,1);transition-delay:calc(var(--i) * 55ms)}@media (hover:hover){.uw-urkunde:hover{z-index:1;position:relative}.uw-urkunde:hover .uw-rahmen{transform:translateY(-6px)scale(1.05);box-shadow:0 2px 4px #0f1e3c1f,0 26px 40px -16px #0f1e3c80}}@media (max-width:639px){.uw-flaeche{overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:-1.25rem;overflow-x:auto}.uw-flaeche::-webkit-scrollbar{display:none}.uw-wand{box-sizing:content-box;width:760px;padding-inline:1.25rem}}@media (prefers-reduced-motion:reduce){.uw-rahmen{transition:none}}