/* =========================================================
   plan b — grüne Variante · real-content layer
   Originalbilder, Karte, Partner-Logos, Hero-Video — ergänzt das Design.
   ========================================================= */

.imgbox { position: relative; overflow: hidden; border-radius: var(--r-lg); border: 2px solid var(--forest); background: var(--cream-2); }
.imgbox--blob { border-radius: var(--r-blob); }
.imgbox > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }

/* News-Bild oben in der Karte: nur untere Trennlinie, eckig */
.gnews__img.imgbox { border-radius: 0; border: 0; border-bottom: 2px solid var(--forest); height: 210px; }

/* interaktive Karte */
.map-embed { display: block; width: 100%; height: 230px; border: 2px solid var(--forest); border-radius: var(--r-lg); background: var(--cream-2); }

/* Partner-Logos */
.gpartner img { max-height: 52px; max-width: 80%; object-fit: contain; filter: grayscale(1); opacity: .78; transition: filter .25s, opacity .25s; }
.gpartner:hover img { filter: none; opacity: 1; }

/* ---------- Hero: dezentes Solar-Video im Hintergrund ---------- */
.ghero > .ghero__video {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; z-index: 0; opacity: .34;
}
.ghero > .ghero__veil {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, rgba(241,247,238,.60) 0%, rgba(214,239,221,.74) 100%);
}
/* Deko-Ebenen über den Schleier heben, Inhalt bleibt ganz oben (z-index:3/4) */
.ghero .ghero__waves { z-index: 2; }
.ghero .ghero__sun { z-index: 2; }
.ghero > .blob { z-index: 2; }
@media (prefers-reduced-motion: reduce) { .ghero > .ghero__video { display: none; } }