/* Voidline - Nexus-Optik: fast schwarz, Magenta fuer Rahmen, Cyan fuer Funktion */
:root{
  --bg:#0a0810; --flaeche:#151021; --linie:#2a1f3d;
  --magenta:#b34cff; --cyan:#62e7ff; --gold:#ffb020; --rot:#ff4d5e;
  --text:#e6e1f0; --matt:#8f86a6;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
     font:15px/1.55 "Segoe UI",system-ui,sans-serif}
header{display:flex;justify-content:space-between;align-items:center;
       padding:14px 22px;border-bottom:1px solid var(--linie);background:var(--flaeche)}
.marke{color:var(--magenta);font-weight:700;letter-spacing:.22em;text-decoration:none}
nav a{color:var(--cyan);text-decoration:none;margin-left:18px;font-size:14px}
nav a:hover{text-decoration:underline}
main{max-width:960px;margin:0 auto;padding:26px 22px}
footer{max-width:960px;margin:0 auto;padding:26px 22px;color:var(--matt);font-size:13px}
h1,h2{font-weight:600;letter-spacing:.02em}
h1{color:var(--magenta);font-size:22px;margin:0 0 18px}
h2{font-size:17px;margin:26px 0 10px}
a{color:var(--cyan)}
table{width:100%;border-collapse:collapse;margin:12px 0}
th,td{padding:7px 10px;border-bottom:1px solid var(--linie);text-align:left;font-size:14px}
th{color:var(--matt);font-weight:500;text-transform:uppercase;font-size:11px;letter-spacing:.1em}
input,select,textarea{background:#0e0a17;color:var(--text);border:1px solid var(--linie);
                      border-radius:4px;padding:7px 9px;font:inherit;font-size:14px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan)}
button{background:var(--magenta);color:#12081c;border:0;border-radius:4px;
       padding:8px 16px;font:inherit;font-weight:600;cursor:pointer}
button:hover{background:var(--cyan)}
.kasten{background:var(--flaeche);border:1px solid var(--linie);border-radius:6px;padding:16px 18px;margin:14px 0}
.feld{margin:10px 0}
.feld label{display:block;color:var(--matt);font-size:12px;margin-bottom:4px}
.fehler{border-left:3px solid var(--rot);padding-left:12px;color:#ffb3bb}
.gut{border-left:3px solid var(--cyan);padding-left:12px}
.matt{color:var(--matt);font-size:13px}
.s1{color:#8f86a6}.s2{color:var(--cyan)}.s3{color:var(--magenta)}
.s4{color:var(--gold)}.s5{color:#fff;text-shadow:0 0 8px var(--magenta)}