:root{--gruen-tief:#2f5d3f;--gruen-mittel:#4a7a58;--gruen-hell:#e8efe6;--sand:#f6f4ee;--akzent:#c46a3f;--akzent-dunkel:#a9552e;--text:#23302a;--text-leise:#5c6b60;--gelb:#f4e2b8;--gelb-linie:#d8b968;--weiss:#fff;--schatten:0 6px 22px rgba(30,55,38,.10);--radius:16px;--breite:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}section[id]{scroll-margin-top:150px}body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--sand);line-height:1.6;font-size:17px}h1,h2,h3{line-height:1.2;color:var(--gruen-tief)}h1{font-size:2.1rem}h2{font-size:1.7rem;margin:0 0 .5em}h3{font-size:1.2rem;margin:0 0 .45em}p{margin:.35em 0 1em}a{color:var(--gruen-mittel)}.container{width:min(var(--breite),92%);margin-inline:auto}.abschnitt{padding:62px 0}.abschnitt:nth-of-type(even){background:var(--gruen-hell)}.zentriert{text-align:center}.klein{font-size:.9rem;color:var(--text-leise)}.btn{display:inline-block;padding:9px 16px;border-radius:14px;font-weight:700;text-decoration:none;border:2px solid transparent}.btn-primaer{background:var(--akzent);color:#fff}.btn-sekundaer{background:transparent;color:#fff;border-color:#fff}.btn-gruen{background:var(--gruen-tief);color:#fff}header{position:sticky;top:0;z-index:50;background:var(--gruen-tief);color:#fff;box-shadow:var(--schatten)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.marke{display:flex;align-items:center;gap:10px;font-weight:800;color:#fff;text-decoration:none}.marke .blatt{font-size:1.6rem}.marke small{display:block;font-weight:500;font-size:.72rem;opacity:.85}.nav-links{display:flex;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.nav-links a{color:#fff;text-decoration:none;padding:8px 12px;border-radius:10px;font-size:.95rem}.menue-btn{display:none;background:none;border:0;color:#fff;font-size:1.8rem}.statusbanner{background:var(--gelb);border-bottom:3px solid var(--gelb-linie);color:#5a4a1e;padding:12px 0}.statusbanner .container{display:flex;gap:12px;align-items:flex-start}.statusbanner .tag{background:#5a4a1e;color:#fff;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap}.hero{background:linear-gradient(180deg,rgba(28,52,36,.45),rgba(28,52,36,.78)),url("../img/wald.jpg") center/cover no-repeat;color:#fff;padding:78px 0 120px;position:relative;overflow:hidden}.hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:110px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1440' height='110' viewBox='0 0 1440 110' preserveAspectRatio='none'><path fill='%23f6f4ee' d='M0,70 C220,30 360,95 620,80 C860,66 1000,25 1200,55 C1320,72 1380,86 1440,78 L1440,110 L0,110 Z'/></svg>") center/cover no-repeat}.hero .container{position:relative;z-index:1}.hero h1{color:#fff;font-size:2.4rem;margin:0 0 .2em;text-shadow:0 2px 12px rgba(0,0,0,.3)}.hero .unter{font-size:1.05rem;opacity:.95;max-width:640px;margin:0 auto 1.4em;text-shadow:0 1px 8px rgba(0,0,0,.35)}.hero .orte{font-size:.9rem;opacity:.9;letter-spacing:.3px;text-transform:uppercase;margin-bottom:1.6em}.hero-aktionen{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.termin-banner{background:var(--weiss);border-radius:var(--radius);box-shadow:var(--schatten);border-left:6px solid var(--akzent);padding:22px 26px;display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;margin-bottom:36px}.tb-count{text-align:center;min-width:130px}.tb-count .label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--akzent);display:block}.countdown{font-size:2rem;font-weight:800;color:var(--gruen-tief);line-height:1.1}.meldungen-titel{margin:0 0 18px}.meldungen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.meldung{background:#fff;border-left:5px solid var(--gruen-mittel);border-radius:12px;padding:16px 18px;box-shadow:var(--schatten)}.meldung .datum{font-size:.82rem;color:var(--text-leise);font-weight:600}.fakten{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.fakt{background:#fff;border-radius:var(--radius);padding:22px 14px;text-align:center;box-shadow:var(--schatten);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:128px}.fakt .zahl{font-size:1.8rem;font-weight:800;color:var(--akzent);display:block;line-height:1.15}.fakt .lbl{display:block;margin-top:8px}.rubriken{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.rubrik{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--schatten);text-decoration:none;color:var(--text);display:flex;flex-direction:column}.rubrik .icon{font-size:1.8rem}.rubrik .mehr{margin-top:auto;padding-top:12px;color:var(--akzent);font-weight:700}.karte-wrap{margin-top:24px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--schatten);background:#fff}.karte-wrap iframe{display:block;width:100%;height:420px;border:0}.karte-hinweis{padding:12px 16px;font-size:.9rem;color:var(--text-leise);background:#fff}.downloads,.gutachten{list-style:none;padding:0;margin:0}.downloads li,.gutachten li{background:#fff;border-radius:12px;padding:14px 18px;margin-bottom:12px;box-shadow:var(--schatten);display:flex;justify-content:space-between;align-items:center;gap:12px}.absprung{background:#fff;border-radius:var(--radius);box-shadow:var(--schatten);padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:42px;border-left:6px solid var(--gruen-mittel)}.forderungen{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.forderungen li{background:#fff;border-radius:12px;padding:14px 18px 14px 46px;position:relative;box-shadow:var(--schatten)}.forderungen li::before{content:"✓";position:absolute;left:16px;top:14px;color:var(--gruen-mittel);font-weight:800}.mitmachen-box{background:var(--gruen-tief);color:#fff;border-radius:var(--radius);padding:32px;text-align:center}.mitmachen-box h2{color:#fff}.btn-reihe{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:12px}.kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.seitenkopf{background:var(--gruen-tief);color:#fff;padding:42px 0}.seitenkopf h1{color:#fff;margin-bottom:.25em}.zurueck{display:inline-block;margin-bottom:18px;color:#fff;text-decoration:none}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline::before{content:"";position:absolute;left:18px;top:0;bottom:0;width:3px;background:var(--gruen-hell)}.timeline li{position:relative;padding:0 0 28px 54px}.timeline li::before{content:"";position:absolute;left:11px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--akzent);border:3px solid #fff;box-shadow:var(--schatten)}.timeline .datum{font-weight:700;color:var(--gruen-tief)}.timeline .karte-eintrag{background:#fff;border-radius:12px;box-shadow:var(--schatten);padding:16px 18px;margin-top:6px}.unter-titel{margin:10px 0 14px;color:var(--gruen-mittel)}.block-abstand{margin-top:46px}.zitat{background:#fff;border-radius:12px;box-shadow:var(--schatten);padding:18px 20px;border-left:5px solid var(--akzent);margin-bottom:16px}.zitat-text{font-size:1.1rem;font-style:italic;margin:0 0 .3em}.status-chip{background:var(--gelb);color:#5a4a1e;border:1px solid var(--gelb-linie);border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:700;white-space:nowrap}.beteiligte-box{background:#fff;border-radius:var(--radius);box-shadow:var(--schatten);padding:8px 6px;margin:10px 0 4px}table.beteiligte{width:100%;border-collapse:collapse}table.beteiligte td{padding:11px 14px;border-bottom:1px solid var(--gruen-hell);font-size:.98rem;vertical-align:top}td.b-rolle{font-weight:700;color:var(--gruen-tief);width:44%}.orte-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:10px}.ort-karte{background:#fff;border-radius:12px;box-shadow:var(--schatten);padding:16px;border-top:4px solid var(--gruen-mittel)}.ort-name{font-weight:800;color:var(--gruen-tief);margin-bottom:4px}.faktenbox{background:#fff;border-radius:16px;box-shadow:var(--schatten);padding:24px;border-left:6px solid var(--akzent);margin:22px 0 26px}.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 26px}.highlight-card{background:#fff;border-radius:16px;box-shadow:var(--schatten);padding:20px;border-top:5px solid var(--gruen-mittel)}.highlight-card.konflikt{border-top-color:var(--akzent)}.highlight-icon{font-size:1.7rem}.highlight-card h3{margin-top:8px}.highlight-card .zahl{font-size:2.2rem;font-weight:900;color:var(--akzent);line-height:1}.hinweisbox{border-left:5px solid var(--gelb-linie);background:#fff9e8;border-radius:12px;padding:14px 18px;margin:18px 0 26px}.qa-gruppe{margin-top:42px}.qa-gruppe:first-of-type{margin-top:18px}.qa-gruppe h2{padding-bottom:8px;border-bottom:2px solid var(--gruen-hell)}.qa{background:#fff;border-radius:14px;box-shadow:var(--schatten);padding:18px 20px;margin:16px 0}.qa h3{color:var(--akzent)}.quellenhinweis{font-size:.9rem;color:var(--text-leise);border-top:1px solid var(--gruen-hell);padding-top:14px;margin-top:28px}footer{background:#22322a;color:#cdd8ce;padding:36px 0;font-size:.9rem}footer a{color:#e8efe6}.footer-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.version-note{font-size:.8rem;color:#cdd8ce}@media(max-width:900px){.highlight-grid{grid-template-columns:1fr}}@media(max-width:820px){.menue-btn{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--gruen-tief);flex-direction:column;padding:10px 16px 18px}.nav-links.offen{display:flex}.termin-banner{grid-template-columns:1fr;text-align:center}.fakten{grid-template-columns:1fr 1fr}.kontakt-grid{grid-template-columns:1fr}.hero h1{font-size:1.9rem}.karte-wrap iframe{height:320px}.downloads li,.gutachten li{align-items:flex-start;flex-direction:column}.abschnitt{padding:50px 0}}

/* v1.0 additions */
.marke-logo{width:54px;height:54px;object-fit:contain;border-radius:10px;background:#fff;padding:3px;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.marke-text{display:block;line-height:1.1}.marke-name{display:block;font-size:1.03rem}.marke-sub{display:block;font-weight:500;font-size:.72rem;opacity:.9;margin-top:3px}.hero-badge{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);padding:6px 12px;border-radius:999px;margin-bottom:12px;font-size:.9rem}.map-leaflet{width:100%;height:470px;border:0;display:block}.map-legend{padding:12px 16px;font-size:.9rem;color:var(--text-leise);background:#fff;display:flex;gap:16px;flex-wrap:wrap}.legend-swatch{display:inline-block;width:13px;height:13px;border-radius:3px;margin-right:6px;vertical-align:middle}.swatch-area{background:#C46A3F}.swatch-ring{background:#4a7a58}.swatch-place{background:#2f5d3f}.abstandsgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0}.abstand-card{background:#fff;border-radius:14px;box-shadow:var(--schatten);padding:16px;text-align:center;border-top:4px solid var(--gruen-mittel)}.abstand-card strong{display:block;color:var(--gruen-tief);font-size:1.1rem}.rechnung{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:16px 0}.rechnung .step{background:#fff;border-radius:14px;box-shadow:var(--schatten);padding:16px;text-align:center}.rechnung .op{font-size:1.5rem;font-weight:900;color:var(--akzent)}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}.pill{background:var(--gruen-hell);border:1px solid #c4d4c2;color:var(--gruen-tief);border-radius:999px;padding:5px 11px;font-weight:700;font-size:.86rem}.download-note{font-size:.85rem;color:var(--text-leise)}.footer-links{margin-top:4px}.leaflet-container{font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif}.karte-edit{font-size:.86rem;color:var(--text-leise);padding:0 16px 14px;background:#fff}.subtle-link{font-size:.9rem;color:var(--text-leise)}
@media(max-width:680px){.marke-logo{width:44px;height:44px}.marke-name{font-size:.92rem}.marke-sub{font-size:.66rem}.map-leaflet{height:360px}.hero{padding-top:58px}}

/* Karte unter Navigation halten */
.leaflet-container {
    z-index: 1 !important;
}

/* Leaflet Controls */
.leaflet-top,
.leaflet-bottom,
.leaflet-pane,
.leaflet-control {
    z-index: 2 !important;
}

/* Header immer darüber */
header,
.site-header,
.navbar {
    position: sticky;
    z-index: 9999 !important;
}

.windrad-icon{
    color:#A61E4D;
    font-size:28px;
    font-weight:bold;
    text-align:center;
}

/* v1.1 additions */
.portal-box{border-left-color:var(--gruen-mittel)}
.termin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:18px 0 8px}
.termin-card{background:#fff;border-radius:16px;box-shadow:var(--schatten);padding:20px;border-top:5px solid var(--gruen-mittel)}
.termin-card.wichtig{border-top-color:var(--akzent);background:#fffaf2}
.termin-card h4{margin:.3em 0 .5em;color:var(--gruen-tief);font-size:1.18rem}
.termin-label{display:inline-block;background:var(--gruen-hell);color:var(--gruen-tief);border-radius:999px;padding:4px 10px;font-size:.84rem;font-weight:800}
.entscheidungsbox{margin-top:18px}
.flyer-box{border-left-color:var(--akzent)}
.doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:18px}
.doc-card{background:#fff;border-radius:16px;box-shadow:var(--schatten);padding:18px;border-left:5px solid var(--gruen-mittel)}
.doc-card h3{margin-top:0}
.doc-card a{font-weight:700}
@media(max-width:680px){.termin-card{padding:16px}.hero .unter{font-size:1rem}}


/* v1.4 additions */
.bildbox{margin:22px 0;background:#fff;border-radius:16px;box-shadow:var(--schatten);overflow:hidden;border-left:6px solid var(--akzent)}
.bildbox img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}
.bildbox figcaption{font-size:.9rem;color:var(--text-leise);padding:12px 16px;background:#fff}
.quellenbox{background:#fff;border-radius:16px;box-shadow:var(--schatten);padding:20px 24px;margin-top:36px;border-left:6px solid var(--gruen-mittel)}
.quellenbox ul{margin:10px 0 0;padding-left:1.2em}
.quellenbox li{margin:.35em 0}


/* v1.4.1 refinements */
.bildbox{border-left:0!important;border:none!important;}
.quellenbox{display:none!important;}
.quellenhinweis{font-size:.78rem!important;color:#7b857b!important;border-top:0!important;padding-top:8px!important;margin-top:30px!important;line-height:1.45;}
.quellenhinweis strong{font-weight:700;color:#6b756d;}


/* v1.4.3 Chronik-Feinschliff */
.timeline > li { position: relative; padding: 0 0 28px 54px; }
.timeline > li::before { content:""; position:absolute; left:11px; top:4px; width:16px; height:16px; border-radius:50%; background:var(--akzent); border:3px solid #fff; box-shadow:var(--schatten); }
.timeline .karte-eintrag h4 { margin: 1rem 0 .35rem; color: var(--gruen-tief); font-size: 1rem; font-weight: 800; }
.timeline .karte-eintrag ul { margin: .45rem 0 .75rem; padding-left: 1.15rem; }
.timeline .karte-eintrag ul li { position: static; padding: 0; margin: .15rem 0; }
.timeline .karte-eintrag ul li::before { content: none !important; display: none !important; }
.chronik-highlight { background: var(--gruen-hell); border-left: 4px solid var(--gruen-mittel); border-radius: 10px; padding: 10px 12px; margin: .75rem 0; }
.chronik-kacheln { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin: 14px 0 16px; }
.chronik-mini { background: #fffaf2; border: 1px solid var(--gelb-linie); border-radius: 12px; padding: 12px 14px; box-shadow: 0 3px 12px rgba(30,55,38,.06); }
.chronik-mini h4 { margin: .15rem 0 .35rem !important; color: var(--gruen-tief); }
.chronik-mini p { margin: 0; font-size: .95rem; }
.chronik-icon { font-size: 1.35rem; line-height: 1; margin-bottom: 4px; }


/* v1.5.7 Patch: schlankere Buttons und klarere Terminstruktur */
.timeline .btn,
.gutachten .btn,
.downloads .btn{
    padding:6px 12px;
    border-radius:12px;
    font-size:.88rem;
    line-height:1.25;
}
.termin-card{
    padding:16px;
    min-height:auto;
}
.termin-card p:last-child{
    margin-bottom:0;
}
.termin-card.initiative{
    background:#eef7ef;
    border-top:5px solid var(--gruen-tief);
    border-left:6px solid var(--gruen-tief);
}
.termin-card.entscheidung{
    border-top-color:var(--akzent);
    background:#fffaf2;
    border-left:6px solid var(--akzent);
}
.termin-grid-kompakt{
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    align-items:stretch;
}
.termin-unterblock{
    margin-top:30px;
}
.termin-unterblock h3{
    margin-bottom:8px;
}
@media(max-width:680px){
    .timeline .btn,
    .gutachten .btn,
    .downloads .btn{
        width:auto;
    }
}


/* v1.5.8 Patch: ruhigeres Layout, chronologische Termine, dezente Downloadlinks */
.termin-intro,
.meldungen-hinweis{
    margin-bottom:18px;
}
.termin-banner{
    margin-bottom:18px;
}
.termin-banner-initiative{
    border-left:6px solid var(--gruen-mittel);
    background:#f7faf7;
}
.termin-banner-entscheidend{
    border-left:6px solid var(--akzent);
    background:#fffaf2;
}
.termin-card.initiative{
    background:#f7faf7;
    border-left:0 !important;
    border-top:4px solid var(--gruen-mittel) !important;
}
.termin-card.entscheidung{
    border-left:0 !important;
    border-top:5px solid var(--akzent) !important;
}
.termin-liste-kompakt{
    background:#fff;
    border-radius:16px;
    box-shadow:var(--schatten);
    overflow:hidden;
}
.termin-zeile{
    display:grid;
    grid-template-columns:180px 1fr 1.2fr;
    gap:14px;
    align-items:center;
    padding:13px 16px;
    border-bottom:1px solid var(--gruen-hell);
}
.termin-zeile:last-child{
    border-bottom:0;
}
.termin-zeile span{
    font-weight:800;
    color:var(--gruen-tief);
}
.termin-zeile strong{
    color:var(--gruen-tief);
}
.termin-zeile em{
    font-style:normal;
    color:var(--text-leise);
}
.termin-zeile.wichtig{
    background:#fffaf2;
    border-left:5px solid var(--akzent);
}
.termin-hinweis-entscheidend{
    margin-top:16px;
    background:#fffaf2;
    border-radius:16px;
    box-shadow:var(--schatten);
    border-top:5px solid var(--akzent);
    padding:18px 20px;
}
.termin-hinweis-entscheidend h4{
    margin:.1em 0 .35em;
    color:var(--gruen-tief);
}
.downloads .btn{
    background:transparent !important;
    color:var(--gruen-mittel) !important;
    border:0 !important;
    padding:0 !important;
    border-radius:0 !important;
    font-size:.95rem !important;
    font-weight:700 !important;
    text-decoration:underline !important;
}
.timeline .btn{
    padding:8px 14px !important;
    border-radius:999px !important;
    font-size:.9rem !important;
}
.gutachten .btn{
    padding:7px 13px !important;
    border-radius:999px !important;
    font-size:.88rem !important;
}
#prozess h2{
    margin-bottom:.7em;
}
#prozess > .container > p:first-of-type{
    margin-bottom:26px;
}
.absprung{
    margin-bottom:54px;
}
@media(max-width:820px){
    .termin-zeile{
        grid-template-columns:1fr;
        gap:3px;
    }
}


/* v1.5.9 Patch: Terminliste und Countdown-Buttons verfeinert */
.tb-cta .btn.btn-gruen{
    min-width:132px;
    text-align:center;
    white-space:nowrap;
}
.termin-zeile{
    grid-template-columns:230px 1fr 1.25fr !important;
    min-height:64px;
}
.termin-zeile span{
    white-space:nowrap;
    font-size:.96rem;
    font-weight:700;
    line-height:1.25;
}
.termin-zeile strong{
    font-size:.96rem;
    font-weight:700;
    line-height:1.25;
}
.termin-zeile em{
    font-size:.96rem;
    line-height:1.25;
}
.termin-zeile.wichtig{
    background:#fff;
    border-left:0;
}
.termin-hinweis-entscheidend{
    border-left:6px solid var(--akzent);
}
@media(max-width:820px){
    .termin-zeile{
        grid-template-columns:1fr !important;
        min-height:auto;
    }
    .termin-zeile span{
        white-space:normal;
    }
}

/* v1.7 additions */
.faktenbox a[target="_blank"]{font-weight:700;}
@media(max-width:820px){.termin-banner{gap:12px}.tb-count{min-width:0}}

/* v1.7.1: Akkordeons für Chronik und Downloads */
.download-gruppe{background:#fff;border-radius:14px;box-shadow:var(--schatten);margin:12px 0;overflow:hidden}
.download-gruppe>summary,.chronik-details>summary{cursor:pointer;list-style:none;font-weight:800;color:var(--gruen-tief)}
.download-gruppe>summary::-webkit-details-marker,.chronik-details>summary::-webkit-details-marker{display:none}
.download-gruppe>summary{padding:16px 18px;display:flex;justify-content:space-between;align-items:center}
.download-gruppe>summary::after,.chronik-details>summary::after{content:"+";font-size:1.25rem;color:var(--gruen-mittel)}
.download-gruppe[open]>summary::after,.chronik-details[open]>summary::after{content:"−"}
.downloads-innen{padding:0 14px 14px;margin:0}
.downloads-innen li{box-shadow:none;border:1px solid var(--gruen-hell);margin-bottom:8px}
.chronik-details>summary{background:#fff;border-radius:12px;box-shadow:var(--schatten);padding:13px 16px;display:grid;grid-template-columns:120px 1fr auto;gap:14px;align-items:center}
.chronik-details[open]>summary{border-radius:12px 12px 0 0}
.chronik-details .karte-eintrag{margin-top:0;border-radius:0 0 12px 12px}
.timeline .chronik-details .datum{font-size:.9rem}
.fachlinks{margin-top:14px;padding-top:12px;border-top:1px solid var(--gruen-hell)}
@media(max-width:680px){.chronik-details>summary{grid-template-columns:1fr auto;gap:5px}.chronik-details>summary .datum{grid-column:1/-1}.download-gruppe>summary{padding:14px}}

/* =========================================================
   Zweigeteilter Aktions-Banner im Stil der Termin-Box
   ========================================================= */
.aktionssprung-karten {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 18px 0 24px;
}

.aktions-karte {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5e9e4;
  border-left: 6px solid #2f5d3f;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
  text-decoration: none;
  color: var(--text, #23302a);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.aktions-karte:hover,
.aktions-karte:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.09);
}

.aktions-karte.karte-plakat {
  border-left-color: #2f5d3f; /* Gleiches Grün wie die Buttons */
}

.aktions-karte.karte-petition {
  border-left-color: #c46a3f; /* Gleicher Akzent wie die Termin-Box */
}

.aktions-icon {
  font-size: 2rem;
  line-height: 1;
  flex-shrink: 0;
}

.aktions-info {
  flex-grow: 1;
}

.aktions-info strong {
  display: block;
  font-size: 1.05rem;
  color: var(--text, #23302a);
  margin-bottom: 3px;
}

.aktions-info span {
  display: block;
  font-size: 0.85rem;
  color: var(--text-leise, #5c6b60);
  line-height: 1.35;
}

.aktions-link {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--gruen-tief, #2f5d3f);
  white-space: nowrap;
  padding-left: 8px;
}

/* Mobil-Optimierung */
@media (max-width: 768px) {
  .aktionssprung-karten {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* Container für die beiden Aktions-Buttons */
.petition-aktionen {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

/* Einzelner dezenter Button */
.petition-aktionen .btn-dezent {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 14px !important;
  background: #ffffff !important;
  color: #2f5d3f !important;
  border: 1px solid #c8d9c6 !important;
  border-radius: 6px !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.petition-aktionen .btn-dezent:hover {
  background: #f0f5ee !important;
  border-color: #4a7a58 !important;
}

/* =========================================================
   Stimmen aus der Region – Sauberes Karten-Boxen-Design
   ========================================================= */
#stimmen-liste {
  display: grid;
  gap: 16px;
  margin-top: 20px;
  padding: 0;
}

.stimme-eintrag {
  margin: 0;
  padding: 24px 28px;
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid #e2e8e0;
  border-left: 6px solid #2f5d3f; /* Dezenter grüner Akzentstreifen */
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
  text-align: left;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.stimme-eintrag:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07);
}

.stimme-text {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.65;
  font-style: italic;
  color: #23302a;
}

.stimme-quelle {
  display: block;
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px solid #edf2ec;
  color: #2f5d3f;
  font-style: normal;
  font-weight: 700;
  font-size: 0.92rem;
}

/* =========================================================
   Entscheidungs-Prozessbaum (22.09.2026 Weiche)
   ========================================================= */
.prozess-baum {
  margin: 28px 0 20px;
}

.baum-phase {
  background: #fbfcfb;
  border: 1px solid var(--border, #dfe7dd);
  border-radius: 14px;
  padding: 20px;
  margin-bottom: 24px;
}

.phase-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 0.84rem;
  font-weight: 700;
}

.phase-badge.erledigt {
  background: var(--gruen-hell, #e8efe6);
  color: var(--gruen-tief, #2f5d3f);
}

.schritte-kette {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  margin-top: 14px;
}

.knoten {
  display: flex;
  gap: 14px;
  align-items: center;
  background: #ffffff;
  border: 1px solid var(--border, #dfe7dd);
  border-radius: 10px;
  padding: 12px 18px;
}

.knoten-erledigt {
  border-left: 5px solid var(--gruen-mittel, #4a7a58);
}

.knoten-nr {
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--gruen-mittel, #4a7a58);
  color: #ffffff;
  font-weight: 800;
  font-size: 0.85rem;
}

.knoten-inhalt strong {
  display: block;
  font-size: 0.95rem;
  color: var(--text, #23302a);
}

.knoten-inhalt small {
  display: block;
  color: var(--text-leise, #5c6b60);
  font-size: 0.84rem;
}

.fluss-pfeil-vertikal {
  text-align: center;
  font-size: 1.2rem;
  color: var(--gruen-mittel, #4a7a58);
  line-height: 1;
  margin: -2px 0;
}

/* Die Weiche */
/* =========================================================
   Entscheidungs-Weiche im Stil der Plakataktion
   ========================================================= */
.baum-weiche {
  background: #ffffff;
  border: 1px solid #dfe7dd;
  border-top: 4px solid var(--gruen-tief, #2f5d3f);
  border-radius: 16px;
  padding: 32px 28px;
  box-shadow: 0 4px 14px rgba(30, 55, 38, 0.05);
}

.weiche-kopf {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 24px;
}

.weiche-badge {
  display: inline-block;
  background: var(--gruen-hell, #e8efe6);
  color: var(--gruen-tief, #2f5d3f);
  padding: 4px 14px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}

.weiche-kopf h4 {
  margin: 6px 0 8px;
  font-size: 1.25rem;
  color: var(--gruen-tief, #2f5d3f);
}

.weiche-kopf p {
  margin: 0;
  font-size: 0.92rem;
  color: var(--text-leise, #5c6b60);
}

/* Die beiden Entscheidungspfade */
.weiche-pfade {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 20px;
}

.pfad-karte {
  background: #fbfcfb;
  border: 1px solid #dfe7dd;
  border-radius: 14px;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

/* =========================================================
   Entscheidungs-Weiche (NEIN = Grün / JA = Gelb-Bernstein)
   ========================================================= */

/* Pfad A: Ablehnung / NEIN (Positives Waldgrün) */
.pfad-stopp {
  border-left: 5px solid var(--gruen-mittel, #4a7a58);
  background: #ffffff;
}

.pfad-stopp .pfad-signal {
  color: var(--gruen-tief, #2f5d3f);
  font-weight: 800;
  font-size: 1.02rem;
  margin-bottom: 10px;
}

/* Grüne Erfolgs-Box (Wald geschützt) */
.ergebnis-badge-box {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--gruen-hell, #e8efe6);
  border: 1px solid #c4d9c0;
  border-radius: 10px;
  padding: 14px 16px;
  box-shadow: 0 2px 6px rgba(47, 93, 63, 0.06);
}

.ergebnis-icon {
  font-size: 1.8rem;
  line-height: 1;
  flex-shrink: 0;
}

.ergebnis-text {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.ergebnis-titel {
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--gruen-tief, #1e452b);
  line-height: 1.3;
}

.ergebnis-sub {
  font-size: 0.82rem;
  color: #3b5443;
  margin-top: 3px;
  line-height: 1.35;
}

/* Pfad B: Einleitung / JA (Warnendes Bernstein / Gelb) */
.pfad-weiter {
  border-left: 5px solid #d8a038;
  background: #ffffff;
}

.pfad-weiter .pfad-signal {
  color: #946816;
  font-weight: 800;
  font-size: 1.02rem;
  margin-bottom: 10px;
}

.pfad-body strong {
  display: block;
  font-size: 1.02rem;
  color: var(--text, #23302a);
  margin-bottom: 8px;
}

.pfad-body p {
  font-size: 0.92rem;
  color: var(--text, #23302a);
  line-height: 1.55;
  margin-bottom: 16px;
}

/* Größere, lesefreundliche Folgeschritte */
.folge-schritte {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #fffdf7;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid #f0e4cc;
}

.folge-schritt {
  font-size: 0.9rem;
  line-height: 1.45;
  color: var(--text, #23302a);
}

.folge-schritt strong {
  display: inline;
  color: #855d14;
  font-size: 0.9rem;
}

@media (max-width: 768px) {
  .weiche-pfade {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   Plakataktion – Helles, freundliches Kachel-Design
   ========================================================= */
.plakat-kasten {
  background: #ffffff;
  color: var(--text, #23302a);
  border-radius: 18px;
  padding: 38px 34px;
  border: 1px solid var(--border, #dfe7dd);
  border-top: 6px solid var(--gruen-tief, #2f5d3f);
  box-shadow: var(--schatten, 0 4px 14px rgba(30, 55, 38, 0.08));
}

.plakat-header {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 30px;
}

.plakat-badge {
  display: inline-block;
  background: var(--gruen-hell, #e8efe6);
  color: var(--gruen-tief, #2f5d3f);
  font-size: 0.8rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 4px 12px;
  border-radius: 999px;
  margin-bottom: 8px;
}

.plakat-header h2 {
  font-size: 2rem;
  color: var(--gruen-tief, #2f5d3f);
  margin: 6px 0 16px;
}

.plakat-fokus-text {
  background: #fbfcfb;
  border: 1px solid #e3ebe1;
  border-left: 5px solid var(--gruen-mittel, #4a7a58);
  border-radius: 10px;
  padding: 16px 20px;
  margin: 0 auto 16px;
  text-align: left;
}

.plakat-fokus-text .hauptbotschaft {
  font-size: 1.08rem;
  color: var(--gruen-tief, #2f5d3f);
  margin-bottom: 6px;
  line-height: 1.45;
}

.plakat-fokus-text .subbotschaft {
  font-size: 0.95rem;
  color: var(--text, #23302a);
  margin: 0;
  line-height: 1.4;
}

.plakat-tempo-hinweis {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff9e8;
  border: 1px solid var(--gelb-linie, #d8b968);
  color: #7a5412;
  font-size: 0.88rem;
  padding: 6px 16px;
  border-radius: 999px;
  margin-top: 4px;
}

/* Kacheln */
.plakat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 10px;
}

.plakat-kachel {
  background: #fbfcfb;
  border: 1px solid #dfe7dd;
  border-radius: 14px;
  padding: 26px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.plakat-kachel:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 22px rgba(30, 55, 38, 0.08);
}

.plakat-highlight {
  background: #ffffff;
  border: 2px solid var(--akzent, #c46a3f);
  box-shadow: 0 6px 20px rgba(196, 106, 63, 0.1);
}

.plakat-kachel-badge {
  position: absolute;
  top: -12px;
  background: var(--akzent, #c46a3f);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 3px 10px;
  border-radius: 999px;
}

.plakat-icon {
  font-size: 2.2rem;
  line-height: 1;
  margin-bottom: 12px;
}

.plakat-details h3 {
  color: var(--gruen-tief, #2f5d3f);
  font-size: 1.18rem;
  margin: 0 0 6px;
}

.plakat-format {
  display: block;
  font-size: 0.85rem;
  color: var(--text-leise, #5c6b60);
  min-height: 38px;
  margin-bottom: 12px;
  line-height: 1.35;
}

.plakat-preis {
  font-size: 1.75rem;
  font-weight: 900;
  color: var(--gruen-tief, #2f5d3f);
  letter-spacing: -0.02em;
  margin-bottom: 4px;
}

.plakat-highlight .plakat-preis {
  color: var(--akzent, #c46a3f);
}

.plakat-zeit {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--gruen-mittel, #4a7a58);
  background: var(--gruen-hell, #e8efe6);
  padding: 3px 8px;
  border-radius: 6px;
  display: inline-block;
  margin-top: 6px;
}

.plakat-bestell-kachel {
  background: #f5f9f4;
  border-color: #c0d4be;
  justify-content: space-between;
}

.plakat-btn {
  width: 100%;
  padding: 10px 14px;
  font-size: 0.92rem;
  margin-top: 8px;
}

.plakat-sublink {
  display: block;
  font-size: 0.78rem;
  color: var(--text-leise, #5c6b60);
  margin-top: 8px;
}

/* Mobil-Optimierung */
@media (max-width: 860px) {
  .plakat-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  .plakat-kasten {
    padding: 24px 18px;
  }
  
  .plakat-format {
    min-height: auto;
  }
}

/* =========================================================
   Footer – Volle Breite (Full-Bleed) & Saubere Ausrichtung
   ========================================================= */
footer, .haupt-footer {
  display: block;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: var(--gruen-tief, #2f5d3f);
  color: #ffffff;
  padding: 28px 0;
  margin-top: 50px;
  box-sizing: border-box;
}

.footer-inhalt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.footer-navigation {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* KORREKTUR: Spezifität erhöht, damit der Browser den Link nicht blau färbt */
footer a,
.haupt-footer a,
.footer-navigation a {
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 0.92rem;
}

/* KORREKTUR: Unterstreichung nur beim Hovern */
footer a:hover,
.haupt-footer a:hover,
.footer-navigation a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

.footer-navigation .trenner {
  color: rgba(255, 255, 255, 0.4);
}

.footer-hinweis {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.86rem;
}

@media (max-width: 768px) {
  .footer-inhalt {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }
}


/* =========================================================
   Kontraststarke & lesbare Buttons in allen Download-Listen
   ========================================================= */
.downloads-innen .btn-dezent,
.download-aktion .btn-dezent,
.petition-aktionen .btn-dezent {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 7px 16px !important;
  background: var(--gruen-hell, #e8efe6) !important; /* Dezentes Salbei-/Naturgrün */
  color: var(--gruen-tief, #1b4229) !important;     /* Sehr sattes, klares Dunkelgrün */
  border: 1px solid #b6ccb4 !important;            /* Definierter Rand für scharfe Kanten */
  border-radius: 6px !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;                      /* Kräftiger Schriftschnitt für perfekte Lesbarkeit */
  text-decoration: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  white-space: nowrap !important;
  transition: all 0.15s ease !important;
}

.downloads-innen .btn-dezent:hover,
.download-aktion .btn-dezent:hover,
.petition-aktionen .btn-dezent:hover {
  background: var(--gruen-tief, #2f5d3f) !important; /* Dunkelgrün beim Überfahren */
  border-color: var(--gruen-tief, #2f5d3f) !important;
  color: #ffffff !important;                          /* Weißer Text für klaren Fokus */
  box-shadow: 0 2px 6px rgba(47, 93, 63, 0.2) !important;
  transform: translateY(-1px) !important;
}

/* =========================================================
   Footer – Volle Breite (Full-Bleed) & Saubere Ausrichtung
   ========================================================= */
footer, .haupt-footer {
  display: block;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #2b2b2b; /* KORREKTUR: Macht den kompletten Balken edel dunkelgrau */
  color: #ffffff;
  padding: 28px 0;
  margin-top: 50px;
  box-sizing: border-box;
}

