/* Datei: assets/crs-slider.css */

.crs-slider{position:relative;max-width:100%}
.crs-track-wrap{overflow:hidden}
.crs-track{display:flex;gap:0;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden}
.crs-slide{flex:0 0 85%;max-width:85%;margin-right:16px;box-sizing:border-box;border:1px solid rgba(0,0,0,.12);border-radius:0;padding:16px;background:#fff;backface-visibility:hidden;transform:translateZ(0)}
@media(min-width:780px){.crs-slide{flex-basis:42%;max-width:42%}}
@media(min-width:1100px){.crs-slide{flex-basis:30%;max-width:30%;min-width:540px}}
.crs-media img{max-width:100%;height:auto;display:block;border-radius:10px}
.crs-title{margin:10px 0 8px;font-size:18px;line-height:1.2}
.crs-teaser{font-size:14px;line-height:1.5;opacity:.92}
.crs-actions{margin-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.crs-more,.crs-prev,.crs-next,.crs-lightbox__close{cursor:pointer}
.crs-more{border:1px solid rgba(0,0,0,.2);background:#fff;border-radius:0;padding:8px 12px}
.crs-link{text-decoration:none;border-bottom:1px solid currentColor}
.crs-nav{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}
.crs-prev,.crs-next{pointer-events:auto;border:1px solid rgba(0,0,0,.2);background:#fff;border-radius:999px;width:38px;height:38px;display:grid;place-items:center}
.crs-prev[disabled],.crs-next[disabled],.crs-gal__btn[disabled]{opacity:.4;cursor:not-allowed}
.crs-empty{padding:10px;border:1px dashed rgba(0,0,0,.2);border-radius:10px;text-align:center}

/* Lightbox – Smooth open + schwarzer opaker Hintergrund */
.crs-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;

  visibility:hidden;
  opacity:0;
  transition: opacity 220ms ease, visibility 0ms linear 220ms;
}

.crs-lightbox.is-open{
  visibility:visible;
  opacity:1;
  transition: opacity 220ms ease;
}

.crs-lightbox__overlay{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,0.85);
  opacity:0;
  transition: opacity 220ms ease;
}

.crs-lightbox.is-open .crs-lightbox__overlay{
  opacity:1;
}

.crs-lightbox__panel{
  position:relative;
  max-width:960px;
  margin:6vh auto;
  background:#fff;
  border-radius:0;
  padding:18px;
  max-height:88vh;
  overflow:auto;

  transform: translateY(12px) scale(0.98);
  opacity:0;
  transition: transform 240ms ease, opacity 240ms ease;
  will-change: transform, opacity;
  outline:none;
}

.crs-lightbox.is-open .crs-lightbox__panel{
  transform: translateY(0) scale(1);
  opacity:1;
}

.crs-lightbox__close{
  position:absolute;
  top:10px;
  right:12px;
  border:none;
  background:transparent;
  font-size:28px;
  line-height:1;
  z-index:30;
  pointer-events:auto;
}

.crs-lightbox__body{
  position:relative;
  padding-top:40px;
}

.crs-lightbox__body .crs-quote-icon{
  position:absolute;
  top:0;
  left:0;
  width:34px;
  height:auto;
  z-index:2;
  pointer-events:none;
}

.crs-lightbox__body .crs-detail{
  margin-bottom:18px;
  font-family:inherit;
  font-size:14px;
}

/* Detail-Text */
.crs-detail{font-size:14px;line-height:1.55}
.crs-detail p{margin:0 0 10px}

/* Lightbox Gallery Slider */
.crs-gal{
  margin-top:14px;
}

.crs-gal__wrap{
  position:relative;
  overflow:hidden;
  border-radius:0;
}

.crs-gal__track{
  display:flex;
  gap:0;
  will-change:transform;
  transform:translate3d(0,0,0);
  transition:transform .28s ease;
}

.crs-gal__slide{
  flex:0 0 100%;
  max-width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
}

.crs-gal__slide img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  border-radius:0;
}

.crs-gal__nav{
  position:absolute;
  top:50%;
  left:10px;
  right:10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  transform:translateY(-50%);
  pointer-events:none;
}

.crs-gal__btn{
  border:1px solid rgba(0,0,0,.2);
  background:#fff;
  border-radius:999px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  cursor:pointer;
  pointer-events:auto;
}

.crs-gal__meta{
  margin-top:10px;
  text-align:center;
  font-size:13px;
  opacity:.8;
  user-select:none;
}

.crs-lightbox .crs-gal{
  position:relative;
}

.crs-lightbox .crs-gal__wrap{
  position:relative;
}

.crs-lightbox .crs-gal__nav{
  position:absolute;
  top:50%;
  left:10px;
  right:10px;
  transform:translateY(-50%);
}

@media (max-width: 767px){
  .crs-lightbox__panel{
    width:94%;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .crs-lightbox,
  .crs-lightbox__overlay,
  .crs-lightbox__panel,
  .crs-track,
  .crs-gal__track{
	transition:none !important;
  }
}