/* ==========================================================================
   WMP-Regio – Zweispaltige Stadtbeschreibung
   ========================================================================== */

.section--regio {
  text-align: left;
}

.regio__text {
  column-count: 2;
  column-gap: 5rem;
}

.regio__text h3 {
  margin-top: var(--space-md);
  break-after: avoid;
}

.regio__text p {
  break-inside: avoid;
}

/* Bild im Fließtext: klarer vertikaler Abstand oben/unten, damit der Text nicht
   direkt anklebt. break-inside:avoid, damit das Bild nicht am Spaltenumbruch reißt. */
.regio__figure {
  margin: var(--space-lg) 0;
  break-inside: avoid;
}

.regio__figure img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 991px) {
  .regio__text {
    column-count: 1;
  }
}