/* legal pages (impressum.html, datenschutz.html): self-contained, readable, no external resources */
:root{color-scheme:dark;--bg:#1d140c;--panel:#2a1d12;--ink:#f4ead4;--muted:#cbbd9b;--accent:#d9a648;--line:#5a4128}
*{box-sizing:border-box}
html{font-size:18px}
body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.6 "Atkinson Hyperlegible","Segoe UI",system-ui,-apple-system,Roboto,sans-serif}
header,footer{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;border-bottom:1px solid var(--line);background:var(--panel)}
footer{border-top:1px solid var(--line);border-bottom:0;justify-content:center;margin-top:2rem}
a{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.back{font-weight:700;text-decoration:none;padding:.4rem 0}
main{max-width:46rem;margin:0 auto;padding:0 1.2rem}
section{padding-top:1.2rem}
section+section{border-top:2px solid var(--line);margin-top:2.4rem}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.45rem,7vw,2rem);margin:.6rem 0 .2rem;overflow-wrap:anywhere;hyphens:auto}
h2{font-size:1.2rem;margin:1.6rem 0 .3rem;color:var(--accent)}
h3{font-size:1.05rem;margin:1.1rem 0 .2rem}
p,li{color:var(--ink)}
ul{padding-left:1.3rem}
li{margin:.25rem 0}
.note{color:var(--muted);margin-top:0}
mark.todo{background:#ffe066;color:#2a1a08;padding:0 .25rem;border-radius:3px;font-weight:700}
table{border-collapse:collapse;width:100%;margin:.6rem 0;font-size:.95rem}
th,td{border:1px solid var(--line);padding:.4rem .5rem;text-align:left;vertical-align:top}
th{background:var(--panel)}
/* phones: table rows as cards, column name in front of each cell */
@media (max-width:640px){
  table,tbody,tr,td{display:block;width:100%}
  tr:first-child{display:none}
  tr{border:1px solid var(--line);border-radius:6px;margin:.6rem 0;padding:.2rem 0}
  td{border:0;padding:.3rem .6rem}
  td::before{content:attr(data-l);display:block;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
}
@media (prefers-color-scheme:light){:root{color-scheme:light;--bg:#fbf6ec;--panel:#f1e6d1;--ink:#1c1915;--muted:#5d554a;--accent:#7a4a12;--line:#d5c6ad}}