.header_slider{
    padding: 0 !important;
    height: calc(100svh - var(--body-padding));
    overflow: hidden;
    --padding-inline: var(--bs-gutter-x, .75rem);
    --content-max-width: var(--container-width);
    --narrow-size-reduction: calc(((100% - var(--container-width)) / 2) - 3rem);
    --_content-column-size: calc(var(--narrow-size-reduction) / 2); /* Split into two parts */
    display: grid;
    grid-template-columns: 
        
        /* Split the first column */
        [outer-full-width-start] minmax(0, var(--_content-column-size))
        [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]
        
        /* Split the last column */
        minmax(0, var(--_content-column-size)) [full-width-end]
        minmax(0, var(--_content-column-size)) [outer-full-width-end];
    gap: 0 var(--bs-gutter-x, .75rem);
}

.header_slide{
    --padding-inline: var(--bs-gutter-x, .75rem);
    --content-max-width: var(--container-width);
    --narrow-size-reduction: calc(((100% - var(--container-width)) / 2) - 3rem);
    --_content-column-size: calc(var(--narrow-size-reduction) / 2); /* Split into two parts */
    display: grid;
    grid-template-columns: 
        
        /* Split the first column */
        [outer-full-width-start] minmax(0, var(--_content-column-size))
        [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]
        
        /* Split the last column */
        minmax(0, var(--_content-column-size)) [full-width-end]
        minmax(0, var(--_content-column-size)) [outer-full-width-end];
    gap: 0 var(--bs-gutter-x, .75rem);
    position: relative;
    align-items: end;
}

.header_slider_container{
    grid-column: outer-full-width;
    grid-row: 1;    
}

.header_slider_nav{
    grid-column: full-width;
    grid-row: 1;    
    z-index: 2;
}

.header_slide_inner{
    grid-column: outer-full-width;
    grid-row: 1;
    height: calc(100svh - var(--body-padding));
}

.header_slide:after{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0, 0.5);
}

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

.header_slide img,
.header_slide video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header_slide_overlay{
    grid-row: 1;
    grid-column: full-width;
    z-index: 1;
    padding-block: var(--jumbotron-standard-margin) calc(var(--jumbotron-standard-margin));
    height: calc(100svh - var(--body-padding));
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.header_slide_title{
	font-family: var(--heading-font);
	font-size:clamp(35px, 28.8462px + 1.9231vw, 60px);
	font-weight: 800 !important;
	color: #fff;
	line-height: 1.2;
	width: 100%;
	hyphens: auto;
}

.header_slide_subtitle{
	font-size:clamp(25px, 18.8462px + 1.9231vw, 50px);
    color: #fff;  
    line-height: 1.2;
	hyphens: auto;
}

.header_slide_content p{
    color: #fff;
}

.header_slider_nav{
    display: flex;
    gap: 0.5rem;
    align-self: end;
    margin-bottom: calc(var(--jumbotron-standard-margin) - 0.5rem);
}

.header_slider_nav button{
    width: 1.5rem;
    height: 0.5rem;
    border-radius: 1.5rem;
    background: var(--licht_beige);
    transition: 0.3s all;
    padding: 0;
    margin: 0;
    border: none;
}

.header_slider_nav button.tns-nav-active{
    width: 2.5rem;
    background: var(--geel);
}

@media (max-width:767px){
	.header_slider,
	.header_slide{
		--padding-inline: var(--bs-gutter-x, .75rem);
	    --content-max-width: var(--container-width);
	    --narrow-size-reduction: calc(((100% - var(--container-width)) / 2) - 3rem);
	    --_content-column-size: calc(var(--narrow-size-reduction) / 2); /* Split into two parts */
	    display: grid;
	    grid-template-columns: 
	        
	        /* Split the first column */
	        [outer-full-width-start] minmax(0, var(--_content-column-size))
	        [full-width-start] minmax(0, var(--_content-column-size))
	
	        [content-start] minmax(var(--padding-inline), 1fr)
	        
	        repeat(1, 1fr)
	        
	        minmax(var(--padding-inline), 1fr) [content-end]
	        
	        /* Split the last column */
	        minmax(0, var(--_content-column-size)) [full-width-end]
	        minmax(0, var(--_content-column-size)) [outer-full-width-end];
	}
}