:root{--green:#1d633b;--green2:#2f7b45;--ink:#14241b;--muted:#5e6b63;--cream:#f6f8f3;--line:#dce5dc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}.wrap{max-width:1180px;margin:auto;padding:0 28px}.top{position:relative;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid #e8eee8}.head{height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:24px;color:var(--ink);text-decoration:none}.brand img{width:250px;height:76px;object-fit:contain;object-position:left center}.claim{font-size:20px;font-weight:700;line-height:1.2}.nav{display:flex;align-items:center;gap:22px}.nav a{color:var(--ink);text-decoration:none;font-size:15px;font-weight:600}.donate-btn{background:var(--green);color:#fff!important;padding:13px 18px;border-radius:12px;font-weight:700}.menu{display:none;border:0;background:none;font-size:30px}.hero{position:relative;background:url("hero-elfrather-see.jpg") center 55%/cover no-repeat;overflow:hidden;border-bottom:1px solid var(--line)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,38,23,.76) 0%,rgba(10,38,23,.55) 42%,rgba(10,38,23,.12) 72%,rgba(10,38,23,.05) 100%)}.hero-inner{min-height:540px;display:flex;align-items:center;position:relative;z-index:1}.hero-copy{max-width:720px;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.28)}.hero-copy .eyebrow{color:#e8f4e9}.hero-copy h1{font-size:68px;line-height:.98;margin:8px 0 20px;letter-spacing:-2px}.hero-copy p{font-size:26px;margin:0 0 30px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--green)}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;padding:14px 20px;border-radius:10px;text-decoration:none;font-weight:700}.primary{background:var(--green);color:#fff}.light{background:#fff;color:var(--ink);border:1px solid #bccbbf}
.section{padding:76px 0}.tint{background:var(--cream)}.white{background:#fff}h2{font-size:42px;line-height:1.08;margin:7px 0 18px}h3{line-height:1.2}.lead{font-size:20px;max-width:850px;color:#34443a}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:58px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;text-align:center}.card .icon{font-size:30px;color:var(--green);font-weight:800;min-height:42px}.card h3{margin:10px 0}.card p{color:var(--muted);margin-bottom:0}.intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:start}.intro p{font-size:20px;margin:0}.newsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.news{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.photo,.graphic{height:190px;overflow:hidden;background:#edf3ed}.photo img{width:100%;height:100%;object-fit:cover;object-position:center}.masterplan-photo img{object-position:center 48%}.graphic{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--green);font-weight:800;font-size:30px;letter-spacing:.03em}.graphic small{font-size:18px}.graphic.bee img{width:82%;height:82%;object-fit:contain}.body{padding:22px}.tag{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--green);font-weight:800}.body h3{font-size:24px;margin:7px 0 10px}.body p{color:var(--muted)}.more{color:var(--green);font-weight:700;text-decoration:none}.docs{background:#eef4ee}.docgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.doc{display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:center;padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--ink);text-decoration:none}.doc>span{background:#e4efe5;color:var(--green);font-size:12px;font-weight:800;padding:10px 8px;text-align:center;border-radius:8px}.doc strong,.doc small{display:block}.doc small{color:var(--muted);margin-top:4px}.smallnote{font-size:14px;color:var(--muted);margin-top:20px}.petition{background:#f8faf6}.petitionbox,.donate{display:flex;justify-content:space-between;align-items:center;gap:50px}.petitionbox>div,.donate>div{max-width:760px}.donate{padding:38px;border:1px solid var(--line);border-radius:20px;background:#f4f8f2}.contact a{color:var(--green);font-weight:700}.footer{background:#164c2f;color:#fff;padding:26px 0}.foot{display:flex;justify-content:space-between;gap:20px}.footer a{color:#fff}.mobilebar{display:none}
@media(max-width:980px){.head{height:82px}.brand img{width:185px;height:58px}.claim{display:none}.menu{display:block}.nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:18px 28px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero-inner{min-height:460px;padding-top:58px;padding-bottom:58px}.hero-copy h1{font-size:54px}.cards{grid-template-columns:1fr 1fr}.newsgrid{grid-template-columns:1fr}.docgrid{grid-template-columns:1fr}}
@media(max-width:620px){body{padding-bottom:66px}.wrap{padding:0 18px}.brand img{width:170px}.hero{background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(10,38,23,.82),rgba(10,38,23,.50))}.hero-inner{min-height:500px;padding-top:40px;padding-bottom:40px}.hero-copy h1{font-size:46px}.hero-copy p{font-size:21px}.section{padding:52px 0}h2{font-size:34px}.cards{grid-template-columns:1fr;margin-bottom:42px}.intro{grid-template-columns:1fr;gap:8px}.docgrid{grid-template-columns:1fr}.petitionbox,.donate{align-items:flex-start;flex-direction:column;gap:20px}.foot{flex-direction:column;font-size:13px}.mobilebar{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);z-index:30;padding:8px 4px}.mobilebar a{text-align:center;text-decoration:none;color:var(--ink);font-size:20px}.mobilebar span{display:block;font-size:10px}.news .photo,.news .graphic{height:160px}}
.context{max-width:920px;margin:32px 0 8px;padding:26px 28px;border-left:4px solid var(--green);background:#f7faf6;border-radius:0 14px 14px 0}.context h3{font-size:26px;margin:0 0 10px}.context p{color:#46554b}.secondary{background:#fff;color:var(--green);border:1px solid #a9c3af}.faqgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.faqgrid article{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff}.faqgrid h3{margin:0 0 8px;font-size:21px}.faqgrid p{margin:0;color:var(--muted)}
@media(max-width:620px){.faqgrid{grid-template-columns:1fr}.context{padding:20px}.petitionbox .actions{align-items:stretch}.petitionbox .btn{text-align:center}}

/* V7: SEO/GEO topic pages */
.subhero{background:linear-gradient(135deg,#edf4ec,#f9fbf7);border-bottom:1px solid var(--line);padding:64px 0 54px}.subhero h1{font-size:52px;line-height:1.03;letter-spacing:-1.5px;margin:10px 0 18px;max-width:930px}.subhero p{font-size:20px;color:#3f5146;max-width:850px}.crumbs{font-size:13px;color:var(--muted);margin-bottom:18px}.crumbs a{color:var(--green);text-decoration:none}.prose{max-width:880px}.prose h2{margin-top:48px}.prose h3{font-size:25px;margin:30px 0 8px}.prose p,.prose li{font-size:18px;color:#34443a}.prose a{color:var(--green);font-weight:700}.keybox{border:1px solid var(--line);background:#f7faf6;border-radius:16px;padding:24px 26px;margin:28px 0}.keybox h2,.keybox h3{margin-top:0}.factgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.fact{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff}.fact strong{display:block;font-size:22px;color:var(--green);margin-bottom:5px}.fact span{color:var(--muted)}.source-list{display:grid;gap:12px;margin:24px 0}.source-card{display:block;border:1px solid var(--line);border-radius:14px;padding:18px 20px;text-decoration:none;color:var(--ink);background:#fff}.source-card:hover{border-color:#9fbea7}.source-card b{display:block;margin-bottom:4px}.source-card small{color:var(--muted)}.timeline{border-left:3px solid #b8ceb9;margin:28px 0 28px 8px;padding-left:26px}.timeline-item{position:relative;margin:0 0 26px}.timeline-item:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--green);left:-33px;top:7px}.timeline-item time{font-size:13px;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.timeline-item h3{margin:4px 0 6px;font-size:22px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:22px}.position{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff}.position h3{margin-top:0}.position p{font-size:16px;color:#46554b}.topicnav{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.topicnav a{padding:10px 13px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--green);background:#fff;font-weight:700;font-size:14px}.callout{border-left:4px solid var(--green);padding:18px 22px;background:#f4f8f2;border-radius:0 14px 14px 0;margin:26px 0}.pageimage{width:100%;max-height:430px;object-fit:cover;border-radius:18px;border:1px solid var(--line);margin:24px 0}.linkgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.linkcard{border:1px solid var(--line);border-radius:16px;padding:22px;text-decoration:none;color:var(--ink);background:#fff}.linkcard h3{margin:4px 0 8px}.linkcard p{color:var(--muted);margin-bottom:0}.updated{font-size:13px;color:var(--muted);margin-top:26px}@media(max-width:820px){.factgrid,.twocol,.linkgrid{grid-template-columns:1fr}.subhero h1{font-size:40px}.subhero{padding:48px 0 40px}}

/* V9 editorial knowledge hub */
.hero{background-image:url("hero-elfrather-see.jpg")}
.prose>h2{scroll-margin-top:120px}.prose .actions{margin:18px 0 8px}.source-card[href^="/"]{cursor:pointer}.linkcard:hover,.source-card:hover{transform:translateY(-1px)}
@media(max-width:1100px){.nav{gap:14px}.nav a{font-size:14px}}
/* V10 document viewer + detailed fact pages */
.position{margin:12px 0}.pdf-modal{position:fixed;inset:0;background:rgba(9,24,15,.76);z-index:1000;display:none;align-items:center;justify-content:center;padding:22px}.pdf-modal.open{display:flex}.pdf-shell{width:min(1180px,96vw);height:min(90vh,900px);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.35);display:grid;grid-template-rows:auto 1fr}.pdf-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line);background:#f7faf6}.pdf-head strong{font-size:15px}.pdf-actions{display:flex;gap:8px;align-items:center}.pdf-actions a,.pdf-close{border:1px solid var(--line);background:#fff;color:var(--green);padding:9px 12px;border-radius:9px;text-decoration:none;font-weight:700;cursor:pointer}.pdf-frame{width:100%;height:100%;border:0;background:#f2f2f2}.source-card.pdf-view:after{content:"  ·  PDF ansehen";font-size:12px;color:var(--green);font-weight:800}.factgrid .fact span{display:block}.prose .source-list{margin-bottom:34px}@media(max-width:620px){.pdf-modal{padding:0}.pdf-shell{width:100vw;height:100vh;border-radius:0}.pdf-head{padding:10px}.pdf-head strong{max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-actions a,.pdf-close{padding:8px 9px;font-size:12px}}

/* V10.2 fixes */
.prose a.btn.primary,.prose .btn.primary{color:#fff!important}.prose a.btn.secondary{color:var(--green)!important}.source-card.external-doc:after{content:"  ↗";font-weight:800;color:var(--green)}

.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.photo-pair figure{margin:0}.photo-pair img{width:100%;height:330px;object-fit:cover;border-radius:16px;border:1px solid var(--line)}.photo-pair figcaption{font-size:14px;color:var(--muted);margin-top:8px}.pressbox{border:1px solid var(--line);border-radius:16px;padding:22px 24px;background:#fbfcfa;margin:24px 0}.pressbox h3{margin-top:0}.pressmeta{font-size:13px;color:var(--muted)}@media(max-width:720px){.photo-pair{grid-template-columns:1fr}.photo-pair img{height:240px}}

/* V10.9 petition chart */
.petition-chart{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px 18px 12px;margin:24px 0 12px;overflow:hidden}.petition-chart svg{display:block;width:100%;height:auto}.petition-chart .grid line{stroke:#dce5dc;stroke-width:1}.petition-chart .axislabels text,.petition-chart .xlabels text{fill:#65736a;font:13px Arial,sans-serif}.petition-chart .line-biene{fill:none;stroke:#1d633b;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.petition-chart .line-pro{fill:none;stroke:#55758b;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.petition-chart .dots-biene circle{fill:#1d633b}.petition-chart .dots-pro circle{fill:#55758b}.petition-chart .chart-end text{fill:#14241b;font:bold 15px Arial,sans-serif}.chart-legend{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;font-size:14px;font-weight:700;color:#34443a}.chart-legend span{display:flex;align-items:center;gap:8px}.chart-legend i{width:24px;height:4px;border-radius:5px;display:inline-block}.legend-biene{background:#1d633b}.legend-pro{background:#55758b}@media(max-width:620px){.petition-chart{padding:10px 8px 8px}.petition-chart .axislabels text,.petition-chart .xlabels text{font-size:12px}.petition-chart .chart-end text{font-size:13px}}

/* V11.2: ruhiger zweizeiliger Desktop-Header */
@media(min-width:981px){
  .head{height:auto;min-height:142px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding-top:14px;padding-bottom:0}
  .head-main{display:flex;align-items:center;justify-content:space-between;min-height:82px}
  .brand{gap:22px}
  .brand img{width:220px;height:68px}
  .claim{font-size:20px;line-height:1.18}
  .nav{width:100%;min-height:46px;justify-content:center;gap:26px;border-top:1px solid #edf1ed}
  .nav a{font-size:14px;white-space:nowrap}
  .donate-btn{padding:9px 15px;border-radius:10px}
}
@media(max-width:980px){
  .head{position:relative}
  .head-main{width:100%;display:flex;align-items:center;justify-content:space-between}
  .nav{top:82px}
}

/* V11.3: Logo oben, Navigation darunter; Claim im Hero */
@media(min-width:981px){
  .head{min-height:148px;padding-top:10px;padding-bottom:0;gap:0}
  .head-main{min-height:94px;justify-content:center;position:relative}
  .brand{justify-content:center;width:100%}
  .brand img{width:300px;height:88px;object-fit:contain;object-position:center}
  .claim{display:none!important}
  .menu{position:absolute;right:0}
  .nav{min-height:52px;justify-content:center;gap:24px;border-top:1px solid #edf1ed}
  .nav a{font-size:14px;white-space:nowrap}
}
@media(max-width:980px){
  .brand img{width:190px;height:60px}
  .claim{display:none!important}
}
.hero-copy h1{max-width:820px}
.claimcheck{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 40px}
.claimcheck article{border:1px solid var(--line);border-radius:16px;padding:24px;background:#f9fbf8}
.claimcheck h3{font-size:23px;margin:0 0 12px}
.claimcheck p{font-size:17px;margin:10px 0;color:#34443a}
.claimcheck .source-list{margin:16px 0 0}
.status-table-wrap{overflow-x:auto;margin:24px 0}.status-table{width:100%;border-collapse:collapse;min-width:760px}.status-table th,.status-table td{border-bottom:1px solid var(--line);padding:14px 12px;text-align:left;vertical-align:top}.status-table th{background:#f4f8f2;color:var(--green);font-size:14px}.status-table td{font-size:16px}.status-table td:nth-child(2){width:230px}
@media(max-width:820px){.claimcheck{grid-template-columns:1fr}}
@media(max-width:620px){.hero-copy h1{font-size:42px;line-height:1.05}.hero-copy .eyebrow{font-size:11px}.claimcheck article{padding:20px}}


/* V11.5: Header final - Logo in eigener Zeile, Navigation darunter */
@media(min-width:981px){
  .top{background:#fff}
  .head{display:grid!important;grid-template-rows:112px 58px!important;grid-template-columns:1fr!important;height:auto!important;min-height:170px!important;padding:0!important;gap:0!important;align-items:stretch!important;justify-content:stretch!important}
  .head-main{grid-row:1;display:flex!important;width:100%!important;height:112px!important;min-height:112px!important;align-items:center!important;justify-content:center!important;position:relative!important}
  .brand{display:flex!important;width:auto!important;height:100%!important;align-items:center!important;justify-content:center!important;margin:0 auto!important}
  .brand img{display:block!important;width:330px!important;height:100px!important;max-width:42vw!important;object-fit:contain!important;object-position:center!important}
  .head-main .menu{display:none!important}
  .nav{grid-row:2;display:flex!important;width:100%!important;height:58px!important;min-height:58px!important;align-items:center!important;justify-content:center!important;gap:30px!important;border-top:1px solid #e8eee8!important;margin:0!important;padding:0 8px!important;position:static!important;background:#fff!important}
  .nav a{display:inline-flex!important;align-items:center!important;min-height:38px!important;font-size:14px!important;line-height:1.15!important;white-space:nowrap!important}
  .donate-btn{padding:9px 14px!important;border-radius:10px!important}
}
@media(min-width:981px) and (max-width:1240px){
  .nav{gap:18px!important}
  .nav a{font-size:13px!important}
  .brand img{width:300px!important}
}
@media(max-width:980px){
  .head{height:82px!important;min-height:82px!important;display:flex!important;flex-direction:row!important;padding:0!important}
  .head-main{height:82px!important;min-height:82px!important;width:100%!important;justify-content:space-between!important}
  .brand{width:auto!important;justify-content:flex-start!important}
  .brand img{width:190px!important;height:62px!important;object-position:left center!important}
  .menu{display:block!important}
  .nav{display:none!important;top:82px!important}
  .nav.open{display:flex!important}
}

.exit-focus{margin:0 0 42px;padding:30px 32px;border:2px solid var(--green);border-radius:20px;background:#f3f8f2;box-shadow:0 10px 28px rgba(29,99,59,.08)}.exit-focus h2{font-size:36px;margin:8px 0 14px}.exit-focus h3{margin:0 0 8px;font-size:21px}.exit-focus p{margin:0 0 16px}.exit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.exit-grid>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.exit-note{border-left:4px solid var(--green);padding:14px 16px;background:#fff;border-radius:0 12px 12px 0}.timeline-highlight{background:#f3f8f2;border:1px solid #bdd3c2;border-radius:14px;padding:18px 20px}.timeline-highlight:before{left:-54px;top:25px;width:15px;height:15px}.timeline-highlight h3{color:var(--green)}@media(max-width:820px){.exit-grid{grid-template-columns:1fr}.exit-focus{padding:24px 20px}.exit-focus h2{font-size:30px}}


/* V11.9: Markenbild auf allen Seiten zwischen Logo und Navigation */
@media(min-width:981px){
  .top{position:relative!important;top:auto!important;border-bottom:0!important}
  .head{display:block!important;min-height:0!important;height:112px!important;padding:0 28px!important}
  .head-main{height:112px!important;min-height:112px!important}
  .nav-wrap{max-width:none!important;padding:0!important;border-bottom:1px solid #e8eee8;background:#fff}
  .nav{height:58px!important;min-height:58px!important;border-top:0!important}
}
.brand-hero{position:relative;background:url("hero-elfrather-see.jpg") center 55%/cover no-repeat;overflow:hidden}
.brand-hero .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,38,23,.76) 0%,rgba(10,38,23,.55) 42%,rgba(10,38,23,.12) 72%,rgba(10,38,23,.05) 100%)}
.brand-hero-home .hero-inner{min-height:540px}
.brand-hero-sub{min-height:245px}
.brand-hero-inner{min-height:245px;display:flex;align-items:center;position:relative;z-index:1}
.brand-hero-copy{color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.28);max-width:950px}
.brand-hero-copy .eyebrow{color:#e8f4e9;margin-bottom:8px}
.brand-claim{font-size:40px;font-weight:800;line-height:1.06;letter-spacing:-1px}
@media(max-width:980px){
  .top{position:relative!important;top:auto!important}
  .nav-wrap{padding:0!important}
  .nav-wrap .nav{top:auto!important;position:absolute!important;z-index:40}
  .brand-hero-sub{min-height:190px}
  .brand-hero-inner{min-height:190px;padding-top:30px;padding-bottom:30px}
  .brand-claim{font-size:31px}
  .brand-hero-home .hero-inner{min-height:460px}
}
@media(max-width:620px){
  .brand-hero-sub{min-height:165px;background-position:58% center}
  .brand-hero-inner{min-height:165px;padding-top:24px;padding-bottom:24px}
  .brand-claim{font-size:27px;max-width:330px}
  .brand-hero-copy .eyebrow{font-size:9px;line-height:1.35}
  .brand-hero-home{background-position:58% center}
  .brand-hero-home .hero-inner{min-height:500px}
}

/* V12.0: Mobile Navigation als Off-Canvas-Menue */
@media(max-width:980px){
  .head{height:86px!important;min-height:86px!important;padding:0 18px!important;background:#fff!important}
  .head-main{height:86px!important;min-height:86px!important;position:relative!important;z-index:70!important}
  .brand img{width:178px!important;height:62px!important}
  .menu{display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;padding:0!important;border:1px solid #dfe7e0!important;border-radius:12px!important;background:#fff!important;color:var(--green)!important;font-size:0!important;line-height:1!important;cursor:pointer!important;position:relative!important;z-index:90!important;box-shadow:0 2px 10px rgba(20,36,27,.06)!important}
  .menu:before{content:"☰";font-size:30px;line-height:1;font-weight:700}
  body.menu-open .menu{position:fixed!important;top:18px!important;right:18px!important;background:#f5f8f4!important}
  body.menu-open .menu:before{content:"×";font-size:38px;font-weight:400;transform:translateY(-1px)}
  .nav-wrap{position:static!important}
  .nav-wrap .nav,
  .nav{display:flex!important;position:fixed!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;width:min(86vw,370px)!important;height:100dvh!important;max-height:none!important;padding:88px 24px 96px!important;margin:0!important;background:#fff!important;border:0!important;box-shadow:-18px 0 48px rgba(8,25,15,.18)!important;z-index:75!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:4px!important;overflow-y:auto!important;overscroll-behavior:contain!important;transform:translateX(105%)!important;transition:transform .24s ease!important;visibility:hidden!important}
  .nav.open{transform:translateX(0)!important;visibility:visible!important}
  .nav a{display:flex!important;align-items:center!important;min-height:52px!important;padding:11px 12px!important;border-bottom:1px solid #edf1ed!important;border-radius:8px!important;font-size:18px!important;font-weight:700!important;color:var(--ink)!important;white-space:normal!important}
  .nav a:hover,.nav a:focus{background:#f3f8f2!important}
  .nav .donate-btn{margin-top:12px!important;justify-content:center!important;background:var(--green)!important;color:#fff!important;border:0!important;border-radius:12px!important;padding:14px 16px!important}
  .menu-backdrop{position:fixed;inset:0;background:rgba(8,25,15,.48);z-index:65;opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}
  .menu-backdrop.open{opacity:1;visibility:visible}
  body.menu-open{overflow:hidden}
}
@media(max-width:620px){
  .head{height:82px!important;min-height:82px!important;padding:0 16px!important}
  .head-main{height:82px!important;min-height:82px!important}
  .brand img{width:168px!important;height:58px!important}
  .menu{width:44px!important;height:44px!important}
  .brand-hero-home .hero-inner{min-height:430px!important;padding-top:34px!important;padding-bottom:34px!important}
  .hero-copy h1{font-size:38px!important;line-height:1.06!important;letter-spacing:-1.2px!important}
  .hero-copy .eyebrow{font-size:9px!important;line-height:1.35!important;max-width:92%!important}
  .brand-hero-sub{min-height:155px!important}
  .brand-hero-inner{min-height:155px!important}
  .brand-claim{font-size:25px!important;line-height:1.08!important;max-width:310px!important}
  .actions .btn{padding:13px 16px!important;font-size:15px!important}
}


/* V12.1: Mobile Menue unter dem Markenbild */
.mobile-menu-row{display:none}
@media(max-width:980px){
  .head{height:82px!important;min-height:82px!important;padding:0 16px!important;background:#fff!important}
  .head-main{height:82px!important;min-height:82px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
  .brand img{width:168px!important;height:58px!important}

  .mobile-menu-row{display:flex!important;align-items:center!important;justify-content:flex-end!important;height:58px!important;padding:0 18px!important;background:#fff!important;border-bottom:1px solid var(--line)!important;position:relative!important;z-index:72!important}
  .mobile-menu-row .menu{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:auto!important;height:42px!important;padding:0 14px!important;border:1px solid #dfe7e0!important;border-radius:11px!important;background:#fff!important;color:var(--green)!important;font-size:16px!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;position:relative!important;z-index:90!important;box-shadow:none!important}
  .mobile-menu-row .menu:before{content:"☰"!important;font-size:25px!important;line-height:1!important;font-weight:700!important}
  .mobile-menu-row .menu .menu-label{display:inline!important}
  body.menu-open .mobile-menu-row .menu{position:fixed!important;top:16px!important;right:16px!important;background:#f5f8f4!important;min-width:48px!important;padding:0 12px!important}
  body.menu-open .mobile-menu-row .menu:before{content:"×"!important;font-size:34px!important;font-weight:400!important;transform:translateY(-1px)!important}
  body.menu-open .mobile-menu-row .menu .menu-label{display:none!important}

  .nav-wrap{position:static!important}
  .nav-wrap .nav,.nav{display:flex!important;position:fixed!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;width:min(86vw,370px)!important;height:100dvh!important;max-height:none!important;padding:82px 24px 96px!important;margin:0!important;background:#fff!important;border:0!important;box-shadow:-18px 0 48px rgba(8,25,15,.18)!important;z-index:75!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:4px!important;overflow-y:auto!important;overscroll-behavior:contain!important;transform:translateX(105%)!important;transition:transform .24s ease!important;visibility:hidden!important}
  .nav.open{transform:translateX(0)!important;visibility:visible!important}
  .nav a{display:flex!important;align-items:center!important;min-height:50px!important;padding:10px 12px!important;border-bottom:1px solid #edf1ed!important;border-radius:8px!important;font-size:17px!important;font-weight:700!important;color:var(--ink)!important;white-space:normal!important}
  .nav .donate-btn{margin-top:12px!important;justify-content:center!important;background:var(--green)!important;color:#fff!important;border:0!important;border-radius:12px!important;padding:14px 16px!important}
}
@media(max-width:620px){
  .mobile-menu-row{height:54px!important;padding:0 14px!important}
  .mobile-menu-row .menu{height:40px!important;padding:0 12px!important;font-size:15px!important}
}


/* V12.2: Mobile Navigation ohne Hamburger – horizontal scrollbar unter dem Markenbild */
@media(max-width:980px){
  .mobile-menu-row,.menu,.menu-backdrop{display:none!important}
  body.menu-open{overflow:auto!important}
  .nav-wrap{
    display:block!important;
    position:relative!important;
    max-width:none!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
    background:#fff!important;
    border-bottom:1px solid var(--line)!important;
    overflow:hidden!important;
    z-index:20!important;
  }
  .nav-wrap .nav,.nav{
    display:flex!important;
    position:static!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    padding:9px 14px 10px!important;
    margin:0!important;
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;
    transform:none!important;
    transition:none!important;
    visibility:visible!important;
    scrollbar-width:none!important;
  }
  .nav-wrap .nav::-webkit-scrollbar{display:none!important}
  .nav a{
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    padding:8px 13px!important;
    border:1px solid #dfe7e0!important;
    border-radius:999px!important;
    background:#fff!important;
    color:var(--ink)!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.15!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    scroll-snap-align:start!important;
  }
  .nav a:active,.nav a:focus{background:#f3f8f2!important;border-color:#b9cdbd!important}
  .nav .donate-btn{
    margin:0!important;
    background:var(--green)!important;
    color:#fff!important;
    border-color:var(--green)!important;
    padding:9px 14px!important;
  }
}
@media(max-width:620px){
  .nav-wrap .nav,.nav{padding:8px 10px 9px!important;gap:7px!important}
  .nav a{min-height:38px!important;padding:7px 12px!important;font-size:13px!important}
}

/* V12.3: Mobile Navigation in fester Bottom-Bar + Themen-Sheet */
@media(max-width:980px){
  /* Desktop-Navigation mobil ausblenden: alle Themen sind unten erreichbar */
  .nav-wrap{display:none!important}
  body{padding-bottom:74px!important}
  .mobilebar{
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    z-index:120!important;
    background:rgba(255,255,255,.98)!important;
    border-top:1px solid var(--line)!important;
    padding:7px 3px max(7px,env(safe-area-inset-bottom))!important;
    box-shadow:0 -8px 24px rgba(18,42,27,.08)!important;
  }
  .mobilebar a,.mobilebar button{
    appearance:none!important;border:0!important;background:transparent!important;
    color:var(--ink)!important;text-decoration:none!important;
    text-align:center!important;font:inherit!important;font-size:20px!important;
    line-height:1!important;padding:3px 2px!important;min-width:0!important;
  }
  .mobilebar span{display:block!important;font-size:10px!important;line-height:1.15!important;margin-top:5px!important;white-space:nowrap!important}
  .mobile-more{cursor:pointer!important}
  .mobile-sheet-backdrop{
    position:fixed!important;inset:0!important;z-index:130!important;
    background:rgba(7,27,16,.42)!important;
  }
  .mobile-sheet-backdrop[hidden]{display:none!important}
  .mobile-sheet{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:140!important;
    background:#fff!important;border-radius:22px 22px 0 0!important;
    box-shadow:0 -18px 45px rgba(8,25,15,.22)!important;
    padding:16px 16px calc(20px + env(safe-area-inset-bottom))!important;
    transform:translateY(105%)!important;transition:transform .22s ease!important;
    max-height:min(76dvh,650px)!important;overflow-y:auto!important;
  }
  .mobile-sheet.open{transform:translateY(0)!important}
  .mobile-sheet-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important}
  .mobile-sheet-head strong{font-size:20px!important}
  .mobile-sheet-close{appearance:none!important;border:0!important;background:#f1f5f1!important;width:40px!important;height:40px!important;border-radius:50%!important;font-size:28px!important;line-height:1!important;color:var(--ink)!important}
  .mobile-sheet-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .mobile-sheet-grid a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:52px!important;padding:10px 12px!important;border:1px solid #dfe7e0!important;border-radius:14px!important;background:#fff!important;color:var(--ink)!important;text-decoration:none!important;font-weight:700!important;text-align:center!important}
  .mobile-sheet-grid .sheet-klage{grid-column:1/-1!important;background:var(--green)!important;color:#fff!important;border-color:var(--green)!important}
  body.mobile-sheet-open{overflow:hidden!important}
}
@media(min-width:981px){
  .mobile-sheet,.mobile-sheet-backdrop,.mobile-more{display:none!important}
}

/* V12.4: clean responsive navigation + editorial feature blocks */
.feature-split{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:34px;align-items:start;margin:28px 0}.feature-photo{margin:0}.feature-photo img{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:18px;border:1px solid var(--line)}.feature-photo figcaption,.photo-pair figcaption{font-size:13px;color:var(--muted);margin-top:8px}.mini-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.mini-values>div{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.mini-values strong,.mini-values span{display:block}.mini-values strong{color:var(--green);margin-bottom:4px}.mini-values span{font-size:14px;color:var(--muted)}
@media(min-width:981px){.nav{display:flex!important;position:static!important}.mobilebar,.mobile-sheet,.mobile-sheet-backdrop{display:none!important}}
@media(max-width:980px){body{padding-bottom:78px}.nav-wrap{display:none!important}.menu{display:none!important}.mobilebar{position:fixed;display:grid!important;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;background:rgba(255,255,255,.98);border-top:1px solid var(--line);z-index:100;padding:7px 4px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -5px 18px rgba(20,36,27,.08)}.mobilebar a,.mobilebar button{border:0;background:none;text-align:center;text-decoration:none;color:var(--ink);font:inherit;font-size:22px;padding:2px 0;cursor:pointer}.mobilebar span{display:block;font-size:11px;line-height:1.2;margin-top:2px}.mobile-sheet{z-index:110}.mobile-sheet-backdrop{z-index:105}.feature-split{grid-template-columns:1fr}.feature-photo img{max-height:520px}.mini-values{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:620px){.mini-values{grid-template-columns:1fr}.feature-photo img{max-height:none}.mobilebar a,.mobilebar button{font-size:21px}.mobilebar span{font-size:10px}}

/* V12.5 - prominent See.Park / Artenvielfalt update on homepage */
.seepark-update{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.update-kicker{display:inline-flex;align-items:center;background:var(--green);color:#fff;border-radius:999px;padding:8px 13px;font-size:12px;line-height:1;font-weight:800;letter-spacing:.08em;margin-bottom:10px}
.seepark-update-grid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);gap:38px;align-items:start;margin-top:30px}
.seepark-main-photo img{max-height:640px;object-position:center}
.seepark-number{border:1px solid var(--line);border-radius:18px;padding:20px 22px;background:#f4f8f2;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}
.seepark-number strong{font-size:40px;line-height:1;color:var(--green);white-space:nowrap}.seepark-number span{color:#34443a;font-size:16px}
.seepark-context{margin-top:26px;border-top:1px solid var(--line);padding-top:18px;display:flex;gap:18px;align-items:baseline}.seepark-context strong{color:var(--green);white-space:nowrap}.seepark-context span{color:var(--muted)}
@media(max-width:820px){.seepark-update-grid{grid-template-columns:1fr;gap:24px}.seepark-main-photo img{max-height:none}.seepark-context{display:block}.seepark-context strong,.seepark-context span{display:block}.seepark-context span{margin-top:5px}}
@media(max-width:620px){.update-kicker{font-size:10px}.seepark-number{grid-template-columns:1fr;gap:7px}.seepark-number strong{font-size:36px}.seepark-update .actions{align-items:stretch}.seepark-update .actions .btn{text-align:center}}

/* V12.8: Petition + BUND support visibility */
.support{background:#eaf3eb;color:var(--green);border:1px solid #9fbea7}
.petitionbox{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center}
.petition-teaser-photo,.petition-current-photo{margin:0}.petition-teaser-photo img,.petition-current-photo img{display:block;width:100%;border-radius:18px;border:1px solid var(--line)}.petition-teaser-photo figcaption,.petition-current-photo figcaption{font-size:13px;color:var(--muted);margin-top:7px}.petition-current-photo{margin:26px 0 34px}.donate-prominent{box-shadow:0 10px 30px rgba(22,76,47,.06)}.donate-inline{margin:34px 0}.donate-inline h2{margin-top:0}
@media(min-width:981px){.nav{gap:18px!important}.nav a{font-size:13.5px!important}.hero-actions{max-width:900px}}
@media(max-width:980px){.petitionbox{grid-template-columns:1fr;gap:24px}.mobile-sheet-grid .sheet-klage{grid-column:1/-1!important}.hero-actions .btn{flex:1 1 190px;text-align:center}}
@media(max-width:620px){.hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.hero-actions .support{grid-column:1/-1}.petitionbox .actions{width:100%}.petitionbox .actions .btn{width:100%}.donate-prominent .actions,.donate-inline{width:100%}.donate-prominent .actions .btn{width:100%;text-align:center}.petition-teaser-photo img,.petition-current-photo img{border-radius:14px}}


/* V12.8.1: kompakter Marken-Header – Desktop Logo in Navigation, mobil auf Hero */
.nav-brand{display:none}
@media(min-width:981px){
  /* Die bisherige separate weisse Logoflaeche entfaellt. */
  .top .head{display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important}
  .nav-wrap{display:block!important;background:#fff!important;border-bottom:1px solid #e8eee8!important}
  .nav-wrap .nav,.nav{height:62px!important;min-height:62px!important;gap:18px!important;padding:0 16px!important;justify-content:center!important}
  .nav-brand{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:86px!important;height:42px!important;padding:2px 4px!important;border:0!important;border-radius:8px!important;background:#fff!important}
  .nav-brand img{display:block!important;width:78px!important;height:36px!important;object-fit:contain!important}
  .nav a:not(.nav-brand){font-size:13px!important;white-space:nowrap!important}
  .nav .donate-btn{padding:9px 13px!important}
}
@media(min-width:981px) and (max-width:1240px){
  .nav-wrap .nav,.nav{gap:10px!important;padding:0 8px!important}
  .nav-brand{width:66px!important;height:38px!important;padding:0!important}
  .nav-brand img{width:62px!important;height:30px!important}
  .nav a:not(.nav-brand){font-size:12px!important}
  .nav .donate-btn{padding:8px 10px!important}
}
@media(max-width:980px){
  /* Mobil liegt das Logo als kleine Markenkarte direkt auf dem Hero. */
  .top{position:relative!important;background:transparent!important}
  .top .head{display:block!important;position:absolute!important;top:12px!important;left:0!important;right:0!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;z-index:55!important;background:transparent!important;border:0!important;pointer-events:none!important}
  .top .head-main{display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;height:auto!important;min-height:0!important;width:100%!important;padding:0 18px!important;background:transparent!important}
  .top .head .brand{display:inline-flex!important;width:auto!important;height:auto!important;margin:0!important;padding:6px 7px!important;border-radius:10px!important;background:rgba(255,255,255,.93)!important;box-shadow:0 4px 16px rgba(10,38,23,.16)!important;pointer-events:auto!important}
  .top .head .brand img{display:block!important;width:122px!important;height:44px!important;object-fit:contain!important;object-position:center!important}
  .nav-brand{display:none!important}
  .brand-hero-home .hero-inner{padding-top:92px!important}
  .brand-hero-sub .brand-hero-inner{padding-top:72px!important}
}
@media(max-width:620px){
  .top .head{top:10px!important}
  .top .head-main{padding:0 14px!important}
  .top .head .brand{padding:5px 6px!important;border-radius:9px!important}
  .top .head .brand img{width:108px!important;height:39px!important}
  .brand-hero-home .hero-inner{padding-top:82px!important;padding-bottom:36px!important}
  .brand-hero-sub .brand-hero-inner{padding-top:64px!important;padding-bottom:22px!important}
}