:root { --tinte:#16181d; --grau:#565c69; --linie:#e3e5ea; }
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body {
  margin:0; padding:clamp(2rem,6vw,5rem) clamp(1.25rem,5vw,2rem);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:17px; line-height:1.65; color:var(--tinte); background:#fbfbfc;
}
main { max-width:38rem; margin:0 auto; }
.marke { font-size:.85rem; letter-spacing:.22em; text-transform:uppercase; color:var(--grau); margin:0 0 2.5rem; }
h1 { font-size:clamp(1.6rem,4vw,2.1rem); line-height:1.2; margin:0 0 2rem; font-weight:600; }
h2 { font-size:.85rem; letter-spacing:.12em; text-transform:uppercase; color:var(--grau);
     font-weight:600; margin:2.25rem 0 .4rem; }
p, li { margin:0 0 .4rem; }
ul { margin:0 0 .4rem; padding-left:1.2rem; }
address { font-style:normal; }
a { color:var(--tinte); }
a:focus-visible { outline:2px solid var(--tinte); outline-offset:2px; }
hr { border:0; border-top:1px solid var(--linie); margin:3rem 0 1.5rem; }
footer { font-size:.9rem; color:var(--grau); }
footer nav a { margin-right:1.25rem; }