/* ============================================================
   Qudits Custom Overrides
   ============================================================ */

/* ------------------------------------------------------------
   Variante A: 'weisse Kaesten auf grauem Hintergrund'
   html / #Wrapper / #Content werden einheitlich weiss,
   damit weisse Inhaltsspalten nahtlos einbinden.

   Bewusst NICHT angefasst:
     - #Footer (#ecebe9, gewollt dunkel)
     - Sections mit eigener expliziter Hintergrundfarbe
       (z.B. Mission-Parallax mit #f3f3f3)
   ------------------------------------------------------------ */
html,
#Wrapper,
#Content {
    background-color: #ffffff !important;
}


/* ------------------------------------------------------------
   Ultra-Wide-Schutz (Curved Monitor 3440x1440 etc.)
   ------------------------------------------------------------
   WordPress-Betheme hat Breakpoints nur bis ca. 2500px. Auf
   3440px-Curved-Monitoren spannen full-width-Sections die
   Spalten unbegrenzt, Hintergrundbilder rastern aus, Spalten-
   inhalte verschieben sich (z.B. CONSULTANCY FOCUS schneidet
   ab) - Theme war fuer das Szenario nie ausgelegt.

   Loesung: ab 1920px Bildschirmbreite die inneren Section-
   Wrapper auf max. 1600px begrenzen und zentrieren.
   - Section-Hintergrundfarben/-bilder spannen weiterhin volle
     Breite (visuell sauber auf Ultrawide).
   - Inhalte sitzen mittig und behalten gewohntes Layout.
   - Keine Auswirkung auf normale Bildschirme < 1920px.
   ------------------------------------------------------------ */
@media only screen and (min-width: 1920px) {

    /* Section-Inhalts-Container in full-width-Sections begrenzen */
    .section.full-width .section_wrapper,
    .section.full-width-deprecated .section_wrapper {
        max-width: 1600px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Header-Hintergrundbild auf Unterseiten korrekt skalieren */
    body:not(.template-slider) #Header_wrapper {
        background-size: cover !important;
        background-position: center center !important;
    }

    /* Profilseiten-Spalten-Hintergrundbilder (Geschaeftsleitung.jpg etc.) */
    /* Bild als 'cover' skalieren statt natuerliche Pixelbreite, damit
       1920px-Bilder in 1720px-breiten Containern sauber sitzen */
    .wrap.mcb-wrap[style*="background-image"] {
        background-size: cover !important;
    }
}