nav {display: flex;border-top: 1px solid #eee;background: #fff;position: sticky;top: 0px;left: 0px;z-index: 999;box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);}

#navigatie {max-width: 1600px;width: 95%;margin: 0 auto;}

#navigatie ul {margin: 0;list-style-type: none;}

#navigatie > ul > li > a {color:var(--MNU_KLEUR);display: flex;align-items: center;justify-content: center;text-decoration:none;text-transform:uppercase;font-weight: 600;padding: 25px 0;font-size: 18px;}
#navigatie > ul > li > a:hover {color:var(--MNU_KLEUR_HOVER);}
#navigatie > ul > li.hover > a {color:var(--MNU_KLEUR_HOVER);}
#navigatie > ul > li.menu-current > a {color:var(--MNU_KLEUR_HOVER);}

#navigatie > ul > li.menu-expand > a:after {content:"\f107";font-family: "FontAwesome";padding-left:5px;}

.submenu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%; 
	background-color: #fff; 
	padding: 40px; 
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
	grid-template-columns: repeat(4,1fr);
	grid-gap: 40px;
}

li:hover .submenu {
	display: grid;
}

#navigatie > ul > li {
	display: inline-block; 
	margin-right: 60px; 
}

#navigatie ul li.last-child {
	margin-right: 0px; 
}

.submenu li {
	display: block; 
}

.submenu li img {
	object-fit: cover;aspect-ratio: 3/2;margin-bottom: 10px;
}

.submenu a {
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	color: #333;
	border: 1px solid #eee;padding: 10px;
}