/* Legal pages (impressum.html + datenschutz.html) — same palette & type as
   index.html. Shared here so the two pages can't drift; the datenschutz-only
   rules (ul/li/.stand) are inert on the impressum page. Kept local (no CDN)
   for the same GDPR reason as fonts/fonts.css. */
:root{
  --paper:#F6F1E6;
  --paper-warm:#EFE6D1;
  --paper-deep:#E4D8B8;
  --ink:#141018;
  --ink-soft:#3A3440;
  --ink-dim:#6A6472;
  --rule:#D4C9AF;
  --rust:#9F3A1F;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--paper);color:var(--ink);
  font-family:'Cormorant Garamond',serif;font-weight:400;
  font-size:20px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
main{max-width:41em;margin:0 auto;padding:2.2em 1.6em 0}
.topbar{
  display:flex;justify-content:space-between;align-items:center;gap:1em;
  padding:0.7em 1.6em;border-bottom:1px solid var(--rule);
  font-family:'JetBrains Mono',monospace;font-size:0.525em;
  letter-spacing:0.18em;text-transform:uppercase;
}
.topbar a{color:var(--ink);text-decoration:none;transition:color .3s}
.topbar a:hover{color:var(--rust)}
a:focus-visible{outline:2px solid var(--rust);outline-offset:3px}
::selection{background:rgba(159,58,31,.15);color:var(--ink)}
h1{
  font-weight:400;font-size:clamp(28px,3.5vw,40px);line-height:1.1;
  margin:1.2em 0 0.3em;
}
h1 em{font-style:italic;font-weight:400}
.lang-note{
  font-style:italic;color:var(--ink-dim);font-size:0.85em;margin-bottom:2em;
}
.lang-note a{color:var(--rust);text-decoration:none;border-bottom:1px solid var(--rule)}
h2{
  font-family:'JetBrains Mono',monospace;font-weight:400;
  font-size:0.6em;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink-soft);
  margin:2.2em 0 0.8em;padding-top:1em;border-top:1px solid var(--rule);
}
p,li{margin-bottom:1em;max-width:64ch}
ul{padding-left:1.2em;margin-bottom:1em}
li{margin-bottom:0.3em}
p em{font-style:italic}
a{color:#6E5B7A;transition:color .3s}
a:hover{color:#564868}
address{font-style:normal;margin-bottom:1em;line-height:1.7}
.stand{
  font-family:'JetBrains Mono',monospace;font-size:0.55em;
  letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-dim);
  margin-top:2em;
}
.en-divider{
  margin:3.5em 0 0;text-align:center;
  font-family:'JetBrains Mono',monospace;font-size:0.55em;letter-spacing:0.3em;
  text-transform:uppercase;color:var(--ink-dim);
}
.en-divider::before,.en-divider::after{
  content:"";display:inline-block;width:3em;height:0.05em;
  background:var(--rule);vertical-align:middle;margin:0 0.9em;
}
footer{
  /* sized in this 0.8em type: 47.25em/4em/6.25em = main's content width, 1.6em side inset, 5em bottom at 20px */
  width:calc(100% - 4em);max-width:47.25em;margin:4em auto 0;
  padding:1.6em 0 6.25em;border-top:1px solid var(--rule);
  text-align:center;font-style:italic;font-size:0.8em;color:var(--ink-dim);
}
footer a{color:var(--ink-dim)}
footer a:hover{color:var(--rust)}