/* Eigene Korrekturen am übernommenen Webflow-Stylesheet (site.css bleibt unverändert). */

/* Projekt- und Werdegang-Karten: lange Komposita wie "Implementierungsbegleitung" oder
   "Nahrungsergänzungsmittel" liefen bis 1024 px Breite über den Kartenrand.
   Getrennt wird nur, wo es in der jeweiligen Breite nötig ist. */
@media screen and (max-width: 1279px) {
  .career-job h4 {
    hyphens: auto;
    overflow-wrap: break-word;
  }
}

@media screen and (max-width: 767px) {
  .career-job-position {
    hyphens: auto;
    overflow-wrap: break-word;
  }
}

@media screen and (max-width: 479px) {
  /* Auf schmalen Handys bleiben sonst nur ca. 136 px Textbreite in der Karte. */
  .career-job {
    padding-left: 16px;
    padding-right: 16px;
    hyphens: auto;
    overflow-wrap: break-word;
  }
  /* Lange Seitentitel (z. B. "Ladengeschäfte") liefen bei 320 px über den Rand. */
  h1 {
    hyphens: auto;
    overflow-wrap: break-word;
  }
}