/* FIX-06: Reflow at narrow viewports (WCAG 1.4.10). */
@media (max-width: 571.98px) {
  /* Decorative only: keep the animated waves inside the viewport. */
  .hero__waves {
    left: 0;
    right: 0;
    width: auto;
    transform: none;
  }

  /* Break otherwise unbreakable content only when the available width requires it. */
  .container-component {
    overflow-wrap: anywhere;
  }

  /* Allow the text side of the horizontal cards to shrink instead of being clipped. */
  .container-component section#gewichtsmanagement .card-body {
    min-width: 0;
  }

  /* Preserve the two-column contact layout while allowing its value column to shrink. */
  .wrapper-contact {
    grid-template-columns: max-content minmax(0, 1fr);
  }

  .wrapper-contact > * {
    min-width: 0;
  }
}