/* ============================================================
   Evangelische Kirchengemeinde Haldern – Seite „Aktuelles“
   Neuigkeiten-Karten (seiten/aktuelles.html)
   ============================================================ */

/* ── Aktuell-Karten (News) ──────────────────────────────────*/
.news-raster {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
}

.news-karte {
  background: var(--farbe-karte);
  border-radius: var(--radius-lg);
  box-shadow: var(--schatten);
  overflow: hidden;
  transition: transform var(--transition), box-shadow var(--transition);
}

.news-karte:hover {
  transform: translateY(-4px);
  box-shadow: var(--schatten-lg);
}

.news-karte-bild {
  background: linear-gradient(135deg, var(--farbe-primaer) 0%, var(--farbe-primaer-d) 100%);
  height: 140px;
  display: flex; align-items: center; justify-content: center;
  font-size: 4rem; color: rgba(255,255,255,0.5);
}

.news-karte-bild img {
  width: 100%; height: 100%;
  object-fit: cover;
}

.news-karte-body {
  padding: 1.25rem;
}

.news-karte-body .tag {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--farbe-akzent);
  font-weight: 700;
  margin-bottom: 0.4rem;
}

.news-karte-body h3 {
  font-size: 1.05rem;
  color: var(--farbe-primaer-d);
  margin-bottom: 0.5rem;
}

.news-karte-body p { font-size: 0.9rem; color: var(--farbe-text-weich); }

@media (max-width: 480px) {
  .news-raster    { grid-template-columns: 1fr; }
}