/* MiVaTool v2 – Gestaltung nach nytic-Familie (AudioMonitor v2, MiVaTool-Login) · Grundfarbe #92C020 */
:root{
	color-scheme:dark;
	--bg:#0b0b0b; --bg2:#141414; --surface:#1b1b1b; --field:#121212; --stage:#070707; --leiste:#0d0d0d;
	--line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.16);
	--text:#f5f5f5; --muted:#b4b4b4; --faint:#7d7d7d;
	--lime:#92c020; --lime-hi:#a4d42c; --lime-ink:#0b0b0b; --lime-soft:rgba(146,192,32,.13); --lime-line:rgba(146,192,32,.45);
	--warn:#f2b441; --warn-soft:rgba(242,180,65,.12); --crit:#ff5d4f; --crit-soft:rgba(255,93,79,.13);
	--display:"Thasadith","Century Gothic","Avenir Next",sans-serif;
	--body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
	--akzent:#92c020; --akzent-hi:#a4d42c; --line3:rgba(255,255,255,.3);
	--hover:rgba(255,255,255,.04); --hover2:rgba(255,255,255,.07); --hover-leicht:rgba(255,255,255,.02); --rand-stark:rgba(255,255,255,.3);
	--kopf-bg:rgba(11,11,11,.84); --karte-bg:rgba(20,20,20,.88); --schatten:0 20px 60px rgba(0,0,0,.5);
	--ok-text:#c7e88a; --warn-text:#f7dca6; --warn-line:rgba(242,180,65,.42); --crit-text:#ffc4bd; --crit-line:rgba(255,93,79,.42);
	--r:12px; --leiste-b:252px;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:15.5px/1.5 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--akzent);text-decoration:none}
a:hover{color:var(--akzent-hi)}
:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
img{max-width:100%}
h1,h2,h3{margin:0;font-family:var(--display);letter-spacing:-.01em;line-height:1.1}
p{margin:0}
[hidden]{display:none !important}
.ic{flex:none;display:inline-block;vertical-align:middle}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;padding:8px 14px;border-radius:8px;background:var(--lime);color:var(--lime-ink);font-weight:600}
.skip:focus{left:12px}
.eyebrow{margin:0 0 6px;color:var(--akzent);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.gedimmt{color:var(--muted)}
.klein{font-size:13.5px}
.zahl{font-variant-numeric:tabular-nums;white-space:nowrap}
.r{text-align:right}

/* ---------- Gerüst ---------- */
.shell{display:grid;grid-template-columns:var(--leiste-b) minmax(0,1fr);min-height:100vh;background:linear-gradient(90deg,var(--leiste) calc(var(--leiste-b) - 1px),var(--line) calc(var(--leiste-b) - 1px),var(--line) var(--leiste-b),transparent var(--leiste-b))}
.seitenleiste{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px;padding:18px 14px 14px;background:var(--leiste);border-right:1px solid var(--line);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.sl-kopf{display:flex;align-items:center;justify-content:space-between;padding:0 6px 6px}
.marke img{width:146px;height:auto;display:block}
.sl-zu{display:none;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:24px;cursor:pointer}
.org-wahl{margin:4px 0 8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--hover-leicht)}
.org-wahl select{width:100%;height:34px;padding:0 28px 0 10px;border:1px solid var(--line2);border-radius:8px;background:var(--field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1.5l4 4 4-4' fill='none' stroke='%23b4b4b4' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--text);font:inherit;font-size:14px;font-weight:600;appearance:none;-webkit-appearance:none}
.org-name{font-weight:600;font-size:14.5px;line-height:1.3;overflow:hidden;text-overflow:ellipsis}
.org-wahl small{display:block;margin-top:4px;color:var(--faint);font-size:12px}
.nav{display:grid;gap:2px}
.nav-gruppe{margin:14px 10px 4px;color:var(--faint);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.nav-link{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:9px;color:var(--muted);font-weight:500;font-size:14.5px;transition:background .12s ease,color .12s ease}
.nav-link:hover{color:var(--text);background:var(--hover)}
.nav-link.ist-aktiv{color:var(--text);background:var(--lime-soft);box-shadow:inset 3px 0 0 var(--lime)}
.nav-link.ist-aktiv .ic{color:var(--akzent)}
.nav-link span{flex:1}
.nav-alt{padding:1px 6px;border-radius:99px;border:1px solid var(--line2);color:var(--faint);font-size:10.5px;letter-spacing:.04em}
.sl-fuss{margin-top:auto;padding:14px 10px 2px;border-top:1px solid var(--line);color:var(--faint);font-size:12.5px}
.sl-fuss a{color:var(--faint)}
.sl-fuss a:hover{color:var(--text)}
.sl-schleier{display:none}

.haupt{min-width:0;display:flex;flex-direction:column;background:radial-gradient(60% 40% at 100% 0%,rgba(146,192,32,.06),transparent 70%) no-repeat,var(--bg)}
.kopf{position:sticky;top:0;z-index:20;background:var(--kopf-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.kopf-zeile{display:flex;align-items:center;gap:16px;padding:16px clamp(16px,3vw,36px)}
/* Bereiche der gewählten Liegenschaft als Reiter */
.reiter{display:flex;align-items:stretch;gap:2px;padding:0 clamp(16px,3vw,36px);overflow-x:auto;scrollbar-width:none;margin-top:-6px}
.reiter::-webkit-scrollbar{display:none}
.reiter-lg{display:inline-flex;align-items:center;gap:7px;margin-right:8px;padding:0 14px 2px 0;border-right:1px solid var(--line);color:var(--text);font-weight:600;font-size:14px;white-space:nowrap}
.reiter-lg .ic{color:var(--akzent)}
.reiter-link{display:inline-flex;align-items:center;gap:8px;padding:9px 12px 11px;border-bottom:2px solid transparent;color:var(--muted);font-weight:500;font-size:14.5px;white-space:nowrap;transition:color .12s ease,border-color .12s ease}
.reiter-link .ic{color:var(--faint)}
.reiter-link:hover{color:var(--text)}
.reiter-link:hover .ic{color:var(--muted)}
.reiter-link.ist-aktiv{color:var(--text);border-bottom-color:var(--lime);font-weight:600}
.reiter-link.ist-aktiv .ic{color:var(--akzent)}
/* Liegenschaften in der Seitenleiste */
.nav-lg span{display:grid;min-width:0}
.nav-lg span,.nav-lg small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-lg small{color:var(--faint);font-size:12px;font-weight:400}
.nav-lg.ist-gewaehlt{color:var(--text);background:var(--lime-soft);box-shadow:inset 3px 0 0 var(--lime)}
.nav-lg.ist-gewaehlt .ic{color:var(--akzent)}
.nav-klein{font-size:13px;padding:6px 10px;color:var(--faint)}
.nav-gratis{padding:1px 7px;border-radius:99px;border:1px solid var(--lime-line);background:var(--lime-soft);color:var(--ok-text);font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.abo-neutral{color:var(--muted)}
.nav-leer{margin:2px 10px 4px;color:var(--faint);font-size:13px}
.kopf-titel{flex:1;min-width:0}
.kopf-titel h1{font-size:clamp(24px,2.4vw,32px);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kopf-titel .eyebrow{margin-bottom:3px}
.kopf .sl-auf{display:none}
.abo-pille{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:99px;border:1px solid var(--line2);color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}
.abo-pille::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.abo-ok{color:var(--ok-text);border-color:var(--lime-line);background:var(--lime-soft)}
.abo-warn{color:var(--warn-text);border-color:rgba(242,180,65,.45);background:var(--warn-soft)}
.abo-fehler{color:var(--crit-text);border-color:rgba(255,93,79,.45);background:var(--crit-soft)}
.abo-pille:hover{color:var(--text)}
.ich{position:relative}
.ich summary{display:flex;align-items:center;gap:10px;padding:4px 8px 4px 4px;border-radius:99px;cursor:pointer;list-style:none}
.ich summary::-webkit-details-marker{display:none}
.ich summary:hover{background:var(--hover)}
.avatar{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--lime-ink);font-weight:700;font-size:13px;letter-spacing:.02em}
.ich-name{display:grid;line-height:1.15}
.ich-name b{font-size:14px}
.ich-name small{color:var(--faint);font-size:12px}
.ich-menue{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:250px;display:grid;gap:2px;padding:10px;border:1px solid var(--line2);border-radius:14px;background:var(--surface);box-shadow:var(--schatten)}
.ich-menue p{padding:6px 8px 10px;margin-bottom:4px;border-bottom:1px solid var(--line);font-size:14px}
.ich-menue small{color:var(--faint)}
.ich-menue a{display:flex;align-items:center;gap:9px;padding:8px;border-radius:8px;color:var(--text);font-size:14px}
.ich-menue a:hover{background:var(--hover)}
.inhalt{flex:1;display:grid;gap:22px;align-content:start;padding:26px clamp(16px,3vw,36px) 48px;max-width:1440px;width:100%}

/* ---------- Bausteine ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:11px;border:1px solid var(--line2);background:var(--surface);color:var(--text);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease,transform .06s ease}
.btn:hover{border-color:var(--line3);color:var(--text)}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--lime);border-color:var(--lime);color:var(--lime-ink)}
.btn-primary:hover{background:var(--lime-hi);border-color:var(--lime-hi);color:var(--lime-ink)}
.btn-ghost{background:transparent}
.btn-klein{height:34px;padding:0 12px;font-size:13.5px;border-radius:9px}
.btn-breit{width:100%}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn-icon{width:36px;height:36px;display:inline-grid;place-items:center;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--faint);cursor:pointer}
.btn-icon:hover{color:var(--text);background:var(--hover);border-color:var(--line)}

.msg{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:11px;border:1px solid;font-size:14.5px;line-height:1.45}
.msg .ic{margin-top:2px}
.msg a{font-weight:600}
.msg-ok{background:var(--lime-soft);border-color:var(--lime-line);color:var(--ok-text)}
.msg-fehler{background:var(--crit-soft);border-color:var(--crit-line);color:var(--crit-text)}
.msg-fehler a{color:var(--text)}
.msg-warn{background:var(--warn-soft);border-color:var(--warn-line);color:var(--warn-text)}
.msg-info{background:var(--hover);border-color:var(--line2);color:var(--text)}

.panel{padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--bg2);min-width:0}
.panel-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.panel-titel{font-size:20px;font-weight:700;margin-bottom:12px}
.panel-kopf .panel-titel{margin:0}
.unter-titel{margin:20px 0 6px;font:600 14px var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.link-klein{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600}
.leer{display:flex;align-items:center;gap:10px;padding:14px;border:1px dashed var(--line2);border-radius:12px;color:var(--muted)}
.leer .ic{color:var(--akzent)}
.zaehler-pille{min-width:28px;height:24px;padding:0 8px;display:inline-grid;place-items:center;border-radius:99px;background:var(--hover2);color:var(--muted);font-size:13px;font-weight:700}
.etikett{display:inline-block;padding:2px 9px;border-radius:99px;border:1px solid var(--line2);color:var(--muted);font-size:12.5px;font-weight:600;white-space:nowrap}
.etikett-ok{color:var(--ok-text);border-color:var(--lime-line);background:var(--lime-soft)}
.etikett-warn{color:var(--warn-text);border-color:var(--warn-line);background:var(--warn-soft)}
.etikett-fehler{color:var(--crit-text);border-color:var(--crit-line);background:var(--crit-soft)}

/* Kennzahlen */
.kz-raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kz{display:grid;gap:8px;align-content:start;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}
.kz-titel{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13.5px;font-weight:500}
.kz-titel .ic{color:var(--akzent)}
.kz-warn .kz-titel .ic{color:var(--warn)}
.kz-wert{font:700 34px/1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kz-wert small{margin-left:6px;font:500 14px var(--body);color:var(--faint);letter-spacing:0}
.kz-fuss{color:var(--faint);font-size:13px}
.kz-fuss b{color:var(--text);font-weight:600}
.balken{height:6px;border-radius:99px;background:var(--hover2);overflow:hidden}
.balken i{display:block;height:100%;border-radius:inherit;background:var(--lime)}
.b-0{width:0}.b-5{width:5%}.b-10{width:10%}.b-15{width:15%}.b-20{width:20%}.b-25{width:25%}.b-30{width:30%}.b-35{width:35%}.b-40{width:40%}.b-45{width:45%}.b-50{width:50%}
.b-55{width:55%}.b-60{width:60%}.b-65{width:65%}.b-70{width:70%}.b-75{width:75%}.b-80{width:80%}.b-85{width:85%}.b-90{width:90%}.b-95{width:95%}.b-100{width:100%}
.balken i.b-0,.balken i.b-5,.balken i.b-10{width:6px}

/* Willkommen / Schritte */
.willkommen{display:grid;gap:18px;padding:26px;background:radial-gradient(90% 90% at 100% 0%,rgba(146,192,32,.14),transparent 60%),var(--bg2);border-color:var(--lime-line)}
.willkommen h2{font-size:30px;font-weight:700;margin-bottom:6px}
.willkommen .btn{justify-self:start}
.schritte{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:s}
.schritte li{counter-increment:s;display:grid;gap:3px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--hover-leicht)}
.schritte li::before{content:counter(s);width:28px;height:28px;display:grid;place-items:center;margin-bottom:6px;border-radius:50%;border:1.5px solid var(--line2);color:var(--muted);font-weight:700;font-size:13px}
.schritte li.ist-jetzt::before{background:var(--lime);border-color:var(--lime);color:var(--lime-ink)}
.schritte span{color:var(--faint);font-size:13px}

/* Schnellzugriff */
.aktionen{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3fr);gap:16px}
.aktion-gruppe .panel-titel{font-size:14px;font-family:var(--body);font-weight:600;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.aktion-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.aktion-liste a{display:grid;justify-items:center;gap:8px;padding:14px 8px;border:1px solid var(--line);border-radius:12px;background:var(--hover-leicht);color:var(--text);font-size:13.5px;font-weight:500;text-align:center;transition:border-color .12s ease,background .12s ease}
.aktion-liste a .ic{width:22px;height:22px;color:var(--akzent)}
.aktion-liste a:hover{border-color:var(--lime-line);background:var(--lime-soft)}

.spalten{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}
.spalten-breit-links{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}
.stapel{display:grid;gap:16px;min-width:0}

/* Tabellen und Listen */
.tabelle-rahmen{overflow-x:auto;margin:0 -6px}
.tabelle{width:100%;border-collapse:collapse;font-size:14.5px}
.tabelle th{padding:8px 6px;border-bottom:1px solid var(--line2);color:var(--faint);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-align:left}
.tabelle td{padding:11px 6px;border-bottom:1px solid var(--line);vertical-align:middle}
.tabelle tr:last-child td{border-bottom:0}
.tabelle td a{color:var(--text);font-weight:600}
.tabelle td a:hover{color:var(--akzent)}
.tabelle td small{display:block;color:var(--faint);font-size:12.5px}
.tabelle th.r,.tabelle td.r{text-align:right}
.liste{display:grid;margin:0;padding:0;list-style:none}
.liste li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.liste li:first-child{border-top:0}
.liste li > a,.liste-text{flex:1;min-width:0;display:grid;color:var(--text)}
.liste li > a:hover b{color:var(--akzent)}
.liste b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.liste small{color:var(--faint);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.liste .zahl{color:var(--muted);font-size:14px}
.liste-team li{gap:12px}
form.inline{display:inline-flex;margin:0}
form.inline select{height:34px;padding:0 28px 0 10px;border:1px solid var(--line2);border-radius:8px;background:var(--field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1.5l4 4 4-4' fill='none' stroke='%23b4b4b4' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--text);font:inherit;font-size:13.5px;appearance:none;-webkit-appearance:none}
.zaehler-status{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}
.zaehler-status.ok .ic{color:var(--akzent)}
.zaehler-status.warn .ic{color:var(--warn)}
dl.rollen,dl.rechnung{display:grid;gap:10px;margin:0}
dl.rollen dt{font-weight:600}
dl.rollen dd{margin:2px 0 0;color:var(--muted);font-size:14px}
dl.rechnung div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
dl.rechnung dt{color:var(--muted)}
dl.rechnung dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
dl.rechnung .summe{border-bottom:0;border-top:2px solid var(--lime);padding-top:12px}
dl.rechnung .summe dt,dl.rechnung .summe dd{color:var(--text);font-size:18px;font-weight:700}
.abo-karte{display:grid;gap:10px;align-content:start}
.abo-karte h2{font-size:30px;font-weight:700}
.abo-karte.abo-ok{border-color:var(--lime-line);background:radial-gradient(90% 90% at 100% 0%,rgba(146,192,32,.12),transparent 60%),var(--bg2)}
.abo-karte.abo-warn{border-color:var(--warn-line)}
.abo-karte.abo-fehler{border-color:var(--crit-line)}

/* Liegenschaften */
.karten-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}
.liegenschaft{display:grid;gap:14px;align-content:start}
.lg-kopf{display:flex;gap:12px;align-items:flex-start}
.lg-kopf > div{flex:1;min-width:0}
.lg-kopf h2{font-size:21px;font-weight:700}
.lg-kopf p{font-size:13.5px;margin-top:3px}
.lg-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:11px;background:var(--lime-soft);color:var(--akzent)}
.lg-zahlen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lg-zahlen dt{color:var(--faint);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}
.lg-zahlen dd{margin:2px 0 0;font:700 20px var(--display);font-variant-numeric:tabular-nums}
.lg-zahlen dd.warn{color:var(--warn)}
.lg-bereiche{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.lg-bereiche a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;border:1px solid var(--line);color:var(--muted);font-size:13.5px;font-weight:500}
.lg-bereiche a .ic{color:var(--akzent)}
.lg-bereiche a:hover{color:var(--text);border-color:var(--lime-line);background:var(--lime-soft)}
.liegenschaft > .btn{justify-self:start}

/* Formulare */
.formular{display:grid;gap:14px}
.formular-aktionen{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
fieldset{margin:0;padding:0;border:0;min-width:0}
fieldset[disabled]{opacity:.7}
.raster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 14px}
.s2{grid-column:span 2}.s3{grid-column:span 3}.s4{grid-column:span 4}.s6{grid-column:1/-1}
.f{display:grid;gap:6px;min-width:0}
.f > span{font-size:13.5px;font-weight:500;color:var(--muted)}
.f > span small{color:var(--faint);font-weight:400}
.in,.f select,.f textarea,.formular select{width:100%;height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line2);background:var(--field);color:var(--text);font:inherit;font-size:15px;transition:border-color .12s ease,box-shadow .12s ease}
.f textarea{height:auto;min-height:90px;padding:10px 12px;resize:vertical;line-height:1.45}
.f select,.formular select{appearance:none;-webkit-appearance:none;padding-right:36px;background:var(--field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23b4b4b4' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 13px center}
.in:hover,.f select:hover,.f textarea:hover{border-color:var(--line3)}
.in:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--lime-line);box-shadow:0 0 0 4px var(--lime-soft)}
.in[readonly]{color:var(--muted);background:transparent}
.in::placeholder,.f textarea::placeholder{color:var(--faint)}
.ist-fehler .in,.ist-fehler select{border-color:var(--crit)}
.fehler-text{color:var(--crit-text);font-size:13px}
.check{display:flex;align-items:flex-start;gap:11px;padding:11px 13px;border-radius:10px;border:1px solid var(--line);background:var(--hover-leicht);cursor:pointer;font-size:14.5px;line-height:1.4}
.check input{flex:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;border-radius:6px;border:1.5px solid var(--rand-stark);background:var(--field);display:grid;place-items:center;cursor:pointer}
.check input::after{content:"";width:10px;height:6px;border:solid var(--lime-ink);border-width:0 0 2px 2px;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.check input:checked{background:var(--lime);border-color:var(--lime)}
.check input:checked::after{opacity:1}
.check small{display:block;color:var(--faint);font-size:13px;margin-top:2px}
.check.ist-fehler{border-color:var(--crit)}
.wahl{display:flex;flex-wrap:wrap;gap:8px}
.wahl label{position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 36px;border-radius:99px;border:1px solid var(--line2);background:var(--field);cursor:pointer;font-weight:600;font-size:14px}
.wahl input{position:absolute;left:12px;appearance:none;-webkit-appearance:none;width:16px;height:16px;margin:0;border-radius:50%;border:1.5px solid var(--rand-stark);cursor:pointer}
.wahl input:checked{border:5px solid var(--lime)}
.wahl label:has(input:checked){border-color:var(--lime-line);background:var(--lime-soft)}
.pw-feld{position:relative}
.pw-feld .in{padding-right:44px}
.pw-auge{position:absolute;right:4px;top:3px}
.pw-meter{height:5px;border-radius:99px;background:var(--hover2);overflow:hidden}
.pw-meter i{display:block;height:100%;width:0;border-radius:inherit;background:var(--crit);transition:width .2s ease,background .2s ease}
.regeln{display:grid;gap:5px;margin:0;padding:0;list-style:none;font-size:13.5px;color:var(--faint)}
.regeln li{display:flex;align-items:center;gap:9px}
.regeln li::before{content:"";width:15px;height:15px;border-radius:50%;border:1.5px solid var(--rand-stark);flex:none}
.regeln li.ok{color:var(--ok-text)}
.regeln li.ok::before{border:0;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M1 4l2.6 2.6L9 1.2' fill='none' stroke='%230b0b0b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center}

/* ---------- Öffentliche Seiten (Karte) ---------- */
body.karte-seite{min-height:100vh;background:radial-gradient(60% 50% at 80% 0%,rgba(146,192,32,.1),transparent 65%),radial-gradient(50% 40% at 0% 100%,rgba(146,192,32,.06),transparent 70%),var(--bg)}
.karte-rahmen{min-height:100vh;display:grid;place-items:center;padding:32px 16px}
.karte{width:min(520px,100%);display:grid;gap:16px;padding:clamp(22px,5vw,34px);border:1px solid var(--line);border-radius:22px;background:var(--karte-bg);box-shadow:var(--schatten)}
.karte h1{font-size:32px;font-weight:700}
.karte-logo img{width:176px;height:auto;display:block}
.karte .sub{color:var(--muted)}
.karte-fuss{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--line);color:var(--faint);font-size:12.5px}
.karte-fuss a{color:var(--faint)}
.karte-fuss a:hover{color:var(--text)}
.rechtstext h2{font-size:18px;font-family:var(--body);font-weight:700;margin:16px 0 6px}
.rechtstext p{color:var(--text);margin-bottom:8px;font-size:14.5px}

/* ---------- Bereiche (Objekte, Mieter, Einnahmen …) ---------- */
.werkzeuge{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:end;justify-content:space-between}
.werkzeuge-knoepfe{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.kontext{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:0}
.kontext-feld{display:grid;gap:4px}
.kontext-feld span{color:var(--faint);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.kontext-feld select{height:38px;min-width:150px;max-width:280px;padding:0 32px 0 12px;border:1px solid var(--line2);border-radius:10px;background:var(--field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23999' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--text);font:inherit;font-size:14.5px;font-weight:600;appearance:none;-webkit-appearance:none;cursor:pointer}
.suche{position:relative;display:block;min-width:min(320px,100%)}
.suche .ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}
.suche input{width:100%;height:38px;padding:0 12px 0 36px;border:1px solid var(--line2);border-radius:10px;background:var(--field);color:var(--text);font:inherit;font-size:14.5px}
.suche input:focus{outline:none;border-color:var(--lime-line);box-shadow:0 0 0 4px var(--lime-soft)}
.panel-formular{border-color:var(--lime-line);box-shadow:0 0 0 4px var(--lime-soft)}
.zeile-aktionen{display:inline-flex;gap:2px;align-items:center;justify-content:flex-end;white-space:nowrap}
.zeile-aktionen form.inline{display:inline-flex}
.tabelle td .zeile-aktionen .btn-icon{width:32px;height:32px}
.tabelle tr.ist-archiv td{color:var(--faint)}
.tabelle tr.ist-archiv td b{color:var(--muted);font-weight:500}
.tabelle tr.ist-gewaehlt td{background:var(--lime-soft)}
.tabelle tr.ist-gewaehlt td:first-child{box-shadow:inset 3px 0 0 var(--lime)}
.tabelle tr.unterzeile td{border-bottom-style:dashed}
.unterzeile-name{display:inline-flex;align-items:flex-start;gap:6px;padding-left:10px}
.unterzeile-name .ic{margin-top:3px;color:var(--faint)}
.unterzeile-name small{display:block;color:var(--faint);font-size:12.5px}
.tabelle td b + .etikett{margin-left:6px}
.tabelle tbody tr:target td{background:var(--lime-soft)}
.tabelle tfoot td{padding:11px 6px;border-top:2px solid var(--line2);font-weight:700}
.spalten-gleich{grid-template-columns:repeat(2,minmax(0,1fr))}
details.archiv{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
details.archiv summary{cursor:pointer;color:var(--muted);font-size:13.5px;font-weight:600}
details.archiv summary:hover{color:var(--text)}
.f-mit-einheit{position:relative;display:block}
.f-mit-einheit .in{padding-right:52px}
.f-einheit{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--faint);font-size:13px;font-weight:600;pointer-events:none}
.f-hinweis{color:var(--faint);font-size:12.5px;font-weight:400}
.formular .check{max-width:720px}
.knopf-reihe{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.abschnitt-titel{display:flex;align-items:center;gap:10px;margin:4px 0 10px;font:600 13px var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.abschnitt-titel .ic{color:var(--akzent)}
.betrag-gross{font:700 26px/1.1 var(--display);font-variant-numeric:tabular-nums}
.status-punkt{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft);vertical-align:middle}
.status-punkt.rot{background:var(--crit);box-shadow:0 0 0 3px var(--crit-soft)}
.status-punkt.gruen{background:var(--lime);box-shadow:0 0 0 3px var(--lime-soft)}
@media (max-width:1180px){.spalten-gleich{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.werkzeuge{align-items:stretch}.kontext-feld select{max-width:none;width:100%}.kontext,.kontext-feld{width:100%}}

.f-unten{align-self:end}
.f-unten .check{padding:9px 12px}
.raster > .f > .f{grid-column:auto}
.mieter-daten{grid-template-columns:repeat(4,minmax(0,1fr));margin:6px 0 10px}
.mieter-daten dd.klein-dd{font:500 14.5px/1.45 var(--body);overflow-wrap:anywhere}
.objekt-kopf{margin:18px 0 6px}
.objekt-kopf .abschnitt-titel{margin:0}
.wahl input[type=radio]{position:absolute;left:12px}
@media (max-width:640px){.mieter-daten{grid-template-columns:minmax(0,1fr)}}

.check-mini{display:inline-grid;place-items:center;cursor:pointer}
.check-mini input{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;border-radius:6px;border:1.5px solid var(--rand-stark);background:var(--field);display:grid;place-items:center;cursor:pointer}
.check-mini input::after{content:"";width:10px;height:6px;border:solid var(--lime-ink);border-width:0 0 2px 2px;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.check-mini input:checked{background:var(--lime);border-color:var(--lime)}
.check-mini input:checked::after{opacity:1}
.btn.mahn{height:30px;padding:0 10px;font-size:12.5px;color:var(--muted)}
.btn.mahn .ic{width:14px;height:14px}
.btn.mahn.ist-an{color:var(--crit-text);border-color:var(--crit-line);background:var(--crit-soft)}
.kz-fuss a{font-weight:600}

.typ-symbol{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--lime-soft);color:var(--akzent)}
.in.in-klein{height:32px;font-size:13.5px;padding:0 10px;width:min(240px,40vw)}
.zuo-bemerkung{gap:4px;align-items:center}

.in.in-quote{width:110px;height:36px;text-align:right}
.warn-text{color:var(--warn-text)}
.monats-balken{display:grid;gap:8px}
.mb-zeile{display:grid;grid-template-columns:36px minmax(0,1fr) 96px;gap:10px;align-items:center;font-size:13.5px}
.mb-zeile span{color:var(--faint)}
.mb-zeile b{text-align:right;font-weight:600}

.stapel-klein{display:grid;gap:3px}
.balken-warm i{background:var(--warn)}
.mb-tag{grid-template-columns:48px minmax(0,1fr) 150px}

.objekt-wahl{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.objekt-wahl fieldset{display:grid;gap:4px;align-content:start;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--hover-leicht)}
.objekt-wahl legend{display:flex;align-items:center;gap:8px;padding:0 4px;font-weight:600;font-size:13.5px}
.objekt-wahl.ist-fehler fieldset{border-color:var(--crit)}
.objekt-haken{display:flex;align-items:flex-start;gap:9px;padding:5px 4px;border-radius:8px;cursor:pointer;font-size:14px}
.objekt-haken:hover{background:var(--hover)}
.objekt-haken input{margin-top:3px;accent-color:var(--lime);width:16px;height:16px}
.objekt-haken small{display:block;color:var(--faint);font-size:12px}
.beleg-upload{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.beleg-upload input[type=file]{font:inherit;font-size:13px;color:var(--muted);max-width:100%}
.betrag-zeile{display:flex;justify-content:space-between;gap:12px;margin-top:16px;padding-top:12px;border-top:2px solid var(--line2);font-weight:600}

.logo-feld{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.logo-vorschau{max-height:64px;max-width:200px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fff}
.logo-feld input[type=file]{font:inherit;font-size:13.5px;color:var(--muted)}
details.gefahr summary{color:var(--crit-text)}
.btn-gefahr{background:var(--crit);border-color:var(--crit);color:#fff}
.btn-gefahr:hover{filter:brightness(1.08);color:#fff}

/* Sprungziele nicht unter der festen Kopfzeile verstecken */
.inhalt [id]{scroll-margin-top:150px}
/* Tabellen auf dem Handy als Karten (Beschriftungen setzt app.js aus dem Tabellenkopf) */
@media (max-width:640px){
	.tabelle-rahmen{overflow:visible;margin:0}
	.tabelle.karten thead{display:none}
	.tabelle.karten,.tabelle.karten tbody,.tabelle.karten tfoot{display:block}
	.tabelle.karten tr{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;padding:10px 0;border-bottom:1px solid var(--line)}
	.tabelle.karten tr:last-child{border-bottom:0}
	.tabelle.karten td{display:flex;justify-content:space-between;gap:12px;padding:2px 0;border:0;text-align:left}
	.tabelle.karten td.r{text-align:left}
	.tabelle.karten td:first-child{grid-column:1/-1;display:block;padding-bottom:4px}
	.tabelle.karten td[data-label]:not(:first-child)::before{content:attr(data-label);color:var(--faint);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
	.tabelle.karten td:not([data-label]):not(:first-child),.tabelle.karten td[data-label=""]{grid-column:1/-1;justify-content:flex-end}
	.tabelle.karten td[data-label=""]::before{content:none}
	.tabelle.karten tr.unterzeile{padding-left:14px}
}

/* ---------- Helles Thema (Umschalter in der Kopfzeile, Cookie mivatool_thema=hell) ---------- */
:root[data-thema="hell"]{
	color-scheme:light;
	--bg:#e2e5dc; --bg2:#eef0ea; --surface:#f3f5ef; --field:#f8f9f6; --stage:#d9ddd2; --leiste:#e9ece4;
	--line:rgba(17,24,12,.11); --line2:rgba(17,24,12,.2); --line3:rgba(17,24,12,.34);
	--text:#141810; --muted:#474e41; --faint:#686f62;
	--akzent:#4d7400; --akzent-hi:#3c5b00;
	--lime-soft:rgba(146,192,32,.16); --lime-line:rgba(110,155,20,.5);
	--warn:#b7791f; --warn-soft:rgba(242,180,65,.16); --crit:#d92d20; --crit-soft:rgba(255,93,79,.1);
	--hover:rgba(17,24,12,.045); --hover2:rgba(17,24,12,.08); --hover-leicht:rgba(17,24,12,.025); --rand-stark:rgba(17,24,12,.35);
	--kopf-bg:rgba(226,229,220,.9); --karte-bg:rgba(238,240,234,.96); --schatten:0 18px 50px rgba(30,40,20,.14);
	--ok-text:#3f6000; --warn-text:#7a4b00; --warn-line:rgba(183,121,31,.45); --crit-text:#a8231a; --crit-line:rgba(217,45,32,.4);
}
:root[data-thema="hell"] .nav-link.ist-aktiv{color:var(--text)}
:root[data-thema="hell"] .in::placeholder{color:#9aa094}
:root[data-thema="hell"] .seitenleiste{box-shadow:none}
.logo-hell{display:none !important}
:root[data-thema="hell"] .logo-dunkel{display:none !important}
:root[data-thema="hell"] .logo-hell{display:block !important}
/* Umschalter */
.thema-knopf .ic-sonne{display:none}
:root[data-thema="hell"] .thema-knopf .ic-mond{display:none}
:root[data-thema="hell"] .thema-knopf .ic-sonne{display:inline-block}

/* ---------- Kleinere Bildschirme ---------- */
@media (max-width:1180px){
	.kz-raster{grid-template-columns:repeat(2,minmax(0,1fr))}
	.aktionen,.spalten,.spalten-breit-links{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:980px){
	.shell{grid-template-columns:minmax(0,1fr);background:none}
	.seitenleiste{position:fixed;left:0;top:0;bottom:0;z-index:50;width:min(300px,86vw);transform:translateX(-102%);transition:transform .2s ease;box-shadow:20px 0 60px rgba(0,0,0,.5)}
	body.sl-offen .seitenleiste{transform:none}
	body.sl-offen .sl-schleier{display:block;position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.55)}
	.sl-zu,.kopf .sl-auf{display:inline-grid}
	.sl-zu{place-items:center}
	.ich-name{display:none}
	.schritte{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
	.kopf-zeile{gap:10px;padding:12px 14px}
	.reiter{padding:0 8px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 10px,#000 calc(100% - 28px),transparent)}
	.reiter-link{padding:8px 10px 10px;font-size:14px}
	.abo-pille{display:none}
	.kz-raster{grid-template-columns:minmax(0,1fr)}
	.inhalt{padding:18px 14px 40px;gap:16px}
	.panel{padding:16px}
	.raster{grid-template-columns:repeat(2,minmax(0,1fr))}
	.s2,.s3,.s4{grid-column:1/-1}
	.karten-raster{grid-template-columns:minmax(0,1fr)}
	.lg-zahlen{grid-template-columns:repeat(2,minmax(0,1fr))}
	.schritte{grid-template-columns:minmax(0,1fr)}
}
/* Solaranlage (Statistiken) */
.solar{display:grid;gap:16px}
.solar .panel-kopf{margin-bottom:0}
.solar-grafik-rahmen{padding:14px 12px 8px;border:1px solid var(--line);border-radius:14px;background:var(--hover-leicht)}
.solar-grafik{display:block;width:100%;height:auto}
.sg-raster{stroke:var(--line);stroke-width:1}
.sg-achse{fill:var(--faint);font-size:12px;font-family:var(--body)}
.sg-kum-text{fill:var(--warn)}
.sg-jahr{fill:var(--muted);font-weight:600}
.sg-eigen{fill:var(--lime)}
.sg-verg{fill:var(--lime);opacity:.45}
.sg-teil rect{opacity:.6}
.sg-teil .sg-verg{opacity:.3}
.sg-wert{fill:var(--text);font-size:12px;font-weight:600;font-family:var(--body)}
.sg-wert-innen{fill:var(--lime-ink)}
.sg-linie{fill:none;stroke:var(--warn);stroke-width:2.5;stroke-linejoin:round}
.sg-punkt{fill:var(--bg2);stroke:var(--warn);stroke-width:2.5}
.sg-kum-wert{fill:var(--warn);font-size:13px;font-weight:700;font-family:var(--body)}
.solar-legende{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:6px;color:var(--muted);font-size:13px}
.solar-legende span{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:-8px;vertical-align:-1px}
.solar-legende .lg-eigen{background:var(--lime)}
.solar-legende .lg-verg{background:var(--lime);opacity:.45}
.solar-legende .lg-kum{height:3px;border-radius:2px;background:var(--warn)}

/* Mietverträge (Gratis) */
.upsell{display:grid;gap:18px;padding:24px;background:radial-gradient(90% 90% at 100% 0%,rgba(146,192,32,.12),transparent 60%),var(--bg2);border-color:var(--lime-line)}
.upsell h2{font-size:26px;font-weight:700;margin:0 0 6px}
.upsell-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.upsell-liste li{display:flex;gap:11px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--hover-leicht)}
.upsell-liste .ic{flex:none;color:var(--akzent);margin-top:2px}
.upsell-liste span{display:grid;gap:2px;color:var(--muted);font-size:13.5px}
.upsell-liste b{color:var(--text);font-size:15px}
.upsell-fuss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.preis-zeile{margin:0;color:var(--muted);font-size:14px}
.preis-zeile b{color:var(--text);font-size:18px}
kbd{padding:1px 6px;border:1px solid var(--line2);border-bottom-width:2px;border-radius:5px;font:600 11.5px var(--body);color:var(--muted)}
.uebernahme-band{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.uebernahme-band span{flex:1;min-width:220px}

/* Infocenter */
.schritte-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.schritte a{color:var(--text)}
.schritte a:hover{color:var(--akzent)}
.info-zeitleiste{display:grid;gap:0;margin:0;padding:0;list-style:none}
.info-zeitleiste > li{position:relative;padding:0 0 20px 22px;border-left:2px solid var(--line)}
.info-zeitleiste > li:last-child{padding-bottom:4px;border-left-color:transparent}
.info-zeitleiste > li::before{content:"";position:absolute;left:-7px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px var(--bg2)}
.info-zeitleiste > li + li::before{background:var(--bg2);border:2px solid var(--line2);width:8px;height:8px}
.info-version{display:flex;align-items:center;gap:10px;margin-bottom:6px;color:var(--faint);font-size:13px}
.info-zeitleiste h3{font-size:16px;font-weight:700;margin-bottom:6px}
.info-zeitleiste ul{margin:0;padding-left:18px;display:grid;gap:5px;color:var(--muted);font-size:14.5px}
.info-frueher{display:grid;gap:10px;margin:12px 0 0}
.info-frueher dt{font-weight:600;font-size:14px}
.info-frueher dt time{margin-left:8px;color:var(--faint);font-weight:500;font-size:13px}
.info-frueher dd{margin:2px 0 0;color:var(--muted);font-size:13.5px}
.info-fragen{display:grid}
.info-fragen details{border-top:1px solid var(--line);padding:11px 0}
.info-fragen details:first-child{border-top:0;padding-top:0}
.info-fragen summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
.info-fragen summary::-webkit-details-marker{display:none}
.info-fragen summary::after{content:"+";color:var(--akzent);font-weight:700;font-size:18px;line-height:1}
.info-fragen details[open] summary::after{content:"–"}
.info-fragen p{margin-top:8px;color:var(--muted);font-size:14.5px}
.info-kontakt{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));margin:14px 0}
.info-kontakt a span{overflow-wrap:anywhere}
.info-adresse{margin-bottom:10px;line-height:1.5}
@media (max-width:1180px){.schritte-5{grid-template-columns:repeat(3,minmax(0,1fr))}.info-spalten{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.schritte-5{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){*{transition:none !important}}
/* Mieteinnahmen: QR-Rechnungen, Mahnwesen */
.qr-druck{display:flex;gap:6px;align-items:center;margin:0}
.qr-druck select{height:40px;padding:0 10px;border-radius:10px;border:1px solid var(--line2);background:var(--field);color:var(--text);font:inherit;font-size:14px}
.panel-kopf .panel-kopf-aktion{margin-left:auto}
#mahnwesen td small{display:block;color:var(--muted);font-size:12.5px}
#mahnwesen .zeile-aktionen{flex-wrap:wrap;justify-content:flex-end}
.zahl-gruppe{margin-top:6px;padding-top:14px;border-top:1px solid var(--line)}
/* Gratis-Konto: Vertragsportal */
.nav-verwaltung{display:grid;gap:4px;margin:14px 12px 0;padding:14px;border-radius:14px;border:1px solid var(--lime-line);background:var(--lime-soft);color:var(--text);text-decoration:none;font-size:13px;line-height:1.4}
.nav-verwaltung b{font-size:14px}
.nav-verwaltung span{color:var(--muted)}
.nav-verwaltung em{font-style:normal;font-weight:600;color:var(--akzent,var(--lime))}
.nav-verwaltung:hover,.nav-verwaltung.ist-aktiv{border-color:var(--lime)}
.verwaltung-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:start}
.verwaltung-hero h2{margin:4px 0 10px;font-size:26px}
@media (max-width:900px){.verwaltung-hero{grid-template-columns:1fr}}
.paket-wahl{display:grid;gap:10px;margin:0;padding:0;border:0}
.paket-wahl label{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border-radius:12px;border:1px solid var(--line2);background:var(--field);cursor:pointer}
.paket-wahl label:has(input:checked){border-color:var(--lime-line);background:var(--lime-soft)}
.paket-wahl input{margin-top:3px;accent-color:var(--lime)}
.paket-wahl span{display:grid;gap:3px}
.paket-wahl small{color:var(--muted);font-size:13px;line-height:1.4}