/***************************************************************************/
/******************** 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: 110px;
  display: block;
  object-fit: cover;
  border-radius: 20px;
  border: 1px solid #8d8d8d;
  filter: contrast(1.5);
  
}

/* RESPONSIVE HÖHEN */
@media (max-width: 567px) {
  .slide img {
    height: 200px;
  }
}

/* RESPONSIVE HÖHEN */
@media (min-width: 568px) {
  .slide img {
    height: 225px;
  }
}

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

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

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

/* 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;
}