/* Alutech Relaunch 3.2.15
 * 1. Anfrage-Sendenseite: keine Bild-Zwischenstufe vor den Formularen.
 * 2. Mobile Navigation: nur die Off-Canvas-Flaeche erhaelt den Verlauf.
 * Desktop-, Sticky- und Elementor-Headerwerte bleiben unberuehrt.
 */

/* Auf der zentralen Anfrage-Seite wird die Rueckrufkarte ohne Bildspalte gezeigt. */
body.rank1-route-anfrage-senden .alutech-request-hub__callback-visual,
body.rank1-route-anfrage-senden .alutech-request-hub__callback-intro {
    display: none !important;
}

body.rank1-route-anfrage-senden .alutech-request-hub__callback-stage,
body.rank1-route-anfrage-senden .alutech-request-hub__callback-content {
    width: 100% !important;
    max-width: none !important;
    grid-column: 1 / -1 !important;
}

body.rank1-route-anfrage-senden .alutech-request-hub__callback-stage {
    grid-template-columns: minmax(0, 1fr) !important;
}

body.rank1-route-anfrage-senden .alutech-request-hub__form--callback {
    width: min(100%, 880px);
    margin-inline: auto;
}

/* Kundenbereich: Lesbare helle Typografie auf der dunkelblauen Vorschau. */
body.rank1-route-kundenbereich .portal-preview,
body.rank1-route-kundenbereich .portal-preview h2,
body.rank1-route-kundenbereich .portal-preview h3 {
    color: #fff !important;
}

body.rank1-route-kundenbereich .portal-preview .eyebrow,
body.rank1-route-kundenbereich .portal-preview .portal-modules article > span {
    color: #8fc4df !important;
}

body.rank1-route-kundenbereich .portal-preview .portal-modules p {
    color: #d7e6ef !important;
}

body.rank1-route-kundenbereich .portal-preview .portal-modules article {
    border-color: rgba(255, 255, 255, .26) !important;
    background: rgba(255, 255, 255, .045) !important;
}

/* Ausschliesslich der geoeffnete mobile XStore-Off-Canvas-Bereich wird dunkel. */
@media (max-width: 1024px) {
    body .rank1-header-mobile-nav .etheme-elementor-off-canvas__main,
    body .rank1-header-mobile-nav .etheme-elementor-off-canvas_content {
        background:
            radial-gradient(circle at 92% 7%, rgba(73, 151, 196, .22) 0, rgba(73, 151, 196, 0) 34%),
            linear-gradient(155deg, #061a2d 0%, #0b3659 54%, #081f35 100%) !important;
        background-color: #081f35 !important;
        color: #fff !important;
    }

    body .rank1-header-mobile-nav :is(
        .etheme-elementor-nav-menu-item,
        .item-link,
        .elementor-item,
        .etheme-elementor-nav-menu-item-arrow,
        .etheme-elementor-nav-menu-item-icon,
        .nav-sublist-dropdown a,
        .nav-sublist-dropdown .elementor-item
    ) {
        color: #fff !important;
    }

    body .rank1-header-mobile-nav :is(
        .etheme-elementor-nav-menu-item,
        .item-link,
        .nav-sublist-dropdown a
    ):is(:hover, :focus-visible),
    body .rank1-header-mobile-nav .current-menu-item > .item-link,
    body .rank1-header-mobile-nav .current-menu-ancestor > .item-link {
        color: #a9cee2 !important;
    }

    body .rank1-header-mobile-nav .etheme-elementor-nav-menu-item-icon svg {
        color: inherit !important;
        fill: currentColor !important;
    }
}
