:root{
  --grund:#0A0908; --flaeche:#121110; --hoch:#1A1816;
  --ink:#FAF7F4; --leise:#A39B92;
  --bronze:#DB9B52; --bronzehell:#E7B27E;
  --haar:rgba(231,178,126,.09); --kante:rgba(231,178,126,.20);
  --schrift:'Archivo Variable','Archivo',Arial,system-ui,sans-serif;
}
*{box-sizing:border-box}
html{background:var(--grund)}
body{margin:0;background:var(--grund);color:var(--ink);font-family:var(--schrift);
  font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;
  font-variation-settings:"wght" 400}
.blatt{max-width:44rem;margin:0 auto;padding:3rem 1.5rem 6rem}

.kopf{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding-bottom:2.5rem;border-bottom:1px solid var(--haar);margin-bottom:3rem}
.marke{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink)}
.marke svg{width:1.6rem;height:1.6rem;display:block}
.marke span{font-size:1.4rem;font-variation-settings:"wght" 700;letter-spacing:-.03em}
.zurueck{font-size:.875rem;color:var(--leise);text-decoration:none}
.zurueck:hover{color:var(--bronzehell)}

h1{font-size:clamp(2rem,5vw,2.75rem);line-height:1.02;letter-spacing:-.04em;
  font-variation-settings:"wght" 700;margin:0 0 .75rem;text-wrap:balance}
.stand{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--leise);font-variation-settings:"wght" 600;margin:0 0 3rem}
h2{font-size:1.25rem;letter-spacing:-.02em;font-variation-settings:"wght" 700;
  margin:3rem 0 .75rem;text-wrap:balance}
h3{font-size:1rem;letter-spacing:-.01em;font-variation-settings:"wght" 600;margin:1.75rem 0 .35rem}
p{margin:0 0 1rem;max-width:38rem}
a{color:var(--bronzehell);text-decoration-thickness:1px;text-underline-offset:3px}
a:focus-visible{outline:2px solid var(--bronze);outline-offset:3px;border-radius:2px}
ul{padding-left:1.15rem;margin:0 0 1rem;max-width:38rem}
li{margin-bottom:.4rem}
li::marker{color:var(--bronze)}
.leise{color:var(--leise)}

.block{background:var(--flaeche);border:1px solid var(--haar);border-radius:10px;
  padding:1.25rem 1.4rem;margin:1.25rem 0}
.block > *:first-child{margin-top:0}.block > *:last-child{margin-bottom:0}
.block.hinweis{border-left:2px solid var(--bronze)}
.etikett{font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;
  font-variation-settings:"wght" 600;color:var(--bronze);display:block;margin-bottom:.5rem}

dl{margin:0 0 1rem;display:grid;grid-template-columns:11rem 1fr;gap:.4rem 1.5rem;max-width:38rem}
dt{color:var(--leise);font-size:.9375rem}
dd{margin:0}
@media(max-width:32rem){dl{grid-template-columns:1fr;gap:0}
  dt{margin-top:.75rem;font-size:.8125rem}}

.fuss{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--haar);
  font-size:.875rem;color:var(--leise);display:flex;gap:1.5rem;flex-wrap:wrap}
.fuss a{color:var(--leise)}
.offen{color:#D4704F;font-variation-settings:"wght" 600}