body div .menu nav .menu-hoofdmenu-container #menu-hoofdmenu ul.sub-menu,
body div .menu nav .menu-hoofdmenu_it-container #menu-hoofdmenu_it ul.sub-menu,
body div .menu nav .menu-hoofdmenu_fr-container #menu-hoofdmenu_fr ul.sub-menu,
body div .menu nav .menu-hoofdmenu_es-container #menu-hoofdmenu_es ul.sub-menu,
body div .menu nav .menu-hoofdmenu_du-container #menu-hoofdmenu_du ul.sub-menu,
body div .menu nav .menu-hoofdmenu_eng-container #menu-hoofdmenu_eng ul.sub-menu {
    li {
        padding-left: 0;
        position: relative;

        ul.sub-menu {
            padding: 0;
            background-color: white;
            border: none;
            width: 105%;
            display: none;
            transition: 300ms;
            margin-bottom: 0px;
            position: absolute;
            transform: translate(-100%, 0);
            top: 0;
            outline: 1px solid #cecece;

            a {
                border-right: 3px solid #cecece;
                padding-inline: 8px;
            }
        }

        &:hover {
            > ul.sub-menu {
                margin-bottom: 8px;
                display: block;
            }
        }

        &.menu-item-has-children::before {
            content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjMDAwMDAwIj48cGF0aCBkPSJNNTYwLTI0MCAzMjAtNDgwbDI0MC0yNDAgNTYgNTYtMTg0IDE4NCAxODQgMTg0LTU2IDU2WiIvPjwvc3ZnPg==);
            width: 24px;
            height: 24px;
            position: absolute;
            right: 0px;
            top: 12px;
        }
    }
} 

body div .menu-hoofdmenu-container #menu-hoofdmenu-1 .menu-item,
body div .menu-hoofdmenu_it-container #menu-hoofdmenu_it-1 .menu-item,
body div .menu-hoofdmenu_fr-container #menu-hoofdmenu_fr-1 .menu-item,
body div .menu-hoofdmenu_es-container #menu-hoofdmenu_es-1 .menu-item,
body div .menu-hoofdmenu_du-container #menu-hoofdmenu_du-1 .menu-item,
body div .menu-hoofdmenu_eng-container #menu-hoofdmenu_eng-1 .menu-item {
    display: flex !important;
    align-items: start;
    flex-direction: column;
    gap: 8px;

    ul.sub-menu {
        padding-left: 12px;
    }
}

ul.sub-menu {
    padding-left: 0;
}