.header {
	padding: 0 !important;
	
	--padding-inline: var(--bs-gutter-x,.75rem);
	
	--content-max-width: var(--container-width);
	--narrow-size-reduction: calc((100% - var(--container-width)) / 2);

	--_content-column-size: var(--narrow-size-reduction);
	
	display: grid; 
	grid-template-columns: 
		
		[full-width-start] minmax(0, var(--_content-column-size))
		[content-start] minmax(var(--padding-inline), 1fr)
		
		
		repeat(10, 1fr)
		
		minmax(var(--padding-inline), 1fr) [content-end]
		minmax(0, var(--_content-column-size)) [full-width-end];
	gap: 0 var(--bs-gutter-x,.75rem); 
	background: var(--grijs);
	min-height: 78.8rem;
}

.header_container {
    grid-column: content-start / 9;
	display: flex;
	align-items: center;
	grid-row: 1;
	z-index: 1;
	min-height: 78.8rem;
	padding-top: 0;
	padding-right: 8rem;
}

.header_container:has(.breadcrumbs_container) .breadcrumbs_container{
	margin-top: 4rem;
    align-self: flex-start;
}

.header_container:has(.breadcrumbs_container){
	padding-top: 0;
	display: grid;
	grid-template-rows: auto 1fr;
	align-items: start;
	justify-content: stretch;
}

.header_container:has(.breadcrumbs_container) .header_container_inner{
	align-self: center;
}

.header .header_container_inner{
	padding-bottom: 0;
	width: 100%;
}

.header .header_container_inner h1{
	color: #fff;
}

.header #breadcrumbs,
.header #breadcrumbs a{
	color: #fff;
}

.header #breadcrumbs .breadcrumb_last,
.header #breadcrumbs [aria-current="page"]{
	color: var(--grijs-50);
}

.header_afbeelding {
    grid-column: 9 / full-width-end;
	grid-row: 1;
    margin: 2rem 2rem 2rem 0;
}

.header_afbeelding picture{
	display: flex;
	width: 100%;
	height: 100%;
}

.header_afbeelding img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 0;
}

@media (max-width:767px)
{		
	.header{
		padding-inline: var(--padding-inline) !important;
		/* grid-template-columns: auto; */
		column-gap: 0;
		min-height: auto;
	}
	
	.header_container_inner {
    	grid-column: auto;
	}
	
	.header_afbeelding {
		grid-column: full-width-start / full-width-end;
		grid-row: 2;
		max-height: 45rem;
		margin: 1.5rem -0.5rem;
		margin-top: var(--default-margin-bottom);
	}
	
	.header_container {
		grid-column: content-start / content-end;
		min-height: auto;
		padding-top: 6rem;
		padding-right: 0;
	}
    
    .header_container:has(.breadcrumbs_container) .breadcrumbs_container{
        margin-bottom: var(--jumbotron-standard-margin);
    }
}

@media (min-width:768px) and (max-width:991px)
{
	.header{
		min-height: auto;
	}

	.header_afbeelding {
		grid-column: full-width-start / full-width-end;
		grid-row: 2;
		max-height: 45rem;
		margin: 1.5rem;
		margin-top: var(--default-margin-bottom);
	}
	
	.header .header_container_inner {
		padding-bottom: 0;
	}
	
	.header_container {
		grid-column: content-start / content-end;
		min-height: auto;
		padding-top: 6rem;
		padding-right: 0;
	}

    .header_container:has(.breadcrumbs_container) .breadcrumbs_container{
        margin-bottom: var(--jumbotron-standard-margin);
    }
}

@media (min-width:992px) and (max-width:1199px)
{
	.header_afbeelding {
    	grid-column: 8 / full-width-end;
	}
}

@media (min-width:1200px) and (max-width:1399px)
{
    
}

@media (min-width:1400px)
{
    
}
