/* Gemeinsames Blatt für Impressum und Datenschutz — bewusst schlicht und gut lesbar */
@font-face{font-family:"Instrument Serif";src:url(/assets/fonts/instrumentserif-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/fonts/inter-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/assets/fonts/jetbrainsmono-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}

:root{
  --night:#070B14; --deep:#0C1421; --line:rgba(199,154,85,.20);
  --mist:#E9E5DE; --muted:rgba(233,229,222,.62); --muted-2:rgba(233,229,222,.54);
  --brass:#C79A55; --signet-bg:#070B14;
  --serif:"Instrument Serif",Iowan Old Style,Georgia,serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --pad:clamp(20px,5vw,48px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--night);color:var(--mist);font-family:var(--sans);
  font-size:16.5px;line-height:1.7;-webkit-font-smoothing:antialiased}
svg{display:block}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}

.top{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px var(--pad);border-bottom:1px solid var(--line);position:sticky;top:0;
  background:var(--night);z-index:9}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand svg{width:28px;height:28px;color:var(--brass)}
.brand b{font-family:var(--serif);font-weight:400;font-size:19px}
.back{font-family:var(--mono);font-size:13px;color:var(--brass);text-decoration:none;
  border:1px solid var(--line);border-radius:2px;padding:8px 14px}
.back:hover{border-color:var(--brass)}

main{max-width:820px;margin:0 auto;padding:clamp(48px,8vw,88px) var(--pad) 96px}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(38px,6vw,58px);
  line-height:1.02;letter-spacing:-.02em;margin-bottom:14px}
.stand{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted-2);margin-bottom:52px}
h2{font-family:var(--serif);font-weight:400;font-size:clamp(24px,3.2vw,31px);
  line-height:1.15;margin:52px 0 16px;padding-top:26px;border-top:1px solid var(--line)}
h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
h3{font-family:var(--sans);font-weight:600;font-size:17px;margin:26px 0 8px;letter-spacing:.01em}
p{margin-bottom:14px;color:var(--muted);text-wrap:pretty}
p strong,li strong{color:var(--mist);font-weight:600}
a{color:var(--brass)}
ul{margin:0 0 16px 0;list-style:none}
li{position:relative;padding-left:22px;margin-bottom:9px;color:var(--muted)}
li::before{content:"";position:absolute;left:2px;top:.72em;width:5px;height:5px;
  background:var(--brass);opacity:.75;transform:rotate(45deg)}
.block{font-family:var(--mono);font-size:14.5px;line-height:2;color:var(--mist);
  background:var(--deep);border:1px solid var(--line);border-radius:3px;
  padding:22px 24px;margin:6px 0 20px}
.hint{font-size:14.5px;color:var(--muted-2);border-left:2px solid var(--brass);
  padding-left:18px;margin:22px 0}
footer{border-top:1px solid var(--line);padding:34px var(--pad);text-align:center;
  font-family:var(--mono);font-size:12.5px;color:var(--muted-2)}
footer a{color:var(--muted);text-decoration:none;margin:0 10px}
footer a:hover{color:var(--brass)}
@media(prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}