:root{
  --navy:#1f3a5f; --navy2:#2c4a72; --line:#d9dde3; --bg:#f4f5f7;
  --ink:#222; --muted:#6b7280; --gold:#9a7b34; --ok:#1d7a46; --warn:#b03a2e;
}
*{box-sizing:border-box}
body{margin:0;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--bg)}
a{color:var(--navy);text-decoration:none}
a:hover{text-decoration:underline}
header.top{background:var(--navy);color:#fff;padding:14px 26px;border-bottom:4px solid var(--gold)}
header.top .titel{font-size:21px;letter-spacing:.5px}
header.top .sub{font-size:12px;color:#cdd6e4;font-style:italic}
nav.menu{background:var(--navy2);padding:0 26px}
nav.menu a{display:inline-block;color:#e8edf5;padding:11px 16px;font-family:Arial,sans-serif;font-size:13.5px}
nav.menu a:hover{background:rgba(255,255,255,.10);text-decoration:none}
.wrap{max-width:1040px;margin:24px auto;padding:0 26px}
h1,h2,h3{color:var(--navy);font-weight:normal}
h1{font-size:25px;margin:.2em 0 .6em}
h2{font-size:19px;border-bottom:1px solid var(--line);padding-bottom:6px;margin-top:28px}
.card{background:#fff;border:1px solid var(--line);border-radius:4px;padding:18px 20px;margin-bottom:18px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.kpi{background:#fff;border:1px solid var(--line);border-left:4px solid var(--navy);border-radius:4px;padding:14px 16px}
.kpi .zahl{font-size:28px;color:var(--navy)}
.kpi .lbl{font-family:Arial,sans-serif;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.kpi.warn{border-left-color:var(--warn)} .kpi.warn .zahl{color:var(--warn)}
.kpi.ok{border-left-color:var(--ok)} .kpi.ok .zahl{color:var(--ok)}
table{width:100%;border-collapse:collapse;background:#fff;font-family:Arial,sans-serif;font-size:13.5px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}
th{background:#eef1f5;color:var(--navy);font-weight:bold}
tr:hover td{background:#fafbfc}
.badge{font-family:Arial,sans-serif;font-size:11.5px;padding:2px 8px;border-radius:10px;display:inline-block}
.b-offen{background:#fbe9e7;color:var(--warn)}
.b-bezahlt{background:#e6f4ec;color:var(--ok)}
.b-ausland{background:#eef0f8;color:var(--navy2)}
.b-pruefen{background:#fdf3e0;color:var(--gold)}
form.such{margin:0 0 16px}
input[type=text],input[type=email],select,textarea{font-family:Arial,sans-serif;font-size:14px;padding:8px 9px;border:1px solid #c4cad3;border-radius:3px;width:100%}
label{font-family:Arial,sans-serif;font-size:12.5px;color:var(--muted);display:block;margin:10px 0 3px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.btn{display:inline-block;font-family:Arial,sans-serif;font-size:13.5px;background:var(--navy);color:#fff;padding:9px 16px;border:none;border-radius:3px;cursor:pointer}
.btn:hover{background:var(--navy2);text-decoration:none}
.btn.gold{background:var(--gold)} .btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--navy)}
.btn.sm{padding:5px 10px;font-size:12px}
/* Billy 20: Knoepfe mit hellem Pastell-Hintergrund (inline gesetzt) brauchen
   DUNKLE Schrift, sonst weiss auf hell = unlesbar. */
.btn[style*="background:#e"],.btn[style*="background:#f"],.btn[style*="background: #e"],.btn[style*="background: #f"]{color:#1f2a44}
.flash{background:#e6f4ec;border:1px solid #bfe0cd;color:var(--ok);padding:10px 14px;border-radius:3px;margin-bottom:16px;font-family:Arial,sans-serif;font-size:13.5px}
.hinweis{background:#fdf6e3;border:1px solid #ecd9a6;color:#7a5c12;padding:10px 14px;border-radius:3px;font-family:Arial,sans-serif;font-size:13px;margin-bottom:16px}
.sicher{background:#eef2f8;border:1px solid #cdd8ea;color:var(--navy2);padding:9px 13px;border-radius:3px;font-family:Arial,sans-serif;font-size:12.5px;margin:14px 0}
.muted{color:var(--muted)} .right{text-align:right} .nowrap{white-space:nowrap}
dl.kv{display:grid;grid-template-columns:170px 1fr;gap:6px 14px;font-family:Arial,sans-serif;font-size:14px;margin:0}
dl.kv dt{color:var(--muted)} dl.kv dd{margin:0}
footer{color:var(--muted);font-family:Arial,sans-serif;font-size:11.5px;text-align:center;padding:24px}