:root,[data-ds-handlung]{--ds-raum-1: .125rem;--ds-raum-2: .25rem;--ds-raum-3: .5rem;--ds-raum-4: .75rem;--ds-raum-5: 1rem;--ds-raum-6: 1.5rem;--ds-raum-7: 2rem;--ds-radius-sm: .25rem;--ds-radius-md: .375rem;--ds-radius-lg: .5rem;--ds-radius-rund: 9999px;--ds-schrift-mono: ui-monospace, "Roboto Mono", "SFMono-Regular", Menlo, monospace;--ds-groesse-sm: .875rem;--ds-groesse-base: 1rem;--ds-groesse-lg: 1.125rem;--ds-groesse-xl: 1.25rem;--ds-groesse-2xl: 1.5rem;--ds-groesse-3xl: 1.875rem;--ds-groesse-4xl: 2.25rem;--ds-schau-5xl: 3rem;--ds-schau-6xl: 3.75rem;--ds-schau-7xl: 4.5rem;--ds-schau-8xl: 6rem;--ds-schau-9xl: 8rem;--ds-gewicht-normal: 400;--ds-gewicht-fett: 700;--ds-laufweite-eng: .1em;--ds-laufweite-mittel: .3em;--ds-laufweite-weit: .4em;--ds-label-schrift: var(--ds-schrift-mono);--ds-label-groesse: var(--ds-groesse-sm);--ds-label-laufweite-seite: var(--ds-laufweite-weit);--ds-label-laufweite-karte: var(--ds-laufweite-mittel);--ds-label-laufweite-feld: var(--ds-laufweite-eng);--ds-farbe-handlung: #34d399;--ds-farbe-handlung-hover: #6ee7b7;--ds-farbe-auf-handlung: #052e16;--ds-farbe-auswahl: #34d399;--ds-farbe-auf-fremdflaeche: #09090b;--ds-farbe-gold: #fbbf24;--ds-farbe-gold-wach: #fde68a;--ds-farbe-gold-gedrueckt: #d5a21f;--ds-farbe-auf-gold: #09090b;--ds-farbe-zerstoerend-flaeche: #f43f5e;--ds-farbe-zerstoerend-flaeche-hover: #fb7185;--ds-farbe-zerstoerend-auf-flaeche: #09090b;--ds-farbe-zerstoerend-flaeche-gedrueckt: #fda4af;--ds-farbe-zerstoerend-schrift: #fb7185;--ds-farbe-zerstoerend-schrift-wach: #fda4af;--ds-farbe-bewertung-besser: #34d399;--ds-farbe-bewertung-schlechter: #fb7185;--ds-farbe-meldung-fehler: #fda4af;--ds-farbe-meldung-erfolg: #6ee7b7;--ds-farbe-rand-bedien-ruhe: rgb(113 113 122);--ds-farbe-rand-bedien-wach: rgb(212 212 216);--ds-farbe-rand-ruhe: rgb(63 63 70);--ds-farbe-rand-wach: rgb(161 161 170);--ds-farbe-schrift-ruhe: rgb(228 228 231);--ds-farbe-schrift-gedaempft: rgb(212 212 216);--ds-farbe-schrift-wach: rgb(244 244 245);--ds-farbe-schrift-fehler: rgb(248 113 113);--ds-farbe-gesperrt-flaeche: rgb(63 63 70);--ds-farbe-gesperrt-schrift: rgb(113 113 122);--ds-farbe-fokus: #34d399;--ds-fokus-breite: 2px;--ds-fokus-abstand: 2px;--ds-flaeche-radius-klein: var(--ds-radius-sm);--ds-flaeche-radius-knapp: 2px;--ds-flaeche-radius-mittel: var(--ds-radius-lg);--ds-flaeche-radius-rund: var(--ds-radius-rund);--ds-auf-leinwand-grund: rgba(9, 9, 11, .85);--ds-auf-leinwand-radius: var(--ds-flaeche-radius-rund);--ds-text-gewicht-betont: var(--ds-gewicht-fett);--ds-text-gewicht-ruhe: var(--ds-gewicht-normal);--ds-text-groesse-begleit: var(--ds-groesse-sm);--ds-text-groesse-ziffernfolge: var(--ds-groesse-2xl);--ds-text-groesse-untergrenze: var(--ds-groesse-sm);--ds-ziel-knapp-y: var(--ds-raum-2);--ds-ziel-knapp-x: var(--ds-raum-4);--ds-ziel-normal-y: var(--ds-raum-3);--ds-ziel-normal-x: var(--ds-raum-5);--ds-ziel-weit-y: var(--ds-raum-4);--ds-ziel-weit-x: 1.5rem;--ds-ziel-knapp-hoehe: 2rem;--ds-ziel-normal-hoehe: 2.5rem;--ds-ziel-weit-hoehe: 3rem;--ds-ziel-kante: 24px;--ds-ziel-beschriftung-x: var(--ds-raum-4);--ds-zeichen-xs: 12px;--ds-zeichen-sm: 16px;--ds-zeichen-md: 20px;--ds-zeichen-lg: 24px;--ds-zeichen-xl: 32px;--ds-zeichen-2xl: 44px;--ds-flaeche-polster-eng: var(--ds-raum-4);--ds-flaeche-polster-eng-breit: var(--ds-raum-5);--ds-flaeche-polster-normal: var(--ds-raum-5);--ds-flaeche-polster-normal-breit: var(--ds-raum-6);--ds-flaeche-polster-weit: var(--ds-raum-6);--ds-flaeche-polster-weit-breit: var(--ds-raum-7);--ds-oberflaeche-grund: rgb(9 9 11 / .85);--ds-oberflaeche-tafel: rgb(24 24 27 / .6);--ds-oberflaeche-hell: rgb(255 255 255 / .95);--ds-oberflaeche-rand: rgb(39 39 42 / .7);--ds-oberflaeche-schwebend: rgb(9 9 11);--ds-oberflaeche-vertieft: rgb(24 24 27);--ds-oberflaeche-rand-deckend: rgb(39 39 42);--ds-oberflaeche-rand-wach-deckend: rgb(113 113 122);--ds-farbe-schrift-platzhalter: rgb(161 161 170);--ds-farbe-schrift-leise: rgb(161 161 170);--ds-oberflaeche-rand-hell: rgb(228 228 231);--ds-oberflaeche-schrift-hell: rgb(24 24 27);--ds-oberflaeche-schrift-hell-ruhe: rgb(113 113 122);--ds-schleier-grund: rgb(9 9 11 / .82);--ds-schleier-unschaerfe: 8px;--ds-schleier-dicht-grund: rgb(9 9 11 / .96);--ds-oberflaeche-schein: 0 0 0 1px rgb(255 255 255 / .04), 0 2px 12px -4px rgb(255 255 255 / .05);--ds-rand-leise: 30%;--ds-rand-normal: 40%;--ds-rand-stark: 60%;--ds-flaeche-keine: 0%;--ds-flaeche-leise: 8%;--ds-flaeche-stark: 15%;--ds-eyebrow-schrift: var(--ds-label-schrift);--ds-eyebrow-groesse-sm: var(--ds-label-groesse);--ds-eyebrow-groesse-md: 1rem;--ds-eyebrow-groesse-lg: 1.25rem;--ds-eyebrow-laufweite-seite: var(--ds-label-laufweite-seite);--ds-eyebrow-laufweite-karte: var(--ds-label-laufweite-karte);--ds-eyebrow-laufweite-feld: var(--ds-label-laufweite-feld);--ds-eyebrow-gewicht: var(--ds-gewicht-normal);--ds-eyebrow-gewicht-betont: var(--ds-gewicht-fett);--ds-schrittzaehler-schrift: var(--ds-label-schrift);--ds-schrittzaehler-groesse: var(--ds-label-groesse);--ds-schrittzaehler-laufweite: var(--ds-label-laufweite-feld);--ds-button-schrift: var(--ds-label-schrift);--ds-button-laufweite: var(--ds-label-laufweite-feld);--ds-button-radius: var(--ds-flaeche-radius-knapp);--ds-button-groesse: var(--ds-text-groesse-begleit);--ds-button-primary-gewicht: var(--ds-text-gewicht-betont);--ds-button-secondary-gewicht: var(--ds-text-gewicht-ruhe);--ds-button-quiet-gewicht: var(--ds-text-gewicht-ruhe);--ds-button-sm-py: var(--ds-ziel-knapp-y);--ds-button-sm-px: var(--ds-ziel-knapp-x);--ds-button-md-py: var(--ds-ziel-normal-y);--ds-button-md-px: var(--ds-ziel-normal-x);--ds-button-lg-py: var(--ds-ziel-weit-y);--ds-button-lg-px: var(--ds-ziel-weit-x);--ds-button-sm-hoehe: var(--ds-ziel-knapp-hoehe);--ds-button-md-hoehe: var(--ds-ziel-normal-hoehe);--ds-button-lg-hoehe: var(--ds-ziel-weit-hoehe);--ds-button-gestapelt-abstand: 0;--ds-button-primary-flaeche: var(--ds-farbe-handlung);--ds-button-primary-flaeche-hover: var(--ds-farbe-handlung-hover);--ds-button-primary-schrift: var(--ds-farbe-auf-handlung);--ds-button-secondary-rand: var(--ds-farbe-rand-bedien-ruhe);--ds-button-secondary-schrift: var(--ds-farbe-schrift-gedaempft);--ds-button-secondary-rand-hover: var(--ds-farbe-rand-bedien-wach);--ds-button-secondary-schrift-hover: var(--ds-farbe-schrift-wach);--ds-button-secondary-grund: transparent;--ds-button-quiet-schrift: var(--ds-farbe-schrift-ruhe);--ds-button-quiet-schrift-hover: var(--ds-farbe-schrift-ruhe);--ds-button-hell-schrift-ruhe: var(--ds-oberflaeche-schrift-hell-ruhe);--ds-button-hell-schrift: var(--ds-oberflaeche-schrift-hell);--ds-button-quiet-flaeche-hover: var(--ds-flaeche-leise);--ds-button-quiet-flaeche-gedrueckt: var(--ds-flaeche-stark);--ds-button-secondary-flaeche-gedrueckt: var(--ds-flaeche-stark);--ds-button-zerstoerend-flaeche: var(--ds-farbe-zerstoerend-flaeche);--ds-button-zerstoerend-flaeche-hover: var(--ds-farbe-zerstoerend-flaeche-hover);--ds-button-zerstoerend-flaeche-gedrueckt: var(--ds-farbe-zerstoerend-flaeche-gedrueckt);--ds-button-zerstoerend-auf-flaeche: var(--ds-farbe-zerstoerend-auf-flaeche);--ds-button-zerstoerend-schrift: var(--ds-farbe-zerstoerend-schrift);--ds-button-zerstoerend-schrift-wach: var(--ds-farbe-zerstoerend-schrift-wach);--ds-button-gold-flaeche: var(--ds-farbe-gold);--ds-button-gold-flaeche-hover: var(--ds-farbe-gold-wach);--ds-button-gold-flaeche-gedrueckt: var(--ds-farbe-gold-gedrueckt);--ds-button-gold-auf-flaeche: var(--ds-farbe-auf-gold);--ds-button-auf-leinwand-grund: var(--ds-auf-leinwand-grund);--ds-button-auf-leinwand-radius: var(--ds-auf-leinwand-radius);--ds-button-primary-flaeche-gedrueckt: color-mix( in srgb, var(--ds-farbe-handlung) 85%, black );--ds-button-gesperrt-flaeche: var(--ds-farbe-gesperrt-flaeche);--ds-button-gesperrt-schrift: var(--ds-farbe-gesperrt-schrift);--ds-button-fokus-farbe: var(--ds-farbe-fokus);--ds-button-fokus-breite: var(--ds-fokus-breite);--ds-button-fokus-abstand: var(--ds-fokus-abstand);--ds-iconbutton-kante-xs: var(--ds-ziel-kante);--ds-iconbutton-kante-sm: 28px;--ds-iconbutton-kante-md: 32px;--ds-iconbutton-kante-lg: 36px;--ds-iconbutton-kante-xl: 44px;--ds-symbol-gewicht: 400;--ds-symbol-optische-groesse: 24;--ds-symbol-fuellung: 0;--ds-symbol-groesse-xs: var(--ds-zeichen-xs);--ds-symbol-groesse-sm: var(--ds-zeichen-sm);--ds-symbol-groesse-md: var(--ds-zeichen-md);--ds-symbol-groesse-lg: var(--ds-zeichen-lg);--ds-symbol-groesse-xl: var(--ds-zeichen-xl);--ds-symbol-groesse-2xl: var(--ds-zeichen-2xl);--ds-iconbutton-symbol-xs: var(--ds-zeichen-xs);--ds-iconbutton-symbol-sm: var(--ds-zeichen-sm);--ds-iconbutton-symbol-md: var(--ds-zeichen-sm);--ds-iconbutton-symbol-lg: var(--ds-zeichen-md);--ds-iconbutton-symbol-xl: var(--ds-zeichen-lg);--ds-iconbutton-ziel-mindest: 24px;--ds-iconbutton-radius: var(--ds-flaeche-radius-knapp);--ds-iconbutton-rand: var(--ds-farbe-rand-bedien-ruhe);--ds-iconbutton-rand-wach: var(--ds-farbe-rand-bedien-wach);--ds-iconbutton-grund: transparent;--ds-iconbutton-auf-leinwand-grund: var(--ds-auf-leinwand-grund);--ds-iconbutton-auf-leinwand-radius: var(--ds-auf-leinwand-radius);--ds-iconbutton-symbol: var(--ds-farbe-schrift-gedaempft);--ds-iconbutton-symbol-wach: var(--ds-farbe-schrift-wach);--ds-iconbutton-symbol-gesperrt: var(--ds-farbe-gesperrt-schrift);--ds-iconbutton-hell-symbol: var(--ds-oberflaeche-schrift-hell-ruhe);--ds-iconbutton-hell-symbol-wach: var(--ds-oberflaeche-schrift-hell);--ds-iconbutton-flaeche-wach: var(--ds-flaeche-leise);--ds-iconbutton-flaeche-gedrueckt: var(--ds-flaeche-stark);--ds-iconbutton-fokus-farbe: var(--ds-farbe-fokus);--ds-iconbutton-fokus-breite: var(--ds-fokus-breite);--ds-iconbutton-fokus-abstand: var(--ds-fokus-abstand);--ds-link-unterstrich-staerke: 1px;--ds-link-unterstrich-staerke-wach: 2px;--ds-link-unterstrich-abstand: .2em;--ds-link-unterstrich-deckung: 70%;--ds-link-unterstrich-deckung-wach: 100%;--ds-link-schrift-still: var(--ds-farbe-schrift-leise);--ds-link-schrift-still-wach: var(--ds-farbe-schrift-wach);--ds-link-fokus-farbe: var(--ds-farbe-fokus);--ds-link-fokus-breite: var(--ds-fokus-breite);--ds-link-fokus-abstand: var(--ds-fokus-abstand);--ds-link-zierabstand: var(--ds-raum-2);--ds-schalter-spur-breite: 2.5rem;--ds-schalter-spur-hoehe: 1.5rem;--ds-schalter-knopf: 1.25rem;--ds-schalter-radius: var(--ds-flaeche-radius-rund);--ds-schalter-abstand: var(--ds-ziel-beschriftung-x);--ds-schalter-spur-aus: var(--ds-farbe-gesperrt-flaeche);--ds-schalter-knopf-aus: var(--ds-farbe-schrift-platzhalter);--ds-schalter-knopf-an: var(--ds-oberflaeche-schrift-hell);--ds-schalter-an-neutral: var(--ds-oberflaeche-rand-hell);--ds-schalter-an-zustimmung: var(--ds-farbe-handlung);--ds-schalter-an-warnung: var(--ds-farbe-schrift-fehler);--ds-schalter-name-schrift: var(--ds-farbe-schrift-wach);--ds-schalter-name-gewicht: var(--ds-text-gewicht-betont);--ds-schalter-beschreibung-schrift: var(--ds-farbe-schrift-leise);--ds-schalter-groesse: var(--ds-text-groesse-begleit);--ds-schalter-fokus-farbe: var(--ds-farbe-fokus);--ds-schalter-fokus-breite: var(--ds-fokus-breite);--ds-schalter-fokus-abstand: var(--ds-fokus-abstand);--ds-auswahl-schrift: var(--ds-label-schrift);--ds-auswahl-groesse: var(--ds-text-groesse-begleit);--ds-auswahl-laufweite: var(--ds-label-laufweite-feld);--ds-auswahl-radius: var(--ds-flaeche-radius-knapp);--ds-auswahl-polster-y: var(--ds-ziel-knapp-y);--ds-auswahl-polster-x: var(--ds-ziel-knapp-x);--ds-auswahl-md-polster-y: var(--ds-ziel-normal-y);--ds-auswahl-md-polster-x: var(--ds-ziel-normal-x);--ds-auswahl-linie-staerke: 2px;--ds-auswahl-linie-farbe: var(--ds-farbe-auswahl);--ds-auswahl-flaeche-gewaehlt: var(--ds-oberflaeche-tafel);--ds-auswahl-schrift-gewaehlt: var(--ds-farbe-schrift-wach);--ds-auswahl-gewicht-gewaehlt: var(--ds-text-gewicht-betont);--ds-auswahl-schrift-ruhe: var(--ds-farbe-schrift-leise);--ds-auswahl-schrift-wach: var(--ds-farbe-schrift-wach);--ds-auswahl-rand-gruppe: var(--ds-oberflaeche-rand);--ds-auswahl-fokus-farbe: var(--ds-farbe-fokus);--ds-auswahl-fokus-breite: var(--ds-fokus-breite);--ds-auswahl-fokus-abstand: var(--ds-fokus-abstand);--ds-reiter-schrift: var(--ds-label-schrift);--ds-reiter-groesse: var(--ds-text-groesse-begleit);--ds-reiter-laufweite: var(--ds-label-laufweite-feld);--ds-reiter-polster-y: var(--ds-ziel-normal-y);--ds-reiter-polster-x: var(--ds-ziel-normal-x);--ds-reiter-linie-staerke: 2px;--ds-reiter-linie-farbe: var(--ds-farbe-auswahl);--ds-reiter-schrift-ruhe: var(--ds-farbe-schrift-leise);--ds-reiter-schrift-wach: var(--ds-farbe-schrift-wach);--ds-reiter-schrift-gewaehlt: var(--ds-farbe-schrift-wach);--ds-reiter-gewicht-gewaehlt: var(--ds-text-gewicht-betont);--ds-reiter-fokus-farbe: var(--ds-farbe-fokus);--ds-reiter-fokus-breite: var(--ds-fokus-breite);--ds-reiter-fokus-abstand: var(--ds-fokus-abstand);--ds-kreuzfeld-kante: var(--ds-ziel-kante);--ds-kreuzfeld-abstand: var(--ds-ziel-beschriftung-x);--ds-optionsfeld-kante: var(--ds-ziel-kante);--ds-optionsfeld-abstand: var(--ds-ziel-beschriftung-x);--ds-optionsfeld-zeilen-abstand: var(--ds-ziel-beschriftung-x);--ds-optionsfeld-rand-staerke: 1px;--ds-optionsfeld-rand-ruhe: var(--ds-farbe-rand-bedien-ruhe);--ds-optionsfeld-rand-wach: var(--ds-farbe-rand-bedien-wach);--ds-optionsfeld-gewaehlt: var(--ds-farbe-auswahl);--ds-optionsfeld-punkt-kante: 10px;--ds-optionsfeld-schrift: var(--ds-farbe-schrift-ruhe);--ds-optionsfeld-schrift-gewaehlt: var(--ds-farbe-schrift-wach);--ds-optionsfeld-erlaeuterung-schrift: var(--ds-farbe-schrift-leise);--ds-optionsfeld-erlaeuterung-groesse: var(--ds-text-groesse-begleit);--ds-optionsfeld-fokus-farbe: var(--ds-farbe-fokus);--ds-optionsfeld-fokus-breite: var(--ds-fokus-breite);--ds-optionsfeld-fokus-abstand: var(--ds-fokus-abstand);--ds-kreuzfeld-radius: var(--ds-flaeche-radius-klein);--ds-kreuzfeld-rand-ruhe: var(--ds-farbe-rand-bedien-ruhe);--ds-kreuzfeld-rand-wach: var(--ds-farbe-rand-bedien-wach);--ds-kreuzfeld-an: var(--ds-farbe-handlung);--ds-kreuzfeld-haken: var(--ds-oberflaeche-schrift-hell);--ds-kreuzfeld-schrift: var(--ds-farbe-schrift-ruhe);--ds-kreuzfeld-fokus-farbe: var(--ds-farbe-fokus);--ds-kreuzfeld-fokus-breite: var(--ds-fokus-breite);--ds-kreuzfeld-fokus-abstand: var(--ds-fokus-abstand);--ds-modaloverlay-polster: var(--ds-flaeche-polster-normal);--ds-modaloverlay-grund: var(--ds-schleier-grund);--ds-modaloverlay-unschaerfe: var(--ds-schleier-unschaerfe);--ds-modaloverlay-dicht-grund: var(--ds-schleier-dicht-grund);--ds-feld-grund: var(--ds-oberflaeche-vertieft);--ds-feld-rand-ruhe: var(--ds-farbe-rand-bedien-ruhe);--ds-feld-rand-fokus: var(--ds-farbe-rand-bedien-wach);--ds-feld-schrift: var(--ds-farbe-schrift-wach);--ds-feld-platzhalter: var(--ds-farbe-schrift-platzhalter);--ds-feld-radius: var(--ds-flaeche-radius-klein);--ds-feld-polster-y: var(--ds-ziel-normal-y);--ds-feld-polster-x: var(--ds-ziel-knapp-x);--ds-feld-fokus-farbe: var(--ds-farbe-fokus);--ds-feld-gesperrt-schrift: var(--ds-farbe-schrift-platzhalter);--ds-feld-fehler-schrift: var(--ds-farbe-schrift-fehler);--ds-ziffernfeld-groesse: var(--ds-text-groesse-ziffernfolge);--ds-ziffernfeld-laufweite: .3em;--ds-ziffernfeld-ausrichtung: center;--ds-ziffernfeld-schrift-familie: var(--ds-label-schrift);--ds-feld-name-schrift-familie: var(--ds-label-schrift);--ds-feld-name-laufweite: var(--ds-label-laufweite-feld);--ds-feld-name-groesse: var(--ds-text-groesse-begleit);--ds-feld-name-gewicht: var(--ds-text-gewicht-ruhe);--ds-feld-name-schrift: var(--ds-farbe-schrift-leise);--ds-feld-fehler-groesse: var(--ds-text-groesse-begleit);--ds-feld-hinweis-groesse: var(--ds-text-groesse-begleit);--ds-feld-fehler-zeilenfall: 1.375;--ds-karte-radius: var(--ds-flaeche-radius-mittel);--ds-karte-grund: var(--ds-oberflaeche-grund);--ds-karte-tafel: var(--ds-oberflaeche-tafel);--ds-karte-hell: var(--ds-oberflaeche-hell);--ds-karte-rand: var(--ds-oberflaeche-rand);--ds-karte-rand-hell: var(--ds-oberflaeche-rand-hell);--ds-karte-schrift-hell: var(--ds-oberflaeche-schrift-hell);--ds-karte-schein: var(--ds-oberflaeche-schein);--ds-karte-eng: var(--ds-flaeche-polster-eng);--ds-karte-eng-breit: var(--ds-flaeche-polster-eng-breit);--ds-karte-normal: var(--ds-flaeche-polster-normal);--ds-karte-normal-breit: var(--ds-flaeche-polster-normal-breit);--ds-karte-weit: var(--ds-flaeche-polster-weit);--ds-karte-weit-breit: var(--ds-flaeche-polster-weit-breit);--ds-badge-schrift: var(--ds-label-schrift);--ds-badge-groesse: var(--ds-label-groesse);--ds-badge-laufweite: var(--ds-label-laufweite-feld);--ds-badge-radius: var(--ds-radius-rund);--ds-badge-abstand-symbol: var(--ds-raum-3);--ds-badge-quiet-py: var(--ds-raum-1);--ds-badge-quiet-px: var(--ds-raum-3);--ds-badge-quiet-rand: var(--ds-rand-leise);--ds-badge-quiet-flaeche: var(--ds-flaeche-keine);--ds-badge-toned-py: var(--ds-raum-2);--ds-badge-toned-px: var(--ds-raum-4);--ds-badge-toned-rand: var(--ds-rand-normal);--ds-badge-toned-flaeche: var(--ds-flaeche-leise);--ds-badge-loud-py: var(--ds-raum-3);--ds-badge-loud-px: var(--ds-raum-5);--ds-badge-loud-rand: var(--ds-rand-stark);--ds-badge-loud-flaeche: var(--ds-flaeche-stark);--ds-badge-loud-gewicht: var(--ds-gewicht-fett);--ds-badge-gold-py: var(--ds-badge-quiet-py);--ds-badge-gold-px: var(--ds-badge-quiet-px);--ds-badge-gold-flaeche: var(--ds-farbe-gold);--ds-badge-gold-schrift: var(--ds-farbe-auf-gold);--ds-badge-gold-gewicht: var(--ds-badge-loud-gewicht);--ds-skelett-grund: var(--ds-oberflaeche-vertieft);--ds-skelett-radius: var(--ds-flaeche-radius-klein);--ds-skelett-radius-rund: var(--ds-flaeche-radius-rund);--ds-skelett-zeile-hoehe: .875rem;--ds-skelett-zeile-abstand: .375rem;--ds-skelett-puls-dauer: 1.8s;--ds-skelett-deckung-min: .45;--ds-skelett-deckung-max: 1;--ds-ladezeichen-farbe: var(--ds-farbe-handlung);--ds-ladezeichen-kante-sm: 120px;--ds-ladezeichen-kante-md: 180px;--ds-ladezeichen-kante-lg: 200px;--ds-ladezeichen-text-abstand: 1rem;--ds-ladezeichen-text-schrift: var(--ds-label-schrift);--ds-ladezeichen-text-laufweite: var(--ds-label-laufweite-feld);--ds-ladezeichen-text-groesse: var(--ds-text-groesse-begleit);--ds-ladezeichen-text-farbe: var(--ds-farbe-schrift-leise);--ds-veraenderung-besser: var(--ds-farbe-bewertung-besser);--ds-veraenderung-schlechter: var(--ds-farbe-bewertung-schlechter);--ds-veraenderung-leise: var(--ds-farbe-schrift-leise);--ds-meldung-radius: var(--ds-flaeche-radius-mittel);--ds-meldung-polster: var(--ds-flaeche-polster-normal);--ds-meldung-groesse: var(--ds-text-groesse-begleit);--ds-meldung-zeilenfall: 1.375;--ds-meldung-abstand-symbol: .5rem;--ds-meldung-rand: var(--ds-rand-normal);--ds-meldung-flaeche: var(--ds-flaeche-leise);--ds-meldung-fehler-schrift: var(--ds-farbe-meldung-fehler);--ds-meldung-erfolg-schrift: var(--ds-farbe-meldung-erfolg);--ds-grafikschrift-untergrenze: var(--ds-text-groesse-untergrenze);--ds-grafikschrift-entwurf: var(--ds-text-groesse-untergrenze);--ds-grafikschrift-skala: 1;--ds-tintenversatz-links: 0px;--ds-tintenversatz-rechts: 0px;--ds-kantenzeile-luecke-eng: var(--ds-raum-3);--ds-kantenzeile-luecke-normal: var(--ds-raum-4);--ds-kantenzeile-luecke-weit: var(--ds-raum-5);--ds-kantenzeile-luecke: var(--ds-kantenzeile-luecke-normal);--ds-progressbar-hoehe-sm: 4px;--ds-progressbar-hoehe-md: 6px;--ds-progressbar-hoehe-lg: 8px;--ds-progressbar-radius: var(--ds-flaeche-radius-rund);--ds-progressbar-spur-deckung: .18;--ds-progressbar-anteil: 0;--ds-progressbar-fokus-breite: var(--ds-fokus-breite);--ds-progressbar-fokus-farbe: var(--ds-farbe-fokus);--ds-progressbar-fokus-abstand: 4px;--ds-tooltip-grund: var(--ds-oberflaeche-schwebend);--ds-tooltip-rand: var(--ds-oberflaeche-rand-wach-deckend);--ds-tooltip-schrift: var(--ds-farbe-schrift-ruhe);--ds-tooltip-radius: var(--ds-flaeche-radius-klein);--ds-tooltip-groesse: var(--ds-text-groesse-begleit);--ds-tooltip-polster-x: var(--ds-flaeche-polster-eng);--ds-tooltip-polster-y: var(--ds-flaeche-polster-eng);--ds-tooltip-abstand: 8px;--ds-tooltip-breite-max: 16rem}.dach{--dach-eng: .75rem;--dach-normal: 1.5rem;--dach-weit: 3rem;--dach-linie: rgb(39 39 42);--dach-schrift-laut: rgb(250 250 250);--dach-schrift-mittel: rgb(228 228 231);--dach-schrift-ruhe: rgb(161 161 170);position:relative;min-height:100vh;width:100%;color:var(--dach-schrift-laut);background-color:#09090b;background-image:radial-gradient(120% 78% at 6% -12%,color-mix(in srgb,var(--ds-farbe-handlung, #34d399) 5.5%,transparent),transparent 62%),radial-gradient(95% 55% at 102% 104%,rgb(255 255 255 / .025),transparent 58%);background-attachment:fixed}.dach__spalte{margin-inline:auto;width:100%;max-width:52rem;padding-inline:1.5rem;padding-block:6rem 6rem}@media (min-width: 640px){.dach{--dach-weit: 4rem}.dach__spalte{padding-inline:2rem;padding-block:8rem 7rem}}.dach__marke{color:var(--dach-schrift-ruhe);margin-bottom:var(--dach-eng)}.dach__titel{font-family:Kanit,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:clamp(2.25rem,6.4vw,3.75rem);line-height:1.04;letter-spacing:-.02em;margin:0 0 var(--dach-normal);text-wrap:balance}.dach__titel em{font-style:normal;color:var(--ds-farbe-handlung, #34d399)}.dach__untertitel{margin:0 0 var(--dach-weit);max-width:46ch;font-size:1.125rem;line-height:1.65;color:var(--dach-schrift-ruhe)}.dach__haupt{display:block;border-radius:var(--ds-karte-radius, .5rem);text-decoration:none;color:inherit}.dach__haupt-karte{position:relative;overflow:hidden;padding:1.75rem;border-color:var(--ds-farbe-rand-ruhe, rgb(63 63 70));transition:border-color .15s ease}.dach__haupt-karte:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(88% 130% at 0% 0%,color-mix(in srgb,var(--ds-farbe-handlung, #34d399) 14%,transparent),transparent 64%);opacity:.5;transition:opacity .15s ease}.dach__haupt-karte>*{position:relative}@media (min-width: 640px){.dach__haupt-karte{padding:2.5rem}}.dach__haupt:hover .dach__haupt-karte,.dach__haupt:focus-visible .dach__haupt-karte{border-color:color-mix(in srgb,var(--ds-farbe-handlung, #34d399) 55%,transparent)}.dach__haupt:hover .dach__haupt-karte:before,.dach__haupt:focus-visible .dach__haupt-karte:before{opacity:1}.dach__haupt-nutzen{margin:0 0 var(--dach-eng);max-width:40ch;font-size:1.25rem;line-height:1.4;color:var(--dach-schrift-mittel)}.dach__haupt-name{font-family:Kanit,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:1.5rem;line-height:1.15;letter-spacing:-.01em;margin:0 0 var(--dach-eng);color:var(--dach-schrift-laut)}@media (min-width: 640px){.dach__haupt-name{font-size:1.875rem}}.dach__haupt-text{margin:0 0 var(--dach-normal);max-width:48ch;font-size:1rem;line-height:1.65;color:var(--dach-schrift-ruhe)}.dach__haupt-tat{display:inline-block;color:var(--ds-farbe-handlung, #34d399);transition:color .15s ease}.dach__haupt:hover .dach__haupt-tat,.dach__haupt:focus-visible .dach__haupt-tat{color:var(--ds-farbe-handlung-hover, #6ee7b7)}.dach__haupt-tat span{display:inline-block;margin-left:.45em;transition:transform .15s ease}.dach__haupt:hover .dach__haupt-tat span{transform:translate(4px)}.dach__liste{list-style:none;margin:var(--dach-weit) 0 0;padding:0;border-bottom:1px solid var(--dach-linie)}.dach__liste li{border-top:1px solid var(--dach-linie)}@media (min-width: 640px){.dach__liste{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:3rem;column-gap:3rem}.dach__zeile{margin-inline:-1rem;padding-inline:1rem}}.dach__zeile{display:block;padding:1.25rem 0;border-radius:var(--ds-flaeche-radius-klein, .25rem);text-decoration:none;color:inherit;transition:background-color .15s ease}.dach__zeile:hover,.dach__zeile:focus-visible{background-color:#ffffff09}.dach__zeile-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.375rem}.dach__zeile-titel{display:flex;align-items:baseline;gap:.625rem;min-width:0}.dach__zeile-name{font-size:1.125rem;font-weight:600;line-height:1.3;margin:0;color:var(--dach-schrift-mittel);transition:color .15s ease}.dach__zeile:hover .dach__zeile-name{color:var(--dach-schrift-laut)}.dach__zeile-marke{flex-shrink:0;color:var(--dach-schrift-ruhe)}.dach__zeile-tat{flex-shrink:0;color:var(--dach-schrift-ruhe);transition:color .15s ease}.dach__zeile:hover .dach__zeile-tat{color:var(--dach-schrift-laut)}.dach__zeile-tat span{display:inline-block;margin-left:.45em;transition:transform .15s ease}.dach__zeile:hover .dach__zeile-tat span{transform:translate(4px)}.dach__zeile-text{margin:0;max-width:52ch;font-size:.875rem;line-height:1.6;color:var(--dach-schrift-ruhe)}.dach__abschluss{margin-top:var(--dach-weit);color:var(--dach-schrift-ruhe)}.dach__haupt:focus-visible,.dach__zeile:focus-visible{outline:2px solid var(--ds-farbe-fokus, #34d399);outline-offset:3px}@media (prefers-reduced-motion: reduce){.dach__haupt-karte,.dach__haupt-tat,.dach__haupt-tat span,.dach__zeile,.dach__zeile-name,.dach__zeile-tat,.dach__zeile-tat span{transition:none}.dach__haupt:hover .dach__haupt-tat span,.dach__zeile:hover .dach__zeile-tat span{transform:none}}