/* Impressum und Datenschutz – gleiche Welt wie die übrigen Seiten, gesetzt zum Lesen. */
:root{
  --ground:#F7F1E3; --ink:#2A2320; --ink-2:#5E554F; --rule-2:#C9BBA1;
  --lava:#D6381F; --lava-text:#B42A14;
  --gutter:clamp(16px, 4vw, 56px);
  color-scheme: light;
}
*{box-sizing:border-box}
body{margin:0; background:var(--ground); color:var(--ink); font-family:Poppins,"Segoe UI",system-ui,sans-serif; font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased}
::selection{background:#C4301A; color:#FFF7EE}
a{color:inherit; text-underline-offset:.22em; text-decoration-thickness:1.5px}
a:hover{color:var(--lava-text)}
:focus-visible{outline:3px solid var(--lava); outline-offset:3px; border-radius:2px}

.top{position:sticky; top:0; z-index:40; height:42px; display:flex; align-items:center; gap:24px; padding-inline:clamp(16px,1.7vw,24px); background:var(--ground); border-bottom:1.5px solid #E7A08D}
.wordmark{font-weight:800; font-size:21px; letter-spacing:.42em; color:var(--lava); text-decoration:none; line-height:1; white-space:nowrap; margin-right:auto}
.nav{display:flex; align-items:center; font-weight:700; font-size:15px; white-space:nowrap}
.nav a{text-decoration:none; padding:8px 0}
.nav a[aria-current]{color:var(--lava-text)}
.nav .sep{padding-inline:14px; color:var(--ink-2)}

.doc{max-width:46rem; margin:0 auto; padding:clamp(40px,6vw,88px) var(--gutter) clamp(56px,7vw,96px)}
.doc h1{margin:0 0 28px; font-size:clamp(40px,5vw,64px); font-weight:900; letter-spacing:-.02em; line-height:1}
.doc h2{margin:36px 0 8px; font-size:19px; font-weight:800; letter-spacing:-.01em; padding-top:14px; border-top:1.5px solid var(--ink)}
.doc p{margin:0 0 12px}
.doc .short{font-size:19px; font-weight:500}
.doc .todo{padding:12px 14px; border:1.5px dashed var(--lava-text); border-radius:5px}
.doc .stand{margin-top:36px; color:var(--ink-2); font-size:15px}

footer{padding:36px var(--gutter) 44px; font-size:14px; color:var(--ink-2); display:flex; flex-wrap:wrap; gap:10px 28px; justify-content:space-between; border-top:1.5px solid var(--ink)}
footer .wordmark{font-size:15px; margin:0; color:var(--lava-text)}
footer .legal{display:flex; gap:20px}
footer a[aria-current]{color:var(--ink); font-weight:700; text-decoration:none}

@media (max-width:640px){
  .nav .m-hide{display:none}
  .nav .sep{padding-inline:8px}
  .nav .long{display:none}
  .wordmark{font-size:18px; letter-spacing:.3em}
}