/* =====================================================================
   site-fixes.css  —  Nachträgliche Korrekturen nach Kunden-Feedback
   (Live-Schaltung www.rothermel.de). Wird als LETZTES CSS geladen.
   Alle Regeln bewusst eng gescopt, damit die bestehende OnePage-
   Migration nicht regressiert.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1) HERO-VIDEO (Startseite) — füllend, mittig, minimaler Beschnitt
   ---------------------------------------------------------------------
   Problem: Der Export fror den Parallax-Layer des Hero-Videos auf eine
   überdimensionierte Box (2803×1775) ein und nutzte object-fit:contain.
   Dadurch wurde das 16:9-Video auf die Layer-BREITE skaliert → zu hoch
   → im sichtbaren Fenster oben/unten ~340px abgeschnitten.
   Fix (nur Desktop, ≥1025px — Mobile wird bereits in mobile-overrides.css
   sauber behandelt): Parallax-Overscan des Video-Layers neutralisieren,
   Video exakt auf das sichtbare Hero-Fenster legen und mit cover mittig
   füllen (symmetrischer Minimalbeschnitt statt asymmetrischem Wegschnitt). */
@media (min-width: 1025px) {
  .parallax-banner:has(.con-kit-organism-parallax--video) .parallax-inner {
    transform: none !important;
    inset: 0 !important;
  }
  .parallax-banner:has(.con-kit-organism-parallax--video) .parallax-banner-layer-0 {
    top: 0 !important;
    bottom: 0 !important;
  }
  .con-kit-organism-parallax--video,
  .con-kit-organism-parallax--video .test,
  .con-kit-organism-parallax--video .test > div {
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    top: 0 !important;
    left: 0 !important;
  }
  .con-kit-organism-parallax--video video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* ---------------------------------------------------------------------
   2) WIDE-SCREEN — Inhalt auf sehr breiten Monitoren zentrieren
   ---------------------------------------------------------------------
   Problem: Die OnePage-Sektionen sind full-bleed (100%). Auf Monitoren
   deutlich breiter als das Design (>1920) laufen zweispaltige Sektionen
   (Text links / Dekobild rechts, z.B. /transportlogistik) weit
   auseinander; die dekorativen Foto-Cards driften an den rechten
   Bildschirmrand und werden angeschnitten ("Fahrzeug-Bild nicht korrekt
   ausgerichtet"). Fix: Die gesamte Seite ab >1920px auf eine maximale
   Breite begrenzen und mittig setzen — Inhalt bleibt kompakt & lesbar,
   Dekobilder bleiben im sichtbaren Bereich. Bis 1920px unverändert. */
@media (min-width: 1921px) {
  .con-kit-site {
    max-width: 1920px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}