@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}}
.seite{min-height:100dvh;padding:var(--spacing-lg) clamp(16px, 5vw, 64px);gap:var(--spacing-xl);flex-direction:column;display:flex}.kopf{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:12px;display:flex}.wortmarke{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1}.kennung,.rail{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--tracking-rail);color:var(--color-text-subtle)}.band{border-top:1px solid var(--color-border);grid-template-columns:280px 1fr;gap:clamp(24px,4vw,64px);padding-top:20px;display:grid}.bandKopf{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--tracking-ui);color:var(--color-text-muted);margin-bottom:10px}.bandTitel{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-display);font-size:1.875rem;font-weight:700;line-height:1.05}.hinweis{color:var(--color-text-muted);max-width:58ch}.liste{margin-top:12px;list-style:none}.liste li{border-bottom:1px solid var(--color-border-soft);justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;display:flex}.listeMarke{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--tracking-ui);color:var(--color-text-subtle)}.aktion{color:inherit;text-transform:uppercase;letter-spacing:var(--tracking-ui);font-size:var(--font-size-sm);background:0 0;border:0;border-radius:0;align-items:baseline;gap:8px;padding:0;text-decoration:none;display:inline-flex}.aktion:after{content:"→";transition:transform var(--dauer-schnell) var(--easing-reveal)}.aktion:hover,.aktion:focus-visible{color:var(--color-accent)}.aktion:hover:after,.aktion:focus-visible:after{transform:translate(4px)}.fehler{font-size:var(--font-size-sm);color:var(--color-status-error-text);max-width:58ch;margin-top:8px}.aktion[disabled]{color:var(--color-text-subtle);cursor:progress}:where(a,button):focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.fuss{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:auto;padding-top:16px;display:flex}@media (max-width:900px){.band{grid-template-columns:1fr;gap:16px}}.form{flex-wrap:wrap;align-items:flex-end;gap:20px 24px;margin-top:12px;display:flex}.feld{flex-direction:column;flex:180px;gap:4px;min-width:180px;display:flex}.feldName{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--tracking-ui);color:var(--color-text-subtle)}.eingabe{font:inherit;color:var(--color-text);border:0;border-bottom:1px solid var(--color-border);background:0 0;border-radius:0;min-width:0;padding:4px 0}.eingabe:focus{border-bottom-color:var(--color-accent);outline:none}select.eingabe{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right 6px center,right 1px center;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:18px}.aktionszeile{flex-wrap:wrap;align-items:baseline;gap:12px 20px;display:flex}.marke{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--tracking-ui);color:var(--color-text-muted)}.marke.warnung{color:var(--color-status-warn-text)}.marke.ende{color:var(--color-status-error-text)}.gedimmt{color:var(--color-text-subtle)}.erfolg{font-size:var(--font-size-sm);color:var(--color-status-ok-text);max-width:58ch;margin-top:8px}.geheimnis{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-top:12px;padding:12px 0}.geheimnis code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);overflow-wrap:anywhere;margin-bottom:10px;display:block}.eintrag{border-bottom:1px solid var(--color-border-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;padding:10px 0;display:flex}.eintragZeile{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.eintragName{font-weight:500}.zurueck{margin-top:12px}