@import url("schriften/schriften.css");
:root{--gruen:#0A6B38;--gruen-dunkel:#03291A;--rot:#ED1C24;--sand:#F5F8F5;
  --linie:#D8E2DA;--text:#1A211C;--text-leise:#4E5A52}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--text);
  font-family:"Barlow","Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.7;
  -webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Barlow Condensed","Barlow",Arial,sans-serif;font-weight:700;margin:0;letter-spacing:.005em}
img{max-width:100%;display:block}
a{color:var(--gruen)}
.wrap{max-width:820px;margin:0 auto;padding:0 22px}

.kopf{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--linie)}
.kopf-in{max-width:1180px;margin:0 auto;padding:0 22px;display:flex;align-items:center;gap:18px;height:90px}
.kopf-in img{height:58px;width:auto}
.zurueck{margin-left:auto;font-size:15.5px;font-weight:600;text-decoration:none;color:var(--text-leise)}
.zurueck:hover{color:var(--gruen)}

.titel{background:var(--gruen-dunkel);color:#fff;padding:54px 0 46px;margin-bottom:46px}
.titel h1{font-size:clamp(34px,5vw,52px);line-height:1.05}
.titel p{margin:12px 0 0;color:#B7D4C3;font-size:17px}

main{padding-bottom:70px}
main h2{font-size:26px;color:var(--gruen-dunkel);margin:40px 0 12px;padding-top:14px;border-top:1px solid var(--linie)}
main h2:first-of-type{margin-top:0;border-top:none;padding-top:0}
main h3{font-size:19px;color:var(--gruen-dunkel);margin:24px 0 8px}
main p{margin:0 0 14px}
main ul{margin:0 0 16px;padding-left:22px}
main li{margin-bottom:7px}
main b,main strong{font-weight:700;color:var(--gruen-dunkel)}
.block{background:var(--sand);border:1px solid var(--linie);border-radius:12px;padding:20px 24px;margin:0 0 18px}
.block p:last-child{margin-bottom:0}
.stand{font-size:14.5px;color:var(--text-leise);margin-top:36px;padding-top:16px;border-top:1px solid var(--linie)}

.fuss{background:#0B120E;color:#93A399;padding:34px 0;font-size:15px}
.fuss .wrap{max-width:1180px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.fuss a{color:#93A399;text-decoration:none}
.fuss a:hover{color:#fff}

@media (max-width:640px){
  .kopf-in{height:74px}.kopf-in img{height:46px}
  .titel{padding:38px 0 32px;margin-bottom:32px}
  body{font-size:16px}
}