/* ============================================================
   eliashoefer.com — legal pages stylesheet (DE + EN share this)
   Strictly black & white.
   ============================================================ */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/montserrat-400.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/montserrat-600.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/montserrat-700.woff2') format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/instrumentserif-400.woff2') format('woff2')}

:root{
  --bg:#0a0a0a;--fg:#f5f5f5;--muted:#888;--faint:#555;
  --body:#cbcbcb;--line:rgba(255,255,255,.14);
  --sans:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --serif:'Instrument Serif',Georgia,'Times New Roman',serif;
  --mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);background:var(--bg);color:var(--body);line-height:1.7;
  -webkit-font-smoothing:antialiased;
  padding:clamp(28px,6vw,80px) clamp(20px,6vw,40px);
}
.wrap{max-width:680px;margin:0 auto}
a{color:var(--fg)}
::selection{background:var(--fg);color:var(--bg)}

/* top row: back link + language switcher */
.topline{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-bottom:clamp(30px,6vh,56px);max-width:680px;margin-left:auto;margin-right:auto;
}
.back{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--muted);text-decoration:none;transition:color .2s ease;
}
.back:hover{color:var(--fg)}
.lang{display:inline-flex;align-items:baseline;gap:2px;font-family:var(--mono);font-size:12px;letter-spacing:.14em}
.lang a{text-decoration:none;color:var(--faint);padding:2px 5px;transition:color .25s ease}
.lang a:hover{color:var(--fg)}
.lang a[aria-current="true"]{color:var(--fg)}
.lang .sep{color:var(--faint);opacity:.6}

h1{font-family:var(--serif);font-size:clamp(38px,6vw,64px);font-weight:400;color:var(--fg);letter-spacing:-.01em;line-height:1;margin-bottom:24px}
h2{font-family:var(--serif);font-size:clamp(22px,2.6vw,30px);font-weight:400;color:var(--fg);margin:40px 0 8px;letter-spacing:-.005em}
p{margin:8px 0;font-size:16px}
ul{margin:8px 0 8px 22px;font-size:16px}
li{margin:4px 0}
strong{color:var(--fg);font-weight:600}
.muted{color:var(--muted);font-size:14px;margin-top:44px;padding-top:22px;border-top:1px solid var(--line)}
.muted a{color:var(--muted)}
.muted a:hover{color:var(--fg)}
a:focus-visible,.back:focus-visible,.lang a:focus-visible{outline:2px solid var(--fg);outline-offset:3px;border-radius:2px}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}