:root{ --serif:'Cormorant Garamond', Georgia, 'Times New Roman', serif; }
/* Rechtliche Seiten — gleiche Palette wie die Startseite
   (warmes Off-White, Taupe, Champagnergold als Akzent, kein Schwarz) */
:root{
  --bg:#faf7f1; --bg-alt:#f3ece0; --surface:#ffffff;
  --ink:#3a332c; --muted:#6f6152; --muted-deep:#5c5044;
  --gold:#a67d3a; --gold-deep:#7d5a22; --gold-line:rgba(166,125,58,.40);
  --line:rgba(58,51,44,.12);
}
*{ box-sizing:border-box; margin:0; padding:0; }

body{
  background:var(--bg); color:var(--ink);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  line-height:1.6; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  min-height:100dvh; display:flex; flex-direction:column;
}
h1,h2,.serif{ font-family:var(--serif); font-size-adjust:.46; font-weight:500; letter-spacing:-.015em; }
img{ max-width:100%; height:auto; display:block; }
a:focus-visible{ outline:2px solid var(--gold-deep); outline-offset:3px; border-radius:4px; }

nav.top{
  position:sticky; top:0; z-index:10; display:flex; align-items:center; gap:11px;
  padding:18px 6vw; background:rgba(248,244,236,.90);
  backdrop-filter:blur(12px) saturate(140%); -webkit-backdrop-filter:blur(12px) saturate(140%);
  border-bottom:1px solid var(--line);
}
nav.top img{ height:28px; width:auto; }
nav.top .brand{ font-family:var(--serif); font-size-adjust:.46; font-size:16px; color:var(--ink); }
nav.top a.back{ margin-left:auto; color:var(--muted-deep); text-decoration:none;
  font-size:13.5px; padding:10px 0; transition:color .25s ease; }
nav.top a.back:hover{ color:var(--gold-deep); }

main{ flex:1; width:100%; max-width:760px; margin:0 auto; padding:64px 7vw 90px; }
main h1{ font-size:clamp(30px,4.5vw,44px); line-height:1.15; margin-bottom:10px; text-wrap:balance; }
main .updated{ font-size:12.5px; color:var(--muted); padding-bottom:26px;
  margin-bottom:40px; border-bottom:1px solid var(--line); }
main h2{ font-size:19px; margin:42px 0 14px; color:var(--ink); }
main h2:first-of-type{ margin-top:0; }
main p{ font-size:14.5px; line-height:1.75; color:var(--muted); margin-bottom:14px; text-wrap:pretty; }
main ul{ margin:0 0 14px; padding-left:0; list-style:none; }
main li{ font-size:14.5px; line-height:1.7; color:var(--muted);
  margin-bottom:8px; padding-left:18px; position:relative; }
main li::before{ content:''; position:absolute; left:0; top:10px;
  width:5px; height:5px; border-radius:50%; background:var(--gold); }
main a{ color:var(--gold-deep); text-decoration:none; border-bottom:1px solid var(--gold-line); }
main a:hover{ border-bottom-color:var(--gold-deep); }
main strong{ color:var(--ink); font-weight:600; }

.notice{ background:var(--surface); border:1px solid var(--line); border-left:2px solid var(--gold-line);
  border-radius:12px; padding:18px 20px; margin-bottom:36px; }
.notice p{ font-size:13px; color:var(--muted); margin:0; }

.placeholder{ background:rgba(166,125,58,.13); border:1px dashed var(--gold-line);
  color:var(--gold-deep); padding:1px 7px; border-radius:4px;
  font-size:.92em; font-style:normal; white-space:nowrap; }

footer.simple{ text-align:center; padding:30px 7vw 42px; font-size:12.5px;
  color:var(--muted); background:var(--bg-alt); border-top:1px solid var(--line); }
footer.simple a{ display:inline-block; padding:9px 4px; color:var(--muted-deep);
  text-decoration:none; transition:color .25s ease; }
footer.simple a:hover{ color:var(--gold-deep); }

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ transition-duration:.01ms !important; }
}