/* Generalprobe – Rechtstexte. Bewusst schlicht: lesbar, schnell, ohne Skripte, ohne Tracking. */
:root {
  --papier: #ffffff; --tinte: #1c2430; --grau: #5b6572; --linie: #e3e7ec;
  --akzent: #1f5fb4; --akzent-hell: #e8f0fb; --rand: 1.6rem;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root { --papier: #12161c; --tinte: #e9edf2; --grau: #9aa5b1; --linie: #2a323d; --akzent: #7fb1f0; --akzent-hell: #1b2a40; }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--papier); color: var(--tinte);
  font: 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
header.kopf { border-bottom: 1px solid var(--linie); }
header.kopf .innen { display: flex; align-items: center; gap: .8rem; max-width: 46rem; margin: 0 auto; padding: .9rem var(--rand); }
header.kopf .marke { font-weight: 700; text-decoration: none; color: var(--tinte); letter-spacing: .01em; }
header.kopf .marke img { width: 34px; height: 34px; border-radius: 8px; vertical-align: middle; margin-right: .5rem; }
header.kopf nav { margin-left: auto; display: flex; gap: 1rem; font-size: .95rem; }
header.kopf nav a { color: var(--grau); text-decoration: none; }
header.kopf nav a:hover, header.kopf nav a[aria-current] { color: var(--akzent); }
main { max-width: 46rem; margin: 0 auto; padding: 1.5rem var(--rand) 3rem; }
h1 { font-size: 1.9rem; line-height: 1.2; margin: .8rem 0 .3rem; }
h2 { font-size: 1.25rem; margin: 2rem 0 .5rem; }
h3 { font-size: 1.05rem; margin: 1.4rem 0 .3rem; }
p, li { max-width: 42rem; }
a { color: var(--akzent); }
.stand { color: var(--grau); font-size: .95rem; margin-bottom: 1.5rem; }
.kasten { background: var(--akzent-hell); border-radius: 12px; padding: 1rem 1.2rem; margin: 1.2rem 0; }
.kasten p:last-child { margin-bottom: 0; }
table { border-collapse: collapse; width: 100%; font-size: .95rem; margin: 1rem 0; }
th, td { text-align: left; vertical-align: top; padding: .5rem .6rem; border-bottom: 1px solid var(--linie); }
th { color: var(--grau); font-weight: 600; }
footer.fuss { border-top: 1px solid var(--linie); color: var(--grau); font-size: .9rem; }
footer.fuss .innen { max-width: 46rem; margin: 0 auto; padding: 1.2rem var(--rand); display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; }
footer.fuss a { color: var(--grau); }
.platzhalter { background: #fff3c4; color: #5a4300; padding: 0 .3em; border-radius: 4px; font-weight: 600; }
@media (prefers-color-scheme: dark) { .platzhalter { background: #4a3a00; color: #ffe08a; } }
@media (max-width: 480px) { body { font-size: 16px; } h1 { font-size: 1.6rem; } header.kopf nav { gap: .7rem; font-size: .9rem; } }
