/* Impressum und Datenschutz.
   Nutzt dieselbe Palette und dieselbe Schriftskala wie index.html.
   Wer dort etwas ändert, muss es hier mitziehen. */

:root{
  --paper:   #f7f4ed;
  --paper-2: #efe9dd;
  --ink:     #2f2c27;
  --ink-2:   #5f594e;
  --rule:    #d8d0c0;
  --bronze:  #7d5e3c;

  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Identisch zu index.html */
  --t-label: .72rem;
  --t-small: .78rem;
  --t-meta:  .9rem;
  --t-body:  1.125rem;
  --t-intro: 1.25rem;
  --ls-label: .13em;
}

*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--serif);
  font-size:var(--t-body);
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.wrap{max-width:760px;margin:0 auto;padding:0 32px}

/* ---------- Kopf ---------- */
header{background:var(--paper);border-bottom:1px solid var(--rule)}
header .wrap{max-width:1180px}
.nav{display:flex;align-items:baseline;justify-content:space-between;height:72px;gap:24px}

.brand{font-family:var(--serif);font-size:var(--t-intro);letter-spacing:.02em;text-decoration:none;color:var(--ink)}
.brand span{
  display:block;
  font-family:var(--sans);
  font-size:var(--t-label);
  letter-spacing:var(--ls-label);
  text-transform:uppercase;
  font-weight:600;
  color:var(--ink-2);
}
.back{font-family:var(--sans);font-size:var(--t-meta);color:var(--ink-2);text-decoration:none;white-space:nowrap}
.back:hover{color:var(--ink)}

/* ---------- Textkörper ---------- */
.legal{padding:clamp(48px,6vw,80px) 32px clamp(64px,8vw,110px)}
.legal h1{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(2.1rem,4.4vw,3.15rem);
  line-height:1.18;letter-spacing:-.005em;margin:0 0 .7em;
}
/* Zwischenüberschriften wie die kleinen Überschriften auf der Startseite */
.legal h2{
  font-family:var(--sans);
  font-size:var(--t-label);
  letter-spacing:var(--ls-label);
  text-transform:uppercase;
  font-weight:600;
  color:var(--ink-2);
  margin:2.6em 0 .7em;
}
.legal p{margin:0 0 1.15em;color:var(--ink)}
.legal ul{margin:0 0 1.15em;padding-left:22px;color:var(--ink)}
.legal li{padding:2px 0}
.legal a{color:var(--bronze);text-underline-offset:.18em;text-decoration-thickness:.5px}
.legal a:hover{color:var(--ink)}
.legal code{background:var(--paper-2);padding:1px 5px;border-radius:3px;font-family:var(--sans);font-size:var(--t-small)}
.updated{margin-top:3em;font-size:var(--t-meta);color:var(--ink-2);font-style:italic}

/* Hinweisbox für offene Punkte — vor dem Livegang entfernen */
.todo{
  background:var(--paper-2);
  border:1px solid var(--rule);
  border-left:3px solid var(--bronze);
  border-radius:4px;
  padding:20px 22px;margin:0 0 2.4em;
  font-size:var(--t-meta);color:var(--ink-2);
}
.todo b{color:var(--ink)}

/* ---------- Fuß ---------- */
footer{
  background:var(--paper);border-top:1px solid var(--rule);
  padding:32px 0;font-size:var(--t-meta);color:var(--ink-2);
}
footer .wrap{max-width:1180px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
footer a{color:var(--ink-2)}
footer span{margin-left:auto;font-family:var(--sans);font-size:var(--t-small)}