.slider {
  position: relative;
  width: 100%;
  max-width: var(--container-width);
  margin: auto;
  overflow: hidden; /* Verbergt de andere slides */
  margin-bottom: 1rem;
}

.slider-track {
  display: flex;
  width: 100%;
  
  will-change: transform !important; /* Optimalisatie voor vloeiende beweging */
}

.slide {
  min-width: 100%;
  position: relative;
}

.slide img {
  width: 100%;
  display: block;
}

/* Content over de afbeelding */
.slide .content {
   width: 50%;
	height: 100%;
	background-color: rgba(240,237,229,0.5);
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 1rem;
	overflow-y: auto;
	transition: all 1s ease !important;
}

.slide:hover .content {
	background-color: rgba(240,237,229,1);
}



/* Knoppen styling */
.prevslide, .nextslide {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);
  color: white;
  border: none;
  padding: 15px;
  cursor: pointer;
  z-index: 10;
}

.nextslide { right: 0; }
.prevslide { left: 0; }