.kmm-logo-slider-wrap {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 40px;
	box-sizing: border-box;
}

.kmm-ls-slider {
	overflow: hidden;
	width: 100%;
}

.kmm-ls-track {
	display: flex;
	align-items: center;
	transition: transform 0.5s ease-in-out;
}

.kmm-ls-slide {
	flex: 0 0 20%; /* Standaard 5 logo's zichtbaar */
	max-width: 20%;
	padding: 0 15px;
	box-sizing: border-box;
	text-align: center;
}

.kmm-ls-img {
	max-width: 100%;
	height: auto;
	max-height: 80px;
	object-fit: contain;
	filter: grayscale(100%) opacity(80%);
	transition: all 0.3s ease;
}

.kmm-ls-slide:hover .kmm-ls-img {
	filter: grayscale(0%) opacity(100%);
}

/* Navigatieknoppen links en rechts van de slider */
.kmm-ls-prev,
.kmm-ls-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.4);
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	font-size: 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	transition: all 0.2s ease;
}

.kmm-ls-prev { left: 0; }
.kmm-ls-next { right: 0; }

.kmm-ls-prev:hover,
.kmm-ls-next:hover {
	border-color: #fff;
	background: rgba(255, 255, 255, 0.1);
}

/* Responsive instellingen */
@media (max-width: 992px) {
	.kmm-ls-slide { flex: 0 0 33.33333%; max-width: 33.33333%; }
}
@media (max-width: 600px) {
	.kmm-ls-slide { flex: 0 0 50%; max-width: 50%; }
}