.header .header_container{
	row-gap: var(--bs-gutter-x);
}

.header .header_content{
	/* The design uses the same rhythm as the breadcrumb and Bootstrap gutter. */
	--default-margin-bottom: var(--bs-gutter-x);
}

.header h1{
	line-height: 1;
}

.header .header_afbeelding{
	/* Match the ACF crop while keeping the image fluid within its six columns. */
	aspect-ratio: 630 / 460;
}

.header .header_afbeelding picture{
	display: flex;
	width: 100%;
	height: 100%;
}

.header .header_afbeelding img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}