/* Custom Overrides für die statische HRSM-Site
   Hier landen alle Anpassungen, die Salient/WordPress nicht direkt liefert.
   Wird zuletzt geladen, damit !important-Overrides greifen. */

/* ─── Hero-Bild Art-Direction für Mobile ──────────────────────────────────
   Original 150.jpg (1920x1280, Querformat) zeigt Maria Eva rechts im Frame.
   Auf Mobile (Hochformat-Viewport) wird via Media-Query stattdessen ein
   dediziertes Hochformat-Crop geladen (hero-mobile.jpg, 800x1280), bei dem
   Maria Eva zentral sitzt. Salient setzt das Querbild via Lazyload-JS als
   inline background-image, daher !important. */
@media (max-width: 999px) {
    #page-header-bg .page-header-bg-image {
        background-image: url('../img/hero-mobile.jpg') !important;
        background-position: center center !important;
        background-size: cover !important;
    }
}

/* ─── Mehr Luft zwischen HRSM-Letter-Sequenz und Intro-Heading auf Mobile ─
   Die Letter-Section endet mit "M Management". Direkt darunter folgt das
   Intro-Heading "Ich, Maria Eva Sturm..." in der nächsten wpb_row.
   Salient setzt deren padding-top auf 0 (Section) bzw. 5% (Inner-Row, was
   auf Mobile nur ~20px ergibt). Das klebt visuell zusammen. Auf Mobile
   60px Top-Padding für die Section ergänzen. */
@media (max-width: 999px) {
    #fws_6a0028546c152 {
        padding-top: 60px !important;
    }
}