.slider {
  position: relative;
  width: 100%;
  height: 60vh; /* Höhe des Sliders */
  overflow: hidden;
  border-bottom: 2px solid var(--color-blue);
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;    
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.slide.active {
  opacity: 1;
}