:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--farbe-navigation:#1b2a3a;--farbe-navigation-text:#f2f5f8;--farbe-navigation-text-gedaempft:#a9b7c6;--farbe-navigation-aktiv:#2b3f55;--farbe-flaeche:#f5f7fa;--farbe-karte:#fff;--farbe-eingabe:#fff;--farbe-eingabe-gesperrt:#eef1f5;--farbe-akzent:#369;--farbe-akzent-text:#fff;--farbe-text:#1c2430;--farbe-text-gedaempft:#5b6675;--farbe-rahmen:#d6dce4;--farbe-erfolg:#1e7b4f;--farbe-erfolg-flaeche:#e3f4ec;--farbe-warnung:#8a5300;--farbe-warnung-flaeche:#fdf0dc;--farbe-fehler:#b3261e;--farbe-fehler-flaeche:#fbe7e6;--farbe-hinweis-flaeche:#e8eff7;--schrift-familie:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--schrift-basis:16px;--schrift-klein:.875rem;--schrift-normal:1rem;--schrift-gross:1.25rem;--schrift-titel:1.5rem;--zeilenhoehe:1.5;--abstand-1:4px;--abstand-2:8px;--abstand-3:12px;--abstand-4:16px;--abstand-5:24px;--abstand-6:32px;--radius-klein:4px;--radius-mittel:8px;--radius-gross:12px;--radius-rund:999px;--schatten-karte:0 1px 2px #1018280f, 0 1px 3px #1018281a;--schatten-fokus:0 0 0 3px #33669959;--inhalt-breite:1120px;--umbruch-tablet:768px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--farbe-navigation:#0e161f;--farbe-navigation-text:#e8edf2;--farbe-navigation-text-gedaempft:#93a3b4;--farbe-navigation-aktiv:#1f3044;--farbe-flaeche:#12181f;--farbe-karte:#1a222c;--farbe-eingabe:#121920;--farbe-eingabe-gesperrt:#1f2933;--farbe-akzent:#7aa7d9;--farbe-akzent-text:#0b1520;--farbe-text:#e6ebf1;--farbe-text-gedaempft:#9aa7b6;--farbe-rahmen:#2c3744;--farbe-erfolg:#6fd3a1;--farbe-erfolg-flaeche:#15362a;--farbe-warnung:#f2b765;--farbe-warnung-flaeche:#3a2a12;--farbe-fehler:#f2958f;--farbe-fehler-flaeche:#3d1a18;--farbe-hinweis-flaeche:#1b2a3a;--schatten-karte:0 1px 2px #0006, 0 1px 3px #0000004d;--schatten-fokus:0 0 0 3px #7aa7d973}}*,:before,:after{box-sizing:border-box}html{font-size:var(--schrift-basis);-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--schrift-familie);font-size:var(--schrift-normal);line-height:var(--zeilenhoehe);color:var(--farbe-text);background:var(--farbe-flaeche);margin:0}:focus-visible{box-shadow:var(--schatten-fokus);outline:none}.app{flex-direction:column;min-height:100dvh;display:flex}.app-header{background:var(--farbe-navigation);color:var(--farbe-navigation-text);padding-top:env(safe-area-inset-top)}.app-header__inner{align-items:center;gap:var(--abstand-2) var(--abstand-5);max-width:var(--inhalt-breite);padding:var(--abstand-3) var(--abstand-4);flex-wrap:wrap;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--abstand-2);color:inherit;font-size:var(--schrift-gross);border-radius:var(--radius-klein);font-weight:650;text-decoration:none;display:inline-flex}.main-nav{gap:var(--abstand-1);scrollbar-width:none;width:100%;display:flex;overflow-x:auto}.main-nav__item{padding:var(--abstand-2) var(--abstand-3);border-radius:var(--radius-mittel);color:var(--farbe-navigation-text-gedaempft);font-size:var(--schrift-klein);white-space:nowrap;text-decoration:none}.main-nav__item[aria-current=page]{color:var(--farbe-navigation-text);background:var(--farbe-navigation-aktiv)}.main-nav__item[aria-disabled=true]{opacity:.65;cursor:not-allowed}.workspace{width:100%;max-width:var(--inhalt-breite);padding:var(--abstand-5) var(--abstand-4) var(--abstand-6);flex:1;margin:0 auto}.workspace__title{margin:0 0 var(--abstand-1);font-size:var(--schrift-titel);line-height:1.25}.workspace__lead{margin:0 0 var(--abstand-5);color:var(--farbe-text-gedaempft)}.grid{gap:var(--abstand-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.card{background:var(--farbe-karte);border:1px solid var(--farbe-rahmen);border-radius:var(--radius-gross);box-shadow:var(--schatten-karte);padding:var(--abstand-4)}.card__header{justify-content:space-between;align-items:center;gap:var(--abstand-3);margin-bottom:var(--abstand-4);display:flex}.card__title{align-items:center;gap:var(--abstand-2);font-size:var(--schrift-gross);margin:0;line-height:1.3;display:flex}.card__title svg{color:var(--farbe-akzent);flex:none}.status-list{gap:var(--abstand-2) var(--abstand-4);grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}.status-list dt{color:var(--farbe-text-gedaempft)}.status-list dd{overflow-wrap:anywhere;margin:0}.badge{padding:0 var(--abstand-2);border-radius:var(--radius-rund);font-size:var(--schrift-klein);align-items:center;font-weight:600;line-height:1.6;display:inline-flex}.badge--ok{color:var(--farbe-erfolg);background:var(--farbe-erfolg-flaeche)}.badge--warning{color:var(--farbe-warnung);background:var(--farbe-warnung-flaeche)}.message{padding:var(--abstand-3);border-radius:var(--radius-mittel);font-size:var(--schrift-klein);margin:0}.message--info{background:var(--farbe-hinweis-flaeche)}.message--error{color:var(--farbe-fehler);background:var(--farbe-fehler-flaeche)}.muted{color:var(--farbe-text-gedaempft)}.button{justify-content:center;align-items:center;gap:var(--abstand-2);min-height:44px;padding:var(--abstand-2) var(--abstand-4);border-radius:var(--radius-mittel);font:inherit;cursor:pointer;border:1px solid #0000;font-weight:600;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.6}.button--primary{color:var(--farbe-akzent-text);background:var(--farbe-akzent)}.button--secondary{color:var(--farbe-text);border-color:var(--farbe-rahmen);background:0 0}.form{gap:var(--abstand-4);margin:var(--abstand-4) 0 0;border:0;min-width:0;padding:0;display:grid}.field{gap:var(--abstand-1);display:grid}.field__label{font-size:var(--schrift-klein);font-weight:600}.field__input{width:100%;min-height:44px;padding:var(--abstand-2) var(--abstand-3);border:1px solid var(--farbe-rahmen);border-radius:var(--radius-mittel);font:inherit;color:var(--farbe-text);background:var(--farbe-eingabe)}.field__input:disabled{background:var(--farbe-eingabe-gesperrt)}@media (width>=768px){.main-nav{width:auto}.workspace{padding-top:var(--abstand-6)}.grid{gap:var(--abstand-5);grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:var(--abstand-5)}}.seitenkopf{justify-content:space-between;align-items:flex-end;gap:var(--abstand-3) var(--abstand-4);margin-bottom:var(--abstand-5);flex-wrap:wrap;display:flex}.seitenkopf .workspace__title{margin:0}.seitenkopf__vor{color:var(--farbe-text-gedaempft);font-size:var(--schrift-klein);margin:0}.zurueck{align-items:center;gap:var(--abstand-1);min-height:44px;margin-bottom:var(--abstand-2);color:var(--farbe-text-gedaempft);text-decoration:none;display:inline-flex}.aktionen{gap:var(--abstand-3);margin-top:var(--abstand-3);flex-wrap:wrap;display:flex}a.button{text-decoration:none}.kennung{font-size:var(--schrift-klein);overflow-wrap:anywhere}.werkzeugleiste{gap:var(--abstand-3);margin-bottom:var(--abstand-4);grid-template-columns:minmax(0,1fr);display:grid}.suchfeld__eingabe{display:block;position:relative}.suchfeld__eingabe svg{left:var(--abstand-3);color:var(--farbe-text-gedaempft);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.suchfeld__eingabe .field__input{padding-left:calc(var(--abstand-3) * 2 + 18px)}.stichtag{align-items:flex-start;gap:var(--abstand-2);display:flex}.stichtag .field{flex:1;min-width:0}.stichtag .button{margin-top:calc(var(--schrift-klein) * 1.5 + var(--abstand-1))}.liste{background:var(--farbe-karte);border:1px solid var(--farbe-rahmen);border-radius:var(--radius-gross);margin:0;padding:0;list-style:none;overflow:hidden}.liste li+li{border-top:1px solid var(--farbe-rahmen)}.liste__zeile{align-items:center;gap:var(--abstand-3);min-height:56px;padding:var(--abstand-3) var(--abstand-4);color:inherit;text-decoration:none;display:flex}.liste__zeile:hover{background:var(--farbe-flaeche)}.liste__nummer{font-variant-numeric:tabular-nums;min-width:3.5em;color:var(--farbe-text-gedaempft);flex:none}.liste__haupt{flex:1;min-width:0;display:grid}.liste__titel{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.liste__unter{color:var(--farbe-text-gedaempft);font-size:var(--schrift-klein);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form__abschnitt{margin:var(--abstand-3) 0 0;font-size:var(--schrift-normal);color:var(--farbe-text-gedaempft)}.form__abschnitt:first-child{margin-top:0}.zweispaltig{gap:var(--abstand-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.zweispaltig--plz{grid-template-columns:minmax(5.5em,1fr) minmax(0,2fr)}.field__hinweis{color:var(--farbe-text-gedaempft);font-size:var(--schrift-klein)}.field__fehler{color:var(--farbe-fehler);font-size:var(--schrift-klein)}.field__input[aria-invalid=true]{border-color:var(--farbe-fehler)}.akte{margin:0}.akte__zeile{align-items:center;gap:0 var(--abstand-2);padding:var(--abstand-3) 0;grid-template-columns:minmax(0,1fr) auto;display:grid}.akte__zeile+.akte__zeile{border-top:1px solid var(--farbe-rahmen)}.akte__zeile dt{color:var(--farbe-text-gedaempft);font-size:var(--schrift-klein);grid-column:1}.akte__zeile dd{overflow-wrap:anywhere;grid-column:1;margin:0;display:grid}.akte__zeile .icon-button{grid-area:1/2/span 2}.akte__wert{font-weight:600}.akte__gueltig{color:var(--farbe-text-gedaempft);font-size:var(--schrift-klein)}.icon-button,.text-button{justify-content:center;align-items:center;gap:var(--abstand-1);min-width:44px;min-height:44px;padding:0 var(--abstand-2);border-radius:var(--radius-mittel);color:var(--farbe-akzent);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:600;display:inline-flex}.icon-button:hover,.text-button:hover{background:var(--farbe-flaeche)}.verlauf__liste{margin:0;padding:0;list-style:none}.verlauf__eintrag{padding:var(--abstand-3) 0}.verlauf__eintrag+.verlauf__eintrag{border-top:1px solid var(--farbe-rahmen)}.verlauf__eintrag--storniert .verlauf__inhalt,.verlauf__eintrag--storniert .verlauf__typ{color:var(--farbe-text-gedaempft);text-decoration:line-through}.verlauf__kopf{align-items:center;gap:var(--abstand-2);flex-wrap:wrap;display:flex}.verlauf__typ{font-weight:600}.verlauf__datum{color:var(--farbe-text-gedaempft);font-size:var(--schrift-klein)}.verlauf__inhalt{margin:var(--abstand-1) 0 0;overflow-wrap:anywhere}.verlauf__fuss{justify-content:space-between;align-items:center;gap:var(--abstand-2);font-size:var(--schrift-klein);display:flex}.storno .form{margin-top:var(--abstand-2)}.anmeldebereich{max-width:460px;margin:0 auto}.einrichtung,.formular{max-width:640px}.anmeldebereich .einrichtung{max-width:none}.anmeldung .card__title,.einrichtung .card__title{margin-bottom:var(--abstand-3)}.totp{gap:var(--abstand-2);display:grid}.totp p{margin:0}.totp__schluessel{padding:var(--abstand-3);border-radius:var(--radius-mittel);background:var(--farbe-flaeche);font-size:var(--schrift-gross);letter-spacing:.05em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;display:block}.abmelden{align-items:center;gap:var(--abstand-1);min-height:44px;padding:0 var(--abstand-3);border-radius:var(--radius-mittel);color:var(--farbe-navigation-text-gedaempft);font:inherit;font-size:var(--schrift-klein);cursor:pointer;background:0 0;border:0;margin-left:auto;display:inline-flex}.abmelden:hover{color:var(--farbe-navigation-text);background:var(--farbe-navigation-aktiv)}.adresse,.iban{gap:var(--abstand-3);display:grid}.adresse .field{position:relative}.adresse__gewaehlt{align-items:center;gap:var(--abstand-2);min-height:44px;padding:var(--abstand-1) var(--abstand-1) var(--abstand-1) var(--abstand-3);border:1px solid var(--farbe-rahmen);border-radius:var(--radius-mittel);background:var(--farbe-eingabe);display:flex}.adresse__gewaehlt>span{flex:1;min-width:0}.adresse__gewaehlt svg{color:var(--farbe-akzent);flex:none}.adresse__land{color:var(--farbe-text-gedaempft);font-size:var(--schrift-klein)}.adresse__umschalter{font-size:var(--schrift-klein);justify-self:start;padding:0}.vorschlaege{z-index:10;margin:var(--abstand-1) 0 0;padding:var(--abstand-1);background:var(--farbe-karte);border:1px solid var(--farbe-rahmen);border-radius:var(--radius-mittel);box-shadow:var(--schatten-karte);list-style:none;position:absolute;top:100%;left:0;right:0}.vorschlaege__eintrag{align-items:center;gap:var(--abstand-2);min-height:44px;padding:var(--abstand-2);border-radius:var(--radius-klein);cursor:pointer;display:flex}.vorschlaege__eintrag[aria-selected=true],.vorschlaege__eintrag:hover{background:var(--farbe-flaeche)}.vorschlaege__eintrag svg{color:var(--farbe-text-gedaempft);flex:none}.zweispaltig--hausnummer{grid-template-columns:minmax(0,3fr) minmax(4.5em,1fr)}.iban__eingabe{font-variant-numeric:tabular-nums;letter-spacing:.03em}.iban__bank{align-items:center;gap:var(--abstand-1);overflow-wrap:anywhere;min-height:44px;display:flex}.pruefung-ok,.pruefung-warnung{align-items:center;gap:var(--abstand-1);display:inline-flex}.pruefung-ok{color:var(--farbe-erfolg)}.pruefung-warnung{color:var(--farbe-warnung)}.checkbox{align-items:flex-start;gap:var(--abstand-2);font-size:var(--schrift-klein);display:flex}.checkbox input{flex:none;width:20px;height:20px;margin:2px 0 0}.benutzerliste{margin:0;padding:0;list-style:none}.benutzerliste__eintrag{padding:var(--abstand-3) 0}.benutzerliste__eintrag+.benutzerliste__eintrag{border-top:1px solid var(--farbe-rahmen)}.benutzerliste__kopf{justify-content:space-between;align-items:center;gap:var(--abstand-2);flex-wrap:wrap;display:flex}.rechte{gap:var(--abstand-2);margin-top:var(--abstand-2);display:grid}.rechte__zeile{align-items:center;gap:var(--abstand-2);grid-template-columns:minmax(0,1fr) 10em;display:grid}.chips{gap:var(--abstand-2);margin-bottom:var(--abstand-3);flex-wrap:wrap;display:flex}.chip{min-height:36px;padding:0 var(--abstand-3);border:1px solid var(--farbe-rahmen);border-radius:var(--radius-rund);background:var(--farbe-karte);color:var(--farbe-text);font:inherit;font-size:var(--schrift-klein);cursor:pointer}.chip[aria-pressed=true]{background:var(--farbe-akzent);border-color:var(--farbe-akzent);color:var(--farbe-akzent-text)}.liste__betrag{font-variant-numeric:tabular-nums;white-space:nowrap;justify-items:end;gap:2px;display:grid}.beleg-editor .form{margin:0}.beleg-editor .card{gap:var(--abstand-3);display:grid}.zeile-mit-knopf{align-items:flex-end;gap:var(--abstand-2);display:flex}.zeile-mit-knopf .field{flex:1;min-width:0}textarea.field__input{resize:vertical;line-height:1.4}.positionen{gap:var(--abstand-3);margin:0;padding:0;list-style:none;display:grid}.position{gap:var(--abstand-2);padding:var(--abstand-3);border:1px solid var(--farbe-rahmen);border-radius:var(--radius-mittel);display:grid}.position--text{background:var(--farbe-flaeche)}.position__kopf{font-size:var(--schrift-klein);justify-content:space-between;align-items:center;display:flex}.position__werkzeuge{display:flex}.position__werkzeuge .icon-button{min-width:36px;min-height:36px}.position__werte{gap:var(--abstand-2);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.3fr) minmax(0,1fr);align-items:center;display:grid}.position__netto{font-variant-numeric:tabular-nums;grid-column:1/-1;justify-self:end;font-weight:600}.summen{gap:var(--abstand-1) var(--abstand-4);margin:var(--abstand-3) 0 0;font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr) auto;display:grid}.summen dd{text-align:right;margin:0}.summen__zeile{display:contents}.summen__gesamt{padding-top:var(--abstand-2);border-top:1px solid var(--farbe-rahmen);font-weight:700}.tabelle{border-collapse:collapse;width:100%;font-size:var(--schrift-klein)}.tabelle th,.tabelle td{padding:var(--abstand-2) var(--abstand-1);border-bottom:1px solid var(--farbe-rahmen);text-align:left;vertical-align:top}.tabelle .zahl{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.tabelle__text{white-space:pre-wrap;overflow-wrap:anywhere}.datei-knopf{cursor:pointer;justify-self:start}.import .liste__zeile{cursor:pointer}.import input[type=checkbox]{flex:none;width:20px;height:20px}@media (width>=768px){.position__werte{grid-template-columns:6em 7em 8em 6em minmax(0,1fr)}.position__netto{grid-column:auto}.werkzeugleiste{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:end}.verlauf{grid-column:1/-1}}