.elementor-2207 .elementor-element.elementor-element-8317d5b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for robok_home_two_header_widget, class: .elementor-element-98db6be *//* =========================================================
   WRKSPCE - HEADER
   Logo + navigatie + dropdown + responsive
   ========================================================= */


/* ---------------------------------------------------------
   LOGO - DESKTOP
   --------------------------------------------------------- */

.elementor-2207 .elementor-element.elementor-element-98db6be .navbar-brand img.logo-display,
.elementor-2207 .elementor-element.elementor-element-98db6be .navbar-brand img.logo-scrolled {
    width: 220px !important;
    max-width: 100%;
    height: auto !important;
}


/* ---------------------------------------------------------
   DESKTOP HOOFDNAVIGATIE
   --------------------------------------------------------- */

@media (min-width: 1025px) {

    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu.navbar-collapse {
        background: #20201e !important;

        border: none !important;
        outline: none !important;
        box-shadow: none !important;

        border-radius: 7px !important;

        padding: 0 12px !important;
    }

    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu .navbar-nav {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu .navbar-nav > li {
        position: relative;
        border: none !important;
    }

    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu .navbar-nav > li > a {
        display: flex !important;
        align-items: center !important;

        min-height: 56px;

        padding: 0 18px !important;

        color: #ffffff !important;
        background: transparent !important;

        border: none !important;
        border-radius: 0 !important;

        font-weight: 600;

        transition:
            color .2s ease,
            background-color .2s ease;
    }

    /* Hover hoofdmenu */
    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu .navbar-nav > li > a:hover,
    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu .navbar-nav > li > a:focus {
        color: #3765ff !important;
        background: transparent !important;
    }

    /* Actieve pagina */
    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu .navbar-nav > li.current-menu-item > a,
    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu .navbar-nav > li.current-menu-parent > a {
        color: #3765ff !important;
        background: transparent !important;
    }

    /* Robok pseudo-elementen verwijderen */
    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu::before,
    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu::after,
    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu .navbar-nav::before,
    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu .navbar-nav::after,
    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu .navbar-nav > li::before,
    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu .navbar-nav > li::after {
        display: none !important;
        content: none !important;
    }


    /* =====================================================
       DIENSTEN DROPDOWN
       ===================================================== */

    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu li.dropdown > ul.dropdown-menu {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        left: 0 !important;

        width: 310px !important;
        min-width: 310px !important;

        margin: 0 !important;
        padding: 10px !important;

        background: #20201e !important;

        border: 1px solid rgba(255,255,255,0.09) !important;
        border-radius: 10px !important;

        box-shadow:
            0 18px 45px rgba(0,0,0,0.18) !important;

        overflow: hidden;
    }

    /* Dropdown items */
    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu li.dropdown > ul.dropdown-menu > li {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border: none !important;
    }

    /* Dropdown links */
    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu li.dropdown > ul.dropdown-menu > li > a {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;

        padding: 12px 14px !important;

        color: #ffffff !important;
        background: transparent !important;

        border: none !important;
        border-radius: 6px !important;

        white-space: normal !important;

        font-size: 15px;
        line-height: 1.35;
        font-weight: 500;

        transition:
            color .18s ease,
            background-color .18s ease,
            padding-left .18s ease;
    }

    /* Dropdown hover */
    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu li.dropdown > ul.dropdown-menu > li > a:hover,
    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu li.dropdown > ul.dropdown-menu > li > a:focus {
        color: #ffffff !important;

        background: rgba(55,101,255,0.15) !important;

        padding-left: 18px !important;
    }

    /* Actieve dropdown pagina */
    .elementor-2207 .elementor-element.elementor-element-98db6be #navbar-menu li.dropdown > ul.dropdown-menu > li.current-menu-item > a {
        color: #3765ff !important;

        background: rgba(55,101,255,0.10) !important;
    }

}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1024px) {

    .elementor-2207 .elementor-element.elementor-element-98db6be .navbar-brand img.logo-display,
    .elementor-2207 .elementor-element.elementor-element-98db6be .navbar-brand img.logo-scrolled {
        width: 190px !important;
        max-width: 100%;
        height: auto !important;
    }

}


/* ---------------------------------------------------------
   MOBIEL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .elementor-2207 .elementor-element.elementor-element-98db6be .navbar-header {
        min-height: 64px !important;
        align-items: center !important;
    }

    .elementor-2207 .elementor-element.elementor-element-98db6be .navbar-brand {
        width: auto !important;

        height: 52px !important;
        min-height: 52px !important;

        padding: 0 !important;
        margin: 0 !important;

        align-items: center !important;
    }

    .elementor-2207 .elementor-element.elementor-element-98db6be .navbar-brand img.logo-display,
    .elementor-2207 .elementor-element.elementor-element-98db6be .navbar-brand img.logo-scrolled {
        width: 180px !important;

        max-width: none !important;

        height: auto !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8317d5b *//* WRKSPCE - Hero achtergrond diensten */

.breadcrumb-area {
    background-image: url("/wp-content/uploads/2026/07/ai-assistenten-custom-gpts-achtergrond-ruimte.webp") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}/* End custom CSS */