:root{
  color-scheme:dark;
  --ink:#08080a; --line:rgba(255,255,255,.09); --line2:rgba(255,255,255,.16);
  --smoke:#86705e; --mist:#a3836a; --mocha:#8a6445; --bone:#ecece9; --white:#fff;
  --serif:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --sans:"Geist",-apple-system,"Helvetica Neue",Arial,sans-serif;
  --mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --gutter:clamp(16px,4vw,56px);
}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--bone);font:400 17px/1.65 var(--sans)}
a{color:inherit;text-underline-offset:3px}
a:hover{color:var(--white)}
:focus-visible{outline:1px solid var(--white);outline-offset:4px;border-radius:6px}
.wrap{padding-inline:var(--gutter);max-width:860px;margin-inline:auto}
.kopf{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:28px;border-bottom:1px solid var(--line)}
.brand{font:500 12.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.brand em{font:italic 500 17px/1 var(--serif);letter-spacing:0;text-transform:none;color:var(--mocha);margin-left:3px}
.zurueck{font:500 13px/1 var(--mono);letter-spacing:.06em;text-decoration:none;color:var(--mist);padding:11px 14px;border:1px solid var(--line2);border-radius:999px}
main{padding-block:clamp(56px,10vh,110px)}
.label{display:block;font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--smoke);margin-bottom:18px}
h1{font:500 clamp(44px,7vw,84px)/.95 var(--serif);letter-spacing:-.035em;margin:0 0 44px}
h2{font:500 clamp(24px,2.6vw,30px)/1.15 var(--serif);margin:48px 0 12px}
p,li{color:#d6d2cc;margin:0 0 14px}
ul{padding-left:1.2em;margin:0 0 14px}
.fuss{padding-block:28px 40px;border-top:1px solid var(--line);color:var(--mist);font-size:14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px}
.fuss nav{display:flex;gap:20px}
@media (max-width:600px){body{font-size:16px}h1{margin-bottom:32px}}