/* MwSlider (TYPO3 13) - Background + Overlay Content Box */

.mwslider-slide {
  min-height: 600px;
  overflow: hidden;
  display: flex;
  align-items: center;      /* 🔥 DAS ist der entscheidende Punkt */
  justify-content: flex-start; 
  height: 100%; 
  width: calc(100% - 60px); 
    
}

.mwslider-slide[data-href] {
  cursor: pointer;
}

.mwslider-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mwslider-overlay {
  position: relative;
  z-index: 2;
  padding: 3rem 1rem;
  display: flex;
  justify-content: flex-start;
}

.mwslider-box {
  width: min(100%, 540px);
  margin: 0;
  border-radius: 18px;
  padding: 2.5rem;
}

/* 0: transparent */
.mwslider-box-transparent {
  background: transparent;
}

/* 1: hell semi-transparent */
.mwslider-box-bg-light {
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* 2: dunkel semi-transparent */
.mwslider-box-bg-dark {
  background: rgba(0, 0, 0, 0.55);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: #fff;
}

.mwslider-box-bg-dark a {
  color: #fff;
  text-decoration: underline;
}


.mwslider-media img{margin:0 auto;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	width:40px!important; height:40px!important; border-radius:20px; background-color:var(--primary-color);	
	
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	width:40px!important; height:40px!important; border-radius:20px; background-color:var(--primary-color);
	
}

.swiper-button-next, .swiper-button-prev {color:#fff!important; font-size:26px!important;}
.swiper-button-prev:after,  .swiper-button-next:after { color:#fff!important; font-size:26px!important;}



/* < 992px = zentriert */
@media (max-width: 991.98px) {
  .swiper-slide {
    justify-content: center;
  }

  .mwslider-box {
    margin: 0 auto; /* extra Sicherheit */
  }

  .mwslider-text {
    text-align: center; /* optional, meist gewünscht */
  }
}

@media (max-width: 767.98px) {
.mwslider-media img {max-width:45%;}
    .mwslider-slide {padding-bottom:70px;} 
}