.project-details-list {
  margin: 30px 0 40px;
}

.project-details-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.project-details-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 16px;
  line-height: 1.6;
}

.project-details-list li i {
  margin-top: 4px;
  flex: 0 0 auto;
}

@media (max-width: 767px) {
  .project-details-list > [class*="col-"] {
    margin-bottom: 0;
  }
}

/* ===== Projektgalerie: kein starres Raster-Höhen-Feld (verursacht Lücken / falsche Position des letzten Kachelbilds) ===== */

.gallery-inner .row.gallary-inner-top,
.gallery-inner .row.gallary-inner-row,
.gallery-inner .row.mb-4 {
  --gallery-gap-x: 30px;
  --gallery-gap-y: 30px;
}

.gallery-inner .row.gallary-inner-row,
.gallery-inner .row.gallary-inner-top {
  align-items: flex-start;
}

/* Gestapelte Spalten (mobil/tablet): Abstand zwischen grossem Bild und 4er-Block (1↔2, 6↔7, …) */
@media (max-width: 991px) {
  .gallery-inner .row.gallary-inner-top,
  .gallery-inner .row.gallary-inner-row {
    row-gap: 28px;
  }
}

/* Grosses Einzelbild (direkt in Spalte, nicht im 4er-Grid) */
.gallery-inner .row.gallary-inner-top > [class*="col-"] > .gallary-inner-item-2 > a,
.gallery-inner .row.gallary-inner-row > [class*="col-"] > .gallary-inner-item-2 > a {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 24px;
  height: 480px;
}

.gallery-inner .gallary-inner-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  align-content: start;
  grid-auto-rows: minmax(0, auto);
}

.gallery-inner .gallary-inner-items .gallary-inner-item-2 {
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

/* 4er-Grid: spezifischer als grosses Bild */
.gallery-inner .gallary-inner-items .gallary-inner-item-2 > a {
  display: block;
  width: 100%;
  height: 225px;
}

.gallery-inner .gallary-inner-item-2 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.gallery-inner .col-lg-6,
.gallery-inner .col-12 {
  display: flex;
  flex-direction: column;
}

@media (max-width: 991px) {
  .gallery-inner .row.gallary-inner-top > [class*="col-"] > .gallary-inner-item-2 > a,
  .gallery-inner .row.gallary-inner-row > [class*="col-"] > .gallary-inner-item-2 > a {
    height: 420px;
  }

  .gallery-inner .gallary-inner-items .gallary-inner-item-2 > a {
    height: 200px;
  }

  .gallery-inner .gallary-inner-items {
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .gallery-inner .row.gallary-inner-top > [class*="col-"] > .gallary-inner-item-2 > a,
  .gallery-inner .row.gallary-inner-row > [class*="col-"] > .gallary-inner-item-2 > a {
    height: auto;
    min-height: 220px;
    aspect-ratio: 4 / 3;
    margin-bottom: 0;
  }

  .gallery-inner .gallary-inner-items {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .gallery-inner .gallary-inner-items .gallary-inner-item-2 > a {
    height: auto;
    min-height: 220px;
    aspect-ratio: 4 / 3;
  }

  .gallery-inner .row.gallary-inner-top,
  .gallery-inner .row.gallary-inner-row,
  .gallery-inner .row.mb-4 {
    margin-bottom: 20px;
  }
}