/* © 2026 Patrick Engefehr (DJ EngaL), Leipzig. Alle Rechte vorbehalten. */
:root{--bg:#111318;--feld:#181b22;--rand:#262a33;--text:#e8e8ee;--leise:#9aa3ad;--akzent:#22e5f0;--akzent2:#e62bd8;--gut:#5e5;--schlecht:#f66}
*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:15px}
header{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--rand);background:#0d0f13}
header img{width:40px;height:40px;border-radius:10px;object-fit:cover}#marke{font-weight:700;letter-spacing:.12em;text-transform:uppercase}
nav{display:flex;gap:4px;flex-wrap:wrap;flex:1;margin-left:10px}nav a{color:var(--leise);text-decoration:none;padding:7px 11px;border-radius:8px}
nav a.aktiv,nav a:hover{color:var(--text);background:var(--feld)}nav a.aktiv{box-shadow:inset 0 -2px 0 var(--akzent)}
main{max-width:1100px;margin:0 auto;padding:22px 20px 60px}h2{margin:4px 0 16px;letter-spacing:.06em}h3{margin:24px 0 10px}
footer{text-align:center;padding:20px}.klein{font-size:12px;color:var(--leise)}
.karte{background:var(--feld);border:1px solid var(--rand);border-radius:12px;padding:16px;margin-bottom:14px}
.kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.kachel{background:var(--feld);border:1px solid var(--rand);border-radius:12px;padding:14px}
.kachel b{display:block;font-size:24px;margin-top:4px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--rand);vertical-align:top}
th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--akzent)}td.z,th.z{text-align:right}
input,select,textarea{background:#0c0e12;color:var(--text);border:1px solid #333a45;border-radius:8px;padding:8px 10px;font:inherit;width:100%}
textarea{min-height:70px}label{display:block;margin:10px 0 4px;color:var(--leise);font-size:13px}
.zeile{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
button{background:#14262a;color:var(--akzent);border:1px solid var(--akzent);border-radius:8px;padding:8px 14px;font:inherit;cursor:pointer;margin:6px 6px 0 0}
button.zweit{color:var(--leise);border-color:#3a414c;background:transparent}button.gefahr{color:var(--schlecht);border-color:var(--schlecht);background:transparent}
button:disabled{opacity:.5;cursor:default}.gut{color:var(--gut)}.schlecht{color:var(--schlecht)}
.hinweis{max-width:1100px;margin:14px auto 0;padding:10px 14px;border-radius:10px;background:#14262a;border:1px solid var(--akzent)}.hinweis.fehler{background:#2a1416;border-color:var(--schlecht)}
.versteckt{display:none}.code{font-family:ui-monospace,monospace;font-size:20px;letter-spacing:.08em;color:var(--akzent);user-select:all}
.marke-test{display:inline-block;border:1px solid var(--akzent2);color:var(--akzent2);border-radius:99px;padding:2px 10px;font-size:12px}
.anmelden{max-width:380px;margin:60px auto}.check{display:flex;align-items:center;gap:8px;margin:6px 0}.check input{width:auto}
@media (max-width:640px){nav{margin-left:0}table{font-size:13px}}
.rollbar{overflow-x:auto}.kopfzeile{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.code-klein{font-size:13px;word-break:break-all}.trenner{border-top:1px solid var(--rand);padding-top:10px;margin-top:10px}