.lero-portal{--flaeche-basis:var(--farbe-weiss);--flaeche-gehoben:var(--farbe-grau-50);--flaeche-versenkt:var(--farbe-grau-100);--flaeche-invers:var(--farbe-blau-900);--abschluss-von:var(--farbe-blau-700);--abschluss-bis:var(--farbe-blau-900);--text-stark:var(--farbe-grau-950);--text-basis:var(--farbe-grau-900);--text-leise:var(--farbe-grau-600);--text-auf-invers:var(--farbe-weiss);--akzent:var(--farbe-blau-700);--akzent-hover:var(--farbe-blau-800);--akzent-flaeche:var(--farbe-blau-700);--akzent-flaeche-hover:var(--farbe-blau-800);--akzent-text-auf-flaeche:var(--farbe-weiss);--akzent-leise:var(--farbe-blau-50);--tuerkis:var(--farbe-tuerkis-400);--tuerkis-text:var(--farbe-tuerkis-500);--rahmen-deko:var(--farbe-grau-200);--rahmen-interaktiv:var(--farbe-grau-500);--fokus:var(--farbe-blau-600);--status-fehler:#b42318;--status-erfolg:#08753f;--status-warnung:#8a5300;--text-auf-status:var(--farbe-weiss);--overlay:rgba(16,20,25,0.45);--schatten-1:0 1px 2px rgba(16,20,25,0.06);--schatten-2:0 2px 8px rgba(16,20,25,0.08);--schatten-3:0 8px 24px rgba(16,20,25,0.1);--schatten-4:0 16px 48px rgba(16,20,25,0.12);--logo-l:var(--farbe-blau-700);--logo-block:var(--farbe-tuerkis-500);--background:var(--flaeche-basis);--foreground:var(--text-basis);--surface:var(--flaeche-gehoben);--card:var(--flaeche-basis);--muted:var(--flaeche-versenkt);--muted-foreground:var(--text-leise);--border:var(--rahmen-deko);--input:var(--rahmen-interaktiv);--primary:var(--akzent-flaeche);--primary-foreground:var(--akzent-text-auf-flaeche);--accent:var(--flaeche-gehoben);--accent-foreground:var(--text-stark);--popover:var(--flaeche-basis);--popover-foreground:var(--text-basis);color-scheme:light;background-color:var(--flaeche-basis);color:var(--text-basis)}.dark .lero-portal:not([data-modus=hell]),.lero-portal--dunkel{--flaeche-basis:var(--farbe-grau-950);--flaeche-gehoben:var(--farbe-grau-900);--flaeche-versenkt:var(--farbe-grau-800);--flaeche-invers:var(--farbe-grau-900);--abschluss-von:var(--farbe-grau-900);--abschluss-bis:var(--farbe-grau-900);--text-stark:var(--farbe-grau-50);--text-basis:var(--farbe-grau-200);--text-leise:var(--farbe-grau-400);--text-auf-invers:var(--farbe-grau-50);--akzent:var(--farbe-tuerkis-300);--akzent-hover:var(--farbe-tuerkis-200);--akzent-flaeche:var(--farbe-tuerkis-400);--akzent-flaeche-hover:var(--farbe-tuerkis-300);--akzent-text-auf-flaeche:var(--farbe-grau-950);--akzent-leise:var(--farbe-tuerkis-950);--tuerkis-text:var(--farbe-tuerkis-300);--rahmen-deko:var(--farbe-grau-800);--rahmen-interaktiv:var(--farbe-grau-500);--fokus:var(--farbe-tuerkis-400);--status-fehler:#ff9c92;--status-erfolg:#5cd69a;--status-warnung:#f5c158;--text-auf-status:var(--farbe-grau-950);--overlay:rgba(0,0,0,0.6);--schatten-1:0 1px 2px rgba(0,0,0,0.4);--schatten-2:0 2px 8px rgba(0,0,0,0.45);--schatten-3:0 8px 24px rgba(0,0,0,0.5);--schatten-4:0 16px 48px rgba(0,0,0,0.55);--logo-l:var(--farbe-grau-50);--logo-block:var(--farbe-tuerkis-400);color-scheme:dark}@media (prefers-color-scheme:dark){.lero-portal:not([data-modus=hell]){--flaeche-basis:var(--farbe-grau-950);--flaeche-gehoben:var(--farbe-grau-900);--flaeche-versenkt:var(--farbe-grau-800);--flaeche-invers:var(--farbe-grau-900);--abschluss-von:var(--farbe-grau-900);--abschluss-bis:var(--farbe-grau-900);--text-stark:var(--farbe-grau-50);--text-basis:var(--farbe-grau-200);--text-leise:var(--farbe-grau-400);--text-auf-invers:var(--farbe-grau-50);--akzent:var(--farbe-tuerkis-300);--akzent-hover:var(--farbe-tuerkis-200);--akzent-flaeche:var(--farbe-tuerkis-400);--akzent-flaeche-hover:var(--farbe-tuerkis-300);--akzent-text-auf-flaeche:var(--farbe-grau-950);--akzent-leise:var(--farbe-tuerkis-950);--tuerkis-text:var(--farbe-tuerkis-300);--rahmen-deko:var(--farbe-grau-800);--rahmen-interaktiv:var(--farbe-grau-500);--fokus:var(--farbe-tuerkis-400);--status-fehler:#ff9c92;--status-erfolg:#5cd69a;--status-warnung:#f5c158;--text-auf-status:var(--farbe-grau-950);--overlay:rgba(0,0,0,0.6);--schatten-1:0 1px 2px rgba(0,0,0,0.4);--schatten-2:0 2px 8px rgba(0,0,0,0.45);--schatten-3:0 8px 24px rgba(0,0,0,0.5);--schatten-4:0 16px 48px rgba(0,0,0,0.55);--logo-l:var(--farbe-grau-50);--logo-block:var(--farbe-tuerkis-400);color-scheme:dark}}