
/*** T3SB identifier: swipercss-35793 */
 :root {
  --card-radius: 1.5rem;
  --overlay-radius: 1.25rem;
}

/* Swiper-Container */
#mySwiper.swiper {
  position: relative;
  padding-inline: 2rem; /* dezenter „Peek“ links/rechts */
  box-sizing: border-box;
}

/* Wrapper */
#mySwiper .swiper-wrapper {
  align-items: center;
}

/* Slides */
#mySwiper .swiper-slide {
  position: relative;
  overflow: hidden;
  border-radius: var(--card-radius);

  /* --- fixes 4:3-Verhältnis --- */
  aspect-ratio: 4 / 3;
  height: auto;

  will-change: transform;
  backface-visibility: hidden;
  contain: content;
}

/* Bilder */
#mySwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: var(--card-radius);
}

/* Overlay mit Gradient & Text (optional) */
#mySwiper .slide-content {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  padding: 3rem 1.25rem 1rem;
  box-sizing: border-box;
  color: #fff;
  border-bottom-left-radius: var(--overlay-radius);
  border-bottom-right-radius: var(--overlay-radius);
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.9));
  pointer-events: none; /* blockiert keine Swipes/Klicks */
}

/* Coverflow-Shadows (Swiper erzeugt divs) */
#mySwiper .swiper-slide-shadow-left,
#mySwiper .swiper-slide-shadow-right {
  border-radius: var(--card-radius);
  pointer-events: none;
  overflow: hidden;
}

/* Pagination Bullets */
#mySwiper .swiper-pagination-bullet {
  background: #888;
  opacity: 1;
  transition: transform .2s ease, background-color .2s ease;
}
#mySwiper .swiper-pagination-bullet-active {
  background: #fff;
  transform: scale(1.15);
}
#mySwiper .swiper-pagination-bullet:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* Optional: Maus-Cursor nur auf Desktop */
@media (hover: hover) and (pointer: fine) {
  #mySwiper { cursor: grab; }
  #mySwiper:active { cursor: grabbing; }
}

 Responsive Anpassungen */
@media (max-width: 640px) {
  #mySwiper { padding-inline: 1rem; }
  #mySwiper .slide-content { padding: 2rem 1rem 0.75rem; }
}


@media (min-width: 1024px) {
  #mySwiper { padding-inline: 3rem; }
}

@media (min-width: 1024px) {
  #mySwiper { padding-inline: 3rem; }
}

/* Bewegungsreduktion respektieren */
@media (prefers-reduced-motion: reduce) {
  #mySwiper .swiper-slide,
  #mySwiper .swiper-pagination-bullet {
    transition: none !important;
  }
} 


/*** T3SB identifier: bgWrapperImage-5865 */
@media (max-width: 2560px) {#s5865 {background-image: url("/fileadmin/_processed_/5/6/csm_newsletter-background_35e3e181b2.jpg") !important;}}@media (min-width: 2561px) {#s5865 {background-image: url("/fileadmin/_processed_/5/6/csm_newsletter-background_35e3e181b2.jpg") !important;}}@media (max-width: 1920px) {#s5865 {background-image: url("/fileadmin/user_upload/images/Jumbotron/newsletter-background.jpg") !important;}}@media (max-width: 1200px) {#s5865 {background-image: url("/fileadmin/_processed_/5/6/csm_newsletter-background_cfd248f23b.jpg") !important;}}@media (max-width: 992px) {#s5865 {background-image: url("/fileadmin/_processed_/5/6/csm_newsletter-background_e6628016ae.jpg") !important;}}@media (max-width: 768px) {#s5865 {background-image: url("/fileadmin/_processed_/5/6/csm_newsletter-background_29cde4e78c.jpg") !important;}}@media (max-width: 576px) {#s5865 {background-image: url("/fileadmin/_processed_/5/6/csm_newsletter-background_ec31b9435a.jpg") !important;}}

