header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 27px 19px;
	background: #FFF;
	position: relative;
	z-index: 20;
	box-sizing: border-box;
}

header.header--dark {
	background: var(--blue, #1A75BB);
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 5px !important;
}

header.header--dark nav > ul > li > a,
header.header--dark .topbar__link,
header.header--dark .header-menu-icon {
	color: #FFF;
}

header.header--dark .site-logo img {
	filter: brightness(0) invert(1);
}

.header-nav-row {
	display: flex;
	align-items: center;
	gap: 36px;
}

.primary-menu-wrapper ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	gap: 36px;
}

.primary-menu-wrapper .blue_link > a {
	color: var(--blue);
}

.primary-menu-wrapper .blue_link > a:hover {
	color: var(--pink);
}

.header-menu-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: none;
	background: none;
	color: var(--font-color, #0A2636);
	cursor: pointer;
	transition: color 0.3s ease;
}

.header-menu-icon__icon {
	display: block;
	width: 28px;
	height: 24px;
}

.header-menu-icon__icon--close {
	display: none;
}

body.hamburger_menu_active .header-menu-icon__icon--hamburger {
	display: none;
}

body.hamburger_menu_active .header-menu-icon__icon--close {
	display: block;
}

header nav a {
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	color: var(--font-color);
	text-decoration: none;
	font-weight: 600;
	transition: color 0.3s ease;
}

header nav a:hover {
	color: var(--pink);
}

/* Top-level current menu item: groen. Beperkt tot directe child <li>'s
   van de menu-<ul> zodat mega-menu / submenu items niet meegekleurd worden. */
header nav > ul > li.current-menu-item > a,
header nav > ul > li.current_page_item > a {
	color: var(--green);
}

header nav > ul > li.current-menu-item > a:hover,
header nav > ul > li.current_page_item > a:hover {
	color: var(--pink);
}

/* "InCompany" is normaal blauw (.blue_link). Is het de actieve pagina, dan
   groen: blauw op de blauwe balk van de incompany-pagina valt weg. */
.primary-menu-wrapper > ul > li.blue_link.current-menu-item > a,
.primary-menu-wrapper > ul > li.blue_link.current_page_item > a {
	color: var(--green);
}

.primary-menu-wrapper > ul > li.blue_link.current-menu-item > a:hover,
.primary-menu-wrapper > ul > li.blue_link.current_page_item > a:hover {
	color: var(--pink);
}

header nav li {
	margin-left: 0;
}

.topbar {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 24px;
	width: 100%;
}

.topbar__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	color: var(--font-color, #333);
	text-decoration: none;
	font-weight: 600;
	transition: color 0.3s ease;
}

.topbar__link:hover {
	color: var(--pink);
	text-decoration: none;
}

.topbar__link__icon {
	display: block;
	width: 24px;
	height: auto;
	flex-shrink: 0;
	color: inherit;
}

.topbar__link__icon--round {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	object-fit: cover;
}

.hamburger_menu {
	position: fixed;
	top: var(--hamburger-menu-top);
	width: 1248px;
	box-sizing: border-box;
	max-width: 100%;
	background-color: white;
	left: 50%;
	z-index: 31;
	padding: 49px 0 40px;
	padding-bottom: 160px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
	border-radius: 15px;
	display: flex;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.42px;
	text-transform: uppercase;
	visibility: hidden;
	pointer-events: none;
	transform: translateX(-50%) translateY(calc(-100% - 150px));
	transition:
	transform 0.5s ease,
	top 0.35s ease,
	z-index 0s linear 0.5s,
	visibility 0s linear 0.5s;
}

/* 125px + admin bar wanneer ingelogd (niet-sticky) */
body.admin-bar .hamburger_menu {
	top: calc(var(--hamburger-menu-top) + var(--wp-admin--admin-bar--height, 32px));
}

body.sticky_header .hamburger_menu {
	top: var(--hamburger-menu-top-sticky);
}

/* Zelfde offset als sticky header onder de WP admin bar */
body.admin-bar.sticky_header .hamburger_menu {
	top: calc(var(--hamburger-menu-top-sticky) + var(--wp-admin--admin-bar--height, 32px));
}

body.hamburger_menu_active .hamburger_menu {
	visibility: visible;
	pointer-events: auto;
	transform: translateX(-50%) translateY(0);
	z-index: 31;
	transition:
	transform 0.5s ease,
	top 0.35s ease,
	z-index 0s linear 0s,
	visibility 0s linear 0s;
}

.hamburger_menu__title {
	font-weight: bold;
	margin-bottom: 24px;
}

.hamburger_menu a {
	color: var(--font-color);
	text-decoration: none;
	transition: color 0.3s ease;
	font-weight: 600;
}

.hamburger_menu a:hover {
	color: var(--pink);
}

.hamburger_menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.hamburger_menu .sub-menu {
	margin-top: 20px;
}

.hamburger_menu__section {
	flex: 1;
	position: relative;
	padding: 0 60px;
	display: flex;
	flex-direction: column;
}

.hamburger_menu__section:not(:last-child) {
	border-right: 1px solid #DADEE1;
}

.hamburger_menu .sub-menu a:before {
	content: '• ';
}

.hamburger_menu .menu-item--footer-button {
	position: absolute;
	bottom: -116px;
	width: 100%;
}

.hamburger_menu .menu-item--footer-button > a {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 8px 9px;
	border-radius: 60px;
	background-color: var(--pink);
	color: #FFF;
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	text-transform: none;
	transition: background-color 0.3s ease;
}

.hamburger_menu .menu-item--footer-button > a:hover {
	color: #FFF;
}

.hamburger_menu .menu-item--footer-button--green > a {
	background-color: var(--green);
}

.hamburger_menu .menu-item--footer-button--green > a:hover {
	background-color: var(--dark-green);
}

.hamburger_menu .menu-item--footer-button--orange > a {
	background-color: var(--orange);
}

.hamburger_menu .menu-item--footer-button--orange > a:hover {
	background-color: var(--dark-orange);
}

.hamburger_menu .menu-item--footer-button--blue > a {
	background-color: var(--blue);
}

.hamburger_menu .menu-item--footer-button--blue > a:hover {
	background-color: var(--dark-blue);
}

.hamburger_menu .menu-item--footer-button--pink > a {
	background-color: var(--pink);
}

.hamburger_menu .menu-item--footer-button--pink > a:hover {
	background-color: var(--dark-pink);
}

.hamburger_menu .menu-item__footer-button-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.hamburger_menu .menu-item__footer-button-icon-image {
	display: block;
	width: 20px;
	height: 20px;
	object-fit: contain;
}

.hamburger_menu:before,
.hamburger_menu:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: -1;
}

.hamburger_menu:before {
	bottom: 0;
	height: 138px;
	background-color: var(--beige);
}

.hamburger_menu:after {
	bottom: 138px;
	width: 100%;
	height: 25px;
	background-image: url(../images/menu-footer-pattern.svg);
	transform: translateY(50%);
}

.menu-item__footer-button-icon {
	display: block;
	background-color: white;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

ul.hamburger-menu {
	flex-grow: 1;
	position: relative;
}

.menu-item--footer-button {
	margin-top: auto;
}

.primary-menu-wrapper > ul > li {
	padding-top: 26px;
	padding-bottom: 26px;
}

header.header--dark .primary-menu-wrapper > ul > li {
	padding-top: 22px;
	padding-bottom: 21px;
}

.primary-menu-wrapper .menu-item__mega-menu {
	visibility: hidden;
	pointer-events: none;
	transform: translateX(-50%) translateY(calc(-100% - 150px));
	transition:
	transform 0.5s ease,
	visibility 0s linear 0.5s;
}

.primary-menu-wrapper li:hover .menu-item__mega-menu,
.primary-menu-wrapper .menu-item__mega-menu:hover {
	visibility: visible;
	pointer-events: auto;
	transform: translateX(-50%) translateY(30px);
	transition:
	transform 0.5s ease,
	visibility 0s linear 0s;
}

.menu-item__mega-menu {
	position: absolute;
	width: min(1248px, calc(100vw - 30px));
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}

/* Het paneel opent 30px onder de bovenkant van zijn plek, terwijl de menubalk
   4px hoger eindigt. In die strook is niets gehoverd: je verlaat het menu-item
   maar bent nog niet bij het paneel. Beweeg je snel, dan haal je het paneel
   binnen de 0,5s sluitvertraging en merk je er niets van; beweeg je langzaam,
   dan klapt het paneel dicht net voordat je er bent. Deze onzichtbare strook
   hoort bij het paneel en overbrugt het gat.

   pointer-events erft van het paneel: dicht staat dat op none, dus de strook
   vangt alleen iets af zolang het menu daadwerkelijk open is. */
.menu-item__mega-menu::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 8px;
}

/* De afronding zat op het paneel zelf, samen met overflow: hidden om de
   CTA-afbeelding mee af te ronden. Die overflow zou de strook hierboven
   wegknippen, dus het knippen verhuist naar de inner -- die exact even groot
   is, dus visueel verandert er niets. */
.menu-item__mega-menu-inner {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 37px;
	border-radius: 15px;
	overflow: hidden;
}

.menu-item__mega-menu-columns {
	display: flex;
	flex-direction: row;
	flex: 1;
	gap: 20px;
	padding-top: 25px;
	padding-bottom: 25px;
}

.menu-item__mega-menu-column {
	flex: 1;
	border-right: 1px solid var(--grey);
	padding-right: 20px;
}

.menu-item__mega-menu-column:last-child {
	border-right: none;
}

.menu-item__mega-menu-links {
	display: flex;
	flex-direction: column;
	gap: 32px !important;
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu-item__mega-menu-link-item {
	display: block;
}

.menu-item__mega-menu-link {
	display: flex;
	align-items: center;
	gap: 11px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
}

.menu-item__mega-menu-link-label {
	text-transform: none;
}

.menu-item__mega-menu-prefix {
	border-radius: 80px;
	padding-left: 11px;
	padding-right: 11px;
	height: 25px;
	display: inline-flex;
	align-items: center;
}

.menu-item__mega-menu-prefix--pink {
	background-color: var(--light-pink);
	color: var(--pink);
}

.menu-item__mega-menu-prefix--blue {
	background-color: var(--light-blue);
	color: var(--blue);
}

.menu-item__mega-menu-prefix--green {
	background-color: var(--light-green);
	color: var(--green);
}

.menu-item__mega-menu-prefix--orange {
	background-color: var(--beige);
	color: var(--orange);
}

.menu-item__mega-menu-prefix--grey {
	background-color: var(--grey);
	color: var(--font-color);
}

/* Geen --text en geen --image: bolletje 25x25 */
.menu-item__mega-menu-prefix:not(.menu-item__mega-menu-prefix--text):not(.menu-item__mega-menu-prefix--image) {
	width: 25px;
	min-width: 25px;
	padding-left: 0;
	padding-right: 0;
	justify-content: center;
}

.menu-item__mega-menu-prefix--text {
	min-width: 67px;
	justify-content: center;
}

.menu-item__mega-menu-prefix--image {
	width: 25px;
	min-width: 25px;
	padding-left: 0;
	padding-right: 0;
	justify-content: center;
}

.menu-item__mega-menu-prefix .menu-item__mega-menu-prefix-image {
	min-width: 11px;
	height: auto;
	display: block;
}

.menu-item__mega-menu-cta {
	width: 258px;
	flex-shrink: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 30px;
	position: relative;
}

.menu-item__mega-menu-cta::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 139px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
	pointer-events: none;
}

.menu-item__mega-menu-cta > * {
	position: relative;
	z-index: 1;
}

.menu-item__mega-menu-cta-link {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 100%;
	color: #fff;
	position: relative;
	z-index: 1;
}

.menu-item__mega-menu-cta-title,
.menu-item__mega-menu-cta-text {
	color: #fff;
}

.menu-item__mega-menu-cta-title {
	font-size: 18px;
	line-height: 27px;
	font-weight: 700;
	/* De titel mag over meerdere regels lopen. Het menu zet anders overal
	   nowrap, waardoor een langere titel buiten de tegel viel en werd afgekapt. */
	white-space: normal;
	text-wrap: balance;
}

.menu-item__mega-menu-cta-text-wrap {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 15px;
}

.menu-item__mega-menu-cta-text {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.42px;
	font-weight: 600;
	text-transform: uppercase;
}

.menu-item__mega-menu-cta-arrow {
	flex-shrink: 0;
}

.site-logo {
	margin-right: 15px;
}

/* Fixed “terug naar boven” */
.scroll-to-top {
	position: fixed;
	right: 45px;
	bottom: calc(45px + env(safe-area-inset-bottom, 0px));
	z-index: 35;
	width: 57px;
	height: 57px;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(12px);
	transition:
	opacity 0.4s ease,
	visibility 0.4s ease,
	transform 0.6s ease;
}

.scroll-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

.scroll-to-top:hover.is-visible {
	transform: translateY(-2px);
}

.scroll-to-top:focus-visible {
	outline: 2px solid var(--pink);
	outline-offset: 3px;
}

.scroll-to-top:active.is-visible {
	transform: translateY(0);
}

.scroll-to-top__icon {
	display: block;
	width: 57px;
	height: 57px;
	border-radius: 50%;
	filter: drop-shadow(0 4px 12px rgba(10, 38, 54, 0.15));
	transition: filter 0.25s ease;
}

/* Geen roze gloed bij hover — basis drop-shadow blijft staan. */

@media (prefers-reduced-motion: reduce) {
	.scroll-to-top {
		transition-duration: 0.01ms;
	}

	.scroll-to-top__icon {
		transition-duration: 0.01ms;
	}
}

@media (max-width: 1199px) {
	.primary-menu-wrapper ul {
		gap: 12px;
	}

	.header-nav-row {
		gap: 20px;
	}

	header {
		padding-left: 15px;
		padding-right: 15px;
	}

	header nav a {
		font-size: 14px;
		line-height: 1.25;
	}

	.site-logo {
		max-width: 200px;
	}
}

@media (max-width: 991px) {
	.scroll-to-top {
		right: 14px;
		bottom: calc(14px + env(safe-area-inset-bottom, 0px));
	}

	html:has(body.hamburger_menu_active),
	body.hamburger_menu_active {
		overflow: hidden;
	}

	body.hamburger_menu_active {
		overscroll-behavior: none;
	}

	header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
	}

	body {
		padding-top: var(--header-height-mobile);
	}

	.header-nav-row nav {
		display: none;
	}

	.topbar {
		display: none;
	}

	.header-menu-icon__icon {
		width: 34px;
		height: auto;
	}

	.site-logo {
		max-width: 127px;
	}

	header {
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
		padding-bottom: 15px;
		padding-top: 15px;
		min-height: var(--header-height-mobile);
		box-sizing: border-box;
	}

	.hamburger_menu {
		display: none !important;
	}

	.mobile_menu_wrapper {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding-top: calc(var(--header-height-mobile) + 35px + env(safe-area-inset-top, 0px));
		background: #fff;
		z-index: 19;
		overflow-y: auto;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
		-webkit-overflow-scrolling: touch;
	}

	body.hamburger_menu_active .mobile_menu_wrapper,
	.mobile_menu_wrapper.is-active {
		display: flex;
		flex-direction: column;
	}

	.mobile_menu .mobile-menu {
		padding: 0;
		margin: 0;
		list-style: none;
		display: flex;
		flex-direction: column;
		gap: 26px;
	}

	nav.mobile_menu li {
		line-height: 21px;
	}

	.mobile_menu .mobile-menu a {
		font-size: 14px;
		line-height: 20px;
		text-transform: uppercase;
		font-weight: 600;
		color: var(--font-color);
		text-decoration: none;
		letter-spacing: 0.42px;
	}

	.mobile_menu .x-sub-menu {
		/* display:none is not animatable; keep space collapsed via max-height */
		display: flex;
		flex-direction: column;
		gap: 20px;
		padding: 0;
		margin: 0;
		list-style: none;
		overflow: hidden;
		max-height: 0;
		opacity: 0;
		transform: translateY(-4px);
		transition:
		max-height 0.25s ease,
		opacity 0.2s ease,
		transform 0.2s ease,
		padding-top 0.25s ease,
		padding-bottom 0.25s ease;
	}

	.mobile_menu li.menu-item-has-children.is-open > .x-sub-menu {
		padding-top: 20px;
		padding-bottom: 9px;
		max-height: 600px;
		opacity: 1;
		transform: translateY(0);
	}

	.mobile_menu li.menu-item-has-children {
		padding: 13px 20px;
		border-radius: 24px;
		border: 2px solid var(--font-color);
	}

	.mobile_menu ul.mobile-menu > li:not(.menu-item-has-children) {
		padding-left: 16px;
		padding-right: 16px;
	}

	.mobile_menu li.menu-item-has-children + li:not(.menu-item-has-children) {
		margin-top: 11px;
	}

	.mobile_menu li.menu-item-has-children + li.menu-item-has-children {
		margin-top: -14px;
	}

	.mobile_menu li.menu-item-has-children > a {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.mobile_menu li.menu-item-has-children > a:after {
		display: block;
		width: 16px;
		height: 9px;
		content: '';
		background-image: url(../images/mobile-menu-arrow-down.svg);
		background-repeat: no-repeat;
		background-size: contain;
		transition: transform 0.2s ease;
	}

	.mobile_menu li.menu-item-has-children.is-open > a:after {
		transform: rotate(180deg);
	}

	.mobile_menu_footer {
		position: relative;
	}

	.mobile_menu_footer:before {
		display: block;
		content: '';
		height: 28px;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-image: url(../images/mobile-menu-pattern.svg);
		transform: translateY(-50%);
	}

	.mobile_menu_footer ul {
		padding: 0;
		margin: 0;
		list-style: none;
		display: flex;
		gap: 8px;
		flex-direction: column;
	}

	.mobile_menu_footer a {
		font-size: 18px;
		line-height: 20px;
		font-weight: 700;
		text-decoration: none;
		display: block;
	}

	.mobile_menu_footer .menu-item--mobile-button > a {
		display: flex;
		align-items: center;
		gap: 18px;
		padding: 8px 9px;
		border-radius: 60px;
		background-color: var(--pink);
		background-clip: padding-box;
		color: #FFF;
		text-transform: none;
		transition: background-color 0.3s ease;
		border: 4px solid rgba(255, 255, 255, 0.50);
	}

	.menu-item__mobile-button-wrap {
		display: flex;
		gap: 18px;
		align-items: center;
	}

	.mobile_menu_footer .menu-item--mobile-button > a:hover {
		color: #FFF;
	}

	.mobile_menu_footer .menu-item--mobile-button--green > a {
		background-color: var(--green);
	}

	.mobile_menu_footer .menu-item--mobile-button--green > a:hover {
		background-color: var(--dark-green);
	}

	.mobile_menu_footer .menu-item--mobile-button--orange > a {
		background-color: var(--orange);
	}

	.mobile_menu_footer .menu-item--mobile-button--orange > a:hover {
		background-color: var(--dark-orange);
	}

	.mobile_menu_footer .menu-item--mobile-button--blue > a {
		background-color: var(--blue);
	}

	.mobile_menu_footer .menu-item--mobile-button--blue > a:hover {
		background-color: var(--dark-blue);
	}

	.mobile_menu_footer .menu-item--mobile-button--pink > a {
		background-color: var(--pink);
	}

	.mobile_menu_footer .menu-item--mobile-button--pink > a:hover {
		background-color: var(--dark-pink);
	}

	.mobile_menu_footer .menu-item__mobile-button-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background-color: #fff;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		flex-shrink: 0;
	}

	.mobile_menu_footer .menu-item__mobile-button-icon-image {
		display: block;
		width: 20px;
		height: 20px;
		object-fit: contain;
	}

	.mobile_menu_footer {
		margin-top: auto;
		padding: 20px;
		padding-top: 37px;
		background-color: var(--beige);
	}

	.mobile_menu {
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 40px;
	}

	.mobile_menu_top {
		margin-bottom: 30px;
		display: flex;
		gap: 90px;
		justify-content: center;
	}
}

@media (min-width: 992px) {
	.sticky_header .primary-menu-wrapper > ul > li {
		padding: 21px 0;
	}

	.mobile_menu_wrapper {
		display: none !important;
	}

	.header-nav-row .topbar__link {
		display: none;
	}

	body.sticky_header {
		padding-top: var(--header-natural-height, var(--header-height-sticky));
	}

	body.admin-bar.sticky_header {
		padding-top: var(--header-natural-height, var(--header-height-sticky));
	}

	body.sticky_header header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
		z-index: 30;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	body.admin-bar.sticky_header header {
		top: var(--wp-admin--admin-bar--height, 32px);
		padding-top: 0;
		padding-bottom: 0;
	}

	body.sticky_header .topbar {
		display: none;
	}

	body.sticky_header .header-nav-row .topbar__link {
		display: inline-flex;
	}

	body.sticky_header .site-logo {
		width: 185px;
		max-width: 185px;
	}

	.header-menu-icon:hover {
		color: var(--pink);
	}
}

/* Primair headermenu: krappere tussenruimte op middelgrote desktop (992–1199px).
   `header`-prefix (specificiteit 0,3,1) verslaat de parent-regel
   `@media (min-width:768px) .x-nav-menu > .x-menu-item + .x-menu-item {margin-left:25px}`
   (0,3,0) die anders op deze breedte zou winnen. */
@media (min-width: 992px) and (max-width: 1199px) {
	header .x-nav-menu > .x-menu-item + .x-menu-item {
		margin-left: 15px;
	}
}

/* Primair headermenu op laptopbreedte (1200–1599px, o.a. een 13,6-inch laptop op de
   standaardschaal): 2px kleiner lettertype en minder ruimte tussen de items, en de
   items breken nooit over twee regels (in de vaste header sprong "Level check"
   anders naar twee regels). Vanaf 1600px blijft het ruime ontwerp. */
@media (min-width: 992px) {
	header nav a {
		white-space: nowrap;
	}
}

@media (min-width: 1200px) and (max-width: 1599px) {
	.primary-menu-wrapper ul {
		gap: 24px;
	}

	.header-nav-row {
		gap: 24px;
	}

	header nav a {
		font-size: 14px;
	}
}