:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--farbe-primaer:#1f4e79;--farbe-primaer-kontrast:#fff;--farbe-hintergrund:#f6f7f9;--farbe-flaeche:#fff;--farbe-text:#1a1d21;--farbe-text-leise:#545d69;--farbe-rand:#cfd5dd;--farbe-aktiv:#e3edf7;--farbe-erfolg:#1e6b22;--farbe-erfolg-flaeche:#edf7ed;--farbe-warnung:#8a5300;--farbe-warnung-flaeche:#fff4e5;--farbe-fehler:#b3261e;--farbe-fehler-flaeche:#fdecea;--abstand-xs:4px;--abstand-sm:8px;--abstand-md:16px;--abstand-lg:24px;--abstand-xl:32px;--schrift-familie:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--schrift-klein:15px;--schrift-normal:17px;--schrift-gross:20px;--schrift-titel:26px;--tippflaeche:48px;--radius-sm:6px;--radius-md:10px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--farbe-primaer:#8ab8e8;--farbe-primaer-kontrast:#0d1b2a;--farbe-hintergrund:#121417;--farbe-flaeche:#1d2025;--farbe-text:#eceff3;--farbe-text-leise:#a9b1bc;--farbe-rand:#3a4049;--farbe-aktiv:#23384f;--farbe-erfolg:#8fd694;--farbe-erfolg-flaeche:#1d3320;--farbe-warnung:#f2c063;--farbe-warnung-flaeche:#3a2c12;--farbe-fehler:#f2a39b;--farbe-fehler-flaeche:#3d1d1a}}
*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--schrift-familie);font-size:var(--schrift-normal);color:var(--farbe-text);background:var(--farbe-hintergrund);-webkit-text-size-adjust:100%;line-height:1.5}main{max-width:1200px;padding:var(--abstand-md);margin:0 auto;container-type:inline-size}@media (min-width:768px){main{padding:var(--abstand-xl)}}h1{font-size:var(--schrift-titel);margin:0 0 var(--abstand-md)}.schmal{max-width:30rem;margin:0 auto}.breit{max-width:52rem;margin:0 auto}.karte{background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-md);padding:var(--abstand-lg);margin-bottom:var(--abstand-md);container-type:inline-size}.karte h2{font-size:var(--schrift-gross);margin:0 0 var(--abstand-sm)}.feld{gap:var(--abstand-xs);margin-bottom:var(--abstand-md);flex-direction:column;min-width:0;display:flex}.feld input:not([type=checkbox]):not([type=radio]),.feld select,.feld textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.feld input,.feld select{font:inherit;padding:var(--abstand-sm) var(--abstand-md);border:1px solid var(--farbe-rand);border-radius:var(--radius-sm);min-height:var(--tippflaeche);font-size:max(16px,1em)}.knopf{font:inherit;min-height:var(--tippflaeche);padding:var(--abstand-sm) var(--abstand-lg);border:1px solid var(--farbe-primaer);border-radius:var(--radius-sm);background:var(--farbe-primaer);color:var(--farbe-primaer-kontrast);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.knopf:disabled{opacity:.6;cursor:wait}.knopf-zweitrangig{background:var(--farbe-flaeche);color:var(--farbe-primaer)}.knopf-breit{width:100%}.knopfreihe{gap:var(--abstand-sm);flex-wrap:wrap;display:flex}.meldung{padding:var(--abstand-sm) var(--abstand-md);border-radius:var(--radius-sm);margin-bottom:var(--abstand-md)}.meldung-fehler{background:var(--farbe-fehler-flaeche);color:var(--farbe-fehler)}.meldung-hinweis{background:var(--farbe-warnung-flaeche);color:var(--farbe-warnung)}.meldung-erfolg{background:var(--farbe-erfolg-flaeche);color:var(--farbe-erfolg)}.leise{color:var(--farbe-text-leise);font-size:var(--schrift-klein)}.trenner{text-align:center;color:var(--farbe-text-leise);margin:var(--abstand-md) 0}.liste{margin:0;padding:0;list-style:none}.liste li{justify-content:space-between;align-items:center;gap:var(--abstand-sm);padding:var(--abstand-sm) 0;border-bottom:1px solid var(--farbe-rand);flex-wrap:wrap;display:flex}.codes{gap:var(--abstand-xs) var(--abstand-md);grid-template-columns:repeat(2,minmax(0,1fr));font-family:ui-monospace,Cascadia Mono,Consolas,monospace;display:grid}.qr svg{width:200px;height:200px}a{color:var(--farbe-primaer)}.feld input,.feld select{background:var(--farbe-flaeche);color:var(--farbe-text)}:focus-visible{outline:3px solid var(--farbe-primaer);outline-offset:2px}.grosse-liste a{min-height:var(--tippflaeche);width:100%;font-size:var(--schrift-gross);align-items:center;text-decoration:none;display:flex}.rahmen{min-height:100dvh}.inhalt{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.menue-seite{display:none}.menue-leiste{z-index:10;background:var(--farbe-flaeche);border-top:1px solid var(--farbe-rand);padding-bottom:env(safe-area-inset-bottom);position:fixed;inset:auto 0 0}.leiste-liste{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.leiste-liste a{min-height:64px;color:var(--farbe-text-leise);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:13px;text-decoration:none;display:flex}.leiste-liste a[aria-current=page]{color:var(--farbe-primaer);font-weight:600}@media (min-width:900px){.rahmen{grid-template-columns:240px minmax(0,1fr);display:grid}.inhalt{padding-bottom:0}.menue-leiste{display:none}.menue-seite{background:var(--farbe-flaeche);border-right:1px solid var(--farbe-rand);height:100dvh;padding:var(--abstand-md);display:block;position:sticky;top:0;overflow-y:auto}.menue-titel{font-weight:700;font-size:var(--schrift-gross);margin:var(--abstand-sm) var(--abstand-sm) var(--abstand-lg)}.menue-liste{margin:0;padding:0;list-style:none}.menue-liste a{align-items:center;gap:var(--abstand-md);min-height:var(--tippflaeche);padding:0 var(--abstand-md);border-radius:var(--radius-sm);color:var(--farbe-text);text-decoration:none;display:flex}.menue-liste a:hover{background:var(--farbe-hintergrund)}.menue-liste a[aria-current=page]{background:var(--farbe-aktiv);color:var(--farbe-primaer);font-weight:600}}.kaestchen{align-items:center;gap:var(--abstand-sm);min-height:var(--tippflaeche);display:flex}.kaestchen input{width:24px;height:24px}.zweispaltig{gap:0 var(--abstand-md);grid-template-columns:minmax(0,1fr);display:grid}@container (min-width:34rem){.zweispaltig{grid-template-columns:repeat(2,minmax(0,1fr))}}.baum{margin:0;padding:0;list-style:none}.baum .baum{padding-left:var(--abstand-lg);border-left:2px solid var(--farbe-rand);margin-left:var(--abstand-sm)}.baum li{padding:var(--abstand-xs) 0}.baum a{min-height:var(--tippflaeche);align-items:center;display:inline-flex}.inaktiv{color:var(--farbe-text-leise);text-decoration:line-through}.kopfzeile{justify-content:space-between;align-items:center;gap:var(--abstand-sm);margin-bottom:var(--abstand-md);flex-wrap:wrap;display:flex}.kopfzeile h1{margin:0}.betrag{font-variant-numeric:tabular-nums;white-space:nowrap}.kennzahlen{gap:var(--abstand-sm) var(--abstand-lg);margin:0 0 var(--abstand-md);flex-wrap:wrap;padding:0;list-style:none;display:flex}.kontostand{padding-left:var(--abstand-lg);margin:0 0 var(--abstand-md)}.passt{color:var(--farbe-erfolg)}.passt-nicht{color:var(--farbe-fehler)}.umsaetze .umsatz-text{overflow-wrap:anywhere;flex:14rem;min-width:0}.marke{padding:2px var(--abstand-sm);border-radius:var(--radius-sm);font-size:var(--schrift-klein);white-space:nowrap;background:var(--farbe-aktiv);color:var(--farbe-text);display:inline-block}.marke-neu{background:var(--farbe-erfolg-flaeche);color:var(--farbe-erfolg)}.marke-pruefen{background:var(--farbe-warnung-flaeche);color:var(--farbe-warnung)}.marke-gut{background:var(--farbe-erfolg-flaeche);color:var(--farbe-erfolg)}.marke-warnung{background:var(--farbe-warnung-flaeche);color:var(--farbe-warnung)}.marke-fehler{background:var(--farbe-fehler-flaeche);color:var(--farbe-fehler)}.blaettern{justify-content:space-between;align-items:center;gap:var(--abstand-sm);margin-bottom:var(--abstand-md);display:flex}.zeile-rechts{align-items:center;gap:var(--abstand-sm);flex-wrap:wrap;justify-content:flex-end;display:flex}.summe{font-weight:600}.ganze-breite{flex-basis:100%}.abstand-unten{margin-bottom:var(--abstand-md)}
