:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#16362f;background:#f6f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f6f7f4}button,input,select{font:inherit}button{cursor:pointer}.app{width:min(100%,680px);min-height:100vh;margin:auto;padding-bottom:96px}.kopfzeile{padding:calc(28px + env(safe-area-inset-top)) 22px 20px;background:#176b5a;color:#fff}.marke{margin:0 0 4px;color:#cce5db;font-size:.72rem;font-weight:800;letter-spacing:.12em}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:1.85rem}h2{font-size:1.05rem;margin:24px 0 12px}.inhalt{padding:22px}.neue-ausgabe,.uebersicht-karte{width:100%;display:flex;align-items:center;gap:15px;border:0;border-radius:18px;padding:20px;text-align:left;color:#fff;background:#176b5a;box-shadow:0 8px 22px #176b5a33}.neue-ausgabe>span,.uebersicht-karte>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f6f7f4;color:#176b5a;font-size:1.75rem}strong{display:block}small,.neue-ausgabe small,.uebersicht-karte small{display:block;margin-top:3px;opacity:.8}.meldung{margin:14px 0 0;padding:12px;border-radius:12px;color:#075443;background:#daf3e7}.kachelraster{display:grid;grid-template-columns:1fr 1fr;gap:11px}.kachel{min-height:78px;padding:13px;border:1px solid #d9e1dc;border-radius:15px;background:#fff;color:#16362f;text-align:left;font-weight:700}.uebersicht-karte{margin-top:25px;color:#16362f;background:#e9b44c;box-shadow:none}.uebersicht-karte>span{background:#fff7e5;color:#9b6500}.uebersicht-karte b{margin-left:auto;font-size:1.5rem}nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translate(-50%);display:flex;justify-content:space-around;width:min(100%,680px);padding:10px max(15px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(15px,env(safe-area-inset-right));border-top:1px solid #d9e1dc;background:#fff}nav button{display:grid;gap:2px;min-width:62px;border:0;background:transparent;color:#6c7d77;font-size:1.35rem}nav span{font-size:.72rem}nav .aktiv{color:#176b5a;font-weight:800}.monat{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border-radius:14px;background:#fff;font-weight:700}.monat input{border:1px solid #c6d3cd;border-radius:8px;padding:8px;color:#16362f}.gesamt{display:flex;justify-content:space-between;padding:18px 0 5px;border-bottom:1px solid #d9e1dc}.gesamt strong{font-size:1.2rem}.uebersicht-liste details{border-bottom:1px solid #d9e1dc}.uebersicht-liste summary{display:flex;justify-content:space-between;padding:16px 4px;font-weight:750;cursor:pointer}.unterkategorien{padding:0 0 8px}.unterkategorien button{display:flex;justify-content:space-between;gap:12px;width:100%;padding:11px 8px;border:0;border-radius:8px;background:transparent;text-align:left;color:#38534b}.unterkategorien button:hover{background:#edf2ef}.unterkategorien strong{white-space:nowrap}.uebersicht-liste{display:grid;gap:12px;margin-top:18px}.kategorie-zeile{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:12px;width:100%;min-height:68px;padding:17px 16px;border:1px solid #dce6e1;border-radius:17px;background:#fff;color:#173b33;box-shadow:0 3px 12px #16362f0f;text-align:left;font-weight:750;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.kategorie-zeile:after{content:"›";color:#6a7e75;font-size:1.55rem;font-weight:400;line-height:1}.kategorie-zeile:hover{border-color:#8ab6a8;box-shadow:0 7px 19px #16362f1c;transform:translateY(-1px)}.kategorie-zeile:active{transform:translateY(0);box-shadow:0 2px 7px #16362f14}.kategorie-zeile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kategorie-zeile strong{white-space:nowrap;color:#a23243;font-size:.98rem}.kategorie-zeile:first-child strong{color:#16785f}.zusammenfassung{margin-top:25px;padding:20px 18px;border:1px solid #cfe0d8;border-radius:18px;background:#fff;box-shadow:0 4px 14px #16362f12}.zusammenfassung:before{content:"Finanzielle Zusammenfassung";display:block;margin-bottom:13px;color:#176b5a;font-size:.9rem;font-weight:850;letter-spacing:.02em}.zusammenfassung p{display:flex;justify-content:space-between;gap:16px;margin:0;padding:9px 0;color:#49645b}.zusammenfassung p strong{color:#173b33;white-space:nowrap}.zusammenfassung p:last-child{margin-top:8px;padding-top:15px;border-top:1px solid #dce6e1;color:#176b5a;font-size:1.05rem}.zusammenfassung p:last-child strong{color:#176b5a;font-size:1.12rem}.buchungsdetail{margin-top:20px;padding:17px;border-radius:16px;background:#fff}.detailkopf{display:flex;justify-content:space-between;align-items:start}.detailkopf h2{margin:0 12px 12px 0}.detailkopf button,.dialogkopf button{border:0;background:transparent;color:#47635a;font-size:1.8rem}.buchungsdetail ul{margin:0;padding:0;list-style:none}.buchungsdetail li{padding:12px 0;border-top:1px solid #e4e9e6}.buchungsdetail span{color:#557068;font-size:.9rem}.buchungsdetail small{color:#557068}.einleitung{color:#557068;line-height:1.5}.regelmaessig-liste article{margin-bottom:14px;padding:16px;border-radius:14px;background:#fff}.regelmaessig-liste h2{margin:0 0 10px}.regelmaessig-liste ul{margin:0;padding-left:20px;line-height:1.75;color:#466158}.regelmaessig-liste{display:grid;gap:13px;margin-top:18px}.regelmaessig-liste .regel-karte{margin:0;padding:17px;border:1px solid #dce6e1;border-radius:18px;background:#fff;box-shadow:0 3px 12px #16362f0f}.regel-kopf{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px}.regel-kopf h2{margin:0;font-size:1rem}.regel-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#e8f1ed;color:#176b5a;font-size:1rem;font-weight:800}.regel-kopf strong{white-space:nowrap;font-size:.94rem}.regel-plus-betrag{color:#16785f}.regel-minus-betrag{color:#a23243}.regel-leer{margin:15px 0 0 44px;color:#70827b;font-size:.88rem}.regel-eintraege{margin-top:14px;margin-left:44px;border-top:1px solid #e6ece8}.regel-eintraege .buchung{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;margin:0;padding:12px 0;border:0;border-bottom:1px solid #edf1ef;border-radius:0;background:transparent;box-shadow:none}.regel-eintraege .buchung small{grid-column:1 / -1;margin:-3px 0 0;color:#5e776d;font-size:.75rem}.regel-plus{margin-top:4px}.regel-zusammenfassung{margin-top:26px;padding:18px;border:1px solid #d6e5de;border-radius:18px;background:#fff;box-shadow:0 4px 14px #16362f12}.regel-zusammenfassung h2{margin:0 0 14px;color:#176b5a;font-size:.95rem}.regel-ausgaben{display:flex;flex-direction:column;gap:5px;padding:17px;border-radius:14px;background:#fff0f1;color:#962e3d}.regel-ausgaben strong{font-size:1.55rem}.regel-nebenwerte{display:grid;gap:8px;margin-top:12px}.regel-nebenwerte p{display:flex;justify-content:space-between;margin:0;padding:10px 2px;color:#4b655c}.regel-nebenwerte strong{color:#173b33}.ausgaben-detail .kategorie-zeile strong{color:#a23243}.einnahmen-detail .kategorie-zeile strong{color:#16785f}.kachel{display:flex;align-items:center;gap:9px}.kachel i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#e8f1ed;color:#176b5a;font-style:normal}.zusammenfassung p:nth-child(3){padding:16px;border-radius:13px;background:#fff0f1;color:#962e3d}.zusammenfassung p:nth-child(3) strong{color:#962e3d;font-size:1.35rem}.zusammenfassung p:nth-child(2) strong{color:#16785f}.uebersicht-liste .kategorie-zeile{grid-template-columns:31px minmax(0,1fr) auto 18px}.uebersicht-liste .kategorie-zeile .regel-icon{width:28px;height:28px;font-style:normal}.zusammenfassung p:last-child{margin-top:8px;padding:10px 0;border-top:1px solid #dce6e1;border-radius:0;background:transparent;color:#49645b;font-size:1rem}.zusammenfassung p:last-child strong{color:#173b33;font-size:1rem}.zusammenfassung p:nth-of-type(2){padding:16px;border-radius:13px;background:#fff0f1;color:#962e3d}.zusammenfassung p:nth-of-type(2) strong{color:#962e3d;font-size:1.35rem}.zusammenfassung p:nth-of-type(1) strong{color:#16785f}.einstellungen{padding:18px;border-radius:16px;background:#fff}.einstellungen h2{margin:0 0 18px}.einstellungen label:not(.schalter){display:block;font-weight:700}.einstellungen input:not([type=checkbox]){display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #bfcfc7;border-radius:11px}.sekundaer{margin-top:12px;padding:11px 14px;border:1px solid #176b5a;border-radius:10px;background:#fff;color:#176b5a;font-weight:750}.einstellungen hr{margin:24px 0;border:0;border-top:1px solid #dce4df}.schalterzeile{display:flex;align-items:center;justify-content:space-between;gap:14px}.schalterzeile small{max-width:240px;color:#557068}.schalter{position:relative;flex:0 0 auto;width:50px;height:30px}.schalter input{position:absolute;opacity:0}.schalter span{display:block;width:50px;height:30px;border-radius:18px;background:#aab8b2;transition:.2s}.schalter span:after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}.schalter input:checked+span{background:#176b5a}.schalter input:checked+span:after{transform:translate(20px)}.schalter input:focus-visible+span{outline:3px solid #e9b44c;outline-offset:2px}.hinweis{margin:14px 0 0;color:#557068;font-size:.88rem;line-height:1.45}.dialog-hintergrund{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:flex;align-items:end;background:#16362f77}.dialog{width:min(100%,680px);max-height:92vh;overflow:auto;padding:24px 22px calc(25px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#f6f7f4}.dialogkopf{display:flex;justify-content:space-between;margin-bottom:22px}.dialogkopf h2{margin:0}.dialog label{display:block;margin:16px 0;font-weight:750}.dialog input,.dialog select{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid #bfcfc7;border-radius:11px;background:#fff;color:#16362f}.dialog em{color:#6a7e75;font-size:.82rem;font-style:normal;font-weight:500}.dialog label small{color:#6a7e75}.datum-hinweis{padding:11px;border-radius:10px;background:#e7eeea;color:#456158;font-size:.9rem}.speichern{width:100%;margin-top:8px;padding:16px;border:0;border-radius:12px;background:#176b5a;color:#fff;font-weight:800}.speichern:disabled{opacity:.7}.fehler{color:#9b2335}@media(min-width:600px){.dialog-hintergrund{align-items:center;justify-content:center;padding:24px}.dialog{border-radius:24px}}.mehr-liste,.kategorien-liste{display:grid;gap:12px}.mehr-liste>button,.einstellungslink{display:flex;align-items:center;gap:10px;width:100%;padding:17px;border:0;border-radius:14px;background:#fff;color:#16362f;text-align:left}.mehr-liste small{color:#557068}.mehr-liste b,.einstellungslink b{margin-left:auto;font-size:1.4rem}.einstellungslink{margin-top:10px;border:1px solid #dce4df}.import{display:block;margin-top:12px;padding:14px;border:1px solid #dce4df;border-radius:10px;font-weight:700}.import input{display:block;margin-top:8px}.kategorie-karte{padding:16px;border-radius:14px;background:#fff}.kategorie-karte h2{margin:0 0 10px}.kategorie-karte ul{padding-left:18px}.kategorie-karte li{margin:9px 0}.kategorie-karte button,.listenbuchung button{margin:3px;padding:6px 8px;border:1px solid #bfcfc7;border-radius:7px;background:#fff;color:#176b5a}.buchung{display:flex;justify-content:space-between;width:100%;margin-top:8px;padding:10px;border:1px solid #dce4df;border-radius:8px;background:#fff;color:#16362f;text-align:left}.listenbuchung{display:flex;align-items:center;gap:5px;justify-content:end;padding:12px 0;border-top:1px solid #e4e9e6}.listenbuchung>div{margin-right:auto}.listenbuchung span,.listenbuchung small{display:block;color:#557068}.loeschen{width:100%;margin-top:10px;padding:12px;border:1px solid #a32b36;border-radius:11px;background:#fff;color:#a32b36;font-weight:750}