/* Nur Hagen und Hamm: vorhandenes city-hero-Markup wie bei den ursprünglichen
   Stadtseiten ausrichten; das erste Bild bleibt dabei vollständig sichtbar. */
@media (min-width: 761px) {
  .hagen-page .city-hero,
  .hamm-page .city-hero {
    display: block;
  }

  .hagen-page .city-hero > .wrap,
  .hamm-page .city-hero > .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(280px, .92fr);
    gap: 32px;
    align-items: center;
  }

  .hagen-page .city-hero > .wrap > figure,
  .hamm-page .city-hero > .wrap > figure {
    width: 100%;
    max-width: 496px;
    justify-self: center;
    overflow: visible;
  }

  .hagen-page .city-hero > .wrap > figure > img,
  .hamm-page .city-hero > .wrap > figure > img {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
  }
}