.logoslider{
	overflow-x: clip;
	margin: 0 auto;
	position: relative;
	display: block;
	z-index: 1;
}

.logoslider.stijl_achtergrondkleur_ffffff {
	z-index: 0;
}

.logoslider.stijl_achtergrondkleur_f2f2f2 {
	z-index: 0;
}

.logoslider.stijl_achtergrondkleur_e8f5f3 {
	z-index: 0;
}

.logoslider.stijl_achtergrondkleur_16a085 {
	z-index: 0;
} 

.logoslider header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: calc(var(--jumbotron-standard-margin) / 2);
    flex-direction: column;
}

.logoslider header .header_titel {
	display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: calc(var(--jumbotron-standard-margin) / 4);
}

.logoslider header .header_content {
	display: flex;
    flex-direction: column;
    align-items: center; 
    text-align: center; 
}

.logoslider_container {
    position: relative;
}

.logoslider .header_link {
	position: absolute;
    top: 4rem;
    right: 0; 
}

.logoslider header .header_titel span { 
    position: relative;
    display: block;
    text-align: center;
    width: 4rem;
    height: 4rem; 
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="31" viewBox="0 0 34 31" fill="none"><path d="M8.63672 14.3252C10.1416 13.6709 11.8428 13.3438 13.6094 13.3438H19.8906C20.4141 13.3438 20.9375 13.8672 20.9375 14.3906C20.9375 14.9795 20.4141 15.4375 19.8906 15.4375H13.6094C11.7119 15.4375 9.94531 15.8955 8.375 16.7461C8.44043 21.8496 12.6279 25.9062 17.7969 25.9062C24.9287 25.9062 31.4062 18.709 31.4062 8.95996C31.4062 7.45508 31.21 6.01562 30.9482 4.6416C29.2471 6.14648 27.0225 7.0625 24.6016 7.0625H17.7969C13.3477 7.0625 9.61816 10.1377 8.63672 14.3252ZM6.28125 15.5029C6.80469 9.61426 11.7773 4.96875 17.7969 4.96875H24.6016C26.8916 4.96875 28.9199 3.92188 30.2939 2.28613V2.2207C30.4902 2.02441 30.6211 1.82812 30.752 1.63184C30.8174 1.50098 30.9482 1.30469 31.0137 1.1084C31.2754 0.71582 31.9297 0.650391 32.126 1.1084C32.1914 1.37012 32.2568 1.56641 32.3223 1.82812C32.3877 2.08984 32.5186 2.28613 32.584 2.54785V2.61328C33.1729 4.6416 33.5 6.73535 33.5 8.95996C33.5 19.4941 26.499 28 17.8623 28H17.7969C11.9082 28 7.06641 23.6816 6.34668 17.9893C3.72949 20.1484 2.09375 23.3545 2.09375 26.9531V29.0469C2.09375 29.6357 1.57031 30.0938 1.04688 30.0938C0.458008 30.0938 0 29.6357 0 29.0469V26.9531C0 22.1768 2.48633 17.9238 6.28125 15.5029Z" fill="%2316A085"/></svg>') no-repeat; 
}

.logoslider.stijl_achtergrondkleur_16a085  header .header_titel span {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="31" viewBox="0 0 34 31" fill="none"><path d="M8.63672 14.3252C10.1416 13.6709 11.8428 13.3438 13.6094 13.3438H19.8906C20.4141 13.3438 20.9375 13.8672 20.9375 14.3906C20.9375 14.9795 20.4141 15.4375 19.8906 15.4375H13.6094C11.7119 15.4375 9.94531 15.8955 8.375 16.7461C8.44043 21.8496 12.6279 25.9062 17.7969 25.9062C24.9287 25.9062 31.4062 18.709 31.4062 8.95996C31.4062 7.45508 31.21 6.01562 30.9482 4.6416C29.2471 6.14648 27.0225 7.0625 24.6016 7.0625H17.7969C13.3477 7.0625 9.61816 10.1377 8.63672 14.3252ZM6.28125 15.5029C6.80469 9.61426 11.7773 4.96875 17.7969 4.96875H24.6016C26.8916 4.96875 28.9199 3.92188 30.2939 2.28613V2.2207C30.4902 2.02441 30.6211 1.82812 30.752 1.63184C30.8174 1.50098 30.9482 1.30469 31.0137 1.1084C31.2754 0.71582 31.9297 0.650391 32.126 1.1084C32.1914 1.37012 32.2568 1.56641 32.3223 1.82812C32.3877 2.08984 32.5186 2.28613 32.584 2.54785V2.61328C33.1729 4.6416 33.5 6.73535 33.5 8.95996C33.5 19.4941 26.499 28 17.8623 28H17.7969C11.9082 28 7.06641 23.6816 6.34668 17.9893C3.72949 20.1484 2.09375 23.3545 2.09375 26.9531V29.0469C2.09375 29.6357 1.57031 30.0938 1.04688 30.0938C0.458008 30.0938 0 29.6357 0 29.0469V26.9531C0 22.1768 2.48633 17.9238 6.28125 15.5029Z" fill="%23FFFFFF"/></svg>') no-repeat;  
}

.logoslider h2 {
    margin: 0 auto;
    text-align: center;
    font-family: var(--heading-font);
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 4rem;
    flex-direction: column;
    align-items: center;
}

.logo_grid{
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(82.5px, 1fr));
    gap: 3rem;
    margin-left: calc(-1* var(--column-width));
    padding-top: 3rem;
	padding-bottom: 6rem;
}

.logo_grid__group{
	display: flex;
	gap: 3rem;
	padding-top: 3rem;
	padding-bottom: 3rem;
	flex-wrap: nowrap;
}

.logo_grid__group + .logo_grid__group{
	padding-top: 0;
	padding-bottom: 6rem;	
}

.logo_grid__group .logoslider__logo{
	min-width: 19.2rem;
}

.logoslider__logo {
	display: flex;
    padding: 3rem;
	min-height: 14rem;
    width: 100%;
    height: 100%;
    border-radius: 0.7576rem;
    border: 0.758px solid rgba(121, 121, 121, 0.15);
    background: #FFF;
    box-shadow: 0px 3.031px 37.881px 0px rgba(0, 0, 0, 0.10);
    flex-wrap: nowrap;
    align-items: center;
	justify-content: center;
	filter: grayscale(100%); 
}

.logoslider__logo img {
	opacity: 0.4;
}

.logo_grid > div:nth-child(even) {
    grid-column: var(--nummer) / span 2 !important;
    grid-row: 2;
}

.jumbotron:has(+ .logoslider.toon_achtergrond_vorm){
	z-index: 25;
}

.logoslider.toon_achtergrond_vorm:before {
	pointer-events: none;
    content: '';
    display: block; 
    width: 100%; 
    position: absolute; 
    transform: translateY(-38rem);
	background-color: transparent;
    z-index: -1;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='380' viewBox='0 0 1920 380' fill='none'%3E%3Cpath d='M1944.2 0C1518.34 127.44 1082.96 283.5 699.47 283.5C434.89 283.5 195.01 209.22 6.81898e-06 0L0 379.37L1944.19 379.37V0L1944.2 0Z' fill='%23ffffff'/%3E%3C/svg%3E");
	background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
	aspect-ratio: 1920 / 380;
}

.logoslider.stijl_achtergrondkleur_ffffff::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='380' viewBox='0 0 1920 380' fill='none'%3E%3Cpath d='M1944.2 0C1518.34 127.44 1082.96 283.5 699.47 283.5C434.89 283.5 195.01 209.22 6.81898e-06 0L0 379.37L1944.19 379.37V0L1944.2 0Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.logoslider.stijl_achtergrondkleur_f2f2f2::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='380' viewBox='0 0 1920 380' fill='none'%3E%3Cpath d='M1944.2 0C1518.34 127.44 1082.96 283.5 699.47 283.5C434.89 283.5 195.01 209.22 6.81898e-06 0L0 379.37L1944.19 379.37V0L1944.2 0Z' fill='%23f2f2f2'/%3E%3C/svg%3E");
}
 
.logoslider.stijl_achtergrondkleur_e8f5f3::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='380' viewBox='0 0 1920 380' fill='none'%3E%3Cpath d='M1944.2 0C1518.34 127.44 1082.96 283.5 699.47 283.5C434.89 283.5 195.01 209.22 6.81898e-06 0L0 379.37L1944.19 379.37V0L1944.2 0Z' fill='%23e8f5f3'/%3E%3C/svg%3E");
}

.logoslider.stijl_achtergrondkleur_16a085::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='380' viewBox='0 0 1920 380' fill='none'%3E%3Cpath d='M1944.2 0C1518.34 127.44 1082.96 283.5 699.47 283.5C434.89 283.5 195.01 209.22 6.81898e-06 0L0 379.37L1944.19 379.37V0L1944.2 0Z' fill='%2316a085'/%3E%3C/svg%3E");
}
 

@supports not (row-gap: 1rem) {
   /* 
	Isolated code for not supporting flexbox row-gap so have to work with margins. Thanks Safari :/ 
	*/
	.logoslider .row > div{
		margin-bottom: var(--bs-gutter-x);
	}
}



@media (max-width:1700px){
	.logoslider.toon_achtergrond_vorm:before {  
		transform: translateY(-36rem);  
	}
}

@media (min-width:1920px){
	.logoslider.toon_achtergrond_vorm:before {  
		transform: translateY(-45rem);  
	}
} 

@media (min-width:2400px){
	.logoslider.toon_achtergrond_vorm:before {  
		transform: translateY(-55rem); 
	}
}

@media (min-width:3100px){
	.logoslider.toon_achtergrond_vorm:before {  
		transform: translateY(-65rem); 
	}
}


 

@media (max-width:1399px){
		
	.logoslider.toon_achtergrond_vorm:before {  
		display: none;
	}
	
	.logoslider_container {
		position: relative;
		padding-top: 6rem;
	}

	.logoslider h2 { 
		font-size: 2.2rem;
		font-weight: 600;
		line-height: 3rem; 
	}
	
    .logoslider .header_link {
        position: relative;
        top: unset;
        display: flex;
        right: 0;
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width:991px){
	.logo_grid {
		 gap: 1rem;
		grid-template-columns: repeat(auto-fill, minmax(47.5px, 1fr));
	}
	.logoslider__logo { 
		padding: 2rem;
		min-height: 11rem;
	}
		 
	
	.logoslider header .header_titel { 
		margin-bottom: calc(var(--jumbotron-standard-margin) / 1);
	}
}