/* Impressum + Datenschutz: same paper, fonts and boxes as the main page */
:root{--paper:#F2EEE6;--ink:#0A0A0A;--mute:#5A5A55;--line:#535352;--pink:#F00069;--gutter:clamp(16px,4vw,56px)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:"Archivo",system-ui,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px}
a:hover{text-decoration-color:var(--pink)}
:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
.top{position:sticky;top:0;display:flex;justify-content:space-between;padding:16px var(--gutter);background:var(--paper);z-index:2}
.box{border:1px solid var(--line);background:rgba(242,238,230,.8);font-family:"Bebas Neue",Impact,sans-serif;font-size:17px;letter-spacing:.06em;line-height:1;padding:10px 14px 8px;text-decoration:none}
.box a{text-decoration:none}
main{max-width:760px;margin:0 auto;padding:6vh var(--gutter) 10vh}
article+article{margin-top:12vh;padding-top:8vh;border-top:1px solid var(--ink)}
h1{font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;font-size:clamp(56px,9vw,104px);line-height:.9;margin-bottom:16px}
h2{font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;font-size:28px;line-height:1;margin:40px 0 10px}
p+p{margin-top:12px}
.note{color:var(--mute);font-size:15px}
dl{display:grid;grid-template-columns:minmax(140px,max-content) 1fr;gap:6px 24px}
dt{color:var(--mute)}
mark{background:rgba(240,0,105,.14);color:inherit;padding:0 3px}
footer{text-align:center;color:var(--mute);font-size:14px;padding:0 var(--gutter) 40px}
@media (max-width:560px){dl{grid-template-columns:1fr}dd{margin-bottom:8px}}
