/* Impressum and Datenschutz: the paper look of the contact page */
:root{--paper:#EFEEE9;--ink:#0E0E0D;--soft:#3E3D3A;--mute:#6B6964;--line:#CFCDC6;--red:#E0261F;
  --display:"Dela Gothic One","Hiragino Sans",Impact,sans-serif;--body:"IBM Plex Sans JP","Hiragino Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--ink)}
body{font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration-color:var(--red);text-underline-offset:3px}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
header{display:flex;justify-content:space-between;align-items:center;padding:20px clamp(16px,5vw,72px);border-bottom:1px solid var(--line)}
header img{height:18px;display:block}
header nav{display:flex;gap:18px}
header nav a{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--mute)}
header nav a[aria-current]{color:var(--ink)}
main{max-width:760px;margin:0 auto;padding:clamp(40px,7vw,88px) clamp(16px,5vw,32px) 96px}
.eb{font:500 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mute);display:flex;gap:10px;align-items:center}
.eb b{color:var(--red);font:700 14px/1 var(--body)}
h1{font:400 clamp(34px,5vw,56px)/1.02 var(--display);margin:14px 0 28px;letter-spacing:-.01em}
h2{font:400 21px/1.2 var(--display);margin:40px 0 10px;padding-top:22px;border-top:1px solid var(--line)}
h3{font:500 16px/1.3 var(--body);margin:22px 0 6px}
p,li{color:var(--soft);margin:0 0 12px}
ul{padding-left:20px;margin:0 0 12px}
address{font-style:normal;color:var(--ink);font-size:17px;line-height:1.6}
.meta{font:400 12px/1.5 var(--mono);color:var(--mute);margin-top:48px}
code{font:400 .92em/1 var(--mono);background:#E4E2DB;padding:2px 5px}
