.hero-loop{--hero-weg:.8s}.hero-wechsel{display:inline-grid}div.hero-wechsel{display:grid}.hero-wechsel>*{grid-area:1/1;min-width:0}.hero-geht{animation:hero-geht var(--feel-t-swap) var(--feel-ease-fade) both}.hero-kommt{animation:hero-kommt var(--feel-t-swap) var(--feel-ease-fade) both}@keyframes hero-geht{to{opacity:0;transform:translateY(-4px)}}@keyframes hero-kommt{0%{opacity:0;transform:translateY(4px)}}.hero-pause{display:none}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.hero-pause{width:44px;height:44px;color:var(--color-r1-muted);cursor:pointer;transition:color var(--feel-t-hover) var(--feel-ease-fade);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;bottom:-12px;right:4px}.hero-pause:focus-visible{outline:3px solid var(--color-r1-action);outline-offset:-6px}@media (hover:hover){.hero-pause:hover{color:var(--color-r1-ink)}}@media (min-width:1024px){.hero-pause{bottom:8px;right:12px}}}
.hero-maus{z-index:10;opacity:0;pointer-events:none;position:absolute;top:0;left:0}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.hero-maus{transition:translate var(--hero-weg,.8s) var(--feel-ease-move), opacity var(--feel-t-swap) var(--feel-ease-fade)}.hero-maus[data-art=sprung]{transition:opacity var(--feel-t-swap) var(--feel-ease-fade)}.hero-maus[data-art=hart]{transition:none}.hero-maus[data-da]{opacity:1}.hero-maus>.hero-zeigerform{transition:translate var(--feel-t-press) var(--feel-ease-move)}.hero-maus[data-druck]>.hero-zeigerform{translate:-4px -4px}}
.hd-b-ebene{pointer-events:none;position:absolute;inset:0;container-type:inline-size}.hd-b-ebene>*{--rand:64px;--innen:20px;--l:12px;--pad:8px;--abst:8px;--kh:106px;--sp:calc((100cqw - 2 * var(--rand) - 2 * var(--innen) - 18px - 3 * var(--l)) / 4);--kw:calc(var(--sp) - 2 * var(--pad));--kopf:calc(var(--pad) + 30px + var(--abst));--gx:calc(.8 * var(--kw));--gy:34px;--mk:1.18;--mr:182px;--zr:36px;--frei:calc((var(--hd-weg-kurz) + var(--hd-weg)) / 2);--weich:.34s;--ab:cubic-bezier(.5, 0, 1, 1)}@container (max-width:1119px){.hd-b-ebene>*{--rand:32px;--innen:12px;--l:8px;--pad:6px;--abst:6px;--kh:90px;--gx:calc(var(--kw) - 20px);--gy:68px;--mk:1.09;--mr:150px;--zr:12px}}.hd-b-fenster{left:var(--rand);right:var(--rand)}.hd-b-papier{padding-inline:var(--innen)}.hd-b-fenster[data-lage=zurueck]{opacity:.5;filter:blur(3px);-webkit-backdrop-filter:none;backdrop-filter:none}.hd-b-ebene:is([data-phase=uebergabe],[data-phase=blaetter]) .hd-b-karte,.hd-b-karten[data-weg]>.hd-b-karte{opacity:0}.hd-b-innen{position:relative}.hd-b-spalten{gap:var(--l);display:flex}.hd-b-spalte{width:var(--sp);min-height:640px;padding:var(--pad);background-color:var(--w01-mist);border-radius:12px 12px 0 0;flex:none}.hd-b-kopf{height:30px;color:var(--color-r1-ink);white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px 4px;font-size:14px;font-weight:600;line-height:20px;display:flex}.hd-b-zahl{color:var(--color-r1-muted);font-weight:400}.hd-b-karten{position:absolute;inset:0}.hd-b-karte{left:var(--pad);top:var(--kopf);z-index:0;width:var(--kw);height:var(--kh);translate:calc(var(--s) * (var(--sp) + var(--l))) calc(var(--r) * (var(--kh) + var(--abst)));position:absolute}.hd-b-blatt{height:100%;transform-origin:var(--gx) var(--gy);background-color:var(--color-paper);box-shadow:0 0 0 1px color-mix(in srgb, var(--w01-petrol-deep) 7%, transparent), 0 8px 18px -12px color-mix(in srgb, var(--w01-petrol-deep) 30%, transparent);border-radius:12px;flex-direction:column;justify-content:space-between;padding:15px 16px;display:flex}.hd-b-titel{flex-direction:column;gap:2px;display:flex}.hd-b-rang{color:var(--color-r1-muted);font-size:13px;line-height:18px}.hd-b-name{letter-spacing:-.01em;color:var(--color-r1-ink);white-space:nowrap;font-size:17px;font-weight:600;line-height:24px}.hd-b-kurz{display:none}.hd-b-zeile{height:20px;color:var(--color-r1-muted);white-space:nowrap;font-size:14px;line-height:20px}.hd-b-zeile [data-ton]{color:var(--color-r1-action);font-weight:600}@container (max-width:1119px){.hd-b-kopf{padding-inline:8px;font-size:13px}.hd-b-blatt{border-radius:10px;padding:12px}.hd-b-rang{font-size:12px;line-height:16px}.hd-b-name{font-size:15px;line-height:22px}.hd-b-zeile{height:16px;font-size:12px;line-height:16px}}@container (max-width:879px){.hd-b-ebene>*{--innen:8px;--l:6px;--pad:4px;--gx:calc(var(--kw) - 8px);--zr:8px}.hd-b-blatt{padding-inline:10px}.hd-b-lang{display:none}.hd-b-kurz{display:inline}}.hd-b-karte:is([data-lage=hebt],[data-lage=faehrt]){z-index:3}.hd-b-karte:is([data-lage=hebt],[data-lage=faehrt])[data-paar=oben]{z-index:2}.hd-b-karte:is([data-lage=hebt],[data-lage=faehrt])>.hd-b-blatt{box-shadow:0 0 0 1px color-mix(in srgb, var(--w01-petrol-deep) 10%, transparent), 0 24px 44px -18px color-mix(in srgb, var(--w01-petrol-deep) 42%, transparent);scale:1.03}.hd-b-karte:is([data-lage=hebt],[data-lage=faehrt])[data-paar=oben]>.hd-b-blatt{scale:1.01}.hd-b-karte[data-lage=zieht]{z-index:1}.hd-b-karte[data-lage=zieht]>.hd-b-blatt{box-shadow:0 0 0 1px color-mix(in srgb, var(--w01-petrol-deep) 9%, transparent), 0 16px 30px -16px color-mix(in srgb, var(--w01-petrol-deep) 38%, transparent)}.hd-b-maus{translate:calc(var(--pad) + var(--s) * (var(--sp) + var(--l)) + var(--gx) - 22px * var(--mk) * 5 / 24) calc(var(--kopf) + var(--r) * (var(--kh) + var(--abst)) + var(--gy) - 22px * var(--mk) * 3 / 24)}.hd-b-maus>.hero-zeigerform{transform-origin:0 0;scale:var(--mk)}.hd-b-glas{opacity:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-color:#ffffffb8;border:1px solid #ffffffe6;border-radius:12px;position:absolute;box-shadow:0 16px 44px #27404e20}.hd-b-glas[data-da]{opacity:1}.hd-b-rund{background-color:var(--w01-petrol-deep);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.hd-b-meldung{right:var(--mr);align-items:center;gap:14px;width:304px;padding:14px 18px 14px 16px;display:flex;top:28px}.hd-b-meldung-text{white-space:nowrap;flex-direction:column;gap:1px;min-width:0;display:flex}.hd-b-meldung-text>:first-child{color:var(--color-r1-ink);font-size:14px;font-weight:600;line-height:20px}.hd-b-meldung-text>:last-child{color:var(--color-r1-muted);font-size:13px;line-height:18px}.hd-b-karte[data-glas]{opacity:0}.hd-b-zusage{left:calc(var(--rand) + 9px + var(--innen) + 3 * (var(--sp) + var(--l)) - var(--l) / 3);right:var(--zr);top:calc(102px + var(--kopf));transform-origin:calc(var(--l) / 3 + var(--pad) + var(--kw) / 2) calc(8px + var(--kh) / 2);flex-direction:column;gap:6px;padding:18px 24px 20px;display:flex}.hd-b-zusage-kopf{justify-content:space-between;align-items:center;display:flex}.hd-b-zusage-wort{letter-spacing:-.04em;color:var(--color-r1-ink);font-size:64px;font-weight:700;line-height:64px}.hd-b-zusage .hd-b-rund{width:40px;height:40px}.hd-b-zusage-unter{color:var(--color-r1-muted);white-space:nowrap;font-size:15px;line-height:22px}.hd-b-zusage-unter>b{color:var(--color-r1-ink);font-weight:600}@container (max-width:1119px){.hd-b-zusage{gap:4px;padding:14px 18px 16px}.hd-b-zusage-wort{font-size:48px;line-height:50px}.hd-b-zusage .hd-b-rund{width:36px;height:36px}.hd-b-zusage-unter{font-size:14px;line-height:20px}}@container (max-width:919px){.hd-b-zusage-unter{font-size:13px}}@container (max-width:879px){.hd-b-zusage{padding-inline:16px}.hd-b-zusage .hd-b-rund{width:32px;height:32px}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.hd-b-fenster:is([data-lage=zurueck],[data-lage=vor]){transition:opacity .9s var(--feel-ease-fade), filter .9s var(--feel-ease-fade)}.hd-b-karte{transition:translate var(--hd-weg-lang) var(--hd-fluss) calc(.5s + var(--r) * .13s), opacity .12s var(--feel-ease-fade) var(--kommt,0s), z-index 0s var(--weich)}.hd-b-karte:is([data-lage=hebt],[data-lage=faehrt],[data-lage=zieht]){transition:translate var(--hd-weg) var(--hd-fluss) var(--v), opacity .12s var(--feel-ease-fade) var(--kommt,0s), z-index 0s}.hd-b-karte[data-lage=zieht]{transition-duration:var(--hd-weg-lang), .12s, 0s}.hd-b-karten[data-weg]>.hd-b-karte{transform:translateY(var(--feel-rise));transition:opacity .32s var(--feel-ease-fade) .16s, transform 0s .56s, z-index 0s}.hd-b-ebene[data-phase=naht] .hd-b-karten:not([data-weg])>.hd-b-karte{--steigt:calc(var(--nr) * 60ms);transition:opacity .48s var(--feel-ease-fade) var(--steigt), transform .48s var(--feel-ease-rise) var(--steigt), translate 0s, z-index 0s}.hd-b-ebene:is([data-phase=uebergabe],[data-phase=blaetter]) .hd-b-karte{transition:opacity .9s var(--feel-ease-fade), translate 0s}.hd-b-ebene[data-phase=aufsBoard] .hd-b-karte{--kommt:calc(.42s + min(var(--nr), 1) * .48s + clamp(0, var(--nr) - 1, 2) * .34s + max(var(--nr) - 3, 0) * .7s)}.hd-b-karte[data-glas]{--kommt:.36s}.hd-b-blatt{transition:scale var(--weich) var(--hd-fluss), box-shadow var(--weich) var(--feel-ease-fade)}.hd-b-ebene :is(.hero-geht,.hero-kommt){animation-duration:var(--weich)}.hd-b-zeile>:is(.hero-geht,.hero-kommt),.hd-b-zahl>:is(.hero-geht,.hero-kommt){animation-delay:calc(var(--nach) + var(--v))}.hd-b-ebene[data-phase=naht] .hd-b-zeile>:is(.hero-geht,.hero-kommt){animation-duration:1ms;animation-delay:0s}.hd-b-ebene[data-phase=naht] .hd-b-zahl>.hero-geht{animation-delay:.16s}.hd-b-ebene[data-phase=naht] .hd-b-zahl>.hero-kommt{animation-delay:.56s}.hd-b-ebene .hd-b-maus{transition:translate var(--hd-weg) var(--hd-fluss), opacity var(--weich) var(--feel-ease-fade), transform .44s var(--ab);transform:translate(26px,18px)}.hd-b-ebene .hd-b-maus[data-frei]{transition-duration:var(--frei), var(--weich), .44s}.hd-b-ebene .hd-b-maus[data-da]{transition-timing-function:var(--hd-fluss), var(--feel-ease-fade), var(--feel-ease-pop);transition-duration:var(--hd-weg), var(--weich), var(--hd-weg-kurz);transform:none}.hd-b-ebene .hd-b-maus[data-da][data-frei]{transition-duration:var(--frei), var(--weich), var(--hd-weg-kurz)}.hd-b-ebene[data-phase=aufsBoard] .hd-b-maus{transition-delay:0s,.62s,.62s}.hd-b-meldung{transform:translateY(calc(-1 * var(--feel-rise)));transition:opacity .44s var(--feel-ease-fade), transform .44s var(--ab)}.hd-b-meldung[data-da]{transition:opacity .7s var(--feel-ease-fade), transform .7s var(--feel-ease-rise);transform:none}.hd-b-zusage{transition:opacity .28s var(--feel-ease-fade) .14s, transform .56s var(--ab);transform:scale(.9)}.hd-b-zusage[data-da]{transition:opacity .4s var(--feel-ease-fade), transform 1s var(--feel-ease-pop);transform:none}.hd-b-zusage .hd-b-rund{opacity:0;transition:opacity var(--weich) var(--feel-ease-fade), scale var(--weich) var(--feel-ease-pop);scale:.8}.hd-b-zusage[data-da] .hd-b-rund{opacity:1;transition-delay:.56s;scale:1}}
.hero-board{--rand:28px;margin-inline:calc(-1 * var(--rand));padding-inline:var(--rand);overflow-x:clip;container-type:inline-size}.hero-board-innen{--l:12px;--pad:6px;--abst:8px;--px:12px;--py:12px;--zeile:18px;--kopf:calc(var(--pad) + 30px + var(--abst));--kh:calc(2 * var(--py) + 3 * var(--zeile) + 97px);--sp:clamp(173px, (100cqw - 3 * var(--l) - 104px) / 3, 252px);position:relative}.hero-board-lang{display:none}@container (min-width:794px){.hero-board-innen{--pad:10px;--abst:10px;--px:16px;--py:14px;--zeile:19px}.hero-board-text{font-size:13px}.hero-board-lang{display:inline}.hero-board-kurz{display:none}}.hero-board-spalten{gap:var(--l);display:flex}.hero-board-spalte{gap:var(--abst);width:var(--sp);min-height:640px;padding:var(--pad);background-color:var(--w01-mist);border-radius:12px 12px 0 0;flex-direction:column;flex:none;display:flex}.hero-board-kopf{height:30px;color:var(--color-r1-ink);white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 4px;font-size:13px;font-weight:600;line-height:20px;display:flex}.hero-board-zahl{color:var(--color-r1-muted);font-weight:400}.hero-board-spalte[data-spalte=dich]:not([data-leer]){background-color:var(--w01-petrol-tint)}.hero-board-spalte[data-spalte=dich] .hero-board-zahl{font-weight:600}.hero-board-spalte[data-spalte=dich]:not([data-leer]) :is(.hero-board-kopf,.hero-board-zahl){color:var(--color-r1-action)}.hero-board-spalte[data-spalte=bescheid] .hero-board-kopf{justify-content:flex-start}.hero-board-leer,.hero-board-bescheid{color:var(--color-r1-muted);flex-direction:column;gap:4px;padding:8px 0 0 8px;font-size:13px;line-height:19px;display:flex}.hero-board-leer{opacity:0}.hero-board-spalte[data-leer]>.hero-board-leer{opacity:1}.hero-board-bescheid{width:max(56px, 100cqw + var(--rand) - 3 * (var(--sp) + var(--l)) - var(--pad) - 14px)}.hero-board-bescheid>:first-child{color:var(--color-r1-ink);font-weight:500}.hero-board-karten{position:absolute;inset:0}.hero-board-karte{left:var(--pad);top:var(--kopf);z-index:0;width:calc(var(--sp) - 2 * var(--pad));height:var(--kh);translate:calc(var(--s) * (100% + 2 * var(--pad) + var(--l))) calc(var(--r) * (100% + var(--abst)));position:absolute}.hero-board-blatt{height:100%;padding:var(--py) var(--px);background-color:var(--color-paper);box-shadow:0 0 0 1px color-mix(in srgb, var(--w01-petrol-deep) 7%, transparent), 0 8px 18px -12px color-mix(in srgb, var(--w01-petrol-deep) 30%, transparent);border-radius:10px;flex-direction:column;gap:8px;display:flex}.hero-board-titel{flex-direction:column;gap:2px;display:flex}.hero-board-wunsch{color:var(--color-r1-muted);font-size:12px;line-height:16px}.hero-board-name{color:var(--color-r1-ink);white-space:nowrap;font-size:15px;font-weight:600;line-height:22px}.hero-board-text{height:calc(3 * var(--zeile));font-size:12px;line-height:var(--zeile);color:var(--color-r1-muted)}.hero-board-text>span{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hero-board-fuss{border-top:1px solid var(--w01-line);justify-content:space-between;align-items:center;gap:8px;height:41px;padding-top:10px;display:flex}.hero-board-stand{color:var(--color-r1-ink);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:18px;display:inline-flex}.hero-board-knopf{height:30px;color:var(--color-paper);white-space:nowrap;background-color:var(--color-r1-action);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--w01-petrol-deep) 60%, transparent), 0 6px 14px -8px color-mix(in srgb, var(--w01-petrol-deep) 55%, transparent);border-radius:8px;align-items:center;gap:8px;padding:0 4px 0 12px;font-size:13px;font-weight:600;line-height:18px;display:inline-flex}.hero-board-knopf>span{background-color:var(--w01-petrol-deep);border-radius:5px;place-items:center;width:22px;height:22px;display:grid}.hero-board-knopf[data-art=hell]{color:var(--color-r1-ink);background-color:var(--color-paper);box-shadow:inset 0 0 0 1px var(--w01-line)}.hero-board-knopf[data-art=hell]>span{background-color:var(--w01-mist)}.hero-board-knopf[data-druck]{scale:var(--feel-press-scale)}.hero-board-zuletzt{min-width:0;height:18px;color:var(--color-r1-muted);white-space:nowrap;flex-wrap:wrap;flex:1 1 0;justify-content:flex-end;font-size:12px;line-height:18px;display:flex;overflow:hidden}.hero-board-zuletzt:before{content:"";height:18px}.hero-board-karte[data-hebt]{z-index:2}.hero-board-karte[data-hebt]>.hero-board-blatt{box-shadow:0 0 0 1px color-mix(in srgb, var(--w01-petrol-deep) 10%, transparent), 0 24px 44px -18px color-mix(in srgb, var(--w01-petrol-deep) 42%, transparent);scale:1.03}.hero-board[data-fassung=b] .hero-board-karte[data-hebt]>.hero-board-blatt{rotate:2.5deg}.hero-board-griff,.hero-board-ruhe{width:0;height:0;position:absolute}.hero-board-griff{top:19px;left:86%}.hero-board-ruhe{left:calc(2 * var(--sp) + var(--l) - 44px);top:calc(var(--kopf) + var(--kh) + var(--abst) + 18px)}.hero-board-traeger{z-index:1;opacity:0;position:absolute;top:16.25px;left:calc(86% - 4.58333px)}.hero-board-traeger[data-da]{opacity:1}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.hero-board-spalte{--kommt:calc(var(--s) * var(--feel-stagger));transition:opacity var(--feel-t-line) var(--feel-ease-fade) var(--kommt), transform var(--feel-t-line) var(--feel-ease-rise) var(--kommt), background-color var(--feel-t-swap) var(--feel-ease-fade) var(--hero-weg)}.hero-board-karte{--kommt:calc((var(--s) + var(--r) * .5) * var(--feel-stagger));transition:translate var(--feel-t-line) var(--feel-ease-move) var(--feel-stagger), z-index 0s var(--feel-t-swap), opacity var(--feel-t-line) var(--feel-ease-fade) var(--kommt), transform var(--feel-t-line) var(--feel-ease-rise) var(--kommt)}.hero-board-karte[data-hebt]{transition:translate var(--hero-weg) var(--feel-ease-move), z-index 0s}.hero-board:not([data-da]) :is(.hero-board-spalte,.hero-board-karte){opacity:0;transform:translateY(var(--feel-rise));transition:opacity 0s var(--feel-t-swap), transform 0s var(--feel-t-swap), translate 0s}.hero-board-blatt{transition:scale var(--feel-t-swap) var(--feel-ease-move), rotate var(--feel-t-swap) var(--feel-ease-move), box-shadow var(--feel-t-swap) var(--feel-ease-fade)}.hero-board-karte[data-hebt]>.hero-board-blatt{transition-duration:var(--feel-t-pop);transition-timing-function:var(--feel-ease-pop)}.hero-board-knopf{transition:scale var(--feel-t-press) var(--feel-ease-move)}.hero-board-kopf,.hero-board-zahl{transition:color var(--feel-t-swap) var(--feel-ease-fade) var(--hero-weg)}.hero-board-zahl>:is(.hero-geht,.hero-kommt){animation-delay:var(--hero-weg)}.hero-board-leer{transition:opacity var(--feel-t-swap) var(--feel-ease-fade)}.hero-board-spalte[data-leer]>.hero-board-leer{transition-delay:var(--hero-weg)}}
.hd-ein{pointer-events:none;position:absolute;inset:0;container-type:inline-size}.hd-ein>*{--tw:calc(25cqw + 19.5px);--th:252px;--tx:calc(75cqw - 43.5px);--ty:112px;--oben:36px;--kopf:60px;--aw:460px;--kw:252px;--kx:min(50cqw + (var(--aw) + 16px - var(--kw)) / 2, 100cqw - 102px - var(--kw));--dw:312px;--dh:441px;--klein:.18;--weite:min(732px, 100cqw - var(--dw) - 32px);--py:124px;--bw:420px;--bh:640px;--fx:calc(50cqw - var(--bw) / 2);--frei:calc((var(--hd-weg-kurz) + var(--hd-weg)) / 2);--weich:.34s;--herein:1.1s;--an:cubic-bezier(.3, .3, .2, 1);--ab:cubic-bezier(.5, 0, 1, 1)}@container (max-width:1079px){.hd-ein>*{--aw:420px;--dw:272px;--dh:385px;--klein:.206;--weite:min(600px, 100cqw - var(--dw) - 16px);--bw:372px}}@container (max-width:1119px){.hd-ein>*{--tx:50cqw;--tw:340px}}@container (max-width:939px){.hd-ein>*{--tw:calc(50cqw - 49px)}}@container (max-width:879px){.hd-ein>*{--tw:calc(50cqw - 45px)}}.hd-ein-teil{z-index:1;width:var(--tw);height:var(--th);translate:var(--tx) var(--ty);background-color:var(--color-paper);box-shadow:0 0 0 1px color-mix(in srgb, var(--w01-petrol-deep) 7%, transparent), 0 24px 44px -18px color-mix(in srgb, var(--w01-petrol-deep) 42%, transparent);border-radius:16px;position:absolute;top:0;left:0;overflow:clip}.hd-ein-teil:before{content:"";background-image:radial-gradient(ellipse 90% 60% at 100% 0% in oklab, color-mix(in srgb, var(--w01-petrol-tint) 85%, transparent) 0%, transparent 72%);position:absolute;inset:0}.hd-ein-teil-titel{transform-origin:0 0;letter-spacing:-.02em;color:var(--color-r1-ink);white-space:nowrap;font-size:22px;font-weight:600;line-height:28px;position:absolute;top:40px;left:20px}.hd-ein-teil-auf{width:calc(var(--tw) - 40px);flex-direction:column;display:flex;position:absolute;top:90px;left:20px}.hd-ein-teil-reihe{border-top:1px solid var(--w01-line);height:34px;color:var(--color-r1-ink);white-space:nowrap;flex:none;justify-content:space-between;align-items:center;gap:12px;font-size:14px;line-height:20px;display:flex}.hd-ein-teil-reihe>:last-child{color:var(--color-r1-muted)}.hd-ein-knopf{align-self:flex-start;margin-top:12px}.hd-ein-teil-ruhe{color:var(--color-r1-muted);white-space:nowrap;opacity:0;font-size:13px;line-height:18px;position:absolute;top:31px;left:16px}.hd-ein-teil:is([data-lage=klein],[data-lage=weg]){width:var(--kw);height:var(--kopf);translate:var(--kx) var(--oben);box-shadow:0 0 0 1px color-mix(in srgb, var(--w01-petrol-deep) 7%, transparent), 0 8px 18px -12px color-mix(in srgb, var(--w01-petrol-deep) 30%, transparent);border-radius:14px}.hd-ein-teil:is([data-lage=klein],[data-lage=weg]):before,.hd-ein-teil:is([data-lage=klein],[data-lage=weg])>.hd-ein-teil-auf{opacity:0}.hd-ein-teil:is([data-lage=klein],[data-lage=weg])>.hd-ein-teil-titel{translate:-4px -30px;scale:.682}.hd-ein-teil:is([data-lage=klein],[data-lage=weg])>.hd-ein-teil-ruhe{opacity:1}.hd-ein-teil[data-lage=weg]{opacity:0}.hd-ein-teil[data-lage=wartet]{translate:calc(var(--tx) + 200px) var(--ty);opacity:0}.hd-ein-arbeit{z-index:2;width:var(--aw);height:var(--kopf);translate:calc(var(--kx) - var(--aw) - 16px) var(--oben);opacity:0;background-color:color-mix(in srgb, var(--color-paper) 78%, transparent);background-image:linear-gradient(in oklab 90deg, color-mix(in srgb, var(--color-r1-geometry-b) 38%, transparent) 0%, transparent 44%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-paper) 90%, transparent), 0 1px 2px color-mix(in srgb, var(--w01-petrol-deep) 8%, transparent), 0 24px 48px -24px color-mix(in srgb, var(--w01-petrol-deep) 30%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;align-items:center;gap:12px;padding:0 24px;display:flex;position:absolute;top:0;left:0;overflow:clip}.hd-ein-arbeit[data-da]{opacity:1}.hd-ein-satz{min-width:0;color:var(--color-r1-ink);white-space:nowrap;flex:1;font-size:16px;line-height:24px}.hd-ein-satz>b{color:var(--color-r1-action);font-weight:600}.hd-ein-zahl{color:var(--color-r1-muted);white-space:nowrap;flex:none;font-size:13px;line-height:18px}.hd-ein-flug{--x:0px;--y:0px;z-index:calc(3 + var(--i));transform-origin:0 0;translate:var(--x) var(--y);position:absolute;top:0;left:0}.hd-ein-dok{width:var(--dw);height:var(--dh);transform-origin:0 0;scale:var(--k,1);rotate:var(--r,0deg);white-space:nowrap;background-color:#f7fbfb;border-radius:6px;position:relative;overflow:clip;box-shadow:0 0 0 1px #d5e3e5,0 4px 10px #0c434b0a,0 18px 36px -22px #0c434b2e}.hd-ein-dok-klein{opacity:0;flex-direction:column;gap:39px;padding:67px 56px;display:flex;position:absolute;inset:0}.hd-ein-dok-klein>i{background-color:color-mix(in srgb, var(--w01-petrol-deep) 14%, transparent);border-radius:11px;flex:none;height:22px}.hd-ein-dok-klein>i:first-child{background-color:color-mix(in srgb, var(--w01-petrol-deep) 32%, transparent);width:58%}.hd-ein-dok-klein>i:last-child{width:72%}.hd-ein-dok-gross{--sicht:calc(var(--weite) / 3 - 38px);--haar:color-mix(in srgb, var(--w01-petrol-deep) 12%, transparent);color:var(--color-r1-ink);background-image:linear-gradient(in oklab 168deg, var(--color-paper) 0%, #f7fbfb 42%, var(--w01-mist) 100%);flex-direction:column;padding:22px 24px 0;font-size:13px;line-height:20px;display:flex;position:absolute;inset:0}.hd-ein-flug[data-letzt] .hd-ein-dok-gross{--sicht:100%}.hd-ein-dok-gross>*{flex:none}.hd-ein-dok-von{color:var(--color-r1-muted);flex-direction:column;margin-bottom:8px;font-size:12px;line-height:16px;display:flex}.hd-ein-dok-name{font-size:14px;font-weight:600;line-height:20px}.hd-ein-kurz{display:none}.hd-ein-dok-stand{color:var(--color-r1-muted);align-self:flex-start;font-size:12px;line-height:16px}.hd-ein-dok[data-fest] .hd-ein-dok-stand{color:var(--color-r1-ink);font-weight:600}.hd-ein-dok-inhalt{border-top:1px solid var(--haar);flex-direction:column;margin-top:12px;padding-top:10px;display:flex}.hd-ein-dok-inhalt>:not(.hd-ein-striche){width:min(100%, var(--sicht));flex:none}.hd-ein-dok-fuss{color:var(--color-r1-muted);font-size:12px;line-height:16px;position:absolute;bottom:16px;left:24px}.hd-ein-striche{flex-direction:column;flex:none;gap:10px;display:flex}.hd-ein-striche>i{background-color:color-mix(in srgb, var(--w01-petrol-deep) 9%, transparent);border-radius:3px;flex:none;height:6px}.hd-ein-dok-inhalt>.hd-ein-striche{margin-top:16px}.hd-ein-dok[data-art=bescheinigung] .hd-ein-dok-von{border-bottom:1px solid var(--haar);background-color:color-mix(in srgb, var(--w01-petrol-tint) 55%, transparent);margin:-22px -24px 14px;padding:14px 24px 12px}.hd-ein-dok[data-art=bescheinigung] .hd-ein-dok-von>:first-child{color:var(--color-r1-ink);font-weight:600}.hd-ein-angaben>div{height:24px;line-height:24px;display:flex}.hd-ein-angaben>div>:first-child{width:88px;color:var(--color-r1-muted);flex:none}.hd-ein-tabelle>div{border-bottom:1px solid var(--haar);justify-content:space-between;gap:8px;height:26px;line-height:26px;display:flex}.hd-ein-tabelle>div>:last-child{color:var(--color-r1-muted)}.hd-ein-tabelle>[data-kopf]{height:22px;color:var(--color-r1-muted);border-bottom-color:color-mix(in srgb, var(--w01-petrol-deep) 28%, transparent);font-size:12px;line-height:20px}.hd-ein-tabelle>[data-summe]{border-bottom:0;font-weight:600}.hd-ein-tabelle>[data-summe]>:last-child{color:var(--color-r1-ink)}.hd-ein-betreff{white-space:normal;font-weight:600;line-height:18px}.hd-ein-gruss{color:var(--color-r1-muted);margin-top:14px;font-size:12px;line-height:16px}.hd-ein-dok-inhalt>.hd-ein-signatur{width:104px;height:30px;color:var(--w01-petrol-deep);margin-top:2px}.hd-ein-lauf{flex-direction:column;gap:16px;display:flex}.hd-ein-lauf>div{grid-template-columns:68px minmax(0,1fr);column-gap:12px;display:grid}.hd-ein-lauf>div>:first-child{font-size:12px;font-weight:600}.hd-ein-lauf>div>:last-child{flex-direction:column;gap:6px;display:flex}@container (max-width:1079px){.hd-ein-lang{display:none}.hd-ein-kurz{display:inline}.hd-ein-dok-gross{--sicht:calc(var(--n) * var(--weite) - 28px);padding-inline:20px;font-size:12px}.hd-ein-dok[data-art=bescheinigung] .hd-ein-dok-von{margin-inline:-20px;padding-inline:20px}.hd-ein-dok-fuss{left:20px}.hd-ein-angaben>div>:first-child{width:78px}.hd-ein-tabelle>div{gap:4px}.hd-ein-lauf>div{grid-template-columns:58px minmax(0,1fr)}.hd-ein-arbeit{padding-inline:20px}.hd-ein-satz{font-size:15px}}.hd-ein-flug:is([data-lage=faecher],[data-lage=wartet]){--x:calc(var(--tx) + var(--tw) - 166px + var(--i) * 30px);--y:calc(var(--ty) + 14px)}.hd-ein-flug:is([data-lage=faecher],[data-lage=wartet])>.hd-ein-dok{--k:var(--klein);--r:calc((var(--i) - 1.5) * 4deg);background-color:var(--color-paper);box-shadow:0 0 0 5.5px color-mix(in srgb, var(--w01-petrol-deep) 12%, transparent), 0 0 0 0 #0c434b00, 0 33px 67px -44px color-mix(in srgb, var(--w01-petrol-deep) 30%, transparent);border-radius:39px}.hd-ein-flug:is([data-lage=faecher],[data-lage=wartet]) .hd-ein-dok-klein{opacity:1}.hd-ein-flug:is([data-lage=faecher],[data-lage=wartet]) .hd-ein-dok-gross{opacity:0}.hd-ein-flug[data-lage=wartet]{--x:calc(var(--tx) + var(--tw) + 34px + var(--i) * 30px);opacity:0}.hd-ein-flug[data-lupf]>.hd-ein-dok{translate:0 -7px}.hd-ein-flug:is([data-lage=auslage],[data-lage=liegt]){--x:calc(50cqw - (var(--dw) + var(--weite)) / 2 + var(--i) / 3 * var(--weite));--y:var(--py)}@container (max-width:1079px){.hd-ein-flug:is([data-lage=auslage],[data-lage=liegt]){--x:calc(50cqw - (var(--dw) + var(--weite)) / 2 + var(--g) * var(--weite))}}.hd-ein-flug[data-hoch]>.hd-ein-dok{translate:0 -12px;box-shadow:0 0 0 1px #0c434b0f,0 4px 10px #0c434b0f,0 30px 60px #0c434b29}.hd-ein-flug:is([data-lage=hinter],[data-lage=weg]){--x:calc(var(--fx) + (var(--bw) - var(--dw)) / 2);--y:calc(var(--py) + 12px)}.hd-ein-flug:is([data-lage=hinter],[data-lage=weg])>.hd-ein-dok{box-shadow:0 0 0 1px #d5e3e5,0 4px 10px #0c434b00,0 18px 36px -22px #0c434b00}.hd-ein-flug[data-lage=weg]{opacity:0}.hd-ein-bew{--kr:12px;--haar:color-mix(in srgb, var(--w01-petrol-deep) 12%, transparent);z-index:calc(14 - var(--i));width:var(--bw);height:var(--bh);translate:var(--fx) calc(var(--py) + 72px);opacity:0;background-color:var(--color-paper);white-space:nowrap;border-radius:6px;position:absolute;top:0;left:0;overflow:clip;box-shadow:0 0 0 1px #0c434b0f,0 4px 10px #0c434b0a,0 18px 36px -22px #0c434b2e}.hd-ein-bew:not([data-vorn],[data-lage=board]){visibility:hidden}.hd-ein-bew:not([data-vorn],[data-letzt]){box-shadow:0 0 0 1px #0c434b00,0 4px 10px #0c434b00,0 18px 36px -22px #0c434b00}.hd-ein-bew:not([data-vorn]) :is(.hd-ein-bew-titel,.hd-ein-bew-uni,.hd-ein-bew-unter){opacity:0}.hd-ein-bew[data-letzt][data-lage=board] :is(.hd-ein-bew-titel,.hd-ein-bew-uni,.hd-ein-bew-unter){opacity:1}.hd-ein-bew[data-lage=aus]{box-shadow:0 0 0 1px #0c434b0f,0 4px 10px #0c434b00,0 18px 36px -22px #0c434b00}.hd-ein-bew[data-lage=eine]{translate:var(--fx) var(--py);opacity:1}.hd-ein-bew[data-lage=board]{--sinkt:calc(var(--zy,157px + var(--i) * 114px) - var(--py));top:var(--sinkt);translate:var(--zx,8.1cqw) var(--py);width:var(--zw,240px);height:var(--zh,106px);border-radius:var(--kr);opacity:0;box-shadow:0 0 0 1px color-mix(in srgb, var(--w01-petrol-deep) 7%, transparent), 0 4px 10px #0c434b00, 0 8px 18px -12px color-mix(in srgb, var(--w01-petrol-deep) 30%, transparent)}.hd-ein-bew-inhalt{width:var(--bw);flex-direction:column;display:flex}.hd-ein-bew[data-lage=board]>.hd-ein-bew-inhalt{margin-top:calc(-1 * var(--sinkt))}.hd-ein-bew-kopf{border-bottom:1px solid var(--haar);height:48px;color:var(--color-r1-muted);flex:none;justify-content:space-between;align-items:center;margin:0 28px;font-size:13px;line-height:18px;display:flex}.hd-ein-marke{font-size:14px;line-height:20px}.hd-ein-bew-rumpf{color:var(--color-r1-ink);flex-direction:column;padding:20px 28px 0;font-size:13px;display:flex}.hd-ein-bew-titel{letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:34px}.hd-ein-bew-uni{letter-spacing:-.01em;margin-top:2px;font-size:17px;font-weight:600;line-height:24px}.hd-ein-bew-unter{color:var(--color-r1-muted);line-height:18px}.hd-ein-bew-anlagen{margin:20px 0 22px}.hd-ein-bew-anlagen>[data-kopf]>:first-child{color:var(--color-r1-action);font-weight:600}@container (max-width:1079px){.hd-ein-bew-kopf{margin-inline:24px}.hd-ein-bew-rumpf{padding-inline:24px}}.hd-ein-bew-karte{width:100%;height:var(--zh,106px);opacity:0;background-color:var(--color-paper);flex-direction:column;gap:2px;padding:15px 16px;display:flex;position:absolute;top:0;left:0}.hd-ein-bew-karte>:first-child{color:var(--color-r1-muted);font-size:13px;line-height:18px}.hd-ein-bew-karte>:last-child{letter-spacing:-.01em;color:var(--color-r1-ink);font-size:17px;font-weight:600;line-height:24px}.hd-ein-uni-kurz{display:none}@container (max-width:1119px){.hd-ein-bew{--kr:10px}.hd-ein-bew-karte{padding:12px}.hd-ein-bew-karte>:first-child{font-size:12px;line-height:16px}.hd-ein-bew-karte>:last-child{font-size:15px;line-height:22px}}@container (max-width:879px){.hd-ein-bew-karte{padding-inline:10px}.hd-ein-uni-lang{display:none}.hd-ein-uni-kurz{display:inline}}.hd-ein-bew-karte>span{opacity:0}.hd-ein-bew[data-lage=board]>.hd-ein-bew-karte,.hd-ein-bew[data-lage=board]>.hd-ein-bew-karte>span{opacity:1}.hd-ein>.hd-ein-maus{z-index:30;translate:calc(var(--tx) - 96px) calc(var(--ty) + 104px)}.hd-ein>.hd-ein-maus[data-ort=knopf]{translate:calc(var(--tx) + 93px) calc(var(--ty) + var(--th) - 30px)}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.hd-ein{transition:opacity .8s var(--feel-ease-fade) .2s, filter .8s var(--feel-ease-fade) .2s, transform .8s var(--feel-ease-rise) .2s}.hero-enter:not([data-entered]) .hd-ein{opacity:0;filter:blur(14px);transform:translateY(12px)scale(.985)}.hd-ein-teil{--spaet:.6s;transition:translate var(--hd-weg-kurz) var(--hd-fluss) var(--spaet), width var(--hd-weg-kurz) var(--hd-fluss) var(--spaet), height var(--hd-weg-kurz) var(--hd-fluss) var(--spaet), border-radius var(--hd-weg-kurz) var(--hd-fluss) var(--spaet), box-shadow var(--hd-weg-kurz) var(--feel-ease-fade) var(--spaet), opacity var(--weich) var(--feel-ease-fade)}.hd-ein-teil:before{transition:opacity var(--hd-weg-kurz) var(--feel-ease-fade) var(--spaet)}.hd-ein-teil-titel{transition:translate var(--hd-weg-kurz) var(--hd-fluss) var(--spaet), scale var(--hd-weg-kurz) var(--hd-fluss) var(--spaet)}.hd-ein-teil-auf{transition:opacity var(--weich) var(--feel-ease-fade) var(--spaet)}.hd-ein-teil-ruhe{transition:opacity var(--weich) var(--feel-ease-fade) calc(var(--spaet) + .4s)}.hd-ein-teil[data-lage=auf]{transition:translate var(--herein) var(--an) .1s, opacity var(--weich) var(--feel-ease-fade) .1s}.hd-ein-teil[data-lage=weg]{transition:opacity var(--weich) var(--feel-ease-fade) .5s}.hd-ein-teil[data-lage=wartet],.hd-ein-teil[data-lage=wartet]:before,.hd-ein-teil[data-lage=wartet]>*{transition:none}.hd-ein-arbeit{transform:translateY(var(--feel-rise));transition:opacity var(--weich) var(--feel-ease-fade) .5s, transform var(--weich) var(--ab) .5s}.hd-ein-arbeit[data-da]{transition:opacity var(--feel-t-line) var(--feel-ease-fade) .6s, transform var(--feel-t-line) var(--feel-ease-rise) .6s;transform:none}.hd-ein :is(.hero-geht,.hero-kommt){animation-duration:var(--weich)}.hd-ein-arbeit .hero-kommt{animation-delay:.28s}.hd-ein-flug{--t:0s;--v:0s;--k:var(--hd-fluss);transition:translate var(--t) var(--k) var(--v), opacity var(--weich) var(--feel-ease-fade) var(--v)}.hd-ein-dok{transition:scale var(--t) var(--k) var(--v), rotate calc(var(--t) / 2) var(--k) var(--v), border-radius var(--t) var(--k) var(--v), box-shadow var(--t) var(--feel-ease-fade) var(--v), background-color var(--t) var(--feel-ease-fade) var(--v), translate .68s var(--hd-fluss)}.hd-ein-flug[data-lupf]>.hd-ein-dok{transition:translate .24s var(--feel-ease-pop) calc(var(--i) * 20ms)}.hd-ein-flug[data-lage=faecher]{--t:var(--herein);--v:.1s;--k:var(--an)}.hd-ein-flug[data-lage=auslage]{--t:calc(var(--hd-weg-lang) + .3s - var(--i) * 80ms);--v:calc(var(--i) * .2s)}.hd-ein-flug[data-lage=liegt]{--t:.68s}.hd-ein-flug[data-lage=hinter]{--t:var(--hd-weg);--v:calc(.22s + var(--i) * .12s)}.hd-ein-flug[data-lage=wartet]{transition:none}.hd-ein-flug:is([data-lage=auslage],[data-lage=liegt]) .hd-ein-dok-klein{transition:opacity var(--weich) var(--feel-ease-fade) calc(var(--i) * .2s + .22s)}.hd-ein-flug:is([data-lage=auslage],[data-lage=liegt]) .hd-ein-dok-gross{transition:opacity .64s var(--feel-ease-fade) calc(var(--i) * .2s + .32s)}.hd-ein-dok-stand>:is(.hero-geht,.hero-kommt){animation-delay:.24s}.hd-ein-bew[data-lage=eine]{transition:opacity .24s var(--feel-ease-fade), translate var(--hd-weg-kurz) var(--feel-ease-pop), box-shadow var(--hd-weg-kurz) var(--feel-ease-fade)}.hd-ein-bew[data-lage=board]{--v:calc(min(var(--i), 1) * .42s + clamp(0, var(--i) - 1, 2) * .34s + max(var(--i) - 3, 0) * .4s);--falz:calc(.4s + min(var(--i), 1) * 60ms + max(var(--i) - 3, 0) * .3s);--flug:calc(var(--v) + var(--falz) - .1s);transition:top var(--falz) var(--ab) var(--v), height var(--falz) var(--ab) var(--v), width .64s var(--feel-ease-pop) var(--flug), border-radius .64s var(--feel-ease-pop) var(--flug), translate var(--hd-weg) var(--hd-fluss) var(--flug), box-shadow var(--hd-weg-kurz) var(--feel-ease-fade) var(--flug), opacity var(--weich) var(--feel-ease-fade) calc(var(--flug) + var(--hd-weg) - .1s)}.hd-ein-bew[data-lage=board]>.hd-ein-bew-inhalt{transition:margin-top var(--falz) var(--ab) var(--v)}.hd-ein-bew[data-lage=board]>.hd-ein-bew-karte{transition:opacity .24s var(--feel-ease-fade) calc(var(--v) + var(--falz) - .3s)}.hd-ein-bew[data-lage=board]>.hd-ein-bew-karte>span{transition:opacity .26s var(--feel-ease-fade) calc(var(--v) + var(--falz) - 60ms)}.hd-ein-bew[data-letzt][data-lage=board] :is(.hd-ein-bew-titel,.hd-ein-bew-uni,.hd-ein-bew-unter){transition:opacity .3s var(--feel-ease-fade) 1.08s}.hd-ein>.hd-ein-maus{transition:translate var(--frei) var(--hd-fluss), opacity var(--weich) var(--feel-ease-fade), transform 0s linear var(--weich);transform:translate(200px)}.hd-ein>.hd-ein-maus[data-da]{transition:translate var(--frei) var(--hd-fluss), opacity var(--weich) var(--feel-ease-fade) .1s, transform var(--herein) var(--an) .1s;transform:none}}
.hd-k{--hd-k-hell:linear-gradient(color-mix(in srgb, var(--w01-petrol-deep) 18%, transparent), color-mix(in srgb, var(--w01-petrol-deep) 18%, transparent));--hd-k-kraft:linear-gradient(color-mix(in srgb, var(--w01-petrol-deep) 62%, transparent), color-mix(in srgb, var(--w01-petrol-deep) 62%, transparent));--hd-k-band:linear-gradient(var(--w01-petrol-tint), var(--w01-petrol-tint));--hd-k-eng:repeating-linear-gradient(180deg, color-mix(in srgb, var(--w01-petrol-deep) 18%, transparent) 0 2px, transparent 2px 5px);--hd-k-weit:repeating-linear-gradient(180deg, color-mix(in srgb, var(--w01-petrol-deep) 18%, transparent) 0 2px, transparent 2px 7px)}.hd-k-szene{z-index:1;background-color:var(--color-paper);border-radius:12px;flex:none;height:152px;position:relative;container-type:inline-size}.hd-k-marke{color:var(--color-r1-muted)}.hd-k-marke[data-ton]{color:var(--color-r1-action)}.hd-k-knopf{white-space:nowrap;height:32px;color:var(--color-r1-ink);background-color:var(--color-paper);box-shadow:inset 0 0 0 1px var(--w01-line);border-radius:8px;align-items:center;gap:8px;padding:0 5px 0 13px;font-size:13px;font-weight:600;line-height:18px;display:inline-flex;position:absolute;top:88px;left:16px}.hd-k-knopf>span{background-color:var(--w01-mist);border-radius:5px;place-items:center;width:22px;height:22px;display:grid}.hd-k-knopf[data-stand=druck]{scale:var(--feel-press-scale);background-color:var(--w01-mist)}.hd-k-knopf[data-stand=druck]>span{background-color:var(--w01-petrol-tint)}.hd-k-knopf[data-stand=fort]{opacity:0;translate:0 -4px}.hd-k-zusage{transform-origin:0 100%;letter-spacing:-.04em;color:var(--color-r1-ink);opacity:0;translate:0 var(--feel-rise);font-size:48px;font-weight:700;line-height:50px;position:absolute;bottom:14px;left:16px;scale:.94}.hd-k-zusage[data-an]{opacity:1;translate:0;scale:1}.hd-k-haken{background-color:var(--w01-petrol-deep);opacity:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;bottom:18px;right:16px;translate:12px;scale:.9}.hd-k-haken[data-an]{opacity:1;translate:0;scale:1}.hd-k-blatt,.hd-k-akte{--mx:calc(50cqw + 74px);transform-origin:0 0;background-color:var(--color-paper);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--w01-petrol-deep) 14%, transparent), 0 8px 14px -8px color-mix(in srgb, var(--w01-petrol-deep) 38%, transparent);border-radius:5px;position:absolute;top:0;left:0;overflow:hidden}.hd-k-blatt{z-index:calc(4 - var(--i));width:54px;height:72px;translate:calc(100cqw - 94px + var(--i) * 12px) 86px;scale:.7;rotate:calc(var(--i) * 2deg)}.hd-k-blatt[data-ort=wartet]{translate:calc(var(--mx) + 7px + var(--i) * 4px) 72px;rotate:0deg}.hd-k-blatt[data-ort=vorn]{z-index:calc(10 + var(--i));translate:calc(var(--mx) - 55px + var(--i) * 8px) 50px;rotate:0deg;scale:1}@container (max-width:284px){.hd-k-blatt[data-ort=vorn]{translate:calc(var(--mx) - 51px + var(--i) * 6px) 50px}}.hd-k-blatt:is([data-ort=hinten],[data-ort=drin]){z-index:calc(10 + var(--i));translate:calc(var(--mx) - 39px + var(--i) * 4px) 50px;rotate:0deg;scale:1}.hd-k-blatt[data-ort=drin]{translate:calc(var(--mx) - 35px) 56px;opacity:0}.hd-k-blatt[data-ort=bereit]{translate:calc(100cqw - 94px + var(--i) * 12px) calc(86px + var(--feel-rise));opacity:0}.hd-k-blatt>svg{position:absolute;top:46px;left:7px}.hd-k-blatt[data-art=bescheinigung]{background:var(--hd-k-kraft) 19px 8px / 16px 4px no-repeat, var(--hd-k-hell) 13px 15px / 28px 2px no-repeat, var(--hd-k-hell) 7px 22px / 40px 1px no-repeat, var(--hd-k-kraft) 7px 29px / 22px 3px no-repeat, var(--hd-k-eng) 7px 37px / 40px 7px no-repeat, var(--hd-k-hell) 7px 47px / 28px 2px no-repeat, var(--hd-k-band) 7px 55px / 12px 10px no-repeat, var(--hd-k-hell) 35px 63px / 12px 2px no-repeat, var(--color-paper)}.hd-k-blatt[data-art=tabelle]{background:var(--hd-k-kraft) 7px 8px / 20px 3px no-repeat, var(--hd-k-band) 7px 15px / 40px 7px no-repeat, var(--hd-k-weit) 7px 26px / 22px 23px no-repeat, var(--hd-k-weit) 39px 26px / 8px 23px no-repeat, var(--hd-k-hell) 7px 54px / 40px 1px no-repeat, var(--hd-k-kraft) 7px 60px / 14px 3px no-repeat, var(--hd-k-kraft) 37px 60px / 10px 3px no-repeat, var(--color-paper)}.hd-k-blatt[data-art=bescheid]{background:var(--hd-k-kraft) 7px 8px / 14px 3px no-repeat, var(--hd-k-hell) 7px 13px / 20px 2px no-repeat, var(--hd-k-hell) 37px 13px / 10px 2px no-repeat, var(--hd-k-kraft) 7px 23px / 26px 3px no-repeat, var(--hd-k-eng) 7px 31px / 40px 12px no-repeat, var(--hd-k-hell) 7px 46px / 26px 2px no-repeat, var(--hd-k-hell) 7px 65px / 22px 1px no-repeat, var(--color-paper)}.hd-k-blatt[data-art=lebenslauf]{background:var(--hd-k-kraft) 4px 9px / 9px 3px no-repeat, var(--hd-k-hell) 4px 20px / 9px 2px no-repeat, var(--hd-k-hell) 4px 26px / 7px 2px no-repeat, var(--hd-k-hell) 4px 32px / 9px 2px no-repeat, var(--hd-k-kraft) 22px 8px / 20px 4px no-repeat, var(--hd-k-hell) 22px 15px / 14px 2px no-repeat, var(--hd-k-kraft) 22px 26px / 10px 2px no-repeat, var(--hd-k-hell) 22px 31px / 25px 2px no-repeat, var(--hd-k-hell) 22px 36px / 19px 2px no-repeat, var(--hd-k-kraft) 22px 46px / 10px 2px no-repeat, var(--hd-k-hell) 22px 51px / 25px 2px no-repeat, var(--hd-k-hell) 22px 56px / 22px 2px no-repeat, var(--hd-k-hell) 22px 61px / 16px 2px no-repeat, var(--hd-k-band) 0 0 / 17px 100% no-repeat, var(--color-paper)}.hd-k-akte{z-index:calc(20 - var(--i));background:linear-gradient(var(--w01-petrol-deep), var(--w01-petrol-deep)) 10px 11px / 24px 5px no-repeat, var(--hd-k-hell) 10px 20px / 16px 2px no-repeat, var(--hd-k-kraft) 10px 38px / 40px 4px no-repeat, var(--hd-k-hell) 10px 46px / 30px 2px no-repeat, var(--hd-k-hell) 10px 51px / 22px 2px no-repeat, var(--hd-k-hell) 10px 65px / 44px 1px no-repeat, var(--hd-k-hell) 10px 71px / 18px 2px no-repeat, var(--hd-k-hell) 44px 71px / 10px 2px no-repeat, linear-gradient(in oklab 180deg, var(--w01-petrol-tint) 0%, var(--w01-petrol-tint) 22%, transparent 46%), var(--color-paper);width:64px;height:84px;translate:calc(var(--mx) - 27px) calc(46px + var(--feel-rise) * max(0, 1 - var(--i)));opacity:0}.hd-k-akte[data-ort=deck]{translate:calc(var(--mx) - 27px) 46px;opacity:1}.hd-k-akte[data-ort=stapel]{translate:calc(var(--mx) - 39px + var(--i) * 9px) calc(52px - var(--i) * 3px);opacity:1}.hd-k-akte[data-ort=zeile]{translate:calc(100cqw - 128px) calc(214px + var(--i) * 39px);scale:.2}.hd-k-akte:is([data-ort=reise],[data-ort=folgt],[data-ort=besuch]){z-index:calc(30 - var(--i));translate:calc(100cqw + 10px) 72px;scale:.75}.hd-k-akte:is([data-ort=kommt],[data-ort=fort]){z-index:30;opacity:1;translate:calc(100cqw - 64px) 75px;scale:.75}.hd-k-akte[data-ort=fort]{opacity:0;translate:calc(100cqw - 44px) 106px;scale:.3}.hd-k-hauch{z-index:-1;background-color:var(--w01-petrol-tint);opacity:0;border-radius:6px;position:absolute;inset:3px -8px}.hd-k-hauch[data-an]{opacity:1}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.hd-k-szene .hero-geht{animation:hd-k-geht .36s var(--feel-ease-fade) var(--v,0s) both}.hd-k-szene .hero-kommt{animation:hd-k-kommt .36s var(--feel-ease-fade) var(--v,0s) both}.hd-k-marke{--v:var(--s,0s);transition:color var(--feel-t-swap) var(--feel-ease-fade) var(--s,0s)}.hd-k-rechts{--v:var(--sr,var(--s,0s))}.hd-k-titel{--v:calc(var(--s,0s) + 60ms)}.hd-k-satz{--v:calc(var(--s,0s) + var(--sz,.1s))}.hd-loop:is([data-schritt$=Ein],[data-schritt=nachgereicht]) .hd-k-szene{--sz:0s}.hd-loop[data-schritt=pruefen1] .hd-k-szene{--s:.3s;--sr:0s}.hd-loop[data-schritt=fuenf] .hd-k-szene{--s:.2s}.hd-loop[data-schritt=aufsBoard] .hd-k-szene{--s:.45s}.hd-loop[data-schritt=leipzig] .hd-k-szene{--s:.3s}.hd-k-knopf{transition:scale var(--feel-t-press) var(--feel-ease-move), background-color var(--feel-t-press) var(--feel-ease-fade), opacity var(--feel-t-swap) var(--feel-ease-fade), translate var(--feel-t-swap) var(--feel-ease-fade)}.hd-k-knopf[data-stand=da]{transition-delay:var(--feel-t-swap)}.hd-k-knopf>span{transition:background-color var(--feel-t-press) var(--feel-ease-fade)}.hd-k-zusage{transition:opacity var(--feel-t-swap) var(--feel-ease-fade), translate var(--feel-t-swap) var(--feel-ease-fade), scale var(--feel-t-swap) var(--feel-ease-fade)}.hd-k-zusage[data-an]{--d:calc(var(--feel-t-swap) / 2);transition:opacity var(--feel-t-line) var(--feel-ease-fade) var(--d), translate var(--feel-t-line) var(--feel-ease-rise) var(--d), scale var(--feel-t-line) var(--feel-ease-rise) var(--d)}.hd-k-haken{transition:opacity .3s var(--feel-ease-fade), scale .3s var(--feel-ease-fade), translate .3s var(--feel-ease-fade)}.hd-k-haken[data-an]{transition-duration:.36s, var(--hd-weg-kurz), var(--hd-weg-kurz);transition-timing-function:var(--feel-ease-fade), var(--feel-ease-rise), var(--feel-ease-rise);transition-delay:.28s}.hd-k-haken path{stroke-dasharray:14;stroke-dashoffset:14px;transition:stroke-dashoffset 0s linear .3s}.hd-k-haken[data-an] path{stroke-dashoffset:0;transition:stroke-dashoffset .52s var(--hd-fluss) .72s}.hd-k-blatt{transition:translate var(--t,var(--hd-weg)) var(--hd-fluss) var(--d,0s), scale var(--t,var(--hd-weg)) var(--hd-fluss) var(--d,0s), rotate var(--t,var(--hd-weg)) var(--hd-fluss) var(--d,0s), opacity var(--feel-t-swap) var(--feel-ease-fade) var(--do,0s)}.hd-k-blatt[data-ort=vorn]{--t:var(--hd-weg-lang)}.hd-loop[data-schritt=uebergabe] .hd-k-blatt[data-ort=vorn]{--t:var(--hd-weg);--d:.55s}.hd-k-blatt[data-ort=wartet]{--t:var(--hd-weg-kurz);--d:calc(.75s + var(--i) * .12s)}.hd-k-blatt[data-ort=hinten]{--t:var(--hd-weg-kurz);--d:calc(.56s + var(--i) * 40ms)}.hd-k-blatt[data-ort=drin]{--t:var(--hd-weg-kurz);--d:calc(var(--i) * 60ms);--do:.26s}.hd-k-blatt[data-ort=bereit]{transition:none}.hd-k-blatt[data-ort=faecher]{--d:calc(var(--feel-t-swap) + var(--i) * .11s);transition:translate var(--feel-t-line) var(--feel-ease-rise) var(--d), opacity var(--feel-t-line) var(--feel-ease-fade) var(--d)}.hd-k-akte{transition:translate var(--t,var(--hd-weg)) var(--hd-fluss) var(--d,0s), scale var(--t,var(--hd-weg)) var(--hd-fluss) var(--d,0s), opacity var(--feel-t-swap) var(--feel-ease-fade) var(--do,var(--d,0s))}.hd-k-akte[data-ort=weg]{transition:none}.hd-k-akte[data-ort=deck]{--d:.45s;transition:translate var(--feel-t-line) var(--feel-ease-rise) var(--d), opacity var(--feel-t-swap) var(--feel-ease-fade) var(--d)}.hd-k-akte[data-ort=stapel]{--t:var(--hd-weg-kurz);--d:calc(var(--i) * .11s)}.hd-k-blatt+.hd-k-akte[data-ort=stapel]{--t:var(--hd-weg)}.hd-k-akte[data-ort=zeile]{--t:calc(1.25s + var(--i) * 80ms);--d:calc(var(--i) * .15s);--do:calc(var(--d) + var(--t) - var(--feel-t-swap))}.hd-k-akte:is([data-ort=reise],[data-ort=folgt],[data-ort=besuch]){transition:none;animation:2.1s both hd-k-reise}.hd-k-akte[data-ort=folgt]{animation-delay:.2s}.hd-k-blatt+.hd-k-akte[data-ort=reise]{animation-duration:2.4s}.hd-k-akte[data-ort=besuch]{animation-name:hd-k-besuch}.hd-k-akte[data-ort=kommt]{animation:hd-k-ankunft 1s var(--hd-fluss) both;transition:none}.hd-k-akte[data-ort=fort]{--t:.4s;--do:.16s;transition-timing-function:cubic-bezier(.5, 0, .9, .6), cubic-bezier(.5, 0, .9, .6), var(--feel-ease-fade)}.hd-k-hauch{transition:opacity var(--feel-t-line) var(--feel-ease-fade)}.hd-k-hauch[data-an]{transition-duration:var(--feel-t-swap)}.hd-k-wort>:is(.hero-geht,.hero-kommt){animation-delay:calc(var(--hd-ab,0s) + var(--i) * var(--hd-ab-je,90ms))}.hd-loop:is([data-phase=aufsBoard],[data-schritt=leipzig]) .hd-k{--hd-ab:1.15s;--hd-ab-je:.23s}}@keyframes hd-k-reise{0%{translate:calc(100cqw - 128px) calc(214px + var(--i) * 39px);opacity:0;animation-timing-function:cubic-bezier(.3,.1,.3,.92);scale:.2}10%{opacity:1}40%{animation-timing-function:linear;translate:calc(100cqw - 70px) 80px;scale:.75}62%{animation-timing-function:cubic-bezier(.45,.13,.85,.7);translate:calc(100cqw - 60px) 74px;scale:.75}86%{opacity:1}to{opacity:0;translate:calc(100cqw + 10px) 72px;scale:.75}}@keyframes hd-k-ankunft{0%{opacity:0;translate:calc(100cqw + 10px) 70px}25%{opacity:1}}@keyframes hd-k-besuch{0%{opacity:0;animation-timing-function:cubic-bezier(.3,.3,.4,.87);translate:calc(100cqw + 10px) 70px;scale:.75}10%{opacity:1}38%{animation-timing-function:linear;translate:calc(100cqw - 64px) 74px;scale:.75}62%{animation-timing-function:cubic-bezier(.5,.11,.85,.7);translate:calc(100cqw - 62px) 84px;scale:.75}86%{opacity:1}to{opacity:0;translate:calc(100cqw + 10px) 96px;scale:.75}}@keyframes hd-k-geht{70%,to{opacity:0;transform:translateY(-6px)}}@keyframes hd-k-kommt{0%,15%{opacity:0;transform:translateY(6px)}}
.oben-h1{letter-spacing:-.04em;font-size:42px;line-height:44px}@media (min-width:600px){.oben-h1{font-size:min(76px,5.29vw);line-height:1.027}}.oben-h1 .feel-line{--feel-d:.6s}.hero-stage{background-color:var(--w01-mist);background-image:radial-gradient(ellipse 58% 78% at 14% 18% in oklab, color-mix(in srgb, var(--color-r1-geometry-a) 78%, transparent) 0%, transparent 72%), radial-gradient(ellipse 60% 80% at 88% 82% in oklab, color-mix(in srgb, var(--color-r1-geometry-b) 95%, transparent) 0%, transparent 70%), radial-gradient(ellipse 36% 46% at 62% 4% in oklab, color-mix(in srgb, var(--color-r1-action) 20%, transparent) 0%, transparent 72%)}.hero-stage[data-compact]{background-image:radial-gradient(ellipse 70% 60% at 10% 12% in oklab, color-mix(in srgb, var(--color-r1-geometry-a) 78%, transparent) 0%, transparent 72%), radial-gradient(ellipse 80% 70% at 92% 88% in oklab, color-mix(in srgb, var(--color-r1-geometry-b) 95%, transparent) 0%, transparent 70%)}.hero-orb{background-image:radial-gradient(circle farthest-corner at 34% 30% in oklab, var(--color-paper) 0%, var(--color-r1-geometry-b) 58%, var(--w01-celadon-deep) 100%);box-shadow:inset 0 -3px 8px color-mix(in srgb, var(--w01-petrol-deep) 10%, transparent), 0 8px 20px color-mix(in srgb, var(--w01-petrol-deep) 10%, transparent), 0 0 14px color-mix(in srgb, var(--color-r1-geometry-b) 80%, transparent);filter:blur(.6px);opacity:.9}.hero-fade{background-image:linear-gradient(in oklab 180deg, color-mix(in srgb, var(--color-paper) 0%, transparent) 0%, color-mix(in srgb, var(--color-paper) 70%, transparent) 55%, var(--color-paper) 100%)}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.hero-enter.feel-reveal{opacity:1;transform:none}.hero-window{transition:opacity .8s var(--feel-ease-fade) .2s, filter .8s var(--feel-ease-fade) .2s, transform .8s var(--feel-ease-rise) .2s}.hero-note{--delay:calc(1s + var(--i,0) * .26s);transition:opacity .6s var(--feel-ease-fade) var(--delay), transform .6s var(--feel-ease-rise) var(--delay)}.hero-enter:not([data-entered]) .hero-window{opacity:0;filter:blur(14px);transform:translateY(12px)scale(.985)}.hero-enter:not([data-entered]) .hero-note{opacity:0;transform:translate(var(--from-x,0), var(--from-y,0))}}@media (prefers-reduced-motion:no-preference){.hero-orb{animation:9s ease-in-out infinite alternate hero-float}.hero-loop[data-paused] .hero-orb{animation-play-state:paused}}@keyframes hero-float{to{transform:translateY(-7px)}}.leistung{background-color:var(--w01-mist);overflow-x:clip}@media (min-width:1200px){.leistung{background-color:var(--color-paper);background-image:linear-gradient(in oklab 180deg, var(--color-paper) 0%, var(--w01-mist) 20%, var(--w01-mist) 80%, var(--color-paper) 100%)}}.oben-h2-weg{letter-spacing:-.035em;font-size:32px;line-height:36px}@media (min-width:1200px){.oben-h2-weg{font-size:min(52px,3.62vw);line-height:1.077}}.weg{--p:.57;--end:1;--portal:1;font-family:var(--font-r1);padding-top:12px;position:relative}.weg-main{padding-left:44px;position:relative}.weg-track{pointer-events:none;width:24px;position:absolute;top:16px;bottom:104px;left:0}.weg-line{background:color-mix(in srgb, var(--w01-petrol-deep) 26%, transparent);border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:11px}.weg-line[data-fill]{background:var(--w01-petrol-deep);transform:scaleY(var(--p));transform-origin:0 0}.weg-runner{transform:translateY(calc((var(--p) - 1) * 100%));position:absolute;inset:0}.weg-ball{background-image:radial-gradient(circle farthest-corner at 34% 30% in oklab, var(--color-paper) 0%, var(--color-r1-geometry-b) 45%, var(--w01-celadon-deep) 80%, var(--color-r1-action) 100%);width:24px;height:24px;box-shadow:inset 0 -3px 5px color-mix(in srgb, var(--w01-petrol-deep) 35%, transparent), 0 6px 10px -4px var(--w01-petrol-deep), 0 0 0 4px var(--color-paper);border-radius:50%;position:absolute;bottom:-12px;left:0}.weg-stations{grid-auto-rows:1fr;margin:0;padding:0;list-style:none;display:grid}.weg-station{flex-direction:column;gap:6px;min-width:0;padding-bottom:32px;display:flex;position:relative}.weg-station:before{content:"";background:var(--w01-petrol-deep);width:10px;height:2px;opacity:clamp(.26, calc((var(--p) - var(--s)) * 40 + 1), 1);position:absolute;top:15px;left:-33px}.weg-station>h3{color:var(--color-r1-ink);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600;line-height:32px}.weg-station>p{color:var(--color-r1-muted);margin:0;font-size:16px;line-height:24px}.weg-portal{width:112px;height:126px;display:block}.weg-portal>*{transform-box:fill-box;transform-origin:50% 100%}.weg-ziel{padding-top:6px;padding-left:44px}@media (min-width:1200px){.weg{--p:.583;--end:.862;grid-template-columns:minmax(0,1fr) min(300px,21vw);align-items:start;column-gap:32px;padding-top:0;display:grid}.weg-main{padding-top:48px;padding-left:0}.weg-track{width:auto;height:48px;top:0;bottom:auto;right:0}.weg-line{width:auto;height:2px;inset:23px 0 auto}.weg-line[data-fill]{transform:scaleX(var(--p))}.weg-runner{transform:translateX(calc((var(--p) - 1) * 100%))}.weg-ball{background-image:radial-gradient(circle farthest-corner at 32% 26% in oklab, var(--color-paper) 0%, color-mix(in srgb, var(--color-paper) 0%, transparent) 24%), radial-gradient(circle farthest-corner at 70% 78% in oklab, var(--color-r1-geometry-a) 0%, color-mix(in srgb, var(--color-r1-geometry-a) 0%, transparent) 48%), radial-gradient(circle farthest-corner at 40% 34% in oklab, var(--color-r1-geometry-b) 0%, var(--w01-celadon-deep) 60%, var(--color-r1-action) 100%);width:28px;height:28px;box-shadow:inset 0 -3px 6px color-mix(in srgb, var(--w01-petrol-deep) 40%, transparent), inset 0 1px 1px color-mix(in srgb, var(--color-paper) 80%, transparent), 0 8px 14px -6px var(--w01-petrol-deep), 0 0 0 4px var(--color-paper);inset:10px -14px auto auto}.weg-stations{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto}.weg-station{gap:8px;padding:4px 16px 0 0}.weg-station:before{width:2px;height:10px;top:-23px;left:0}.weg-station>h3{font-size:min(24px,1.7vw)}.weg-portal{position:absolute;top:-100px;right:-8px}.weg-ziel{padding:0}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.weg{--p:calc(var(--t,.676) * var(--end))}.weg-station>*{opacity:clamp(.42, calc((var(--p) - var(--s)) * 14 + 1), 1)}.weg-ziel{opacity:calc(.42 + .58 * var(--portal))}.weg-portal>*{--k:clamp(0, calc(var(--portal) * 2.4 - var(--o,0) * .65), 1);opacity:var(--k);transform:translateY(calc((1 - var(--k)) * 8px)) scale(calc(.94 + .06 * var(--k)))}}
.hd-loop{--hd-fluss:cubic-bezier(.42, 0, .36, 1);--hd-weg-kurz:.64s;--hd-weg:.98s;--hd-weg-lang:1.26s}.hd-loop .hero-stage:not([data-compact]){--hd-weg-kurz:.72s;--hd-weg:1.12s;--hd-weg-lang:1.44s}.hd-loop[data-paused] *{animation-play-state:paused}
.pdf{--fan:1;font-family:var(--font-r1)}.pdf-breit{--pdf-l:110px;--pdf-t:10px;--pdf-w:392px;--pdf-h:540px;--pdf-ox:16px;--pdf-oy:30px;--pdf-dx:110px;--pdf-sx:.9184;--pdf-sy:.8889;--pdf-leiste-t:578px;--pdf-leiste-w:392px;--pdf-pause-l:510px;--pdf-pause-t:570px;--pdf-schatten:0 0 0 1px #0c434b0f, 0 30px 60px #0c434b29, 0 4px 10px #0c434b0f}.pdf-kompakt{--pdf-l:40px;--pdf-t:10px;--pdf-w:212px;--pdf-h:282px;--pdf-ox:6px;--pdf-oy:12px;--pdf-dx:46px;--pdf-sx:.9434;--pdf-sy:.9362;--pdf-leiste-t:317px;--pdf-leiste-w:160px;--pdf-pause-l:208px;--pdf-pause-t:296px;--pdf-schatten:0 22px 44px #0c434b29}.pdf-stapel{position:absolute;inset:0}.pdf-blatt{left:var(--pdf-l);top:var(--pdf-t);width:var(--pdf-w);height:var(--pdf-h);--s:0;--x:0px;--y:0px;--r:0deg;--kx:1;--ky:1;transform:translate(var(--x), var(--y)) rotate(var(--r)) scale(var(--kx), var(--ky));transform-origin:0 0;border-radius:6px;position:absolute}.pdf-blatt:not([data-platz="0"]){--x:calc(var(--pdf-ox) + var(--s) * var(--pdf-dx) * var(--fan));--y:var(--pdf-oy);--r:calc(var(--s) * var(--fan) * 4deg);--kx:var(--pdf-sx);--ky:var(--pdf-sy)}.pdf-blatt[data-platz="0"]{z-index:4}.pdf-blatt[data-platz="1"]{--s:.3333;z-index:3}.pdf-blatt[data-platz="2"]{--s:.6667;z-index:2}.pdf-blatt[data-platz="3"]{--s:1;z-index:1}.pdf-seite{isolation:isolate;background:var(--color-paper)}.pdf-seite:before,.pdf-seite:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:0}.pdf-seite:before{box-shadow:0 14px 34px #0c434b1a}.pdf-seite:after{box-shadow:var(--pdf-schatten)}.pdf-seite[data-platz="3"]:before,.pdf-seite[data-platz="0"]:after{opacity:1}.pdf-schleier,.pdf-doppel{opacity:0;background:#f7fbfb;border:1px solid #d5e3e5;border-radius:6px}.pdf-schleier{position:absolute;inset:0}.pdf-seite:not([data-platz="0"])>.pdf-schleier{opacity:1}.pdf-doppel{z-index:6}.pdf-leiste{left:var(--pdf-l);top:var(--pdf-leiste-t);width:var(--pdf-leiste-w);flex-direction:column;gap:10px;display:flex;position:absolute}.pdf-stuecke{gap:6px;display:flex}.pdf-stueck{background:#c9dadd;border-radius:2px;flex:1;height:3px;position:relative;overflow:clip}.pdf-fuellung{background:var(--color-r1-action);transform-origin:0;opacity:0;position:absolute;inset:0}.pdf-stueck[data-stand=ist]>.pdf-fuellung{opacity:1}.pdf-stueck[data-stand=war]>.pdf-fuellung{opacity:.4}.pdf-worte{color:var(--color-r1-muted);justify-content:space-between;font-size:12px;line-height:16px;display:flex}.pdf-wort{display:inline-grid}.pdf-wort>*{grid-area:1/1}.pdf-wort>b{color:var(--color-r1-ink);opacity:0;font-weight:600}.pdf-wort[data-ist]>b{opacity:1}.pdf-wort[data-ist]>span{opacity:0}.pdf-pause{display:none}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.pdf-pause{left:var(--pdf-pause-l);top:var(--pdf-pause-t);width:44px;height:44px;color:var(--color-r1-muted);cursor:pointer;transition:color var(--feel-t-hover) var(--feel-ease-fade);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute}.pdf-pause:focus-visible{outline:3px solid var(--color-r1-action);outline-offset:-6px}@media (hover:hover){.pdf-pause:hover{color:var(--color-r1-ink)}}.pdf-stueck[data-stand=ist]>.pdf-fuellung{animation:3.5s linear .5s both pdf-fuellen}.pdf[data-haelt] .pdf-fuellung{animation-play-state:paused}.pdf-fuellung{transition:opacity var(--feel-t-swap) var(--feel-ease-fade)}.pdf-wort>*{transition:opacity var(--feel-t-swap) var(--feel-ease-fade) .3s}.pdf[data-wechsel] .pdf-seite{transition:transform var(--feel-t-travel) var(--feel-ease-move) calc(.1s + var(--s) * .3s)}.pdf-schleier{transition:opacity var(--feel-t-swap) var(--feel-ease-fade) .3s}.pdf-seite[data-platz="0"]>.pdf-schleier{transition:opacity .3s var(--feel-ease-fade)}.pdf-seite:after{transition:opacity var(--feel-t-swap) var(--feel-ease-fade) .1s}.pdf-seite:before{transition:opacity var(--feel-t-swap) var(--feel-ease-fade)}.pdf-seite[data-platz="3"]:before{transition-delay:.9s}.pdf-seite[data-wandert]{animation:1.5s pdf-bogen,1.5s linear pdf-ebene}.pdf-seite[data-wandert]:after{animation:1.5s linear pdf-schatten}.pdf-doppel{animation:1.5s pdf-bogen,1.5s linear pdf-doppel}}@keyframes pdf-fuellen{0%{transform:scaleX(0)}}@keyframes pdf-bogen{0%{animation-timing-function:var(--feel-ease-pop);transform:translate(0)rotate(0)scale(1)}14%{animation-timing-function:var(--feel-ease-fade);transform:translate(4px,-4px)rotate(0)scale(1.02)}45%{transform:translate(calc(var(--pdf-ox) + var(--pdf-dx) * 1.9), calc(var(--pdf-oy) * .5)) rotate(8deg) scale(var(--pdf-sx), var(--pdf-sy));animation-timing-function:var(--feel-ease-move)}to{transform:translate(var(--x), var(--y)) rotate(var(--r)) scale(var(--kx), var(--ky))}}@keyframes pdf-ebene{0%,42%{z-index:5}42.01%,to{z-index:1}}@keyframes pdf-schatten{0%,14%{opacity:1}38%,to{opacity:0}}@keyframes pdf-doppel{0%,37.9%{opacity:0}38%,45%{opacity:1}61%,to{opacity:0}}
.film-rahmen{background-color:var(--w01-mist);box-shadow:0 24px 48px -24px color-mix(in srgb, var(--w01-petrol-deep) 30%, transparent);border-radius:20px;position:relative;overflow:hidden}@media (min-width:1024px){.film-rahmen{border-radius:24px}}.film-video{aspect-ratio:16/9;background-color:var(--w01-mist);width:100%;height:auto;display:block}.film-start{min-width:64px;min-height:64px;color:var(--color-r1-ink);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:12px;padding:0;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.film-start-kreis{background:var(--color-r1-action);width:72px;height:72px;color:var(--color-paper);border-radius:50%;place-items:center;padding-left:4px;display:grid;box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1px #0c434b99,0 1px 2px #0c434b40,0 10px 24px -10px #0c434b8c}.film-start-text{background:var(--color-paper);font:600 14px/20px var(--font-r1);white-space:nowrap;box-shadow:0 6px 16px -8px color-mix(in srgb, var(--w01-petrol-deep) 40%, transparent);border-radius:999px;padding:8px 14px}.film-start:focus-visible{outline:3px solid var(--color-r1-action);outline-offset:6px;border-radius:16px}@media (hover:hover){.film-start:hover .film-start-kreis{filter:brightness(1.06)}}@media (max-width:639.98px){.film-start-kreis{width:64px;height:64px}.film-start-text{clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}}
@layer theme,base;@layer components{.unten{font-family:var(--font-r1);color:var(--color-r1-ink)}.unten-link{color:var(--color-r1-ink);text-underline-position:from-font;border-radius:2px;align-self:flex-start;font-size:16px;line-height:20px;text-decoration:underline;text-decoration-thickness:1px}@media (max-width:1023.98px){.unten-link{position:relative}.unten-link:after{content:"";position:absolute;inset:-12px 0}}.unten-link:focus-visible{outline:3px solid var(--color-r1-action);outline-offset:3px}@media (hover:hover){.unten-link:hover{color:var(--color-r1-action)}}.unten-glas{background:color-mix(in srgb, var(--color-paper) 78%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-paper) 90%, transparent), 0 1px 2px color-mix(in srgb, var(--w01-petrol-deep) 8%, transparent), 0 24px 48px -24px color-mix(in srgb, var(--w01-petrol-deep) 30%, transparent);border-radius:16px}.unten-zeile{background:color-mix(in srgb, var(--w01-petrol-deep) 14%, transparent);border-radius:2px;flex-shrink:0;height:3px;display:block}.unten-zeiger{display:block;position:absolute}.unten-panels{background:linear-gradient(in oklab 180deg, #fff 0%, #eef5f5 100%);padding-block:72px;overflow-x:clip}@supports (color:lab(0% 0 0)){.unten-panels{background:linear-gradient(in oklab 180deg, lab(100% 0 0) 0%, lab(96.0173% -2.3618 -.782549) 100%)}}.unten-panels-scroller{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:24px;display:flex;overflow-x:auto}.unten-panels-scroller::-webkit-scrollbar{display:none}.unten-panels-track{gap:12px;width:max-content;display:flex}.unten-panel{scroll-snap-align:start;border-radius:16px;flex-direction:column;flex-shrink:0;gap:20px;width:min(100vw - 72px,440px);padding:20px 16px 16px;display:flex}.unten-szene{flex-direction:column;gap:18px;width:100%;padding:20px;display:flex}.unten-seiten{gap:8px;display:flex}.unten-seite{background:var(--color-paper);height:96px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--w01-petrol-deep) 12%, transparent), 0 6px 12px -8px color-mix(in srgb, var(--w01-petrol-deep) 30%, transparent);border-radius:8px;flex-direction:column;flex:1 1 0;justify-content:space-between;padding:10px;display:flex}.unten-seite>svg{width:12px;height:12px}.unten-platz{background:var(--w01-petrol-tint);height:96px;box-shadow:0 0 0 1.5px var(--w01-celadon-deep);border-radius:8px;flex:1 1 0;padding:10px;position:relative}.unten-anflug{position:absolute;inset:0}.unten-seite-fliegt{transform-origin:0 0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--w01-petrol-deep) 12%, transparent), 0 18px 28px -14px color-mix(in srgb, var(--w01-petrol-deep) 55%, transparent);position:absolute;top:-18px;left:12px;rotate:-6deg}.unten-aussage{letter-spacing:-.02em;font-size:18px;font-weight:700;line-height:24px}.unten-aussage-sub{color:var(--color-r1-muted);font-size:13px;line-height:20px}.unten-quelle{background:var(--color-paper);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--w01-petrol-deep) 12%, transparent), 0 6px 12px -8px color-mix(in srgb, var(--w01-petrol-deep) 30%, transparent);border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative}.unten-marker{align-self:flex-start;padding:5px 8px;font-size:13px;font-weight:500;line-height:20px;position:relative}.unten-marker:before{content:"";background:color-mix(in srgb, var(--color-r1-geometry-a) 60%, transparent);transform-origin:0;border-radius:4px;position:absolute;inset:0}.unten-marker>span{position:relative}@media (min-width:1024px){.unten-panels-scroller{scroll-padding-inline:96px}}@media (min-width:1280px){.unten-panels{background:var(--color-paper);padding-block:0}.unten-panels-sticky{padding-block:96px}.unten-panels-track{gap:24px}.unten-panel{flex-direction:row;align-items:center;gap:56px;width:1080px;height:520px;padding:64px}.unten-szene{flex-shrink:0;gap:28px;width:440px;padding:28px}.unten-zeile{height:4px}.unten-seiten{gap:16px;padding-top:20px}.unten-seite{flex:none;width:84px;height:108px;padding:12px}.unten-seite>svg{width:18px;height:18px}.unten-platz{background:color-mix(in srgb, var(--color-r1-action) 10%, transparent);width:84px;height:108px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--color-r1-action) 45%, transparent);flex:none;padding:0}.unten-aussage{font-size:24px;line-height:30px}.unten-aussage-sub{font-size:14px;line-height:22px}.unten-marker{white-space:nowrap;font-size:14px}}.unten-buehne{background-color:var(--w01-mist);background-image:radial-gradient(ellipse 70% 60% at 8% 6% in oklab, color-mix(in srgb, var(--color-r1-geometry-a) 55%, transparent) 0%, transparent 72%), radial-gradient(ellipse 70% 60% at 94% 96% in oklab, color-mix(in srgb, var(--color-r1-geometry-b) 80%, transparent) 0%, transparent 70%);border-radius:24px;flex-direction:column;gap:12px;padding:16px;display:flex;overflow:clip}.unten-karte{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;display:flex}.unten-reihe{border-top:1px solid color-mix(in srgb, var(--w01-petrol-deep) 12%, transparent);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:44px;font-size:13px;line-height:20px;display:flex}.unten-stand{color:var(--color-r1-muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:13px;line-height:18px;display:flex}.unten-knopf{white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:10px;height:36px;padding:0 4px 0 14px;font-size:14px;font-weight:500;line-height:20px;display:flex}.unten-knopf>span:last-child{border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.unten-lauf{width:70%;height:20px;position:absolute;top:0;left:0;overflow:clip}.unten-lauf>span{align-items:center;height:100%;display:flex}.unten-tausch{justify-items:end;display:inline-grid}.unten-tausch>*{grid-area:1/1}.unten-vor{opacity:0;visibility:hidden}@media (min-width:1280px){.unten-buehne{background-image:radial-gradient(ellipse 58% 78% at 12% 14% in oklab, color-mix(in srgb, var(--color-r1-geometry-a) 72%, transparent) 0%, transparent 72%), radial-gradient(ellipse 60% 80% at 90% 86% in oklab, color-mix(in srgb, var(--color-r1-geometry-b) 92%, transparent) 0%, transparent 70%), radial-gradient(ellipse 40% 46% at 70% 2% in oklab, color-mix(in srgb, var(--color-r1-action) 16%, transparent) 0%, transparent 72%);border-radius:28px;flex-shrink:0;width:680px;height:708px;padding:0;display:block;position:relative}.unten-karte{position:absolute}.unten-reihe{font-size:14px}}.unten-objekt{flex-shrink:0;width:100%;max-width:342px;height:320px;position:relative}.unten-form{width:94%;height:300px;position:absolute;top:0;left:3%}.unten-form-a{background-color:var(--w01-petrol-tint);background-image:radial-gradient(ellipse 46% 40% at 36% 30% in oklab, #fff 0%, transparent 72%), radial-gradient(ellipse 70% 62% at 84% 90% in oklab, color-mix(in srgb, var(--w01-celadon-deep) 46%, transparent) 0%, transparent 72%);border-radius:46% 54% 42% 58%/52% 44% 56% 48%}.unten-form-b{background-color:#fff;background-image:radial-gradient(ellipse 56% 48% at 78% 22% in oklab, color-mix(in srgb, var(--w01-petrol-tint) 100%, transparent) 0%, transparent 74%), linear-gradient(in oklab 204deg, transparent 34%, color-mix(in srgb, var(--color-r1-geometry-b) 78%, transparent) 100%), linear-gradient(in oklab 90deg, var(--w01-petrol-tint) 0%, color-mix(in srgb, var(--w01-petrol-tint) 55%, #fff) 100%);border-radius:54% 46% 58% 42%/46% 54% 44% 56%}.unten-form{overflow:clip}.unten-form>img,.unten-flaeche>img{object-fit:cover;object-position:50% 50%;border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.unten-etikett{background:var(--color-paper);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex;position:absolute;box-shadow:0 14px 34px #0c434b29}.unten-etikett-klein{color:var(--color-r1-muted);font-size:12px;line-height:16px}.unten-etikett-text{font-size:14px;font-weight:500;line-height:19px}@media (min-width:1280px){.unten-objekt{width:560px;max-width:none;height:480px}.unten-form{width:520px;height:470px;left:0}.unten-etikett{gap:6px;padding:14px 16px}.unten-etikett-text{font-size:15px;line-height:20px}}.unten-flaeche{aspect-ratio:5/3;border-radius:12px;flex-shrink:0;width:100%;max-height:360px;position:relative;overflow:clip}@media (min-width:1024px){.unten-flaeche{aspect-ratio:auto;height:340px;max-height:none}}.unten-flaeche-a{background-color:#fff;background-image:radial-gradient(ellipse 48% 90% at 6% 100% in oklab, color-mix(in srgb, var(--w01-celadon-deep) 38%, transparent) 0%, transparent 76%), linear-gradient(in oklab 112deg, var(--w01-petrol-tint) 0%, #fff 58%, color-mix(in srgb, var(--color-r1-geometry-b) 70%, #fff) 100%)}.unten-flaeche-b{background-color:var(--w01-petrol-tint);background-image:radial-gradient(ellipse 80% 70% at 88% 8% in oklab, #fff 0%, transparent 68%), linear-gradient(in oklab 18deg, color-mix(in srgb, var(--w01-celadon-deep) 30%, transparent) 0%, transparent 62%)}}@layer utilities;@media (min-width:1280px) and (prefers-reduced-motion:no-preference) and (scripting:enabled){@layer components{.unten-panels{height:calc(var(--unten-block-h,872px) + var(--unten-travel,calc(2376px - min(100vw, 1440px))))}.unten-panels-sticky{top:calc(var(--unten-kopf,96px) + (100svh - var(--unten-kopf,96px) - var(--unten-block-h,872px)) / 2);position:sticky}.unten-panels-scroller{scroll-snap-type:none;overflow:visible}.unten-panels-track{will-change:transform}}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){@layer components{.unten-link{transition:color var(--feel-t-hover) var(--feel-ease-fade)}.unten-haken{stroke-dasharray:1;transition:stroke-dashoffset var(--feel-t-check) var(--feel-ease-move) calc(.3s + var(--i,0) * .16s)}[data-szene]:not([data-entered]) .unten-haken{stroke-dashoffset:1px}.unten-anflug{transition:transform var(--feel-t-travel) var(--feel-ease-move) .9s, opacity var(--feel-t-swap) var(--feel-ease-fade) .9s}[data-szene]:not([data-entered]) .unten-anflug{opacity:0;transform:translate(34px,-30px)rotate(-7deg)}[data-szene][data-entered] .unten-schwebt{animation:unten-schweben 3.6s var(--feel-ease-fade) 1.8s infinite alternate}.unten-quelle{transform-origin:50% 0;transition:transform .5s var(--feel-ease-pop) .3s, opacity var(--feel-t-pop) var(--feel-ease-fade) .3s}[data-szene]:not([data-entered]) .unten-quelle{opacity:0;transform:translateY(-10px)scaleY(.94)}.unten-quelle .unten-zeiger{transition:transform var(--feel-t-travel) var(--feel-ease-move) .6s, opacity var(--feel-t-swap) var(--feel-ease-fade) .6s}[data-szene]:not([data-entered]) .unten-quelle .unten-zeiger{opacity:0;transform:translate(70px,56px)}.unten-marker:before{transition:transform var(--feel-t-line) var(--feel-ease-move) 1.4s}[data-szene]:not([data-entered]) .unten-marker:before{transform:scaleX(0)}.unten-karte{transition:transform .4s var(--feel-ease-move) calc(var(--i,0) * .12s), opacity .4s var(--feel-ease-fade) calc(var(--i,0) * .12s)}[data-szene]:not([data-entered]) .unten-karte{opacity:0;transform:translate(48px)}.unten-lauf>span{transition:transform 1.2s var(--feel-ease-move) .7s}[data-szene]:not([data-entered]) .unten-lauf>span{transform:translate(-100%)}.unten-vor{transition:opacity var(--feel-t-hover) var(--feel-ease-fade) 2.4s, visibility 0s linear 2.52s}.unten-nach{transition:opacity var(--feel-t-swap) var(--feel-ease-fade) 2.52s}[data-szene]:not([data-entered]) .unten-vor{opacity:1;visibility:visible}[data-szene]:not([data-entered]) .unten-nach{opacity:0}.unten-nach .unten-haken{transition-delay:2.56s}[data-szene][data-entered] .unten-puls{animation:unten-puls 1.6s var(--feel-ease-fade) 1.2s infinite alternate}.unten-etikett{transition:translate var(--feel-t-line) var(--feel-ease-rise) calc(.26s + var(--i,0) * .14s), opacity var(--feel-t-line) var(--feel-ease-fade) calc(.26s + var(--i,0) * .14s)}.feel-reveal:not([data-entered]) .unten-etikett{opacity:0;translate:0 18px}}}@keyframes unten-schweben{to{transform:translate(2px,-5px)rotate(.8deg)}}@keyframes unten-puls{to{opacity:.45}}