/* Gemeinsamer Stil für Impressum, AGB und Datenschutz.
   Grund: Diese drei Seiten sind aus der Startseite verlinkt und trugen bis 17.08.2026 noch
   `-apple-system`/Inter aus der alten Fassung. Wer dort klickt, landete in einem anderen
   Dokument als dem, aus dem er kam. Der Rechtstext selbst bleibt unberührt — geändert wird
   ausschließlich die Darstellung. Klassen (.wrap .back .subtitle .note .rg) sind aus dem
   bestehenden Markup übernommen, nicht neu erfunden. */


:root{
  --papier:#FBF0EC; --flaeche:#F5F4F1; --kante:#DFDDD7; --kante-fein:#EDEBE6;
  --tinte:#14110D; --tinte-leicht:#5A544D; --tinte-blass:#8B847B;
  --orange:#FF6B35;
  --display:"Bricolage Grotesque",Georgia,serif;
  --body:"Instrument Sans",system-ui,sans-serif;
}
/* Die Schriften kommen per <link> aus dem Dokumentkopf, nicht per @import: eine
   verschachtelte Ladekette (link -> css -> @import -> css -> woff2) liess die
   Ueberschriften sichtbar im Georgia-Fallback rendern. */
*{box-sizing:border-box}
body{
  margin:0; background:var(--papier); color:var(--tinte);
  font-family:var(--body); font-size:1.02rem; line-height:1.68;
  -webkit-font-smoothing:antialiased;
}

/* Der bestehende Container. Rechtstexte werden gelesen, nicht gescannt — deshalb eine
   Lesespalte um 68 Zeichen, nicht die volle Seitenbreite. */
.wrap{
  max-width:70ch; margin:0 auto;
  padding:clamp(2rem,6vw,4.5rem) clamp(1.25rem,5vw,2.5rem) 6rem;
}

.back{
  display:inline-block; margin-bottom:clamp(2rem,4vw,3rem);
  font-size:.9rem; color:var(--tinte-leicht); text-decoration:none;
  border-bottom:1px solid var(--kante); padding-bottom:.15rem;
  transition:color .18s, border-color .18s;
}
.back:hover{color:var(--orange); border-color:var(--orange)}

h1,h2,h3{font-family:var(--display); font-weight:500; letter-spacing:-.025em; line-height:1.12}
h1{font-size:clamp(1.9rem,4.5vw,2.9rem); margin:0 0 .4rem}
h2{
  font-size:clamp(1.18rem,2.2vw,1.42rem); margin:2.75rem 0 .7rem;
  padding-top:1.4rem; border-top:1px solid var(--kante-fein);
}
h2:first-of-type{border-top:0; padding-top:0}
h3{font-size:1.04rem; font-weight:600; margin:1.75rem 0 .35rem; letter-spacing:-.01em}

.subtitle{
  color:var(--tinte-blass); font-size:.8rem; letter-spacing:.1em; text-transform:uppercase;
  margin:0 0 clamp(2rem,4vw,3rem);
}

p{margin:0 0 1.05rem}
strong,b{font-weight:600}
a{color:var(--tinte); text-decoration:underline; text-decoration-color:var(--kante);
  text-underline-offset:.18em; transition:text-decoration-color .18s}
a:hover{text-decoration-color:var(--orange)}

ul,ol{margin:0 0 1.15rem; padding-left:1.35rem}
li{margin-bottom:.42rem}
/* Bewusst keine Häkchen-Bullets — ein Rechtstext zählt auf, er verkauft nicht. */
ul{list-style:square}
ul li::marker{color:var(--orange)}

/* Hervorgehobener Hinweis (.note) und Rechtsgrundlage (.rg) aus dem bestehenden Markup. */
.note{
  border-left:2px solid var(--orange); background:var(--flaeche);
  padding:1rem 1.15rem; margin:1.5rem 0; font-size:.95rem; color:var(--tinte-leicht);
}
.note strong{color:var(--tinte)}
.rg{
  display:block; font-size:.86rem; color:var(--tinte-blass);
  border-left:1px solid var(--kante); padding-left:.85rem; margin:.5rem 0 1.3rem;
}

table{width:100%; border-collapse:collapse; margin:1.25rem 0 1.75rem; font-size:.94rem}
th,td{text-align:left; padding:.6rem .7rem; border-bottom:1px solid var(--kante-fein);
  vertical-align:top}
th{font-size:.74rem; letter-spacing:.08em; text-transform:uppercase; color:var(--tinte-blass);
  font-weight:500; border-bottom:1px solid var(--kante)}

hr{border:0; border-top:1px solid var(--kante); margin:2.5rem 0}
code{font-size:.92em; background:var(--flaeche); padding:.1em .35em}

@media print{
  body{background:#fff}
  .back{display:none}
  .wrap{max-width:none; padding:0}
}