.foerderverein-hero{padding:6rem 0 5rem;background:var(--ink);position:relative;overflow:hidden}
.foerderverein-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 85% at 82% 48%,rgba(217,0,43,.3),transparent 70%);pointer-events:none}
.foerderverein-hero .container{position:relative;z-index:1}


.foerderverein-hero h1{max-width:900px;margin:0 0 1.25rem;color:var(--white);font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.05;letter-spacing:-.03em}
.foerderverein-lead{max-width:720px;}

.foerderverein-bereich{padding:5rem 0}
.foerderverein-bereich-hell{background:var(--white)}
.foerderverein-bereich-sand{background:var(--sand)}

.foerderverein-bereich h2,.foerderverein-cta h2{margin:.1rem 0 .8rem;font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;letter-spacing:-.02em}

.foerderverein-textblock>p:not(.bereich-tag):not(.bereich-lead),.foerderverein-bereich>.container>p:not(.bereich-tag):not(.bereich-lead):not(.hinweis){max-width:820px;color:var(--ink-soft);line-height:1.75}

.merkmal-liste{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem;max-width:980px}
.merkmal-liste li{position:relative;padding:1rem 1.2rem 1rem 2.6rem;background:var(--white);border:1px solid var(--sand-dk);border-radius:7px;line-height:1.6}
.merkmal-liste li::before{content:"→";position:absolute;left:1rem;top:1rem;color:var(--rot);font-weight:900}

.beitrag-stufen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:2.2rem 0}
.stufe{padding:1.4rem;background:var(--sand);border:1px solid var(--sand-dk);border-radius:8px}
.stufe dt{font-size:1.55rem;font-weight:900;color:var(--rot);line-height:1.15}
.stufe dd{margin:.55rem 0 0;color:var(--ink-soft);font-size:.9rem;line-height:1.55}

.vorstand-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:2.2rem}
.vorstand-karte{display:grid;grid-template-columns:200px 1fr;gap:1rem;align-items:center;padding:1rem;background:var(--white);border:1px solid var(--sand-dk);border-radius:8px;min-width:0}
.vorstand-bild{width:200px;aspect-ratio:1;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--sand),var(--sand-dk));border-radius:7px}
.weitere-bild{width:104px;aspect-ratio:1;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--sand),var(--sand-dk));border-radius:7px}
.vorstand-bild img,.weitere-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;z-index:2}
.personen-fallback{position:absolute;inset:0;display:grid;place-items:center;color:rgba(168,0,33,.22);font-size:1.7rem;font-weight:900}
.vorstand-inhalt h3,.weitere-ansprechpartnerin h3{margin:.15rem 0 0;font-size:1.03rem;line-height:1.3}
.personen-rolle{margin:0;color:var(--rot-deep);font-size:.69rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;line-height:1.45}
.personen-rolle-normal{margin:.35rem 0 .65rem;text-transform:none;letter-spacing:0;font-size:.84rem}

.schritt-liste{list-style:none;counter-reset:schritt;padding:0;margin:2rem 0;display:grid;gap:1rem;max-width:850px}
.schritt-liste li{counter-increment:schritt;position:relative;padding:1.1rem 1.2rem 1.1rem 4rem;background:var(--sand);border-radius:8px}
.schritt-liste li::before{content:counter(schritt);position:absolute;left:1rem;top:1.05rem;width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;background:var(--rot);color:var(--white);font-weight:900}
.schritt-liste h3{margin:.05rem 0 .25rem;font-size:1rem}
.schritt-liste p{margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.6}
.button-zeile{margin-top:1.5rem}

.hinweis{max-width:760px;margin:1rem 0 0;color:var(--ink-soft);font-size:.86rem;line-height:1.65}

.kontakt-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:2rem}
.kontakt-karte{padding:1.5rem;background:var(--white);border:1px solid var(--sand-dk);border-radius:8px}
.kontakt-ueberschrift{margin:0 0 .45rem!important;color:var(--rot-deep)!important;font-size:.72rem!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.kontakt-karte p{margin:.2rem 0 .7rem;color:var(--ink-soft)}
.kontakt-karte a{color:var(--rot-deep);font-weight:700}
.kontakt-karte address{font-style:normal;color:var(--ink-soft);line-height:1.7}
.weitere-ansprechpartnerin{display:grid;grid-template-columns:104px 1fr;gap:1.3rem;align-items:center;max-width:680px;margin-top:1.4rem;padding:1.2rem;background:rgba(253,250,245,.68);border:1px solid var(--sand-dk);border-radius:8px}
.weitere-ansprechpartnerin>div:last-child>p:last-child{margin:.25rem 0 0;color:var(--ink-soft);font-size:.88rem;line-height:1.6}

.foerderverein-cta{padding:5rem 0;background:linear-gradient(135deg,var(--rot-deep),var(--rot));color:var(--white);text-align:center}
.foerderverein-cta p{max-width:680px;margin:0 auto;color:rgba(253,250,245,.8);line-height:1.7}




@media(max-width:900px){

  .beitrag-stufen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vorstand-raster{grid-template-columns:1fr}
}
@media(max-width:620px){

  .foerderverein-hero{padding:4rem 0 3.5rem}
  .foerderverein-bereich,.foerderverein-cta{padding:3.8rem 0}
  .merkmal-liste,.beitrag-stufen,.kontakt-raster{grid-template-columns:1fr}
  .vorstand-karte{grid-template-columns:104px 1fr}
  .weitere-ansprechpartnerin{grid-template-columns:84px 1fr}
  .vorstand-bild{width:104px}
  .weitere-bild{width:84px}
}