/***************************************************************************/
/******************** css/gallery - F.E.G.l.P. e.V. ********************/
/************************ MIT LICENSE ./license.txt ************************/
/***************************************************************************/

.mini-slider {
  width: 100%;
  position: relative;
  overflow: hidden;
}

/* SLIDE TRACK */
.track {
  display: flex;
  gap: 5px;
  padding-right: 5px;
  padding-left: 5px;
  transition: transform 0.4s ease;
  cursor: grab;
  user-select: none;
  touch-action: pan-y;
}

.track:active {
  cursor: grabbing;
}

/* EINZELNE SLIDES */
.slide {
  flex: 0 0 100%;
  
}

/* BILDER */
.slide img {
  width: 100%;
  height: 170px;
  display: block;
  object-fit: cover;
  border-radius: 20px;
  border: 1px solid #8d8d8d;
  /*filter: contrast(1.5); */
  
}

@media (max-width: 390px) {
  .slide img {
    height: 170px;
  }
}

@media (min-width: 391px) and (max-width: 590px) {
  .slide img {
    height: 195px;
  }
}

@media (min-width:591px) and (max-width: 767px) {
  .slide img {
    height: 225px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .slide img {
    height: 300px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .slide img {
    height: 350px;
  }
}

@media (min-width: 1200px) {
  .slide img {
    height: 375px;
  }
}

/* DOTS */

.dots {
  margin-top: 12px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  gap: 8px;
}

/* DOT BASIS */
.dots span {
  width: 8px;
  height: 8px;
  background: #bdbdbd;
  border-radius: 50%;
  cursor: pointer;
  transform: scale(0.9);
  transition:
    transform 0.25s ease,
    background-color 0.25s ease;
}

/* AKTIVER DOT */
.dots span.active {
  background: #333;
  transform: scale(1.6);
}

/* OPTIONAL */
.dots span:focus {
  outline: none;
}