/* jedes carousel braucht aktuell sein eigenes css */

/* carousel 2 */

#carousel-2 .carousel-control-prev-icon, #carousel-2 .carousel-control-next-icon {
  width: 3rem;
  height: 3rem;
  background-color: #212429;
  border-radius: 50%;
  background-size: 50% 50%;
  background-position: center;
  opacity: 1;
}

#carousel-2 .carousel-control-prev, #carousel-2 .carousel-control-next {
  opacity: 1;
}

#carousel-2 .carousel-control-prev:hover .carousel-control-prev-icon, #carousel-2 .carousel-control-next:hover .carousel-control-next-icon {
  background-color: #333;
}

/* carousel 1 */

#carousel-1 .carousel-control-prev-icon, #carousel-1 .carousel-control-next-icon {
  width: 3rem;
  height: 3rem;
  background-color: #212429;
  border-radius: 50%;
  background-size: 50% 50%;
  background-position: center;
  opacity: 1;
}

#carousel-1 .carousel-control-prev, #carousel-1 .carousel-control-next {
  opacity: 1;
}

#carousel-1 .carousel-control-prev:hover .carousel-control-prev-icon, #carousel-1 .carousel-control-next:hover .carousel-control-next-icon {
  background-color: #333;
}