/* Allgemeine Styles für die tabellen */

.frontpage-col {
  padding: 10px;
  box-sizing: border-box;
}

.gallery-3-per-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.frontpage-col {
  /* Standardmäßig eine Breite von 100% für mobile Geräte */
  flex: 1 1 100%;
}

/* Für größere Bildschirme (ab 576px) - 2 Spalten */
@media (min-width: 576px) {
  .frontpage-col {
    flex: 1 1 50%;
  }
}

/* Für mittlere Bildschirme (ab 768px) - 3 Spalten */
@media (min-width: 768px) {
  .frontpage-col {
    flex: 1 1 33.33%;
  }
}

/* Für größere Bildschirme (ab 992px) - 4 Spalten */
@media (min-width: 992px) {
  .frontpage-col {
    flex: 1 1 25%;
  }
}

/* Für sehr große Bildschirme (ab 1200px) - 4 Spalten */
@media (min-width: 1200px) {
  .frontpage-col {
    flex: 1 1 25%;
  }
}