.tsg-extra{max-width:1120px;margin:0 auto;padding:48px 22px 80px;color:inherit}.tsg-extra h1{font-size:clamp(2rem,5vw,3.5rem);margin:.2em 0}.tsg-extra h2{font-size:1.25rem;margin:.2em 0 .6em}.tsg-eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.tsg-lead{font-size:1.15rem;line-height:1.65;max-width:740px;margin-bottom:28px}.tsg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:28px 0}.tsg-tile{display:block;color:inherit;text-decoration:none;background:#fff;border:1px solid #dce5e0;border-radius:14px;padding:27px;box-shadow:0 5px 20px #12291b12}.tsg-tile p{margin:0;color:#4b6354}.tsg-tile:hover:is(a){border-color:#25814b;transform:translateY(-2px)}.tsg-tile-icon{font-size:32px;color:#167c43}.tsg-date{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:20px 0}.tsg-date label{display:block}.tsg-date input,.tsg-inquiry input,.tsg-inquiry textarea{box-sizing:border-box;padding:10px;border:1px solid #a6b9ab;border-radius:6px;max-width:100%;font:inherit}.tsg-date button,.tsg-inquiry button{padding:11px 22px;background:#145d38;color:white;border:0;border-radius:6px;cursor:pointer}.tsg-slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin:18px 0 36px}.tsg-slot{display:flex;flex-direction:column;padding:12px;border-radius:8px;gap:7px}.tsg-free{background:#e1f4e7;color:#14562e}.tsg-busy{background:#f4e8e5;color:#803c31}.tsg-inquiry{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px;margin-top:20px}.tsg-inquiry label{display:flex;flex-direction:column;gap:7px}.tsg-inquiry .tsg-full{grid-column:1/-1}.tsg-inquiry label:has(input[type=checkbox]){display:block}.tsg-alert{padding:14px;background:#fff1da;border-left:4px solid #ae731b;margin:22px 0}.tsg-success{background:#e0f3e6;border-color:#187544}.tsg-trap{position:absolute;left:-9999px}.tsg-note{opacity:.8;font-size:.9rem}@media(max-width:600px){.tsg-extra{padding:28px 16px}.tsg-inquiry{grid-template-columns:1fr}}/* Engagement / Zeitspender */
.engagement{--eng-green:#14683e;--eng-tint:#eef7f0;max-width:1240px}.engagement a{color:inherit}.eng-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:32px 0}.eng-card{display:flex;flex-direction:column;padding:24px;background:#fff;border:1px solid #dce8df;border-radius:16px;box-shadow:0 7px 22px #153c2410;min-width:0}.eng-card-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:var(--eng-tint);color:var(--eng-green);font-size:23px}.eng-card h2{margin:13px 0 8px;font-size:1.23rem}.eng-card>p{font-size:.94rem;color:#516356;margin:0 0 18px}.eng-card h3{background:var(--eng-tint);color:#285438;border-radius:8px;padding:9px 12px;font-size:.85rem;margin:0 0 10px}.eng-preview{flex:1}.eng-need{display:flex;gap:12px;justify-content:space-between;align-items:center;text-decoration:none;padding:13px 12px;border:1px solid #e5ede6;border-radius:10px;margin:8px 0;background:white}.eng-need:hover{border-color:var(--eng-green);background:#f5faf6}.eng-need-main{min-width:0;display:grid;gap:4px}.eng-need-main strong{font-size:.98rem}.eng-need-main small{font-size:.8rem;color:#56695c}.eng-need>span:last-child{color:var(--eng-green)}.eng-need--compact{border:0;border-bottom:1px solid #e4eae5;border-radius:0;margin:0;padding:12px 1px}.eng-need--compact strong{font-size:.9rem}.eng-effort{font-size:.82rem;color:#285f3c}.eng-button{display:inline-block;text-align:center;background:var(--eng-green);color:#fff!important;border:0;border-radius:9px;text-decoration:none;padding:12px 19px;font:inherit;font-weight:700;cursor:pointer}.eng-card>.eng-button{margin-top:20px}.eng-section{border:1px solid #dce8df;border-radius:16px;padding:24px;margin:30px 0}.eng-donations{background:#f7faf7}.eng-section h2,.eng-invite h2{font-size:1.45rem}.eng-text-link{font-weight:700;color:var(--eng-green)!important}.eng-invite{padding:30px;margin:30px 0 0;background:#e4f2e7;border-radius:16px}.eng-invite p{max-width:770px}.eng-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.eng-tabs a{display:inline-block;text-decoration:none;padding:10px 14px;border-radius:24px;background:#f2f5f2;border:1px solid #dbe7dd;font-weight:650;font-size:.9rem}.eng-tabs a.active{color:#fff;background:var(--eng-green)}.eng-list{margin:22px 0 36px}.eng-list .eng-need{padding:18px}.eng-detail{border:1px solid #dce8df;border-radius:16px;padding:26px;margin:22px 0}.eng-chip{display:inline-block;padding:7px 12px;border-radius:18px;background:var(--eng-tint);color:var(--eng-green);font-size:.86rem}.eng-slot-form{max-width:700px}.eng-slot-choice{display:flex;align-items:center;gap:12px;padding:14px;border-radius:10px;border:1px solid #dce8df;margin:10px 0;cursor:pointer}.eng-slot-choice input{width:20px;height:20px;accent-color:var(--eng-green)}.eng-slot-choice span{display:grid;gap:4px}.eng-slot-choice small{color:#56695c}.eng-muted{color:#546b5a;font-size:.9rem}@media(max-width:900px){.eng-cards{grid-template-columns:1fr}.engagement{padding:26px 18px}.eng-card{padding:20px}}

/* Engagement V2 - Farben und Proportionen des TSG-Blau/Grau-Designs */
.engagement{--eng-green:#082b3b;--eng-tint:#eef3f6;color:#102b3b;max-width:1120px}
.engagement .eng-intro{margin:0 0 28px}
.engagement .eng-intro h1{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;margin:0 0 14px;font-weight:750}
.engagement .eng-intro p{font-size:1.05rem;line-height:1.65;max-width:850px;margin:0}
.engagement .eng-cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
.engagement .eng-card{border-color:#dbe3e8;box-shadow:0 7px 22px #0929380b}
.engagement .eng-card>p{color:#4e606b}
.engagement .eng-card h3{color:#123446}
.engagement .eng-need{border-color:#e0e7ec}
.engagement .eng-need:hover{background:#f3f7f9}
.engagement .eng-need-main small,.engagement .eng-muted,.engagement .eng-slot-choice small{color:#586c76}
.engagement .eng-need--compact{border-bottom-color:#e2e7eb}
.engagement .eng-donations{background:#f5f8fa}
.engagement .eng-section,.engagement .eng-detail,.engagement .eng-slot-choice{border-color:#dce4e9}
.engagement .eng-invite{background:#edf2f5;border:1px solid #dbe3e8}
.engagement .eng-future{border-top:1px solid #cfdae1;margin-top:25px;padding-top:21px}
.engagement .eng-future h3{font-size:1.1rem;margin:0 0 8px}
.engagement .eng-future p{margin:0 0 10px}
.engagement .eng-text-link{color:#082b3b!important}
@media(max-width:760px){.engagement .eng-cards{grid-template-columns:1fr}}


/* Zukunftswerkstatt – bewusst abgestimmt auf das Blau/Grau der TSG. */
.zw-page{--zw-ink:#0a2d40;--zw-muted:#516572;--zw-line:#dbe4e9;--zw-tint:#eff3f6;max-width:1120px;color:var(--zw-ink)}
.zw-page .zw-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,.8fr);gap:28px;align-items:stretch;margin:0 0 52px}
.zw-page .zw-hero-content{padding:12px 0}
.zw-page .zw-kicker{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--zw-muted);margin:0 0 15px}
.zw-page h1{font-size:clamp(2.25rem,4vw,3.4rem);letter-spacing:-.035em;margin:0 0 14px}
.zw-page .zw-hero-line{font-size:clamp(1.25rem,2.5vw,1.7rem);font-weight:700;margin:0 0 15px}
.zw-page .zw-lead{max-width:720px;font-size:1.06rem;line-height:1.7;color:#344c5b;margin:0 0 24px}
.zw-page .zw-button{display:inline-flex;align-items:center;gap:20px;justify-content:center;background:#0a2d40;border:1px solid #0a2d40;border-radius:8px;color:#fff;text-decoration:none;padding:12px 20px;font-weight:700}
.zw-page .zw-button:hover,.zw-page .zw-button:focus-visible{background:#164458;color:#fff}
.zw-page .zw-extern{color:var(--zw-muted);font-size:.8rem;margin:10px 0 0}
.zw-page .zw-hero-aside{background:var(--zw-tint);border:1px solid var(--zw-line);border-radius:16px;padding:30px;display:flex;flex-direction:column;justify-content:center}
.zw-page .zw-quote-mark{font-size:4.5rem;font-family:Georgia,serif;line-height:.5;color:#829ba8}
.zw-page .zw-hero-aside p{font-size:1.5rem;line-height:1.35;font-weight:700;margin:12px 0 24px}
.zw-page .zw-hero-aside small{font-size:.9rem;color:var(--zw-muted)}
.zw-page .zw-rule{height:2px;width:52px;background:#8fa7b3;margin-bottom:15px}
.zw-page .zw-section-heading{margin-bottom:22px}.zw-page .zw-section-heading h2{font-size:1.65rem;margin:0 0 8px}
.zw-page .zw-section-heading p{margin:0;color:var(--zw-muted);line-height:1.6;max-width:760px}
.zw-page .zw-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:40px}
.zw-page .zw-card{background:#fff;border:1px solid var(--zw-line);border-radius:14px;padding:25px;min-width:0}
.zw-page .zw-number{font-size:.85rem;font-weight:750;color:#7893a1}.zw-page .zw-card h3{font-size:1.23rem;margin:18px 0 10px}
.zw-page .zw-card p{color:var(--zw-muted);line-height:1.6;margin:0}
.zw-page .zw-cta{background:var(--zw-tint);border-radius:16px;border:1px solid var(--zw-line);padding:30px;display:flex;align-items:center;gap:24px;justify-content:space-between;margin:0 0 20px}
.zw-page .zw-cta h2,.zw-page .zw-crosslink h2{font-size:1.4rem;margin:0 0 10px}
.zw-page .zw-cta p,.zw-page .zw-crosslink p{color:var(--zw-muted);line-height:1.6;margin:0;max-width:650px}
.zw-page .zw-cta .zw-button{flex-shrink:0}
.zw-page .zw-crosslink{border-top:1px solid var(--zw-line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.zw-page .zw-text-link{font-weight:700;color:var(--zw-ink);white-space:nowrap}
@media(max-width:850px){.zw-page .zw-hero{grid-template-columns:1fr}.zw-page .zw-hero-aside{padding:24px}.zw-page .zw-three{grid-template-columns:1fr}.zw-page .zw-cta,.zw-page .zw-crosslink{align-items:flex-start;flex-direction:column}}

/* Zukunftswerkstatt: Projekte sind zugleich Arbeitsgruppen */
.zw-page .zw-intro{margin:0 0 42px;max-width:820px}
.zw-page .zw-intro h1{margin-bottom:12px}
.zw-page .zw-project-section{margin:0 0 36px}
.zw-page .zw-note{font-size:.86rem;color:var(--zw-muted);margin:12px 0 20px}
.zw-page .zw-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.zw-page .zw-project-card{padding:23px;background:#fff;border:1px solid var(--zw-line);border-radius:13px;display:flex;flex-direction:column;gap:12px}
.zw-page .zw-project-card h3{font-size:1.2rem;margin:0}
.zw-page .zw-project-card p{margin:0 0 10px;line-height:1.6;color:var(--zw-muted);flex:1}
.zw-page .zw-project-state{font-size:.8rem;color:var(--zw-muted);background:var(--zw-tint);padding:5px 9px;border-radius:7px;align-self:start}
.zw-page .zw-document-panel{background:var(--zw-tint);border:1px solid var(--zw-line);padding:28px;border-radius:14px;margin-bottom:24px}
.zw-page .zw-document-panel h2{margin:0 0 10px;font-size:1.5rem}
.zw-page .zw-document-panel p{max-width:850px;line-height:1.65}
@media(max-width:700px){.zw-page .zw-project-grid{grid-template-columns:1fr}}

/* Zukunftswerkstatt V3: Projektkacheln als Links und Projektansicht */
.zw-page .zw-project-card--link{color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.zw-page .zw-project-card--link:hover,.zw-page .zw-project-card--link:focus-visible{border-color:#799aaa;box-shadow:0 4px 18px rgba(10,45,64,.1)}
.zw-page .zw-card-more{font-weight:700;color:#0a2d40;margin-top:auto}
.zw-page .zw-breadcrumb{color:#516572;margin:0 0 22px;font-size:.92rem}
.zw-page .zw-breadcrumb a{color:#0a2d40}
.zw-page .zw-detail-panel{background:#fff;border:1px solid #dbe4e9;border-radius:14px;padding:26px;margin:0 0 26px;max-width:900px;line-height:1.7}
.zw-page .zw-detail-panel h2{font-size:1.4rem;margin:18px 0 10px}
.zw-page .zw-detail-panel h2:first-child{margin-top:0}
.zw-page .zw-detail-panel li{margin:7px 0}