/* BESD Swipe-Galerie – Frontend + Editor */

.besd-swipegal {
  position: relative;
  width: 100%;
 
}

/* Viewport mit dynamischer Höhe aus JS */
.besd-swipegal__viewport {
  position: relative;
  width: 100%;
  touch-action: pan-y;

	overflow:hidden;
}

/* Slides */
.besd-swipegal__slide {
  position: absolute;    display: flex;
    justify-content: center;
  inset: 0;
  opacity: 0;
  transform: translate3d(0,0,0);
  pointer-events: none;
  will-change: transform, opacity;
}

/* Aktives Slide sichtbar */
.besd-swipegal__slide.is-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
  transform: translate3d(0,0,0);
}

/* Startpositionen für das "neue" Bild */
.besd-swipegal__slide.is-enter-left  { opacity: 1; transform: translate3d(-100%,0,0); z-index: 3; }
.besd-swipegal__slide.is-enter-right { opacity: 1; transform: translate3d( 100%,0,0); z-index: 3; }

/* "Altes" Bild verlässt */
.besd-swipegal__slide.is-leaving-left  { opacity: 1; transform: translate3d(-100%,0,0); z-index: 2; }
.besd-swipegal__slide.is-leaving-right { opacity: 1; transform: translate3d( 100%,0,0); z-index: 2; }

/* Transition aktivieren */
.besd-swipegal.is-animating .besd-swipegal__slide {
  transition: transform 360ms ease, opacity 360ms ease;
}

/* Bild: vollständig sichtb  width: 100%;ar */
.besd-swipegal__img {
	
 height:100%;
  display: block;
  object-fit: contain;
  background: none; 
 cursor: pointer;

	
	box-shadow: var(--boyshadow1);
    border-radius: var(--besd-radius2);
}

/* Pfeile: rund, blurred, < > */
.besd-swipegal__arrow {
  position: absolute;
  top: 45%;
  z-index: 20;                 /* sicher über allem */
  border: 0;
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  padding: 0.6rem 1.1rem;
  border-radius: 999px;
  backdrop-filter: blur(3px);
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 34px;

  /* verhindert "komische" Hitboxen */
  pointer-events: auto;
}

.besd-swipegal__arrow--left  { left: -14px; right: auto;border:	none !important;
	outline: none !important; }
.besd-swipegal__arrow--right { right: -14px; left: auto; border:	none !important;
	outline: none !important;}

.besd-swipegal__arrow{display:grid;}


.besd-swipegal__icon {
font-size: 35px;
	font-weight:bold;
    line-height: 1;
    transform: scaleX(0.5);
border:	none !important;
	outline: none !important;
	  font-family: "Roboto Flex", sans-serif;

	
}

/* Kleine Editor-Box */
.besd-swipegal-editorbox {
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}




@media (max-width: 768px) {
.besd-swipegal__arrow {    padding: 0px 7px 0px 7px;  font-size: 30px; font-weight:400;}
}