/* Gemeinsames Layout für Startseite und Rechtstexte.
   Lädt nur die Display-Schrift (66 KB) statt aller vier Schnitte (208 KB). */
@import url("fonts-display.css");

:root{
  --paper:#FCFCFA; --bg:#F4F5F7; --ink:#1A2438; --muted:#5B6478; --faint:#8B93A5;
  --line:#E3E1D8; --line-soft:#EFEDE6;
  --navy:#16233F; --navy-deep:#0E1830; --navy-panel:#1B2B4A;
  --gold:#A9863A; --gold-bright:#C9A24B; --gold-soft:#F5EEDD;
  --good:#2F6B4F; --good-soft:#E7F0EA;
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --wrap:1080px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}

/* Kopf */
.nav{background:var(--navy-deep);position:sticky;top:0;z-index:40}
.nav .in{max-width:var(--wrap);margin:0 auto;padding:13px 22px;display:flex;
  align-items:center;gap:22px}
.nav a.brand{font-family:var(--serif);font-weight:700;font-size:15.5px;
  letter-spacing:.05em;color:var(--gold-bright);text-decoration:none}
.nav .links{margin-left:auto;display:flex;gap:20px;align-items:center}
.nav .links a{color:rgba(255,255,255,.78);text-decoration:none;font-size:13.5px;font-weight:500}
.nav .links a:hover{color:#fff}
.nav .cta{background:var(--gold);color:#fff !important;padding:8px 15px;border-radius:7px;
  font-weight:600;font-size:13.5px}
.nav .cta:hover{background:var(--gold-bright)}
@media(max-width:720px){.nav .links a.hide-s{display:none}}

/* Inhalt */
.page{max-width:780px;margin:0 auto;padding:42px 22px 70px}
.page h1{font-family:var(--serif);font-weight:700;font-size:clamp(26px,7vw,34px);
  line-height:1.15;margin:0 0 8px;letter-spacing:-.015em;text-wrap:balance;
  /* lange Einzelwörter wie „Datenschutzerklärung" sonst breiter als das Handy */
  overflow-wrap:break-word;hyphens:auto}
.page h2,.page h3{overflow-wrap:break-word;hyphens:auto}
.page .sub{color:var(--muted);font-size:15px;margin:0 0 32px}
.page h2{font-family:var(--serif);font-weight:700;font-size:21px;margin:34px 0 10px;
  padding-bottom:6px;border-bottom:1px solid var(--line)}
.page h3{font-family:var(--serif);font-weight:600;font-size:16.5px;margin:24px 0 7px}
.page p,.page li{font-size:15px;color:#2A3245;overflow-wrap:break-word}
.page dl.kv dd,.page a{overflow-wrap:break-word}
.page ul{padding-left:22px}
.page li{margin-bottom:6px}
.page a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;
  padding:20px 24px;margin:18px 0}
.card.quiet{background:var(--line-soft);border-color:var(--line-soft)}
dl.kv{margin:0}
dl.kv dt{font-size:12px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted);font-weight:700;margin-top:15px}
dl.kv dt:first-child{margin-top:0}
dl.kv dd{margin:2px 0 0;font-size:15px}
.hinweis{background:var(--gold-soft);border-left:3px solid var(--gold);
  padding:14px 16px;border-radius:0 8px 8px 0;margin:20px 0;font-size:14px}
.stand{font-size:13px;color:var(--faint);margin-top:34px;padding-top:14px;
  border-top:1px solid var(--line)}

/* Fuß */
footer.f{background:var(--navy-deep);color:rgba(255,255,255,.6);margin-top:50px}
footer.f .in{max-width:var(--wrap);margin:0 auto;padding:30px 22px}
footer.f .row{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
footer.f a{color:rgba(255,255,255,.8);text-decoration:none;font-size:13.5px}
footer.f a:hover{color:var(--gold-bright);text-decoration:underline}
footer.f .dis{font-size:11.5px;line-height:1.6;margin-top:18px;padding-top:16px;
  border-top:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.45);max-width:70ch}
footer.f .bd{font-family:var(--serif);color:var(--gold-bright);font-weight:700;
  font-size:14px;letter-spacing:.04em}

:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}}