/* =========================================================
   NUR Termine-Seite:
   - Naturschutz-Blog unten gleich breit wie .tec-wrap
   - KEIN grüner Hintergrund mehr
   - Hero-Karten 50/50
   - Logo-Bilder sauber skalieren
   ========================================================= */

.ns-page.ns-page--termine {
  /* max-width Begrenzung von naturschutz-blog.css aufheben */
  --max: none;
  max-width: none;

  margin: 34px 0 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}

/* Entfernt den Full-bleed Hintergrund komplett */
.ns-page.ns-page--termine::before {
  content: none !important;
}

/* Footer nicht anfassen */
#footer-slot {
  background: transparent;
}

/* Hero oben: links/rechts gleich breit */
.ns-page.ns-page--termine .ns-hero {
  grid-template-columns: 1fr 1fr;
}

.ns-page.ns-page--termine .ns-panel {
  margin-bottom: 34px;
}

.ns-page.ns-page--termine .ns-gridwrap {
  margin-top: 0;
  padding: clamp(24px, 3vw, 34px);
  background: rgba(255, 253, 248, 0.74);
  border: 1px solid rgba(20, 25, 20, 0.10);
}

.ns-page.ns-page--termine .ns-sectionhead {
  margin: 0 0 18px;
}

.ns-page.ns-page--termine .ns-grid {
  gap: 18px;
}

/* Klickbares Bild, wenn eine PDF hinterlegt ist */
.ns-page.ns-page--termine .ns-card__imglink {
  display: block;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.ns-page.ns-page--termine .ns-card__imglink:focus-visible {
  outline: 3px solid rgba(31, 94, 59, 0.45);
  outline-offset: -3px;
}

/* Standard bleibt für normale Fotos erhalten */
.ns-page.ns-page--termine .ns-card__img {
  object-fit: cover;
}

/* Für Logos: nicht abschneiden, sondern vollständig anzeigen */
.ns-page.ns-page--termine .ns-card__img--contain {
  object-fit: contain;
  object-position: center;
  padding: 22px;
  box-sizing: border-box;
  background: #ffffff;
}

/* Mobile wieder untereinander */
@media (max-width: 980px) {
  .ns-page.ns-page--termine .ns-hero {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .ns-page.ns-page--termine {
    margin-top: 24px;
  }

  .ns-page.ns-page--termine .ns-panel {
    margin-bottom: 24px;
  }

  .ns-page.ns-page--termine .ns-gridwrap {
    padding: 18px;
  }

  .ns-page.ns-page--termine .ns-card__img--contain {
    padding: 18px;
  }
}