/* In ontwikkeling NL – card grid with correct image/caption pairing */
.u-section-1 {
  background-image: none;
  overflow: hidden;
}

.u-section-1 .u-sheet-1 {
  min-height: 0 !important;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 24px;
  align-items: start;
  justify-items: center;
  padding: 24px 16px 48px;
  box-sizing: border-box;
  max-width: 100%;
}

.u-section-1 .u-image-1,
.u-section-1 .u-image-2,
.u-section-1 .u-image-3,
.u-section-1 .u-image-4,
.u-section-1 .u-image-5 {
  width: 100% !important;
  max-width: 360px;
  height: auto !important;
  margin: 0 !important;
  object-fit: cover;
  display: block;
}

.u-section-1 .u-text-1,
.u-section-1 .u-text-2,
.u-section-1 .u-text-3,
.u-section-1 .u-text-4,
.u-section-1 .u-text-5 {
  font-size: 0.875rem;
  margin: 0 !important;
  width: 100%;
  max-width: 360px;
  text-align: left;
}

/* Desktop pairing (matches original layout intent):
   Raalte | Alstätte | Uithuizen
   Osnabrück | Neede */
.u-section-1 .u-image-2 { grid-column: 1; grid-row: 1; } /* Raalte */
.u-section-1 .u-image-1 { grid-column: 2; grid-row: 1; } /* Alstätte */
.u-section-1 .u-image-3 { grid-column: 3; grid-row: 1; } /* Uithuizen */
.u-section-1 .u-text-1  { grid-column: 1; grid-row: 2; } /* Raalte text */
.u-section-1 .u-text-2  { grid-column: 2; grid-row: 2; } /* Alstätte text */
.u-section-1 .u-text-3  { grid-column: 3; grid-row: 2; } /* Uithuizen text */
.u-section-1 .u-image-4 { grid-column: 1; grid-row: 3; } /* Osnabrück */
.u-section-1 .u-image-5 { grid-column: 2; grid-row: 3; } /* Neede */
.u-section-1 .u-text-5  { grid-column: 1; grid-row: 4; } /* Osnabrück text */
.u-section-1 .u-text-4  { grid-column: 2; grid-row: 4; } /* Neede text */

@media (max-width: 991px) {
  .u-section-1 .u-sheet-1 {
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .u-section-1 .u-image-1,
  .u-section-1 .u-image-2,
  .u-section-1 .u-image-3,
  .u-section-1 .u-image-4,
  .u-section-1 .u-image-5,
  .u-section-1 .u-text-1,
  .u-section-1 .u-text-2,
  .u-section-1 .u-text-3,
  .u-section-1 .u-text-4,
  .u-section-1 .u-text-5 {
    grid-column: 1 !important;
    max-width: 100%;
  }

  /* Stack as image then matching caption */
  .u-section-1 .u-image-2 { grid-row: 1; }
  .u-section-1 .u-text-1  { grid-row: 2; }
  .u-section-1 .u-image-1 { grid-row: 3; }
  .u-section-1 .u-text-2  { grid-row: 4; }
  .u-section-1 .u-image-3 { grid-row: 5; }
  .u-section-1 .u-text-3  { grid-row: 6; }
  .u-section-1 .u-image-4 { grid-row: 7; }
  .u-section-1 .u-text-5  { grid-row: 8; }
  .u-section-1 .u-image-5 { grid-row: 9; }
  .u-section-1 .u-text-4  { grid-row: 10; }
}