/* Shared layout for Impressum and Datenschutz: navy bar, paper page, one readable column. */
:root{
  --navy:#0b1727; --paper:#f3f5f8; --white:#ffffff;
  --ink:#121d2b; --ink-soft:#4b5a6d; --ink-faint:#7c8899;
  --on-navy:#eef1f5; --on-navy-soft:#a4b2c4;
  --copper:#b8902f; --copper-hi:#d9b35e; --line:#dde3ea;
  --display:"Fraunces","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --text:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.65 var(--text);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:.2em;text-decoration-color:var(--copper)}
:focus-visible{outline:2px solid var(--copper);outline-offset:3px;border-radius:4px}
.band{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.in{max-width:760px;margin:0 auto}
.bar{background:var(--navy);color:var(--on-navy)}
.bar .in{max-width:1200px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:16px}
.mark{display:flex;align-items:center;gap:12px;text-decoration:none}
.mark b{font-family:var(--display);font-weight:400;font-size:1.6rem;color:var(--copper-hi);line-height:1}
.mark small{font-size:.875rem;color:var(--on-navy-soft);font-weight:500;padding-left:12px;border-left:1px solid rgba(255,255,255,.12)}
.back{color:var(--on-navy-soft);text-decoration:none;font-size:.9375rem}
.back:hover{color:#fff}
main{padding-block:clamp(48px,7vw,88px)}
.eyebrow{font:500 .75rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--copper)}
h1{font-family:var(--display);font-weight:300;font-size:clamp(2.2rem,1.6rem + 2.4vw,3.2rem);line-height:1.06;letter-spacing:-.02em;margin:14px 0 0}
h2{font:600 1.1875rem/1.3 var(--text);margin:44px 0 10px;padding-top:24px;border-top:1px solid var(--line)}
h3{font:600 1rem/1.3 var(--text);margin:24px 0 6px}
p,ul,address{margin:0 0 12px;max-width:68ch}
address{font-style:normal}
ul{padding-left:1.2em}
li{margin-bottom:4px}
.soft{color:var(--ink-soft)}
.todo{background:#fff1c9;color:#6b4e00;border-radius:4px;padding:0 4px;font-weight:500}
footer{background:var(--navy);color:var(--on-navy-soft)}
footer .in{max-width:1200px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-block:24px;font-size:.875rem}
footer a{text-decoration:none}
footer a:hover{color:#fff}