.bereich{padding:5.5rem 0}.bereich-sand{background:var(--sand)}


.bereich h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.15;margin:.1rem 0 1rem}

.bereich-kopf{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2.2rem}
.textlink{font-weight:700;color:var(--rot-deep)}


.hero{background:var(--ink);color:var(--white);display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 70% 40%,rgba(217,0,43,.35),transparent 70%),radial-gradient(ellipse 40% 60% at 20% 80%,rgba(184,150,46,.12),transparent 60%)}
.hero-inhalt,.stifterzitat{position:relative;z-index:1}
.hero-inhalt{padding:5rem 4rem 5rem max(2rem,calc((100vw - var(--max))/2))}

.hero h1{font-size:clamp(2.7rem,4.4vw,4rem);line-height:1.05;margin:0 0 1.4rem;max-width:12ch}
.hero-lead{max-width:31rem;}
.hero-aktionen{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0}
.hero-kennzahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:2.4rem 0 0;max-width:38rem}
.hero-kennzahlen div{padding:1rem;border:1px solid rgba(253,250,245,.15);border-radius:var(--r);background:rgba(253,250,245,.04)}
.hero-kennzahlen dt{font-weight:900;font-size:1.35rem;color:var(--gold-lt)}.hero-kennzahlen dd{margin:.15rem 0 0;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(253,250,245,.6)}
.stifterzitat{align-self:center;margin:4rem max(2rem,calc((100vw - var(--max))/2)) 4rem 2rem;padding:2.5rem;border:1px solid rgba(184,150,46,.3);border-radius:10px;background:rgba(253,250,245,.05)}
.stifterzitat blockquote{margin:0 0 1.3rem;font-size:1.25rem;font-style:italic;line-height:1.6}
.stifterzitat figcaption a{color:var(--white);font-weight:800;text-decoration-color:var(--gold)}.stifterzitat figcaption span{display:block;color:rgba(253,250,245,.58);font-size:.82rem;margin-top:.2rem}

.mission-raster{display:grid;grid-template-columns:1.15fr .85fr;gap:5rem;align-items:center}
.mission-punkte{counter-reset:mission;list-style:none;padding:0;margin:2.2rem 0 0;display:grid;gap:1.4rem}
.mission-punkte li{counter-increment:mission;position:relative;padding-left:3.3rem}.mission-punkte li::before{content:counter(mission,decimal-leading-zero);position:absolute;left:0;top:.05rem;color:var(--gold);font-size:1.5rem;font-weight:900}.mission-punkte h3{margin:0 0 .25rem}.mission-punkte p{margin:0;color:var(--ink-soft)}
.leitbild-zitat{margin:0;padding:3rem;background:var(--ink);color:var(--white);border-radius:10px}.leitbild-zitat blockquote{margin:0;font-size:1.15rem;font-style:italic}.leitbild-zitat figcaption{margin-top:1.2rem;color:var(--gold-lt);font-size:.82rem;font-weight:700}

.wirkungsfelder-raster{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.wirkungsfeld{background:var(--white);padding:1.7rem;border-radius:8px;border-top:3px solid var(--rot);box-shadow:0 5px 20px rgba(26,20,16,.06)}.wirkungsfeld h3{margin:.1rem 0 .6rem}.wirkungsfeld p{color:var(--ink-soft);font-size:.9rem}.wirkungsfeld a{font-weight:700;color:var(--rot-deep)}

.themen-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.4rem}.themen-raster>a{display:block;padding:1.5rem;text-decoration:none;background:var(--white);border:1px solid var(--sand-dk);border-radius:8px;transition:transform .15s,box-shadow .15s}.themen-raster>a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(26,20,16,.08)}.themen-raster strong{display:block;margin-bottom:.35rem}.themen-raster span{display:block;color:var(--ink-soft);font-size:.86rem}.thema-cta{background:var(--ink)!important;color:var(--white)}.thema-cta span{color:rgba(253,250,245,.65)!important}

.beitraege-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:2rem 0 4rem}.beitrag{background:var(--white);padding:1.6rem;border-radius:8px;box-shadow:0 5px 20px rgba(26,20,16,.06)}.beitrag .meta{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--rot)}.beitrag h3{line-height:1.3}.beitrag p:not(.meta){color:var(--ink-soft);font-size:.9rem}.beitrag a{font-weight:700;color:var(--rot-deep)}
.fachbeirat-teaser{display:grid;grid-template-columns:1.4fr .6fr;gap:2rem;background:var(--white);padding:2.5rem;border-radius:10px;align-items:center}.fachbeirat-teaser p{color:var(--ink-soft)}.fachbeirat-person{display:grid;gap:1rem;justify-items:center;text-align:center}.fachbeirat-person img{width:180px;aspect-ratio:1;object-fit:cover;border-radius:50%}.fachbeirat-person span{display:block;color:var(--ink-soft);font-size:.8rem}

.mitwirken{background:linear-gradient(135deg,var(--rot-deep),var(--rot));color:var(--white)}.mitwirken-raster{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:start}.mitwirken-raster > div:first-child > p:not(.bereich-tag){color:rgba(253,250,245,.78)}.mitwirken-optionen{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:2rem}.mitwirken-optionen a{padding:1rem;text-decoration:none;background:rgba(253,250,245,.08);border:1px solid rgba(253,250,245,.13);border-radius:6px}.mitwirken-optionen strong,.mitwirken-optionen span{display:block}.mitwirken-optionen span{font-size:.82rem;color:rgba(253,250,245,.65);margin-top:.2rem}.formular-platz{background:var(--white);color:var(--ink);padding:2rem;border-radius:10px}.formular-platz .formular-fallback{color:var(--ink-soft)}

@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.hero-inhalt{padding:5rem 2rem 2rem}.stifterzitat{margin:1rem 2rem 4rem}.mission-raster,.mitwirken-raster{grid-template-columns:1fr}.wirkungsfelder-raster{grid-template-columns:1fr 1fr}.themen-raster,.beitraege-raster{grid-template-columns:1fr 1fr}.fachbeirat-teaser{grid-template-columns:1fr}}
@media(max-width:600px){.hero-kennzahlen,.wirkungsfelder-raster,.themen-raster,.beitraege-raster,.mitwirken-optionen{grid-template-columns:1fr}.bereich-kopf{align-items:flex-start;flex-direction:column}.bereich{padding:4rem 0}.stifterzitat{padding:1.8rem}}
@media(prefers-reduced-motion:reduce){.themen-raster>a{transition:none}}