/* Header: boxed, ook de achtergrond blijft binnen --content-breedte (minimaal 20px vanaf de rand). */
.st-header {
	--header-achtergrond: #eeeeee;

	/* Blijft bovenin staan tijdens het scrollen (onder de admin-balk als je ingelogd bent). */
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 100;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	width: min(var(--content-breedte), 100% - 40px);
	margin-inline: auto;
	padding: 16px 24px;
	box-sizing: border-box;
	background: var(--header-achtergrond);
}

/* Menu: horizontaal */
.st-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}