/* Gemeinsames Styling für impressum.html + datenschutz.html
   (bewusst ausgelagert, damit beide Rechtsseiten konsistent bleiben —
   der One-Pager selbst bleibt Single-File mit inline-CSS.) */

:root{
  --paper:#fbf9f6;
  --paper-2:#f3efe8;
  --surface:#ffffff;
  --ink:#1e1c19;
  --ink-soft:#5f5952;
  --ink-mute:#8a827a;
  --line:#e6e0d6;
  --line-soft:#efeae1;
  --gold:#9a7627;

  --font-body:'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-head:'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, 'Times New Roman', serif;
  --font-mono:'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --maxw:820px;
  color-scheme:light;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--font-body); font-size:16px; line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--gold)}
a:hover{color:var(--ink)}

.wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px}

header{
  background:rgba(251,249,246,.9); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line); position:sticky; top:0; z-index:10;
}
.nav{display:flex; align-items:center; justify-content:space-between; height:68px; gap:16px}
.brand{
  font-family:var(--font-head); font-size:18px; text-decoration:none; color:var(--ink);
}
.brand b{font-weight:600}
.back{font-size:14px; text-decoration:none; color:var(--ink-soft); white-space:nowrap}
.back:hover{color:var(--gold)}

.head{padding:60px 0 32px; border-bottom:1px solid var(--line)}
.kicker{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--font-mono); font-size:11px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--gold); margin:0 0 16px;
}
.kicker::before{content:''; width:26px; height:1px; background:var(--gold); opacity:.6}
h1{font-family:var(--font-head); font-weight:400; font-size:clamp(32px,5vw,46px); line-height:1.1; margin:0 0 12px}
.stand{font-size:14px; color:var(--ink-mute); margin:0}

main{padding:16px 0 72px}
section{padding:34px 0; border-bottom:1px solid var(--line-soft)}
section:last-child{border-bottom:0}
h2{
  font-family:var(--font-head); font-weight:400; font-size:25px; line-height:1.25;
  margin:0 0 16px;
}
h3{font-size:15px; font-weight:600; margin:24px 0 8px; letter-spacing:.01em}
p{margin:0 0 14px}
p:last-child{margin-bottom:0}
ul{margin:0 0 14px; padding-left:22px}
li{margin-bottom:7px}

.card{
  background:var(--surface); border:1px solid var(--line); border-radius:6px;
  padding:22px 24px; margin:0 0 16px;
}
.card p:last-child{margin-bottom:0}

.dl{display:grid; grid-template-columns:200px 1fr; gap:8px 20px; margin:0}
.dl dt{font-size:13.5px; color:var(--ink-mute); font-family:var(--font-mono); letter-spacing:.03em}
.dl dd{margin:0}
@media (max-width:620px){
  .dl{grid-template-columns:1fr; gap:2px 0}
  .dl dd{margin-bottom:12px}
}

footer{border-top:1px solid var(--line); padding:32px 0 40px; font-size:13.5px; color:var(--ink-mute)}
.foot-links{display:flex; flex-wrap:wrap; gap:6px 16px; margin-top:10px}
.foot-links a{text-decoration:none}