/* Rechtstexte — eigenständige Seiten, absichtlich ohne Abhängigkeit zur App.
   Sie müssen auch dann lesbar sein, wenn die App nicht lädt: die Impressums-
   pflicht hängt nicht daran, dass ein Skript durchläuft. Deshalb eigene
   Farbwerte statt der Tokens aus index.html — die stehen dort inline. */
:root{
  --bg:#13161b; --panel:#1a1e25; --panel-2:#20252e;
  --line:#2c333f; --text:#e7eaef; --muted:#98a2b1; --faint:#6b7484;
  --accent:#6ea8fe; --warn:#e0a458;
  --r:14px; --r-sm:9px;
}
@media (prefers-color-scheme:light){
  :root{
    --bg:#eceff3; --panel:#ffffff; --panel-2:#f4f6f9;
    --line:#d6dbe3; --text:#1a1e25; --muted:#5a6473; --faint:#8b95a4;
    --accent:#2563c9; --warn:#a66516;
  }
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
  font:15px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  -webkit-text-size-adjust:100%}
.seite{max-width:760px;margin:0 auto;padding:22px 20px 70px}

.zurueck{display:inline-block;margin-bottom:20px;color:var(--muted);
  text-decoration:none;font-size:14px}
.zurueck:hover{color:var(--accent)}

h1{font-size:26px;line-height:1.25;margin:0 0 6px}
h2{font-size:18px;margin:34px 0 10px;padding-top:14px;border-top:1px solid var(--line)}
h3{font-size:15.5px;margin:22px 0 8px;color:var(--muted)}
p,ul,ol{margin:0 0 14px}
ul,ol{padding-left:22px}
li{margin-bottom:5px}
a{color:var(--accent)}
strong{font-weight:600}

/* Entwurfsband. Steht bewusst ganz oben und ist nicht wegklickbar: solange
   dieser Kasten da ist, ist der Text nicht geprüft. */
.entwurf{border:1px solid var(--warn);border-radius:var(--r-sm);
  background:color-mix(in srgb,var(--warn) 12%,var(--panel));
  padding:13px 15px;margin:0 0 26px;font-size:13.5px;line-height:1.55}
.entwurf b{display:block;margin-bottom:3px}

/* Offene Stelle. Ein Platzhalter muss als Platzhalter zu sehen sein — ein
   graues [Name] im Fließtext liest sich sonst irgendwann wie Absicht. */
.luecke{background:color-mix(in srgb,var(--warn) 22%,transparent);
  border-bottom:1px dashed var(--warn);border-radius:3px;
  padding:0 4px;font-style:normal;white-space:nowrap}

/* Anmerkung an die Prüferin/den Prüfer. Gehört nicht in die veröffentlichte
   Fassung — verschwindet mit dem Entwurfsband zusammen. */
.pruef{border-left:3px solid var(--warn);background:var(--panel-2);
  padding:11px 14px;margin:0 0 16px;font-size:13.5px;color:var(--muted)}
.pruef b{color:var(--text)}

.stand{margin-top:38px;padding-top:14px;border-top:1px solid var(--line);
  color:var(--faint);font-size:13px}
.quer{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px}