/* =========================
   Speed Galerie
========================= */
.speed-gallery{
  background:#f3f3f3;
  padding:40px 0;
}
.speed-gallery .section-title{ margin-bottom:40px; margin-top: 100px; }

/* Jede Reihe */
.speed-grid{
  display:flex;
  /* gleichmäßige Abstände links/rechts und zwischen den Items */
  justify-content: center;
  /* Abstand zwischen Items und zum Rand identisch: */
  margin-bottom: 40px;    /* Abstand zwischen Reihen */
  gap: 20px;
}

/* Standardhöhe für Bilder-Reihen */
:root{
  --rowH: 330px;          /* Reihenhöhe Bild */
}

/* Kachel */
.speed-item{
  height: var(--rowH);    /* EINHEITLICHE HÖHE */
  flex: 0 0 auto;         /* Breite ergibt sich aus Inhalt (AR) */
  overflow: hidden;
  border-radius: var(--radius);
  display: flex;
  align-items: center;
}

/* Medien behalten ihr Seitenverhältnis */
.speed-item img,
.speed-item video{
  height: 100%;           /* Höhe füllen */
  width: auto;            /* Breite folgt AR */
  object-fit: cover;      /* sauberer Beschnitt, keine Verzerrung */
  display: block;
  border-radius: var(--radius);
}
/* Video-Hover: sanfter Zoom + leicht abdunkeln */
.speed-item video{
  transition: transform .25s ease, filter .25s ease;
  transform-origin: center;
  cursor: pointer;            /* zeigt an: klickbar (optional) */
}

.speed-item:hover video{
  transform: scale(1.5);
  filter: brightness(0.6);
}
.speed-grid--4--video { gap: 30px;} /* Reels/Vertikal 426 378 */
.speed-grid--height-1 { gap: 22px;} /* Reels/Vertikal 337 299*/
.speed-grid--height-2 { gap: 23px;} /* Reels/Vertikal 321 286*/
.speed-grid--height-3 { gap: 28px;} /* Reels/Vertikal 301 267*/
.speed-grid--height-4 { gap: 25px;} /* Reels/Vertikal 301 267*/
.speed-grid--4--video .speed-item{ aspect-ratio: 9 / 16; height: 473px;} /* Reels/Vertikal 426 378 */
.speed-grid--height-1 .speed-item{ height: 374px;} /* Reels/Vertikal 337 299*/
.speed-grid--height-2 .speed-item{ height: 357px;} /* Reels/Vertikal 321 286*/
.speed-grid--height-3 .speed-item{ height: 334px;} /* Reels/Vertikal 301 267*/
.speed-grid--height-4 .speed-item{ height: 340px;} /* 2zu3 16zu9 4zu5 */
.speed-grid--height-5 .speed-item{ height: 405px;} /* 2zu3 9zu16 3zu2 */
.speed-grid--height-6 .speed-item{ height: 377px;} /* 3zu2 2mal */

@media (max-width: 1200px){
  .speed-grid--4--video .speed-item{ aspect-ratio: 9 / 16; height: 374px;} /* Reels/Vertikal */
  .speed-grid--height-1 .speed-item{ height: 299px;} /* Reels/Vertikal */
  .speed-grid--height-2 .speed-item{ height: 286px;} /* Reels/Vertikal */
  .speed-grid--height-3 .speed-item{ height: 265px;} /* Reels/Vertikal */
  .speed-grid--height-4 .speed-item{ height: 272px;} /* Reels/Vertikal */
  .speed-grid--height-5 .speed-item{ height: 327px;} /* Reels/Vertikal */
  .speed-grid--height-6 .speed-item{ height: 303px;} /* Reels/Vertikal */
  .speed-item{
    height: 264px;    /* EINHEITLICHE HÖHE */
    }
}

@media (max-width: 1000px){
  .speed-grid--4--video .speed-item{ aspect-ratio: 9 / 16; height: 309px;} /* Reels/Vertikal */
  .speed-grid--height-1 .speed-item{ height: 249px;} /* Reels/Vertikal */
  .speed-grid--height-2 .speed-item{ height: 238px;} /* Reels/Vertikal */
  .speed-grid--height-3 .speed-item{ height: 219px;} /* Reels/Vertikal */
  .speed-grid--height-4 .speed-item{ height: 227px;} /* Reels/Vertikal */
  .speed-grid--height-5 .speed-item{ height: 272px;} /* Reels/Vertikal */
  .speed-grid--height-6 .speed-item{ height: 254px;} /* Reels/Vertikal */
  .speed-item{
    height: 220px;    /* EINHEITLICHE HÖHE */
    }
  .speed-gallery .section-title{ margin-bottom:40px; margin-top: 0; }
}

@media (max-width: 800px){
  .speed-grid--4--video .speed-item{ aspect-ratio: 9 / 16; height: 226px;} /* Reels/Vertikal */
  .speed-grid--height-1 .speed-item{ height: 187px;} /* Reels/Vertikal */
  .speed-grid--height-2 .speed-item{ height: 178px;} /* Reels/Vertikal */
  .speed-grid--height-3 .speed-item{ height: 163px;} /* Reels/Vertikal */
  .speed-grid--height-4 .speed-item{ height: 170px;} /* Reels/Vertikal */
  .speed-grid--height-5 .speed-item{ height: 202px;} /* Reels/Vertikal */
  .speed-grid--height-6 .speed-item{ height: 199px;} /* Reels/Vertikal */
  .speed-item{
    height: 166px;    /* EINHEITLICHE HÖHE */
    }
}
@media (max-width: 650px){
  /* 1 Spalte unter 800px */
  .speed-grid{
    display: grid;
    grid-template-columns: 1fr; /* eine Spalte */
    gap: 20px; /* Abstand zwischen den Bildern */
    padding: 0 70px;
  }

  /* Einheitliche Höhe (kannst du anpassen) */
  .speed-item{
    height: auto;         /* Höhe automatisch durch Bild */
  }

  .speed-item img,
  .speed-item video{
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .speed-grid--4--video .speed-item{ height: auto;} /* Reels/Vertikal */
  .speed-grid--height-1 .speed-item{ height: auto;} /* Reels/Vertikal */
  .speed-grid--height-2 .speed-item{ height: auto;} /* Reels/Vertikal */
  .speed-grid--height-3 .speed-item{ height: auto;} /* Reels/Vertikal */
  .speed-grid--height-4 .speed-item{ height: auto;} /* Reels/Vertikal */
  .speed-grid--height-5 .speed-item{ height: auto;} /* Reels/Vertikal */
  .speed-grid--height-6 .speed-item{ height: auto;} /* Reels/Vertikal */
  .services .container{ padding: 0 88px; }
  .service-item{ flex-basis: 100%; height: auto; } /* auf sehr klein: Höhe freigeben */
}