@media (max-width: 767px) {





	/*
	.menu_toggler span:nth-child(2) {
		display: none;
	}
	.menu_toggler.menu_active i:first-child {
		display: none;
	}
	.menu_toggler.menu_active i:nth-child(2) {
		display: block;
	}*/

	#hoofdmenu_container {
		z-index: 990;
		position: fixed;
		display: none;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
	   	background: var(--kleur-beige);
		-webkit-animation-duration: 0.4s;
		animation-duration: 0.4s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fade;
		animation-name: fade;
		overflow-y: auto;
	}
	@keyframes fade {
		from {
			opacity: 0;
			transform: translate3d(0, -2%, 0);
		}
		to {
			opacity: 1;
			transform: translate3d(0, 0, 0);
		}
	}
	#hoofdmenu_container.menu_active {
		display: block;
	}


	.menu_overlay {
    	padding: 3.5rem 2rem 8rem;
	}
	#hoofdmenu {
		padding: 0;
		margin: 4rem 0 0 0;
	}
	#hoofdmenu li {
		list-style: none;
		margin-top: 2.5rem;
	}
	#hoofdmenu li:first-child {
		margin-top: 0;
	}
	#hoofdmenu li a {
		position: relative;
		color: var(--kleur-blauw);
	    text-decoration: none;
	    display: inline-block;

		font-size: 2.6rem;
		font-weight: 700;
		font-style: normal;
		letter-spacing: normal;
		line-height: 3.6rem;

	}
	#hoofdmenu li a::before {
		content: "";
		display: inline-block;
		width: 0.8rem;
		height: 0.8rem;
		border-radius: 50%;
		background-color: var(--kleur-roze);
		margin-right: 1.6rem;
		margin-left: -2.4rem;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		opacity: 0;
		vertical-align: middle;
	}
	#hoofdmenu > li.current-menu-item > a::before,
	#hoofdmenu > li.current-menu-ancestor > a::before,
	#hoofdmenu > li.current-menu-parent > a::before {
		opacity: 1;
		margin-left: 0;
	}

	#hoofdmenu > li.current-menu-item > a,
	#hoofdmenu > li.current-menu-ancestor > a,
	#hoofdmenu > li.current-menu-parent > a {
		color: var(--kleur-roze);
	}

	#hoofdmenu > li .toggle_submenu {
		float: right;
		position: relative;
		margin-top: 1.2rem;
	}
	#hoofdmenu > li .toggle_submenu::before {
		content: "";
		height: 1.6rem;
		width: 1.6rem;
		display: block;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cg id='Group_2747' data-name='Group 2747' transform='translate(-426 -292)'%3E%3Cline id='Line_2' data-name='Line 2' x2='16' transform='translate(426.5 300.5)' fill='none' stroke='%23011c27' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='Line_5' data-name='Line 5' x2='16' transform='translate(434.5 292.5) rotate(90)' fill='none' stroke='%23011c27' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
	}
	#hoofdmenu > li.submenu_active .toggle_submenu::before {
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='1' viewBox='0 0 17 1'%3E%3Cline id='Line_2' data-name='Line 2' x2='16' transform='translate(0.5 0.5)' fill='none' stroke='%23011c27' stroke-linecap='round' stroke-width='1'/%3E%3C/svg%3E%0A");
	}


	#hoofdmenu > li ul.sub-menu {
		height: 0;
		visibility: hidden;
	}
	#hoofdmenu > li.submenu_active ul.sub-menu {
		height: auto;
		visibility: visible;
	}
	#hoofdmenu > li.submenu_active ul.sub-menu li {
		margin-top: 1.8rem;
	}
	#hoofdmenu > li.submenu_active ul.sub-menu li:first-child {
		margin-top: 1.5rem;
	}
	#hoofdmenu > li ul.sub-menu li a {
		color: var(--kleur-blauw);
		font-family: "degular", sans-serif;
		font-size: 1.7rem;
		font-weight: 500;
		font-style: normal;
		letter-spacing: normal;
		line-height: 3rem;
	}

	#hoofdmenu li ul li a:hover,
	#hoofdmenu li ul li.current-menu-item a {
		color: var(--kleur-roze);
	}





}