/* =========================================
   FINAL POLISH – NEUIGKEITEN & AKTIONEN
   ========================================= */

.actions-heading {
  max-width: 760px;
}

.actions-heading h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.5rem, 5vw, 4.2rem);
  letter-spacing: -0.055em;
}

.actions-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}

.action-card {
  display: flex;
  min-height: 100%;
  flex-direction: column;
}

.action-card .action-content {
  display: flex;
  min-height: 330px;
  flex: 1;
  flex-direction: column;
}

/* Karten ohne Bild erhalten automatisch eine schöne Hinweisfläche */
.action-card:not(:has(.action-image))::before {
  content: "ÖFFNUNGSZEITEN";
  display: grid;
  height: 235px;
  place-items: center;
  padding: 28px;
  color: #ffffff;
  background:
    radial-gradient(circle at 18% 15%, rgba(255, 179, 89, 0.42), transparent 34%),
    linear-gradient(135deg, #9d2e21 0%, #502017 52%, #211b18 100%);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.65rem;
  font-weight: 700;
  letter-spacing: -0.04em;
  text-align: center;
}

.action-card:not(:has(.action-image)) .action-footer {
  display: none;
}

.action-card:not(:has(.action-image)) .action-content {
  min-height: 235px;
}

.action-card:not(:has(.action-image)) .action-content h3 {
  font-size: 2rem;
}

.action-card .action-footer {
  margin-top: auto;
}

@media (max-width: 860px) {
  .actions-grid {
    grid-template-columns: 1fr;
  }

  .action-card .action-content {
    min-height: auto;
  }
}

/* Neuigkeiten ohne Bild: ruhiger leerer Bildbereich */
.action-card:not(:has(.action-image))::before {
  content: "" !important;
  height: 235px !important;
  padding: 0 !important;
  background: #f1ebe2 !important;
  color: transparent !important;
  font-size: 0 !important;
}

.action-card:not(:has(.action-image)) .action-content {
  min-height: 330px;
}
/* Neuigkeiten ohne Bild: ruhiger leerer Bildbereich */
.action-card:not(:has(.action-image))::before {
  content: "" !important;
  height: 235px !important;
  padding: 0 !important;
  background: #f1ebe2 !important;
  color: transparent !important;
  font-size: 0 !important;
}

.action-card:not(:has(.action-image)) .action-content {
  min-height: 330px;
}

/* Nur eine veröffentlichte Aktion: sauber und nicht zu breit */
.actions-grid.actions-grid-single {
  grid-template-columns: minmax(0, 560px);
}

@media (max-width: 860px) {
  .actions-grid.actions-grid-single {
    grid-template-columns: 1fr;
  }
}