:root{--farbe-hintergrund:#ffffff;--farbe-flaeche:#f4f5f7;--farbe-text:#14171a;--farbe-text-schwach:#4b5157;--farbe-rahmen:#c7ccd1;--farbe-primaer:#0a4f8c;--farbe-primaer-druck:#073a68;--farbe-primaer-text:#ffffff;--farbe-ok:#0a6b2d;--farbe-ok-flaeche:#e3f3e8;--farbe-warnung:#8a5200;--farbe-warnung-flaeche:#fbeed9;--farbe-alarm:#b3261e;--farbe-alarm-flaeche:#fbe4e2;--farbe-fehler:#b3261e;--farbe-deaktiviert:#9aa0a6;--farbe-deaktiviert-flaeche:#e9eaec;--farbe-fokus:#0a4f8c;--abstand-xs:8px;--abstand-s:12px;--abstand-m:16px;--abstand-l:24px;--abstand-xl:32px;--radius-s:6px;--radius-m:8px;--radius-l:12px;--schrift-basis:16px;--schrift-klein:14px;--schrift-gross:20px;--schrift-titel:24px;--flaeche-min:48px;--schaltflaeche-hoch:56px;--kachel-hoch:96px;--trefferzeile-hoch:56px;--kachel-eingang:#0a7d1e;--kachel-ausgang:#b04a00;--kachel-umbuchen:#0a5fb0;--kachel-verwaltung:#333333}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--farbe-hintergrund);color:var(--farbe-text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--schrift-basis);overflow-x:hidden}main{max-width:560px;margin:0 auto;padding:var(--abstand-l) var(--abstand-m);width:100%}.schaltflaeche-primaer{display:inline-flex;align-items:center;justify-content:center;min-height:var(--schaltflaeche-hoch);width:100%;padding:0 var(--abstand-m);font-size:var(--schrift-gross);font-weight:600;color:var(--farbe-primaer-text);background:var(--farbe-primaer);border:none;border-radius:var(--radius-m);cursor:pointer;touch-action:manipulation}.schaltflaeche-primaer:active:not(:disabled){background:var(--farbe-primaer-druck)}.schaltflaeche-primaer:focus-visible{outline:3px solid var(--farbe-fokus);outline-offset:2px}.schaltflaeche-primaer.laedt,.schaltflaeche-primaer:disabled{background:var(--farbe-deaktiviert);cursor:not-allowed}.schaltflaeche-sekundaer{display:inline-flex;align-items:center;justify-content:center;min-height:var(--flaeche-min);min-width:var(--flaeche-min);padding:0 var(--abstand-m);font-size:var(--schrift-basis);font-weight:600;color:var(--farbe-primaer);background:var(--farbe-hintergrund);border:2px solid var(--farbe-primaer);border-radius:var(--radius-m);cursor:pointer;touch-action:manipulation}.schaltflaeche-sekundaer:active:not(:disabled){background:var(--farbe-flaeche)}.schaltflaeche-sekundaer:focus-visible{outline:3px solid var(--farbe-fokus);outline-offset:2px}.schaltflaeche-sekundaer:disabled{color:var(--farbe-deaktiviert);border-color:var(--farbe-deaktiviert);cursor:not-allowed}.kachel{display:flex;align-items:center;justify-content:center;min-height:var(--kachel-hoch);padding:var(--abstand-m);font-size:var(--schrift-gross);font-weight:700;text-align:center;text-decoration:none;border-radius:var(--radius-l);border-width:2px;border-style:solid;touch-action:manipulation}.kachel:active{transform:scale(.98)}.kachel:focus-visible{outline:3px solid var(--farbe-fokus);outline-offset:2px}.trefferzeile{display:flex;align-items:center;justify-content:space-between;min-height:var(--trefferzeile-hoch);padding:var(--abstand-s) var(--abstand-m);gap:var(--abstand-s);border-bottom:1px solid var(--farbe-rahmen);text-decoration:none;color:var(--farbe-text)}a.trefferzeile:active,button.trefferzeile:active{background:var(--farbe-flaeche)}a.trefferzeile:focus-visible,button.trefferzeile:focus-visible{outline:3px solid var(--farbe-fokus);outline-offset:-2px}.leerer-zustand{padding:var(--abstand-l) var(--abstand-m);text-align:center;color:var(--farbe-text-schwach);border:2px dashed var(--farbe-rahmen);border-radius:var(--radius-m)}.leerer-zustand p{margin:0 0 var(--abstand-s) 0}.ampel-ok{color:var(--farbe-ok);background:var(--farbe-ok-flaeche)}.ampel-warnung{color:var(--farbe-warnung);background:var(--farbe-warnung-flaeche)}.ampel-alarm{color:var(--farbe-alarm);background:var(--farbe-alarm-flaeche)}input,select,textarea{font-size:var(--schrift-basis);min-height:var(--flaeche-min);padding:var(--abstand-xs) var(--abstand-s);border:1px solid var(--farbe-rahmen);border-radius:var(--radius-s);font-family:inherit;color:var(--farbe-text);background:var(--farbe-hintergrund)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--farbe-fokus);outline-offset:1px}input:disabled,select:disabled,textarea:disabled{background:var(--farbe-deaktiviert-flaeche);color:var(--farbe-deaktiviert)}.fehlertext{display:block;margin-top:var(--abstand-xs);color:var(--farbe-fehler);font-size:var(--schrift-klein)}