/* ====== Gemeinsame Swiper-Styles (für alle Instanzen) ====== */
.mySwiper { position: relative; border-radius: .25rem; overflow: hidden; }
.mySwiper .swiper-slide { display:flex; align-items:center; justify-content:center; }
.mySwiper .swiper-slide img { width:100%; height:auto; object-fit:contain; }

/* Pfeile & Punkte */
.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {
    color:#fff !important; font-weight:800; transform:scale(.65);
    text-shadow:0 0 3px rgba(0,0,0,.6);
}
.mySwiper .swiper-button-next { right:10px; }
.mySwiper .swiper-button-prev { left:10px; }

.mySwiper .swiper-pagination-bullet { background:#fff !important; opacity:.5; }
.mySwiper .swiper-pagination-bullet-active { opacity:1; }

/* ====== Variante A: Slider mit Blur/Border (Page) ====== */
.mySwiper .slider-bg-wrapper {
    position:absolute; top:0; left:0; width:100%; height:100%;
    border-radius:.25rem; overflow:hidden; z-index:0;
}
.mySwiper .slider-bg-wrapper img {
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover; object-position:center;
    filter:blur(10px); transition:opacity 1.2s ease; opacity:0;
}
.mySwiper .slider-bg-wrapper img:first-child { opacity:1; }

.mySwiper .slider-bg-border {
    position:absolute; inset:0;
    border:.5rem solid rgba(242,242,242,.5);
    border-radius:.25rem; z-index:1; pointer-events:none;
}
.mySwiper .swiper-inner-wrapper {
    position:absolute; top:.5rem; left:.5rem; right:.5rem; bottom:.5rem;
    overflow:hidden; border-radius:.25rem; z-index:2;
}
.mySwiper .slide-main { width:100%; height:100%; border-radius:.25rem; overflow:hidden; }
.mySwiper .slide-main img { width:100%; height:100%; object-fit:contain; }

/* ====== Variante B: Simple (Modal) – keine Blur/Border ====== */
.mySwiper--modal { border-radius:.25rem; }
.mySwiper--modal .swiper-slide img { width:100%; height:auto; object-fit:contain; }

/* Optional: Verhältnis (kannst du auch inline setzen) */
.mySwiper--modal { aspect-ratio: 1.35; height: auto; }

/* Absatz-Abstände im Modal */
.modal-body p {
  margin-bottom: 1rem;   /* Standard-Abstand zwischen Absätzen */
}

.modal-body p:last-child {
  margin-bottom: 3rem;   /* extra Platz nach dem letzten Absatz */
}