@font-face{font-family:ITCAvantGardeGothicProBold;src:url(../media/avant-garde-bold.2womo-pjea7ls.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:FranklinGothicProBookCondensed;src:url(../media/franklin-gothic.236g22u4ipheg.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(../media/poppins-700.3raw8inii9jva.woff2)format("woff2");font-weight:700;font-display:swap}
:root{--color-background:#faf8f4;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-sunken:#f1eee7;--color-text:#0a0a0a;--color-text-muted:#5f5f5f;--color-text-subtle:#6b6b6b;--color-accent:#e40651;--color-accent-foreground:#fff;--color-status-ok:#1c9147;--color-status-warn:#ab7b00;--color-status-error:#e40651;--color-status-ok-text:#0f7a37;--color-status-warn-text:#8a6100;--color-status-error-text:#c8054a;--color-border:#1616161f;--color-border-soft:#16161612;--color-overlay:#00000080;--color-video-bg:#000;--font-display:"ITCAvantGardeGothicProBold", "Avant Garde", Futura, sans-serif;--font-body:"FranklinGothicProBookCondensed", "Arial Narrow", Arial, sans-serif;--font-accent:"Poppins", sans-serif;--font-family:var(--font-body);--font-family-mono:"SF Mono", "JetBrains Mono", monospace;--font-size-2xs:.6875rem;--font-size-xs:.8125rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.375rem;--font-size-xl:1.6875rem;--font-size-hero:max(2.75rem, 8vw);--tracking-tight:-.04em;--tracking-display:-.02em;--tracking-ui:.04em;--tracking-rail:.32em;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-micro:2px;--radius-badge:4px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--dauer-schnell:.15s;--dauer-mittel:.25s;--dauer-reveal:.4s;--easing-reveal:cubic-bezier(.22, .61, .36, 1)}[data-flaeche=dunkel]{--color-background:#0a0a0a;--color-surface:#161616;--color-surface-raised:#222;--color-surface-sunken:#1c1c1c;--color-text:#fff;--color-text-muted:#b0b0b0;--color-text-subtle:#9d9d9d;--color-status-ok-text:#3fc472;--color-status-warn-text:#d9a521;--color-status-error-text:#ff4d80;--color-border:#ffffff29;--color-border-soft:#ffffff14}
*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-md);letter-spacing:.03em;-webkit-font-smoothing:antialiased;line-height:1.5}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-display);font-weight:700;line-height:1.05}.marken-paar,.wortmarke,.logo-marke{--marken-schriftgrad:1.25rem}:root{--marken-versalhoehe:.74em;--marken-logo-verhaeltnis:99.4 / 56.7}.wortmarke{font-family:var(--font-display);text-transform:uppercase;font-weight:700;font-size:var(--marken-schriftgrad);letter-spacing:-.045em;line-height:1.05}.ui-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:var(--tracking-ui);font-size:var(--font-size-xs);color:var(--color-text-muted)}.sektion{font-family:var(--font-body);text-transform:uppercase;letter-spacing:var(--tracking-ui);font-size:var(--font-size-xs);color:var(--color-text-subtle);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.eingabe{width:100%;padding:var(--spacing-sm) 0;border:0;border-bottom:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-md);letter-spacing:.03em;transition:border-color var(--dauer-schnell) ease;background:0 0;border-radius:0}.eingabe:focus{border-bottom-color:var(--color-accent);outline:none}.eingabe::placeholder{color:var(--color-text-subtle)}.knopf{background:var(--color-text);color:var(--color-background);font-family:var(--font-body);text-transform:uppercase;letter-spacing:var(--tracking-ui);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--dauer-schnell) ease, color var(--dauer-schnell) ease, opacity var(--dauer-schnell) ease;border:0;border-radius:0;padding:12px 22px;display:inline-block}.knopf:hover:not(:disabled),.knopf:focus-visible{background:var(--color-accent);color:var(--color-accent-foreground)}.knopf:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.knopf:disabled{opacity:.35;cursor:default}.knopf-leise{color:var(--color-text);font-family:var(--font-body);text-transform:uppercase;letter-spacing:var(--tracking-ui);font-size:var(--font-size-xs);cursor:pointer;transition:color var(--dauer-schnell) ease;background:0 0;border:0;border-radius:0;padding:8px 0}.knopf-leise:hover:not(:disabled),.knopf-leise:focus-visible{color:var(--color-accent)}.knopf-leise:disabled{opacity:.35;cursor:default}.karte{background:var(--color-surface);padding:var(--spacing-xl)}.karte-umriss{border:1px solid var(--color-border);padding:var(--spacing-xl);background:0 0}.logo-marke{font-size:var(--marken-schriftgrad);height:var(--marken-versalhoehe);aspect-ratio:var(--marken-logo-verhaeltnis);display:inline-block}.logo-marke svg{width:100%;height:100%;display:block}.marken-kopf{z-index:20;font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.045em;color:var(--color-text);-webkit-user-select:none;user-select:none;pointer-events:none;align-items:baseline;font-size:32px;font-weight:700;line-height:1;display:inline-flex;position:fixed;top:.5rem;left:1rem}@media (max-width:480px){.marken-kopf{font-size:30px}}.marken-kopf-logo{height:var(--marken-versalhoehe);aspect-ratio:var(--marken-logo-verhaeltnis);margin-right:.4em;display:inline-block}.marken-kopf-logo svg{width:100%;height:100%;display:block}.marken-kopf-abteilung{margin-left:.2em;display:inline-block;position:relative}.marken-kopf-geist{visibility:hidden}.marken-kopf-swap{animation:.4s ease-out both marken-kopf-in;position:absolute;top:0;left:0}@keyframes marken-kopf-in{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.marken-kopf-swap{animation:none}}@keyframes einblenden{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.reveal{animation:einblenden var(--dauer-reveal) var(--easing-reveal) both}.reveal-2{animation-delay:90ms}.reveal-3{animation-delay:.18s}@media (prefers-reduced-motion:reduce){.reveal,.reveal-2,.reveal-3{animation:none}*{transition-duration:0s!important}}
.player-haupt{padding:calc(var(--spacing-md) + env(safe-area-inset-top)) calc(var(--spacing-lg) + env(safe-area-inset-right)) calc(var(--spacing-md) + env(safe-area-inset-bottom)) calc(var(--spacing-lg) + env(safe-area-inset-left))}.player-kachel{background:var(--color-surface);flex-shrink:0;width:10rem}.player-bedienzeile{gap:var(--spacing-lg);border-top:1px solid var(--color-border-soft);padding-top:var(--spacing-xs);flex-shrink:0;justify-content:center;align-items:center;display:flex}.player-knopf{min-height:40px;padding:8px 14px}.viewer-schalter{align-items:center;gap:8px;display:inline-flex}.viewer-schalter[aria-pressed=true]{color:var(--color-text);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:7px;text-decoration-thickness:2px}.viewer-schalter-icon{line-height:0;display:inline-flex}.viewer-schalter-icon svg{width:20px;height:20px}@media (max-width:700px),(max-height:500px){.player-haupt{padding:calc(var(--spacing-xs) + env(safe-area-inset-top)) calc(var(--spacing-sm) + env(safe-area-inset-right)) calc(var(--spacing-xs) + env(safe-area-inset-bottom)) calc(var(--spacing-sm) + env(safe-area-inset-left));gap:var(--spacing-sm)}.player-kachel{width:8.5rem}.player-bedienzeile{gap:var(--spacing-md)}}.nur-touch{display:none}@media (pointer:coarse){.nur-tastatur{display:none}.nur-touch{display:inline}}