/**
 * Mobil és tablet overflow javítás – Dienstleistungen és egyéb oldalak
 * Megakadályozza, hogy a tartalom kilógjon a képernyőről.
 */
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden;
    max-width: 100vw;
  }
  #root {
    overflow-x: hidden;
    max-width: 100%;
  }
  /* Szöveg tördelése – hosszú német szavak is beleférjenek */
  #root h1, #root h2, #root h3, #root h4, #root h5, #root h6,
  #root p, #root span, #root a, #root div, #root label {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal !important;
    max-width: 100%;
  }
  /* Gombok wrap */
  #root button, #root a[role="button"] {
    white-space: normal !important;
    max-width: 100%;
    text-align: center;
  }
  /* Flex konténerek – engedjék a zsugorodást */
  #root .flex, #root [class*="flex"] {
    min-width: 0;
  }
  /* Container max-width */
  #root .container {
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}