/* Gemeinsames Layout für Impressum, Datenschutz, AGB und Widerruf.
   Bewusst schlicht und ohne Skript: Diese Seiten müssen auch dann
   lesbar sein, wenn an der App gerade etwas klemmt. */
:root{
  --ground:#FBF7F9; --surface:#FFFFFF; --sunk:#F4EDF0;
  --ink:#1A1218; --ink-soft:#6B5C64; --ink-faint:#A3939B; --line:#EBDFE4;
  --brand:#D6246E;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#120E11; --surface:#1C161A; --sunk:#241C21;
    --ink:#F5EDF1; --ink-soft:#B2A2AA; --ink-faint:#7A6C74; --line:#2E2429;
    --brand:#FF5C9B;
  }
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--ground); color:var(--ink);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-text-size-adjust:100%;
}
.wrap{max-width:44rem; margin:0 auto; padding:1.5rem 1.15rem 5rem}
.mark{
  display:inline-block; text-decoration:none; color:var(--ink);
  font-weight:800; font-size:1.35rem; letter-spacing:-.02em; margin-bottom:1.75rem;
}
.mark i{color:var(--brand); font-style:normal}
h1{font-size:1.7rem; line-height:1.25; letter-spacing:-.02em; margin:0 0 .4rem}
h2{font-size:1.12rem; line-height:1.3; margin:2.1rem 0 .6rem; letter-spacing:-.01em}
h3{font-size:.98rem; margin:1.4rem 0 .4rem}
p,li{color:var(--ink-soft)}
p{margin:.6rem 0}
ul,ol{margin:.6rem 0; padding-left:1.3rem}
li{margin:.3rem 0}
b,strong{color:var(--ink); font-weight:650}
a{color:var(--brand)}
.stand{color:var(--ink-faint); font-size:.88rem; margin:0 0 2rem}
.box{
  background:var(--surface); border:1px solid var(--line);
  border-radius:14px; padding:1rem 1.1rem; margin:1.1rem 0;
}
.box p:first-child{margin-top:0}
.box p:last-child{margin-bottom:0}
/* Für Textstellen, die Max noch prüfen oder ersetzen muss.
   Vor dem Scharfschalten dürfen keine davon mehr in der Seite stehen. */
.todo{
  background:#FFF4D6; border:1px solid #E8C766; color:#5A4408;
  border-radius:12px; padding:.85rem 1rem; margin:1.1rem 0; font-size:.92rem;
}
.todo b{color:#3D2E05}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .todo{background:#33280A; border-color:#6B5312; color:#F2DFA8}
  :root:not([data-theme="light"]) .todo b{color:#FFF0C4}
}
table{border-collapse:collapse; width:100%; margin:.9rem 0; font-size:.93rem}
th,td{text-align:left; padding:.5rem .6rem; border-bottom:1px solid var(--line); vertical-align:top}
th{color:var(--ink); font-weight:650}
td{color:var(--ink-soft)}
.foot{
  margin-top:3rem; padding-top:1.2rem; border-top:1px solid var(--line);
  font-size:.9rem; display:flex; flex-wrap:wrap; gap:.4rem 1.1rem;
}
.foot a{color:var(--ink-soft)}
.wide{overflow-x:auto}