/* Nur Mobile-Overflow absichern — kein Redesign, Desktop unverändert.
   Wichtig: overflow-x NICHT auf html/body — bricht position:fixed Popups (iOS). */

.site {
  overflow-x: clip;
}

@media (max-width: 800px) {
  .hero {
    overflow-x: clip;
  }

  .hero-scene {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
  }

  .device-visual {
    width: 100% !important;
    max-width: 100% !important;
  }
}