
:root{
  --orange:#F75C03;
  --raisin:#3F292B;
  --almond:#EAE0D5;
  --rose:#9A8C98;
  --offwhite:#FAF8F4;
  --muted:#6B5155;
}
*{margin:0; padding:0; box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  font-family:'Montserrat',system-ui,-apple-system,sans-serif;
  
  font-weight:500;
  background:var(--offwhite); color:var(--raisin);
  line-height:1.6;
}

.kopf{background:var(--raisin); color:var(--offwhite); padding:22px 24px}
.kopf-inner{max-width:820px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap}
.kopf b{font-size:20px; font-weight:800; letter-spacing:-.02em}
.kopf b i{font-style:normal; color:var(--orange)}
.kopf a{
  color:var(--offwhite); text-decoration:none; font-size:13.5px; font-weight:700;
  border-bottom:1px solid rgba(255,255,255,.3); padding-bottom:2px;
}

.kopf a:hover{color:var(--orange-hell); border-color:var(--orange-hell)}

main{max-width:820px; margin:0 auto; padding:clamp(40px,6vw,68px) 24px 80px}

.warnung{
  
  background:var(--offwhite); border-left:3px solid #B4522E;
  padding:16px 18px; border-radius:0 12px 12px 0; margin-bottom:40px;
}
.warnung b{display:block; font-size:13px; font-weight:800; color:#B4522E; margin-bottom:6px; letter-spacing:.02em}
.warnung p{font-size:13.5px; line-height:1.6; font-weight:600; color:var(--muted)}

h1{font-size:clamp(30px,4.4vw,44px); line-height:1.06; letter-spacing:-.03em; font-weight:800; margin-bottom:10px}

.stand{font-size:13px; font-weight:700; color:var(--muted); margin-bottom:40px}

h2{
  font-size:clamp(19px,2.2vw,23px); line-height:1.2; letter-spacing:-.02em; font-weight:800;
  margin:38px 0 12px; padding-top:22px; border-top:1px solid rgba(63,41,43,.14);
}
h2:first-of-type{border-top:0; padding-top:0; margin-top:0}
h3{font-size:15.5px; font-weight:800; letter-spacing:-.01em; margin:22px 0 8px}

p, li{font-size:15px; line-height:1.68; color:var(--muted); font-weight:500}
p{margin-bottom:12px}
strong{color:var(--raisin); font-weight:800}
ul, ol{margin:0 0 12px 20px}
li{margin-bottom:7px}

a{color:var(--raisin); font-weight:700}

a:hover{color:var(--raisin); text-decoration-thickness:2px}

.luecke{
  
  display:inline-block; background:transparent; border:1px dashed #B4522E; color:#B4522E;
  font-weight:800; font-size:13.5px; padding:1px 8px; border-radius:6px;
  white-space:nowrap;
}

.luecke--lang, p.luecke{
  display:block; white-space:normal; font-size:13.5px;
  padding:10px 13px; border-radius:10px; margin-bottom:12px; line-height:1.6;
}

code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.92em; font-weight:700}

.block{background:#fff; border:1px solid rgba(63,41,43,.10); border-radius:16px; padding:22px 24px; margin-bottom:16px}
.block p:last-child{margin-bottom:0}

.fuss{
  margin-top:56px; padding-top:22px; border-top:1px solid rgba(63,41,43,.14);
  font-size:13px; font-weight:600; color:var(--muted);
  display:flex; flex-wrap:wrap; gap:8px 22px; justify-content:space-between;
}
