/* Gemeinsames Stylesheet für Impressum und Datenschutzerklärung
   — gleiche Schriften und Farben wie die Hauptseite, ruhiges Lesetlayout */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --ink:#0f3e84; --muted:#456ba9; --faint:#8ea3c9; --line:#dbe6f4;
  --blue:#1699D9; --royal:#451AB5; --pink:#e11fa6;
  --grad:linear-gradient(to right,#0f3e84,#00fcff,#058795);
  --sans:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:#fff;line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
.topbar{height:6px;background:var(--grad)}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}
header.lnav{border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);position:sticky;top:0;z-index:10}
header.lnav .wrap{display:flex;align-items:center;justify-content:space-between;height:78px;max-width:1200px}
header.lnav img{height:46px;width:auto;display:block}
header.lnav a.back{font-size:14.5px;font-weight:600;color:var(--blue);text-decoration:none}
header.lnav a.back:hover{color:var(--pink)}
main{padding:56px 0 80px}
h1{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.02em;margin-bottom:8px}
.lead{color:var(--muted);font-size:15px;margin-bottom:40px}
h2{font-size:clamp(19px,2.4vw,23px);font-weight:700;margin:38px 0 12px;padding-top:14px;border-top:1px solid var(--line)}
h3{font-size:17px;font-weight:700;margin:22px 0 8px}
p,li{color:#28457f;font-size:15.5px}
p+p{margin-top:12px}
ul,ol{margin:12px 0 12px 22px}
li+li{margin-top:6px}
a{color:var(--blue)}
strong{font-weight:700;color:var(--ink)}
.box{background:linear-gradient(160deg,#F2FBFD,#F7F1FD);border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin:18px 0}
.box p+p{margin-top:8px}
/* Platzhalter, die der Kunde noch ausfüllen muss — im Druck und Screenshot sofort sichtbar */
.todo{display:inline-block;background:#FFF3CD;border:1px dashed #E0A800;color:#7A5A00;
  padding:2px 8px;border-radius:6px;font-size:14px;font-weight:600}
.warn{background:#FFF8E6;border:1px solid #E0A800;border-radius:14px;padding:18px 20px;margin:26px 0;font-size:14.5px;color:#6b4e00}
footer.lfoot{border-top:1px solid var(--line);padding:28px 0 40px;color:var(--faint);font-size:13.5px}
footer.lfoot a{color:var(--muted);text-decoration:none;margin-right:16px}
footer.lfoot a:hover{color:var(--blue)}
@media(max-width:700px){
  main{padding:36px 0 60px}
  header.lnav .wrap{height:64px}
  header.lnav img{height:36px}
}