@media (max-width:767px)
{	
	#navbar-hoofdmenu{
		position: fixed;
		z-index: 100;
		top: 0;
		overflow-x: hidden;
		overflow-y: scroll;
		height: 100dvh;
		width: 100%;
		right: -100%;
		padding: 0;
		margin: 0;
		background: #f1f1fb;
		-webkit-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
	}

	#hoofdmenu > li:first-child{
		border-top: solid 0.1rem #C5C5EC;
		padding-top: 2rem;
	}
	
	#hoofdmenu{
		width: 100%;
		position: static;
		border-radius: 0;
		padding-top: 11rem;
		height: auto;
		margin: 0;
		right: 0;
		background: #fff;
		overflow-y: auto;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		display: block;
		padding-bottom: 1rem;
	}
	
	#hoofdmenu > li{
        position: static;
		margin: 0;
	}
	
	#hoofdmenu > li > a{
		padding: 0 3rem;
	}
    
    #hoofdmenu li.menu-item-has-children > a:after{
        content: "\f105" !important;
        color: #0A0A96;
        right: 3rem;
        font-size: 1.6rem;
		font-weight: 400;
		line-height: 3.6rem;
        font-family: 'Font Awesome 6 Pro';
        position: absolute;
    }
	
	#hoofdmenu > li:last-child{
	}
	
	
	#hoofdmenu li a {
		text-shadow: none;
		color: #0A0A96;
		width: 100%;
		float: left;
		position: relative;
	}

	#topmenu{
		margin-top: 2rem;
		flex-direction: column;
		display: flex;
		gap: 1.5rem;
    	padding: 0 3rem;
        z-index: 0;
	}
    
    .talen-container{
        z-index: 0;
    }
	
	#topmenu > li{
		margin: 0;
	}

	#topmenu li.inloggen-link a:before{
		display: none;
	}
	
	#topmenu li.inloggen-link a:after{
		content: "";
		background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10Z' fill='%23ffffff'/%3E%3Cg clip-path='url(%23clip0_203_346)'%3E%3Cpath d='M8.27994 10.6612C8.74816 11.0389 9.34753 11.2663 9.99953 11.2663C10.6515 11.2663 11.2509 11.0389 11.7191 10.6612C12.324 10.1729 12.711 9.4337 12.711 8.60664V6.66083C12.711 5.83377 12.324 5.09458 11.7191 4.60631C11.2509 4.22856 10.6515 4.00119 9.99953 4.00119C9.34753 4.00119 8.74816 4.22856 8.27994 4.60631C7.67504 5.09458 7.28809 5.83377 7.28809 6.66083V8.60755C7.28809 9.43461 7.67504 10.1738 8.27994 10.6621V10.6612ZM8.27994 6.66083C8.27994 5.72869 9.05015 4.9741 9.99953 4.9741C10.9489 4.9741 11.7191 5.72959 11.7191 6.66083V8.60664C11.7191 9.53878 10.9489 10.2934 9.99953 10.2934C9.05015 10.2934 8.27994 9.53788 8.27994 8.60664V6.65992V6.66083Z' fill='%237373C5'/%3E%3Cpath d='M10.0005 12.1915C7.72861 12.1915 5.71996 13.3039 4.5 14.9997H5.76891C6.81803 13.8746 8.32336 13.1644 10.0005 13.1644C11.6776 13.1644 13.182 13.8746 14.232 14.9997H15.5009C14.281 13.3039 12.2723 12.1915 10.0005 12.1915Z' fill='%237373C5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_203_346'%3E%3Crect width='11' height='11' fill='white' transform='translate(4.5 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
		width: 2rem;
		height: 2rem;
		display: inline-block;
		transition: 0.3s background;
	}
	
	#hoofdmenu li ul li{
		margin-bottom: 0;
        position: static;
		padding: 0;
        width: 100%;
		margin: 0;
	}
    
    #hoofdmenu li ul li + li{
        margin-top: 0 !important;
    }
    
    #hoofdmenu > li.open > ul{
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);        
    }
    
    #hoofdmenu > li.menu-item-has-children > ul{
        display: block !important;
        position: absolute !important;
		height: -webkit-calc(100% - 11rem);
		height: calc(100% - 11rem);
		display: none;
		overflow: hidden;
        margin-top: 11rem;
		background: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
		width: 100%;
    }
	
	#hoofdmenu > li.menu-item-has-children.open > ul{
		overflow: visible;
		display: block;
		height: 100%;
	}
    
    #hoofdmenu button i{
        margin-right: 1rem;
    }
    
    #hoofdmenu > li > ul:before{
        display: none;
    }
    
    #hoofdmenu button,
    #hoofdmenu button:focus{
        width: 100%;
        border: none;
        margin: 0;
        display: block;
        background-color: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        text-align: left;
        padding: 0 3rem;
        line-height: 3.6rem;
    }
	
	.submenu-back-button i:before{
		content: "\f104";
	}
    
    #hoofdmenu li > ul{
        display: block;
		list-style: none;
		padding: 0;
        top: 0;
        left: 0 !important;
        background-color: #fff;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition:all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out;
        z-index: 2;
    	height: 100%;
    }
    
    #hoofdmenu li > ul > li.menu-item-has-children > ul{
        display: block !important;
        position: absolute !important;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition:all 0.3s ease-in-out;
        background-color: #fff;
        -webkit-transition:all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out;
        padding-left: 0 !important;
        z-index: 3;
    }
    
    #hoofdmenu li > ul > li.open > ul{
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    
    #hoofdmenu li > ul > li.menu-item-has-children ul li a{
        padding: 0 3rem;
        color: #fff;
    }
    
    #hoofdmenu li a:after{
        -webkit-transition:all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out;        
    }
    
    #hoofdmenu li a:hover,
    #hoofdmenu li a:focus,
    #hoofdmenu li a:active,
    #hoofdmenu li a:hover:after,
    #hoofdmenu li a:active:after,
    #hoofdmenu li a:focus:after{
        
    }

	#logoholder{
		z-index: 1500;
	}
	
	#hoofdmenu li ul li:last-of-type{
		margin-bottom: 0;
	}
	
	#hoofdmenu li ul li a{
        padding: 0 3rem;
        border: none !important;
        color: #0A0A96;
		white-space: normal;
	}
	
	.navbar-default .navbar-toggle .icon-bar,
	#navbar-hoofdmenu .navbar-toggle .icon-bar{
		background: #fff;
	}
	
	.navbar-default .navbar-toggle.collapsed .icon-bar {
		background: #fff;
	}
    
    .showmenu-bg{
		background: rgba(0,0,0,0.5);
		position: fixed;
		top: 0;
		right: 0%;
		height: 100%;
		width: 100%;
        opacity: 0;
		z-index: 1;
        -webkit-transition:background 0.3s ease-in-out;
		transition:background 0.3s ease-in-out;
	}
    		
	#navbar-hoofdmenu .navbar-toggler {
		border-radius: 0;
		right: 3rem;
		top: 3rem;
		position: absolute;
		z-index: 50
	}
	
	#navbar-hoofdmenu .navbar-toggler-icon{	
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22' fill='none'%3E%3Crect x='1.41406' width='29' height='2' transform='rotate(45 1.41406 0)' fill='%230A0A96'/%3E%3Crect x='22.3799' y='1.41422' width='29' height='2' transform='rotate(135 22.3799 1.41422)' fill='%230A0A96'/%3E%3C/svg%3E");
		width: 2.2rem;
		height: 2.1rem;
		background-size: contain;
		margin-top: 2px;
	}
	
	.navbar-header {
		position: relative;
		width: auto;
	}
	
	.openChild > li > a{
		opacity: 0;
	}
	
	#navbar-hoofdmenu.collapse{
		display: block;
	}
	
	#navbar-hoofdmenu.showmenu{
		right: 0;
		
		-webkit-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
	}
    
    #navbar{
        border: none;
    }
	
	#hoofdmenu.showmenu{
		right: 0px;
	    z-index: 15;
	}
	
	body{
		position: relative;
	}
	
	body.collapsed{
		overflow: hidden;
	}
}