/* Mobile: keine horizontale Scrollbar + mehr Randabstand
   Gilt auf allen Seiten AUSSER Home/Front-Page */
@media (max-width: 767px) {

  body:not(.home):not(.front-page) {
    overflow-x: hidden !important;
  }

  /* Mehr Luft zum Rand im Contentbereich */
  body:not(.home):not(.front-page) .site-content,
  body:not(.home):not(.front-page) .site-main,
  body:not(.home):not(.front-page) .hp-page,
  body:not(.home):not(.front-page) .hp-page__content {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box;
  }

  /* Medien & embeds verhindern Überbreite */
  body:not(.home):not(.front-page) img,
  body:not(.home):not(.front-page) iframe,
  body:not(.home):not(.front-page) video,
  body:not(.home):not(.front-page) embed {
    max-width: 100% !important;
    height: auto !important;
  }
}