.navbar-brand {
    width: 180px;
}

/* Actief menu-item wanneer .active op de li (.nav-item) staat */
.navbar-nav .nav-item > .nav-link {
    border-radius: 0.5rem;
    padding-left: 0.6rem !important;
    padding-right: 0.6rem !important;
}
.navbar-nav .nav-item.active > .nav-link,
.navbar-nav .nav-item.show > .nav-link {
    background-color: #E5F0FC !important;
    color: #0d6efd !important; /* Optioneel: active tekstkleur */
}

/* Hover-effect op alle links */
.navbar-nav .nav-link {
    border-radius: 0.5rem;
}
.navbar-nav .nav-link:hover {
    background-color: #E5F0FC;
    border-radius: 0.5rem;
}

.navbar-expand-xl .navbar-nav .nav-item {
    padding: 1px;
}

.menu_extra {
    position: fixed;
    width: 100%;
    z-index: 1031;
    text-transform: inherit;
}
.menu_extra .container {
    position: relative;
}
.menu2 {
    float: right;
    position: absolute;
    margin: 0;
    color: #000;
    padding-right: 0;
    text-align: right;
    font-size: .8rem;
    top: 22px;
    right: 70px;
}
.menu2 i {
    color: #000;
}
.menu2 a:link, .menu2 a:visited, .menu2 a:active {
    color: #000;
    text-decoration: none;
}
.menu2 a:hover, .menu2 a:hover i {
    color: #ccc;
    text-decoration: none;
}
.menu2 > span {
    display: inline-block;
}


/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 414px and up) */
@media (min-width: 414px) {}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .menu2 {
        float: right;
        position: absolute;
        margin: 0;
        color: #000;
        padding-right: 0;
        text-align: right;
        font-size: .8rem;
        top: 57px;
        right: 80px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .menu2 {
        top: 19px;
        right: 15px;
    }    
    
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .navbar {
        font-size: .9em;
    }    
}
@media (min-width: 1400px) {
    .navbar {
        font-size: 1em;
    }        
}

/* Languages */
.languages ul {
    list-style: none;
    display: inline-block;
    margin-top: 9px;
    padding-left: 0.85rem !important;
    padding-right: 0.85rem !important;    
}
.languages li {
    float: left;
    text-transform: uppercase;
}
.languages li:last-child {
    padding-left: 2px;
}
.languageselector {
    padding: 0;
}
.languages ul li:after {
    content: '·';
    margin: 0 3px;
}
.languages ul li:last-child:after {
    display: none;
}
.languages ul li.selected a {
    color: var(--main-color1);
}