/* =========================================
   Projektseiten – Vorher / Nachher
   BodenKunstWerkstatt
   ========================================= */

/* Container für Vorher / Nachher */
.before-after {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
}

/* 2 Spalten auf Desktop */
@media (min-width: 920px) {
  .before-after {
    grid-template-columns: 1fr 1fr;
  }
}

/* Grid für mehrere Bilder innerhalb Vorher / Nachher */
.ba-grid {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
}

/* Zwei Bilder nebeneinander auf Desktop */
@media (min-width: 920px) {
  .ba-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Projektkarten sauber einrücken */
.ba-grid .project {
  margin-top: 0.75rem;
}

/* Optional: leichte visuelle Trennung Vorher / Nachher */
.before-after .card strong {
  display: block;
  font-size: 1rem;
}

/* Kleine Unterzeile unter Vorher / Nachher */
.before-after .tiny {
  margin-top: 0.35rem;
}