/* Gemeinsames Aussehen für Impressum und Datenschutz – passend zur Startseite */
:root{--navy:#0e2a3b;--sea:#2f7d8c;--sand:#f6efe4;--sand-2:#ece2d2;--sun:#e8743b;--ink:#16232b;--muted:#5b6b73;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:var(--sans);color:var(--ink);background:var(--sand);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--sea)}
.wrap{width:min(780px,100% - 32px);margin-inline:auto}
header{position:sticky;top:0;z-index:50;background:rgba(246,239,228,.82);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 1px 0 rgba(14,42,59,.08);padding:12px 0}
header .wrap{width:min(1200px,100% - 32px);display:flex;justify-content:space-between;align-items:center;gap:16px}
.logo{font-family:var(--serif);font-size:1.3rem;font-weight:600;color:var(--navy);text-decoration:none;line-height:1}
.logo small{display:block;font-family:var(--sans);font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;opacity:.75;margin-top:4px}
.back{display:inline-flex;align-items:center;gap:.4em;border-radius:999px;padding:9px 18px;background:var(--navy);color:#fff;text-decoration:none;font-weight:600;font-size:.92rem}
.hero{background:linear-gradient(180deg,rgba(14,42,59,.55),rgba(14,42,59,.82)),url(bilder/duenenweg-klein.webp) center/cover;color:#fff;padding:clamp(70px,10vw,120px) 0 clamp(50px,7vw,80px)}
.eyebrow{display:block;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffd7b8;margin-bottom:12px}
h1{font-family:var(--serif);font-weight:600;font-size:clamp(2.4rem,6vw,4rem);line-height:1.05;letter-spacing:-.01em}
.hero p{margin-top:12px;opacity:.85}
main{padding:clamp(40px,6vw,70px) 0 80px}
.card{background:#fffdf9;border-radius:22px;padding:clamp(22px,4vw,40px);box-shadow:0 24px 60px -34px rgba(14,42,59,.35);margin-bottom:18px}
h2{font-family:var(--serif);font-weight:600;font-size:1.45rem;line-height:1.2;color:var(--navy);margin:0 0 10px}
h3{font-size:1rem;margin:18px 0 4px;color:var(--navy)}
.card p+p,.card p+ul,.card ul+p{margin-top:10px}
ul{padding-left:1.2em}
li{margin:3px 0}
dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 22px}
dt{color:var(--muted)}
dd{font-weight:500}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.toc a{background:#fff;border:1px solid var(--sand-2);border-radius:999px;padding:6px 14px;text-decoration:none;color:var(--navy);font-size:.88rem}
.muted{color:var(--muted);font-size:.9rem}
footer{background:#0a1f2c;color:rgba(255,255,255,.65);font-size:.85rem;padding:30px 0}
footer .wrap{width:min(1200px,100% - 32px);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
footer a,footer button{color:rgba(255,255,255,.85);background:none;border:0;font:inherit;text-decoration:underline;cursor:pointer;padding:0}
footer nav{display:flex;gap:18px;flex-wrap:wrap}
@media (max-width:560px){dl{grid-template-columns:1fr;gap:0}dd{margin-bottom:8px}}
/* Slide-In wie auf der Startseite */
.rv{opacity:0;filter:blur(12px);transform:translateY(50px);transition:opacity 1.2s var(--ease),filter 1.3s var(--ease),transform 1.4s var(--ease)}
.rv.in{opacity:1;filter:none;transform:none}