.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --cxv2-ink:#0C316C; --cxv2-forest:#123B78; --cxv2-mint:#F0F6FC; --cxv2-lime:#E6EAF0; --cxv2-coral:#F15A24; --cxv2-sky:#EAF2FB; --cxv2-paper:#FFFFFF; --cxv2-white:#FFFFFF; --cxv2-muted:#334155; --cxv2-font-sans:Roboto; --cxv2-page-gutter:clamp(1.5rem, 4vw, 2.25rem); --cxv2-section-pad:clamp(4.5rem, 7vw, 6.5rem); --cxv2-radius:8px; }
/* Start custom CSS *//* =========================================================
   CROVIAX – MOBILE SYSTEM
   STABILE VERSION
   ========================================================= */


/* =========================================================
   1. SMARTPHONE QUERFORMAT SPERREN
   ========================================================= */

@media screen
and (orientation: landscape)
and (max-width: 950px)
and (max-height: 500px)
and (pointer: coarse) {

    body {
        overflow: hidden !important;
    }

    body::before {
        content: "Bitte Smartphone drehen";
        position: fixed;
        inset: 0;
        z-index: 2147483646;
        background: #ffffff;
        color: #123B78;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 30px 45px;
        box-sizing: border-box;
        text-align: center;
        font-family: Arial, sans-serif;
        font-size: 26px;
        font-weight: 700;
    }

    body::after {
        content: "Diese Website ist für die Hochformat-Ansicht optimiert.";
        position: fixed;
        left: 20px;
        right: 20px;
        top: 54%;
        z-index: 2147483647;
        color: #123B78;
        text-align: center;
        font-family: Arial, sans-serif;
        font-size: 17px;
        font-weight: 400;
    }
}


/* =========================================================
   2. MOBILE PORTRAIT
   ========================================================= */

@media (max-width: 767px) and (orientation: portrait) {

    /* =====================================================
       HEADER
       ===================================================== */

    .croviax-sticky-header {
        position: relative;
        z-index: 9999 !important;
        background-color: transparent;

        transition:
            background-color 0.20s ease,
            box-shadow 0.20s ease;
    }


    /* =====================================================
       LOGO
       ===================================================== */

    .croviax-sticky-logo img {
        display: block;
        width: auto;
        height: auto;
        max-width: 230px;
        transition: max-width 0.22s ease;
    }

    .croviax-sticky-logo,
    .croviax-sticky-logo a,
    .croviax-sticky-logo img,
    .croviax-sticky-logo a:hover,
    .croviax-sticky-logo a:active,
    .croviax-sticky-logo a:focus {
        -webkit-tap-highlight-color: transparent !important;
        -webkit-touch-callout: none !important;
        background: transparent !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .croviax-sticky-logo a {
        touch-action: manipulation;
    }


    /* =====================================================
       HAMBURGER – NORMAL
       ===================================================== */

    .croviax-menu {
        position: absolute !important;
        right: 18px !important;
        top: 20px !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 10000 !important;
        pointer-events: auto !important;
    }

    .croviax-menu .elementor-menu-toggle {
        color: #123B78 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
        -webkit-tap-highlight-color: transparent !important;
        pointer-events: auto !important;
        touch-action: manipulation;
        transition: none !important;
    }

    .croviax-menu .elementor-menu-toggle svg,
    .croviax-menu .elementor-menu-toggle i {
        color: #123B78 !important;
        fill: #123B78 !important;
        stroke: #123B78 !important;
    }

    .croviax-menu .elementor-menu-toggle:hover,
    .croviax-menu .elementor-menu-toggle:focus,
    .croviax-menu .elementor-menu-toggle:active {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }


    /* =====================================================
       STICKY-ZUSTAND
       ===================================================== */

    .croviax-sticky-header.elementor-sticky--effects {
        background-color: #ffffff !important;
        min-height: 64px !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
        z-index: 9999 !important;
    }

    .croviax-sticky-header.elementor-sticky--effects
    .croviax-sticky-logo img {
        max-width: 90px !important;
        height: auto !important;
    }

    .croviax-sticky-header.elementor-sticky--effects
    .croviax-menu {
        right: 18px !important;
        top: 20px !important;
    }


    /* =====================================================
       STARTSEITE – STICKY FEINPOSITION
       ===================================================== */

    body.home
    .croviax-sticky-header.elementor-sticky--effects
    .croviax-sticky-logo {
        transform: translateY(12px) !important;
    }

    body.home
    .croviax-sticky-header.elementor-sticky--effects
    .croviax-menu {
        top: 32px !important;
    }


    /* =====================================================
       SOCIAL ICONS – NORMAL UNSICHTBAR
       ===================================================== */

    .croviax-menu-social {
        display: flex !important;

        position: fixed !important;
        left: 50% !important;
        bottom: 55px !important;
        width: auto !important;

        transform: translateX(-50%) !important;

        justify-content: center !important;
        align-items: center !important;

        z-index: 100000 !important;

        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;

        transition:
            opacity 0.22s ease,
            visibility 0s linear 0.22s !important;
    }


    /* =====================================================
       MENÜ SCHLIESSEN
       ===================================================== */

    body:not(:has(.croviax-menu .elementor-menu-toggle.elementor-active))
    .croviax-menu .elementor-nav-menu--dropdown {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        transition:
            opacity 0.22s ease,
            visibility 0s linear 0.22s !important;
    }


    /* =====================================================
       FULLSCREEN-MENÜ – NUR WENN GEÖFFNET
       ===================================================== */

    body:has(.croviax-menu .elementor-menu-toggle.elementor-active) {
        overflow: hidden !important;
    }

    body:has(.croviax-menu .elementor-menu-toggle.elementor-active)
    .croviax-sticky-logo {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body:has(.croviax-menu .elementor-menu-toggle.elementor-active)
    .croviax-menu .elementor-nav-menu--dropdown {
        position: fixed !important;
        inset: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        width: 100% !important;
        height: 100vh !important;
        height: 100dvh !important;
        min-height: 100vh !important;
        min-height: 100dvh !important;

        padding: 110px 28px 40px !important;

        background: #ffffff !important;
        box-sizing: border-box !important;
        overflow-y: auto !important;

        z-index: 99998 !important;

        transition:
            opacity 0.22s ease,
            visibility 0s linear 0s !important;
    }


    body:has(.croviax-menu .elementor-menu-toggle.elementor-active)
    .croviax-menu
    .elementor-nav-menu--dropdown::before {
        content: "MENÜ";
        display: block;
        position: absolute;
        top: 36px;
        left: 28px;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 2px;
        color: #FF5A24;
    }


    .croviax-menu
    .elementor-nav-menu--dropdown
    .elementor-nav-menu {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }


    .croviax-menu
    .elementor-nav-menu--dropdown a {
        display: block !important;
        padding: 18px 0 !important;
        font-size: 24px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;
        color: #123B78 !important;
        border-bottom: 1px solid #EEF2F6 !important;
        text-decoration: none !important;
        background: transparent !important;
        -webkit-tap-highlight-color: transparent !important;
        outline: none !important;
        box-shadow: none !important;
    }


    .croviax-menu
    .elementor-nav-menu--dropdown a:hover,

    .croviax-menu
    .elementor-nav-menu--dropdown a:focus,

    .croviax-menu
    .elementor-nav-menu--dropdown a:active,

    .croviax-menu
    .elementor-nav-menu--dropdown
    .current-menu-item > a {
        color: #FF5A24 !important;
        background: transparent !important;
        outline: none !important;
        box-shadow: none !important;
    }


    /* =====================================================
       X – ORANGE
       ===================================================== */

    .croviax-menu
    .elementor-menu-toggle.elementor-active {
        position: fixed !important;
        top: 22px !important;
        right: 22px !important;
        z-index: 100000 !important;
        color: #FF5A24 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }


    .croviax-menu
    .elementor-menu-toggle.elementor-active svg,

    .croviax-menu
    .elementor-menu-toggle.elementor-active i {
        color: #FF5A24 !important;
        fill: #FF5A24 !important;
        stroke: #FF5A24 !important;
    }


    /* =====================================================
       SOCIAL ICONS – EXAKT GLEICHZEITIG MIT MENÜ
       ===================================================== */

    body:has(.croviax-menu .elementor-menu-toggle.elementor-active)
    .croviax-menu-social {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;

        transition:
            opacity 0.22s ease,
            visibility 0s linear 0s !important;
    }


    /* =====================================================
       SOCIAL ICONS – KEIN BLAUER TAP-/FOCUS-EFFEKT
       ===================================================== */

    .elementor-social-icon,
    .elementor-social-icon:hover,
    .elementor-social-icon:focus,
    .elementor-social-icon:active {
        -webkit-tap-highlight-color: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        outline: none !important;
    }
}


/* =========================================================
   3. COPYRIGHT AUF DESKTOP AUSBLENDEN
   ========================================================= */

@media (min-width: 1025px) {

    .croviax-mobile-copyright,
    [data-id="f7638e7"] {
        display: none !important;
    }
}


/* =========================================================
   4. MOBILE HERO-BUTTONS
   ========================================================= */

@media (max-width: 767px) and (orientation: portrait) {

    html {
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
    }

    .croviax-mobile-hero-button {
        width: 340px !important;
        max-width: calc(100vw - 32px) !important;
        min-width: 0 !important;

        margin-left: auto !important;
        margin-right: auto !important;

        box-sizing: border-box !important;
    }
}
/* =========================================================
   DESKTOP HERO – BUTTONS LINKS AUSRICHTEN
   ========================================================= */

@media (min-width: 768px) {
    .croviax-hero-cta-stack {
        margin-left: -8px !important;
    }
}/* End custom CSS */