@media (min-width: 992px) {

    body {
        padding-top: 100px;
    }
    .navbar {
        height: 100px;
    }
    a.logo {
        padding: 25px 22px;
        height: 100px;
        width: 100px;
        background-color: transparent;
    }

	.navbar-expand-lg .offcanvas .offcanvas-body {
        justify-content: center;
        align-items: center;
    }
    
    .navbar > .container-xl {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .offcanvas-body .button {
        margin-top: 0;
        position: absolute;
        right: 20px;
    }
    .social_links {
        position: absolute;
        left: 0;
        margin-top: 0;
    }
    .social_links a {
        margin: 0 0.5rem 0 0;
        color: var(--kleur-groen);
    }


    a.logo {
        margin-right: 30px;
        margin-left: 30px;
    }
    .navbar ul.hoofdmenu {
        flex-grow: 1;
        width: calc((100% / 2) - 135px);
        align-items: center;
    }
    .hoofdmenu li {
        margin-top: 0;
        margin-left: 30px;
    }
    
    .hoofdmenu li:first-child {
        margin-left: 0;
    }
    .hoofdmenu li a {
        font-size: 1.4rem;
        color: var(--kleur-paars);
    }
    
    .hoofdmenu li:not(.button_menu) > a:after {
        background-color: var(--kleur-paars);
    }
    .hoofdmenu li.button_menu {  
        margin-left: auto;
        margin-top: 0;
    }
    .offcanvas-body .button {
        margin-top: 0;
        position: absolute;
        right: 20px;
    }

    
    .navbar.scroll a.logo {
        background-color: var(--kleur-wit);
    }
    .navbar.scroll .hoofdmenu li a {
        color: var(--kleur-wit);
    }
    
    .navbar.scroll .hoofdmenu li:not(.button_menu) > a:after {
        background-color: var(--kleur-wit);
    }


    .row_footer {
        --bs-gutter-y: 60px;
    }
    #footer,
    #copy {
        font-size: 1.8rem;
    }


    
    .footer_menu .geef {
        margin-left: 15px;
    }
}