/* Mitglied werden: ausschließlich auf diese Seite begrenzt. */
.gf-join { color:#1f1f1f; padding-top:.5rem; padding-bottom:3rem; }
.gf-join h1,.gf-join h2,.gf-join h3 { color:#176b35; text-wrap:balance; }
.gf-join h1 { font-size:clamp(2.1rem,4vw,3rem); line-height:1.15; margin:0; margin-bottom:1rem; }
.gf-join h2 { font-size:clamp(1.45rem,2.5vw,1.85rem); line-height:1.25; margin:0 0 1.2rem; }
.gf-join h3 { font-size:1.3rem; line-height:1.3; margin:.8rem 0; }
.gf-join p { line-height:1.7; margin:0 0 1rem; }
.gf-join-intro { max-width:52rem; margin:0 0 2.5rem; }
.gf-join .gf-join-eyebrow { color:#176b35; font-weight:700; font-size:.8rem; letter-spacing:.09em; text-transform:uppercase; margin-bottom:.6rem; }
.gf-join-lead { font-size:1.1rem; }
.gf-join-button { display:inline-flex; justify-content:center; align-items:center; gap:.8rem; padding:.75rem 1.1rem; border-radius:.7rem; background:#176b35; color:#fff !important; font-weight:700; line-height:1.4; text-decoration:none; }
.gf-join-button:hover { background:#145a2c; color:#fff; text-decoration:none; }
.gf-join a:focus-visible { outline:3px solid #bb8b26; outline-offset:4px; }
.gf-join-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; }
.gf-join-card { display:flex; flex-direction:column; padding:1.5rem; background:#f4f7f4; border:1px solid rgba(23,107,53,.14); border-radius:1rem; border-top:4px solid #176b35; }
.gf-join-card:nth-child(2),.gf-join-card:nth-child(3) { background:#fff; }
.gf-join-number { color:#176b35; background:#e5efe7; width:2.2rem; height:2.2rem; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; font-size:.8rem; font-weight:750; }
.gf-join-more { color:#145a2c; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.gf-join-more:hover { color:#0d4020; }
.gf-join-card .gf-join-more { margin-top:auto; padding-top:.35rem; align-self:flex-start; }
.gf-join-download { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:2rem; align-items:center; background:#143021; color:#fff; border-radius:1rem; padding:2rem; margin:2rem 0 1.3rem; scroll-margin-top:9rem; }
.gf-join-download h2 { color:#fff; margin-bottom:.8rem; }
.gf-join-download .gf-join-eyebrow { color:#a9d6b5; }
.gf-join-download p:last-child { margin-bottom:0; }
.gf-join-download-action { display:flex; flex-direction:column; gap:.6rem; text-align:center; }
.gf-join-download-action > span { font-size:.8rem; color:#d6e8db; }
.gf-join-button-light { background:#fff; color:#145a2c !important; }
.gf-join-button-light:hover { background:#e7f3eb; }
.gf-join-note { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:1.5rem; background:#f4f7f4; border:1px solid rgba(23,107,53,.14); border-radius:1rem; }
.gf-join-note h2 { font-size:1.25rem; margin-bottom:.5rem; }
.gf-join-note p { margin:0; }
.gf-join-note > div { max-width:42rem; }
.gf-join-note > a { flex:0 0 auto; }
@media(max-width:767px) { .gf-join-grid,.gf-join-download { grid-template-columns:1fr; } .gf-join-card { padding:1.25rem; } .gf-join-download { padding:1.5rem; gap:1.4rem; } .gf-join-note { display:block; padding:1.25rem; } .gf-join-note > a { display:inline-block; margin-top:1rem; } }

/* Bestehende Vereinsfotos in den vier Mitmach-Karten. */
.gf-join-card-photo { display:block; width:100%; height:auto; aspect-ratio:3 / 2; object-fit:cover; object-position:center; border-radius:.7rem; margin:.85rem 0 .15rem; background:#e5efe7; }
.gf-join-card:first-child .gf-join-card-photo { object-position:center 42%; }
.gf-join-card:nth-child(2) .gf-join-card-photo { object-position:center 56%; }