.page-hero.kempten {
  background: linear-gradient(100deg, rgba(13, 28, 39, .94), rgba(13, 28, 39, .46)), url('/assets/kempten-1.jpg') center 48% / cover;
}

.page-hero.velbert {
  background: linear-gradient(100deg, rgba(13, 28, 39, .94), rgba(13, 28, 39, .5)), url('/assets/velbert-1.jpg') center / cover;
}

.image-strip {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 8px;
  padding: 8px;
  background: #fff;
}

.image-strip img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.record.with-image {
  padding: 0 0 24px;
  overflow: hidden;
}

.record.with-image img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  margin-bottom: 20px;
}

.record.with-image small,
.record.with-image h3,
.record.with-image p {
  margin-left: 24px;
  margin-right: 24px;
}

@media (max-width: 760px) {
  .image-strip { grid-template-columns: 1fr 1fr; }
  .image-strip img { height: 210px; }
  .image-strip img:first-child { grid-column: 1 / -1; }
}