
/*** T3SB identifier: swipercss-39060 */
 /* CSS rules for the Swiper Hero Carousel - Copy into the content element's CSS field */

/* Slider Root & Height */
.ss-slider {
  width: 100%;
  height: min(100svh, 720px);
  min-height: 460px;
  user-select: none;
}

/* Swiper layout fallbacks to ensure height and flex alignment are correct even if Swiper CSS loads late/fails */
.ss-slider .swiper-wrapper {
  display: flex !important;
  height: 100% !important;
  width: 100% !important;
}
.ss-slider .swiper-slide {
  height: 100% !important;
  width: 100% !important;
  flex-shrink: 0 !important;
}

/* Background Image & Slide Transition Settings */
.ss-slide__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  z-index: 1;
}

/* Dark Gradient Overlay for optimal readability */
.swiper-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:
    linear-gradient(to right, rgba(13, 15, 15, 0.75) 0%, rgba(13, 15, 15, 0.35) 50%, rgba(13, 15, 15, 0.1) 100%),
    linear-gradient(to top, rgba(13, 15, 15, 0.4) 0%, transparent 60%);
  pointer-events: none;
  z-index: 2;
}

/* Content Layout (positioned over background and overlay) */
.ss-slide__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: start;
  padding: clamp(2rem, 5vw, 4rem) clamp(2rem, 6vw, 5rem);
  padding-bottom: clamp(3rem, 6vw, 5rem);
}

/* Title (Fluid Typography) */
.ss-slide__title {
  max-width: 820px;
  margin-bottom: 1rem;
  font-size: clamp(2rem, 4.2vw, 4rem);
  line-height: 1.08;
  font-weight: 700;
}

/* Subtext / Description */
.ss-slide__sub {
  color: rgba(255, 255, 255, 0.85);
  max-width: 760px;
  margin-bottom: 1.7rem;
  font-size: clamp(1rem, 1.15vw, 1.1rem);
  line-height: 1.6;
}

/* Counter Style (Top Left) */
.ss-counter {
  position: absolute;
  top: clamp(1.25rem, 3vw, 2rem);
  left: clamp(2rem, 6vw, 5rem);
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 2px;
}
.ss-counter__current {
  color: #fff;
  font-size: 0.875rem;
}

/* Autoplay Progress Bar */
.ss-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  height: 3px;
  background: rgba(255, 255, 255, 0.15);
  overflow: hidden;
}
.ss-progress__bar {
  height: 100%;
  width: 0;
  background: #BA0C2F; /* Brand Red */
  transform-origin: left;
}

/* Animation trigger class */
.ss-progress__bar.is-running {
  animation: ssProgress var(--ss-duration, 5s) linear forwards;
}

/* Pause the progress bar animation when slider is hovered */
.swiper:hover .ss-progress__bar {
  animation-play-state: paused;
}

@keyframes ssProgress {
  from { width: 0; }
  to { width: 100%; }
}

/* Custom Navigation Controls (Bottom Right) */
.ss-controls {
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 10;
  display: flex;
  gap: 0.5rem;
}

/* Force square dimensions & centering on navigation buttons */
.ss-controls .btn {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  padding: 0 !important;
  line-height: 1 !important;
  border-radius: 0.8rem !important;
}

.ss-btn-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
}

/* Responsive Overrides */
@media (max-width: 767.98px) {
  .ss-slider {
    height: clamp(420px, 80vw, 520px);
  }
  .ss-slide__content {
    padding: 1.5rem;
    padding-bottom: 5rem;
  }
  .ss-counter {
    left: 1.5rem;
    top: 1rem;
  }
  .ss-controls {
    right: 1.5rem;
    bottom: 1.5rem;
  }
}

/* Accessibility / Reduced Motion preference */
@media (prefers-reduced-motion: reduce) {
  .ss-progress__bar {
    animation: none !important;
  }
}
 


/*** T3SB identifier: swipercss-3454 */

#swiper-3454{width:100%;height:auto}#swiper-3454 .swiper-wrapper{height:auto}#swiper-3454 .swiper-slide{flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:start;justify-content:start;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;height:auto !important}#swiper-3454 .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}#swiper-3454 .swiper-button-next,#swiper-3454 .swiper-button-prev{color:#fff;text-shadow:1px 1px 2px #000,0 0 25px #000,0 0 5px #000}



/*** 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;}}

