/* Pixify Ads-Pilot – ruhig, gut lesbar, am Handy wie am Schreibtisch */
:root{--v:#7c3aed;--vd:#6d28d9;--tx:#1d1d1f;--sk:#6e6e73;--hl:rgba(0,0,0,.09);--grund:#f5f5f7;--karte:#fff;--feld:#f2f2f7;
  --gut:#15803d;--gutg:#e8f7ee;--schlecht:#b42318;--schlechtg:#fdecea;--warn:#b45309;--warng:#fff8e6}
*{box-sizing:border-box}
body{margin:0;background:var(--grund);color:var(--tx);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--v);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{letter-spacing:-.02em;margin:0 0 10px}h1{font-size:24px}h2{font-size:19px}h3{font-size:16px}
.kopf{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--hl)}
.kopf-innen{max-width:1120px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.marke{display:flex;align-items:baseline;gap:6px;color:var(--tx)}.marke b{font-size:17px}.marke span{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--v);text-transform:uppercase}
.nav{display:flex;gap:2px;flex-wrap:wrap;flex:1}
.nav a{padding:6px 10px;border-radius:8px;color:var(--tx);font-size:14px;white-space:nowrap}.nav a:hover{background:var(--feld);text-decoration:none}
.nav a.aktiv{background:var(--v);color:#fff}
.zahl{font-style:normal;background:#ef4444;color:#fff;border-radius:999px;padding:0 6px;font-size:11px;font-weight:700;margin-left:2px}
.nav a.aktiv .zahl{background:#fff;color:var(--v)}
.raus{margin:0}.raus button{background:none;border:0;color:var(--sk);font:inherit;font-size:13px;cursor:pointer}
@media(max-width:700px){.kopf-innen{gap:8px}.nav{order:3;flex-basis:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}}
.notaus-band{background:var(--schlecht);color:#fff;text-align:center;padding:8px 16px;font-weight:600}.notaus-band a{color:#fff;text-decoration:underline}
.innen{max-width:1120px;margin:0 auto;padding:20px 16px 50px}
.fuss{text-align:center;color:var(--sk);font-size:12px;padding:20px}
.karte{background:var(--karte);border:1px solid var(--hl);border-radius:16px;padding:18px 20px;margin:0 0 16px}
.kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:0 0 16px}
.kachel{background:var(--karte);border:1px solid var(--hl);border-radius:14px;padding:12px 14px}
.kachel span{display:block;font-size:12px;color:var(--sk);font-weight:600}.kachel b{display:block;font-size:22px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kachel small{color:var(--sk);font-size:12px}
.leise{color:var(--sk);font-size:13px}
.tabelle-huelle{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.tab{width:100%;border-collapse:collapse;font-size:13.5px}
.tab th{text-align:left;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--sk);padding:8px 10px;border-bottom:1px solid var(--hl);white-space:nowrap}
.tab td{padding:8px 10px;border-bottom:1px solid var(--hl);vertical-align:top}
.tab td.z,.tab th.z{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.meldung{border-radius:12px;padding:10px 14px;margin:0 0 14px;font-size:14px}
.meldung.gut{background:var(--gutg);border:1px solid #b7e4c7;color:#14532d}.meldung.schlecht{background:var(--schlechtg);border:1px solid #e0b4b4;color:#8a1f11}
.hinweis{background:var(--warng);border:1px solid #f0d58a;border-radius:12px;padding:10px 14px;font-size:14px;margin:0 0 14px}
.befund{border-left:4px solid var(--hl);padding:8px 12px;margin:0 0 8px;background:var(--karte);border-radius:0 10px 10px 0}
.befund.kritisch{border-color:var(--schlecht)}.befund.warnung{border-color:#f59e0b}.befund.info{border-color:#93c5fd}
.befund b{display:block;font-size:13px}.befund p{margin:2px 0 0;font-size:14px}
.vorschlag{background:var(--karte);border:1px solid var(--hl);border-radius:14px;padding:14px 16px;margin:0 0 10px}
.vk-kopf{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.vorschlag p{margin:8px 0}
.vk-knoepfe{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0 0}
.pille{background:var(--feld);border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}
.status{margin-left:auto;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--sk)}
.st-ausgefuehrt{color:var(--gut)}.st-fehlgeschlagen{color:var(--schlecht)}.st-offen{color:var(--v)}
.knopf{font:inherit;font-size:14px;font-weight:600;border:1px solid var(--hl);background:var(--karte);color:var(--tx);border-radius:10px;padding:9px 14px;cursor:pointer}
.knopf:hover{background:var(--feld)}.knopf.haupt{background:var(--v);border-color:var(--v);color:#fff}.knopf.haupt:hover{background:var(--vd)}
.knopf.rot{background:var(--schlecht);border-color:var(--schlecht);color:#fff}
.formular{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;align-items:end}
.formular label,.feld{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--sk)}
input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{font:inherit;font-size:15px;padding:9px 11px;border:1px solid var(--hl);border-radius:10px;background:var(--feld);color:var(--tx);min-width:0;width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--v);outline-offset:1px;background:#fff}
.anmelden{max-width:380px;margin:8vh auto}
.konten-gitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.konto-karte{background:var(--karte);border:1px solid var(--hl);border-radius:16px;padding:14px 16px;color:var(--tx);display:block}
.konto-karte:hover{text-decoration:none;box-shadow:0 10px 26px -16px rgba(0,0,0,.35)}
.konto-karte .reihe{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-top:4px}
.ampel{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:1px}
.code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;background:var(--feld);border-radius:8px;padding:2px 6px;word-break:break-all}