.logoslider{
	overflow-x: clip;
}

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

.logoslider__logo{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 10rem;
	padding: 1.5rem;
}

.logoslider__logo picture{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.logoslider__logo img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: grayscale(1);
}

.logoslider.stijl_achtergrondkleur_575756 .logoslider__logo img{
	filter: brightness(0) invert(1);
}

.logoslider .tns-horizontal.tns-subpixel > .tns-item,
.logoslider .tns-item{
	display: flex;
}

@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);
	}
}