/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 09 2026 | 08:57:10 */

/************* LOGO VIDEOS *************/
/* Wrapper für die Video-Zeile */
.ft-video-row {
    display: flex;
    flex-wrap: wrap; /* damit es auf kleinen Bildschirmen untereinander geht */
    gap: 20px; /* Abstand zwischen den Videos */
    justify-content: center; /* zentriert die Videos */
    margin: 40px 0;
}

/* Einzelnes Video im Wrapper */
.ft-video-wrapper {
    flex: 1 1 720px; /* flexible Breite, aber mindestens 720px */
    max-width: 720px;
}

/* Videos responsive */
.ft-video-wrapper video {
    width: 100%;
    height: auto;
    border-radius: 8px; /* optional: runde Ecken */
}

/************* BILDER *************/
/* Flexibles Multi-Galerie-Layout */
.multi-gallery-row {
  display: flex;
  flex-wrap: wrap;
  gap: 30px; /* Abstand zwischen den Galerien */
  margin: 40px 0;
  justify-content: center;
}

/* Jede Galerie-Spalte */
.multi-gallery-row .gallery-column {
  flex: 1 1 250px; /* Mindestens 250px, wächst flexibel */
  max-width: 400px; /* Optional: begrenzt max. Breite */
  box-sizing: border-box;
}

/* Überschrift der Galerie */
.multi-gallery-row .gallery-column h3 {
  font-size: 2.6rem;
  text-align: center;
  margin-bottom: 15px;
}

/* Bilder innerhalb der Galerie */
.multi-gallery-row .gallery-column .gallery-inner img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
  margin-bottom: 10px;
}

/* Optional: kleine Bildschirme, 1 Spalte */
@media (max-width: 600px) {
  .multi-gallery-row .gallery-column {
    flex: 1 1 100%;
    max-width: 100%;
  }
}