.slick-slider{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slick-list,.slick-slider{display:block;position:relative}.slick-list{margin:0;overflow:hidden;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid transparent;display:block;height:auto}.slick-arrow.slick-hidden{display:none}.slick-container{visibility:hidden}.slick-initialized{visibility:visible}
/* m8-flat-style */
/* Ziel: dezentes Flat-Default-Styling für Contao Slick Bundle.
   Wir stylen nur innerhalb von .slick-container, damit andere Slick-Instanzen möglichst unberührt bleiben. */

.slick-container { position: relative; }
.slick-container .slick-slide { box-sizing: border-box; }
.slick-container img { display: block; max-width: 100%; height: auto; }

/* Optionaler "Gap" zwischen Slides (wirkt nur bei mehr als 1 Slide sichtbar) */
.slick-container .slick-slide { padding: 0.5rem; }

/* Pfeile (funktionieren auch ohne slick-theme.css) */
.slick-container .slick-prev,
.slick-container .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;

  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.92);
  color: rgba(0,0,0,.72);

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;
  line-height: 1;
  font-size: 0; /* wir nutzen ::before */
  cursor: pointer;
}

.slick-container .slick-prev { left: .5rem; }
.slick-container .slick-next { right: .5rem; }

.slick-container .slick-prev:before,
.slick-container .slick-next:before {
  font-size: 1.25rem;
  line-height: 1;
  opacity: 1;
}

.slick-container .slick-prev:before { content: "‹"; }
.slick-container .slick-next:before { content: "›"; }

.slick-container .slick-prev:hover,
.slick-container .slick-next:hover {
  background: rgba(255,255,255,1);
  border-color: rgba(0,0,0,.22);
  color: rgba(0,0,0,.88);
}

.slick-container .slick-prev:focus,
.slick-container .slick-next:focus,
.slick-container .slick-prev:focus-visible,
.slick-container .slick-next:focus-visible {
  outline: 2px solid rgba(0,0,0,.35);
  outline-offset: 2px;
}

/* Dots (funktionieren auch ohne slick-theme.css) */
.slick-container .slick-dots {
  position: relative;
  display: flex;
  justify-content: center;
  gap: .4rem;
  margin: .75rem 0 0;
  padding: 0;
  list-style: none;
}

.slick-container .slick-dots li { margin: 0; padding: 0; }
.slick-container .slick-dots button {
  width: .65rem;
  height: .65rem;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.22);
  background: transparent;

  font-size: 0; /* keine Ziffern */
  line-height: 0;
  padding: 0;
  cursor: pointer;
}

.slick-container .slick-dots li.slick-active button {
  background: rgba(0,0,0,.55);
  border-color: rgba(0,0,0,.55);
}

/* Kleine "flat" Caption-Optik, falls Bildunterschriften vorhanden sind */
.slick-container figcaption {
  margin-top: .5rem;
  font-size: .95rem;
  line-height: 1.3;
  color: rgba(0,0,0,.72);
}
