/* Gemeinsames Stylesheet der Rechtsseiten (impressum.html, datenschutz.html).
   Farben und Typo entsprechen dem Design-System der Haupt­seiten. */
:root{
  --paper:#F6F5F2;--surface:#FFFFFF;--ink:#0D1014;--ink-2:#11161C;--ink-soft:#3B414A;
  --muted:#6A6F78;--muted-2:#9A9EA6;--line:#E7E4DC;--line-2:#D9D6CD;--line-soft:#EFEDE7;
  --accent:#2B50E0;--accent-2:#1C3AC0;
  --f-body:"Hanken Grotesk",system-ui,-apple-system,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--f-body);background:var(--paper);color:var(--ink);
  font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-2)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

/* nav */
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;height:78px;
  padding:0 clamp(20px,5vw,44px);background:rgba(246,245,242,.85);
  backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);
  border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.nav img{height:26px;width:auto;display:block}
.nav-right{display:flex;align-items:center;gap:1.3rem}
.nav-right a{font-size:.93rem;color:var(--ink-soft);font-weight:500}
.nav-right a:hover{color:var(--ink)}
.lang{display:inline-flex;border:1px solid var(--line-2);border-radius:999px;overflow:hidden;flex:none}
.lang button{font:inherit;font-family:var(--f-mono);cursor:pointer;border:none;background:none;
  font-size:.71rem;letter-spacing:.05em;padding:.52em .85em;color:var(--muted);line-height:1;
  transition:background .25s,color .25s}
.lang button.on{background:var(--ink);color:#fff}
@media (max-width:520px){.nav-right{gap:.9rem}.nav-right a{font-size:.86rem}}

/* content */
main{max-width:860px;margin:0 auto;padding:clamp(3.5rem,7vw,5.5rem) clamp(20px,5vw,44px) clamp(4rem,8vw,6rem)}
.eyebrow{font-family:var(--f-mono);font-size:.73rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);font-weight:500;display:inline-flex;align-items:center;gap:.7em}
.eyebrow .bar{width:14px;height:1px;background:var(--line-2);display:inline-block}
h1{font-weight:700;font-size:clamp(2.1rem,4.6vw,3.2rem);line-height:1.03;letter-spacing:-.032em;margin:1.1rem 0 .7rem}
.updated{color:var(--muted);font-size:.95rem;margin-bottom:clamp(2.5rem,5vw,3.5rem)}

.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;
  box-shadow:0 1px 2px rgba(13,16,20,.05),0 2px 6px rgba(13,16,20,.04);overflow:hidden}
.block{padding:clamp(1.5rem,3vw,2.1rem) clamp(1.4rem,3vw,2.4rem);border-bottom:1px solid var(--line-soft)}
.block:last-child{border-bottom:none}
.block h2{font-weight:700;font-size:1.05rem;letter-spacing:-.015em;margin-bottom:.9rem}
.block p{font-size:.94rem;line-height:1.72;color:var(--ink-soft);margin-bottom:.75rem}
.block p:last-child{margin-bottom:0}
.block ul{margin:.4rem 0 0;padding-left:1.15rem}
.block li{font-size:.94rem;line-height:1.7;color:var(--ink-soft);margin-bottom:.35rem}

/* Definitionsliste (Impressum) */
dl{display:grid;grid-template-columns:minmax(150px,15rem) 1fr;gap:.55rem 1.6rem}
dt{font-size:.88rem;color:var(--muted-2);line-height:1.5}
dd{font-size:.97rem;color:var(--ink-2);line-height:1.5;font-weight:500}
dd[dir="rtl"]{text-align:right}
@media (max-width:560px){dl{grid-template-columns:1fr;gap:.15rem}
  dt{margin-top:.7rem}dt:first-of-type{margin-top:0}}

.note{font-size:.82rem;line-height:1.7;color:var(--muted-2);margin-top:1.6rem}

/* footer */
.foot{background:#0C0E12;color:rgba(255,255,255,.45);padding:2.4rem clamp(20px,5vw,44px);
  font-size:.78rem;line-height:1.7}
.foot-in{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;
  align-items:center;gap:1.4rem;flex-wrap:wrap}
.foot a{color:rgba(255,255,255,.6)}
.foot a:hover{color:#fff}
.foot-ln{display:flex;gap:1.4rem}