@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Geist+Mono:wght@400;500&display=swap";
:root{--ink-900:#0e0e12;--ink-800:#16151d;--ink-700:#1c1b25;--ink-600:#232230;--indigo-deep:#221f4e;--indigo-600:#5a4ce0;--indigo-500:#6a5cf0;--indigo-400:#8275f4;--indigo-300:#a99ff8;--indigo-100:#eeebff;--white:#fff;--lavender-grey:#9b99bd;--lavender-dim:#6e6c8c;--paper-0:#fff;--paper-50:#fbfbfa;--paper-100:#f7f6f3;--paper-200:#f1f0ec;--ink-text:#1a1a19;--ink-muted:#5b5a55;--ink-dim:#908f8a;--positive:#4fd08a;--warning:#f0c24b;--danger:#f0556a;--bg-page:var(--ink-900);--bg-warm:var(--ink-800);--bg-bar:var(--indigo-deep);--surface-card:var(--ink-800);--surface-raised:var(--ink-700);--surface-inset:var(--ink-600);--text-primary:var(--white);--text-muted:var(--lavender-grey);--text-dim:var(--lavender-dim);--text-on-accent:var(--white);--accent:var(--indigo-500);--accent-hover:var(--indigo-400);--accent-quiet:var(--indigo-deep);--highlight-bg:#6a5cf038;--highlight-text:var(--white);--border:#ffffff14;--border-strong:#ffffff24;--overlay-hover:#ffffff0d;--overlay-press:#ffffff17;--scrim:#0a0a0eb8;--shadow-sm:none;--shadow-card:0 1px 0 #ffffff0a inset;--shadow-panel:0 1px 0 #ffffff0a inset, 0 24px 60px -28px #000000b3;--shadow-pop:0 12px 40px -12px #0009;--canvas-bg:#0a0a0f;--canvas-dot:#ffffff0d;--font-sans:"Geist", "Söhne", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--text-display-xl:6rem;--text-display:4.25rem;--text-h1:3rem;--text-h2:2.25rem;--text-h3:1.5rem;--text-h4:1.25rem;--text-body-lg:1.125rem;--text-body:1rem;--text-sm:.875rem;--text-xs:.75rem;--leading-tight:1.04;--leading-snug:1.2;--leading-normal:1.55;--tracking-display:-.03em;--tracking-head:-.02em;--tracking-normal:-.01em;--tracking-wide:.02em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:999px;--container-max:1200px;--container-pad:var(--space-5);--bar-height:56px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur:.2s;--dur-slow:.32s;--dur-dreh:.8s;--dur-puls:1.6s;--abstand-s:8px;--abstand-m:16px;--abstand-l:24px;--hoehe-abzeichen:20px;--hoehe-klein:28px;--hoehe-steuer:36px;--hoehe-touch:44px;--hoehe-kopf:56px;--auswahl-bg:var(--highlight-bg);--auswahl-text:var(--white);--auswahl-symbol:var(--indigo-300);--danger-quiet:#f0556a1f;--tooltip-bg:#ecebf3;--tooltip-text:#16151d;--tooltip-kuerzel:#16151d8c;--tooltip-schatten:0 10px 28px -10px #0009;--bar-bg:var(--indigo-deep);--bar-linie:#ffffff14;--bar-text:var(--white);--bar-text-gedimmt:#c9c7e6;--bar-trenner:#ffffff2e;--bar-hover:#ffffff12;--bar-press:#ffffff1f;--bar-knopf-bg:#ffffff0a;--bar-knopf-rand:#ffffff1f;--bar-privat:#3a3768;--bar-app-id:linear-gradient(135deg, #6a5cf0, #8275f4);--bar-app-cloud:linear-gradient(135deg, #43c5d6, #5bd3e0);--bar-app-mail:linear-gradient(135deg, #6a5cf0, #7c6ff2);--bar-app-docs:linear-gradient(135deg, #5b8def, #7aa6f5);--bar-app-sheets:linear-gradient(135deg, #34c759, #4fd08a);--bar-app-slides:linear-gradient(135deg, #f0a24b, #f0c24b);--bar-app-kalender:linear-gradient(135deg, #f0556a, #f47186);--bar-app-meets:linear-gradient(135deg, #a678f0, #bb92f4);--bar-app-studio:linear-gradient(135deg, #ec4899, #f472b6);--bar-app-coda:linear-gradient(135deg, #6366f1, #818cf8);--bar-app-flixi:linear-gradient(135deg, #6a5cf0, #8275f4);--app-studio:var(--indigo-500);--app-studio-flaeche:#6a5cf01f;--app-flixi:#a678f0;--app-flixi-flaeche:#a678f024;--app-coda:#5b8def;--app-coda-flaeche:#5b8def24;--app-cloud:#43c5d6;--app-cloud-flaeche:#43c5d624;--app-id:var(--indigo-500);--app-id-flaeche:#6a5cf01f;--marke-kachel:#6a5cf01f;--marke-symbol:var(--indigo-300);--ft-bg:var(--bg-page);--ft-surface:var(--surface-card);--ft-surface-2:var(--surface-inset);--ft-bar:var(--indigo-deep);--ft-accent:var(--accent);--ft-accent-hover:var(--accent-hover);--ft-on-accent:var(--text-on-accent);--ft-text:var(--text-primary);--ft-muted:var(--text-muted);--ft-line:var(--border);--ft-tile:var(--indigo-100);--ft-tile-ink:var(--accent);--ft-radius:var(--radius-md);--ft-radius-lg:var(--radius-lg);--ft-font:var(--font-sans)}[data-theme=light]{--bg-page:var(--paper-0);--bg-warm:var(--paper-100);--bg-bar:var(--paper-0);--surface-card:var(--paper-0);--surface-raised:var(--paper-100);--surface-inset:var(--paper-200);--text-primary:var(--ink-text);--text-muted:var(--ink-muted);--text-dim:var(--ink-dim);--text-on-accent:var(--white);--accent:var(--indigo-500);--accent-hover:var(--indigo-600);--accent-quiet:var(--indigo-100);--highlight-bg:#e4deff;--highlight-text:var(--ink-text);--border:#14131c1a;--border-strong:#14131c2e;--overlay-hover:#14131c0a;--overlay-press:#14131c14;--scrim:#1a1a196b;--shadow-sm:0 1px 2px #14131c0f;--shadow-card:0 1px 2px #14131c0d, 0 6px 20px -8px #14131c1a;--shadow-panel:0 1px 2px #14131c0f, 0 24px 60px -24px #14131c2e;--shadow-pop:0 8px 30px -8px #14131c38;--canvas-bg:#f3f2ef;--canvas-dot:#14131c0f;--auswahl-text:var(--ink-text);--auswahl-symbol:var(--indigo-600);--tooltip-bg:#1b1a24;--tooltip-text:#f4f3fa;--tooltip-kuerzel:#f4f3fa99;--tooltip-schatten:0 10px 28px -10px #00000080, 0 0 0 1px #ffffff14;--marke-symbol:var(--indigo-500)}[data-thema=dunkel]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:var(--ink-900);--bg-warm:var(--ink-800);--bg-bar:var(--indigo-deep);--surface-card:var(--ink-800);--surface-raised:var(--ink-700);--surface-inset:var(--ink-600);--text-primary:var(--white);--text-muted:var(--lavender-grey);--text-dim:var(--lavender-dim);--text-on-accent:var(--white);--accent:var(--indigo-500);--accent-hover:var(--indigo-400);--accent-quiet:var(--indigo-deep);--highlight-bg:#6a5cf038;--highlight-text:var(--white);--border:#ffffff14;--border-strong:#ffffff24;--overlay-hover:#ffffff0d;--overlay-press:#ffffff17;--scrim:#0a0a0eb8;--shadow-sm:none;--shadow-card:0 1px 0 #ffffff0a inset;--shadow-panel:0 1px 0 #ffffff0a inset, 0 24px 60px -28px #000000b3;--shadow-pop:0 12px 40px -12px #0009;--canvas-bg:#0a0a0f;--canvas-dot:#ffffff0d;--auswahl-bg:var(--highlight-bg);--auswahl-text:var(--white);--auswahl-symbol:var(--indigo-300);--tooltip-bg:#ecebf3;--tooltip-text:#16151d;--tooltip-kuerzel:#16151d8c;--tooltip-schatten:0 10px 28px -10px #0009;--marke-symbol:var(--indigo-300);--ft-bg:var(--bg-page);--ft-surface:var(--surface-card);--ft-surface-2:var(--surface-inset);--ft-accent:var(--accent);--ft-accent-hover:var(--accent-hover);--ft-on-accent:var(--text-on-accent);--ft-text:var(--text-primary);--ft-muted:var(--text-muted);--ft-line:var(--border);background-color:var(--bg-page);color:var(--text-primary)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--text-body);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{font-weight:var(--weight-medium);line-height:var(--leading-tight);letter-spacing:var(--tracking-head);text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--indigo-500);color:var(--white)}:focus-visible{outline:2px solid var(--indigo-400);outline-offset:2px;border-radius:var(--radius-sm)}
html,body{min-height:100%}body{background:var(--bg-page);color:var(--text-primary)}.id-seite{max-width:1080px;padding:var(--abstand-l);margin:0 auto}.id-seite-schmal{max-width:560px}.id-kopf{justify-content:space-between;align-items:center;gap:var(--abstand-m);min-height:var(--hoehe-kopf);margin-bottom:var(--abstand-l);display:flex}.id-kopf h1{font-size:var(--text-h4);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal);color:var(--text-primary);text-wrap:pretty;line-height:1.4}.id-kopf p{font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.id-kopf>.ft-symbolknopf{margin-right:-8px}.id-kopf>.ft-hauptknopf{flex:none;margin-left:auto}.id-abschnitt{margin:0 0 var(--abstand-s);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-dim);line-height:1.4}.id-abschnitt-zeile{justify-content:space-between;align-items:center;gap:var(--abstand-s);min-height:var(--hoehe-steuer);margin-bottom:var(--abstand-s);display:flex}.id-abschnitt-zeile>.id-abschnitt{min-width:0;margin:0}.id-abschnitt-zeile>.ft-symbolknopf{flex:none;margin-right:-8px}.id-raster{gap:var(--abstand-m);margin-bottom:var(--abstand-l);display:grid}.id-raster-karten{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.id-raster-zahlen{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.id-karte{padding:var(--abstand-m);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-card)}.id-karte-link{align-items:center;gap:var(--abstand-s);color:inherit;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);text-decoration:none;display:flex}.id-karte-link:hover{border-color:var(--border-strong)}.id-karte-link:focus-visible{outline:2px solid var(--indigo-400);outline-offset:2px}.id-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:1.4}.id-meta{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.id-zahl-titel{margin-bottom:var(--abstand-s);font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.id-zahl{font-size:var(--text-h3);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-head);line-height:1.2}.id-zahl small{font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--text-muted)}.id-block{margin-bottom:var(--abstand-l)}.id-konto{align-items:center;gap:var(--abstand-m);flex-wrap:wrap;display:flex}.id-konto-text{flex:1;min-width:180px}.id-konto-text b{font-size:var(--text-body);font-weight:var(--weight-semibold);line-height:1.4;display:block}.id-marken{gap:var(--abstand-s);flex-wrap:wrap;display:flex}.id-liste{margin-bottom:var(--abstand-m);padding:0;overflow:hidden}.id-zeile{align-items:center;gap:var(--abstand-s);min-height:var(--hoehe-steuer);padding:0 var(--abstand-m);display:flex}.id-zeile+.id-zeile{border-top:1px solid var(--border)}.id-zeile-zwei{min-height:var(--hoehe-kopf)}.id-zeile-name{min-width:0;font-size:var(--text-sm);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.4;overflow:hidden}.id-zeile-still{color:var(--text-muted)}.id-zeile-still .id-zeile-name{font-weight:var(--weight-regular)}.id-punkt{border-radius:var(--radius-full);background:var(--bar-privat);flex:none;width:8px;height:8px}.id-status{height:var(--hoehe-abzeichen);padding:0 var(--abstand-s);border-radius:var(--radius-full);background:var(--surface-inset);color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;flex:none;align-items:center;line-height:1;display:inline-flex}.id-status-aktiv{background:color-mix(in srgb, var(--positive) 14%, transparent);color:var(--positive)}.id-status-akzent{background:var(--accent-quiet);color:var(--text-primary)}.id-rolle{align-items:center;gap:var(--abstand-s);height:var(--hoehe-klein);padding:0 var(--abstand-s);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-primary);white-space:nowrap;line-height:1;display:inline-flex}.id-rolle i{border-radius:var(--radius-full);background:var(--rolle,var(--text-muted));width:8px;height:8px}.id-rechte{gap:var(--abstand-s);flex-wrap:wrap;display:flex}.id-recht{height:var(--hoehe-klein);padding:0 var(--abstand-s);border-radius:var(--radius-sm);background:var(--surface-inset);font-size:var(--text-xs);color:var(--text-primary);align-items:center;display:inline-flex}.id-rolle-kopf{align-items:center;gap:var(--abstand-s);margin-bottom:var(--abstand-m);flex-wrap:wrap;display:flex}.id-rolle-kopf .id-meta{margin-left:auto}.id-reiter{margin:0 -8px var(--abstand-l);padding-bottom:var(--abstand-s);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.id-reiter a{height:var(--hoehe-steuer);padding:0 var(--abstand-s);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);align-items:center;text-decoration:none;display:inline-flex}.id-reiter a:hover{background:var(--overlay-hover);color:var(--text-primary)}.id-reiter a[aria-current=page]{background:var(--auswahl-bg);color:var(--auswahl-text);font-weight:var(--weight-medium)}.id-reiter a:focus-visible{outline:2px solid var(--indigo-400);outline-offset:2px}.id-hinweis{align-items:flex-start;gap:var(--abstand-s);padding:var(--abstand-m);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-inset);font-size:var(--text-sm);color:var(--text-muted);line-height:1.4;display:flex}.id-hinweis svg{color:var(--text-dim)}.id-formular{gap:var(--abstand-s);flex-direction:column;display:flex}.id-formular label{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.id-feld{height:var(--hoehe-steuer);padding:0 var(--abstand-s);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-inset);color:var(--text-primary);font:var(--weight-regular) var(--text-sm)/1.4 var(--font-sans)}.id-feld::placeholder{color:var(--text-dim)}.id-feld:focus-visible{outline:2px solid var(--indigo-400);outline-offset:2px}.id-fehler{font-size:var(--text-xs);color:var(--danger)}.id-formular .ft-dialog-fuss{margin-top:var(--abstand-s)}.id-abgemeldet{min-height:100dvh;padding:var(--abstand-l);justify-content:center;align-items:center;display:flex}.id-abgemeldet-innen{text-align:center;max-width:480px}.id-abgemeldet-innen img{width:44px;height:44px;margin:0 auto var(--abstand-l)}.id-abgemeldet h1{margin-bottom:var(--abstand-s);font-size:var(--text-h4);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal);line-height:1.4}.id-abgemeldet p{margin-bottom:var(--abstand-l);font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.id-dialog{width:100%;max-width:480px;padding:var(--abstand-l);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-panel);margin:0 auto}.id-dialog-marken{justify-content:center;align-items:center;gap:var(--abstand-m);margin-bottom:var(--abstand-m);color:var(--text-dim);display:flex}.id-dialog h1{margin-bottom:var(--abstand-s);font-size:var(--text-body);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal);text-align:center;line-height:1.4}.id-dialog-text{margin-bottom:var(--abstand-l);font-size:var(--text-sm);color:var(--text-muted);text-align:center;line-height:1.4}.id-dialog-text strong{font-weight:var(--weight-medium);color:var(--text-primary)}.id-dialog-block{margin-bottom:var(--abstand-l)}.id-als{align-items:center;gap:var(--abstand-s);min-height:var(--hoehe-kopf);padding:0 var(--abstand-s);border-radius:var(--radius-sm);background:var(--surface-inset);margin:0 -8px;display:flex}.id-freigaben{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.id-freigaben li{align-items:center;gap:var(--abstand-s);min-height:var(--hoehe-steuer);font-size:var(--text-sm);display:flex}.id-freigaben svg{color:var(--text-muted)}.id-unter{margin-top:var(--abstand-m)}@media (max-width:767px){.id-seite{padding:var(--abstand-m)}.id-kopf{gap:var(--abstand-s);flex-wrap:wrap}.id-zeile{min-height:var(--hoehe-touch)}.id-zeile-zwei{min-height:var(--hoehe-kopf)}.id-reiter a{height:var(--hoehe-touch)}.id-feld{height:var(--hoehe-touch);font-size:var(--text-body)}.id-freigaben li{min-height:var(--hoehe-touch)}.id-abgemeldet,.id-dialog{padding:var(--abstand-m)}html .ft-hauptknopf,html .ft-knopf{height:var(--hoehe-touch)}}