
.swiper-container {
  width: 100%;
 /* max-width: 640px;
  height: 20vh;*/
  height:100%;
  max-height:525px;
  position: relative;
  overflow:hidden;
}
.swiper-container .slider {
 min-height: 500px;
}

.swiper-container.swiper-228, .swiper-container.swiper-425{   
  width: 48%;
  height:auto;
  max-height:100%;
  padding-top: 4rem;
  padding-bottom: 4rem; }
  	
.swiper-container.swiper-228 .swiper-slide, .swiper-container.swiper-425 .swiper-slide{
  width: 480px;
  height:100%;
  max-height:520px; 
  opacity:1 !important;
} 
/* Positionierung */
.swiper-238, .swiper-293, .swiper-296, .swiper-299, .swiper-304{
    margin-left: 24%;
    margin-right: auto;
	box-shadow: rgba(0, 0, 0, 0.20) 0px 5px 15px;
} 

.swiper-container .slider .swiper-slide {
  background: #fff;
  overflow: hidden;
  position: relative;
  height: 100%;
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity:1;
}
body#seite-1 .swiper-container .slider .swiper-slide {
  opacity:0.55;
}
.swiper-container .slider .swiper-slide .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height:660px;
  left: 0;
  top: 0;
}
.swiper-container .slider .swiper-slide .slide-inner img {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto; object-fit: cover;
}
.slide-inner img {
  transition-timing-function: linear;
  transition-duration: 3s;
  transform: scale(1);
}

.swiper-slide.swiper-slide-active .slide-inner img {
  transform: scale(1.3);
}
/*


.swiper-slide-image {
	width: 100%;
	height: auto;
}
.swiper-slide-content {
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
	top: 0;
	box-sizing: border-box;
}*/
.swiper-thumb .swiper-slide {
	height: 100%;
	opacity: 0.4;
}
.swiper-thumb .swiper-slide-thumb-active {
	opacity: 1 !important;
}
.stretched-slider-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: "";
}
.swiper-slide-content.right-top {
	align-items: flex-start !important;
	justify-content: end !important;
	text-align: right !important;
}
.swiper-slide-content.right-center {
	align-items: center !important;
	justify-content: end !important;
	text-align: right !important;
}
.swiper-slide-content.right-bottom {
	align-items: flex-end !important;
	justify-content: end !important;
	text-align: right !important;
}
.swiper-slide-content.left-top {
	align-items: flex-start !important;
}
.swiper-slide-content.left-center {
	align-items: center !important;
}
.swiper-slide-content.left-bottom {
	align-items: flex-end !important;
}
.swiper-slide-content.center-top {
	align-items: start !important;
	justify-content: center !important;
	text-align: center !important;
}
.swiper-slide-content.center-center {
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}
.swiper-slide-content.center-bottom {
	align-items: end !important;
	justify-content: center !important;
	text-align: center !important;
}
.w-25 {
	width: 25% !important;
}
.w-33 {
	width: 33% !important;
}
.w-50 {
	width: 50% !important;
}
.w-66 {
	width: 66% !important;
}
.w-75 {
	width: 75% !important;
}
.w-100 {
	width: 100% !important;
}

@media (max-width: 1400px) {
.swiper-container.swiper-228, .swiper-container.swiper-425{   
  width: 58%;
  height:auto;
  max-height:100%;
  padding-top: 4rem;
  padding-bottom: 4rem; }
 .swiper-container.swiper-228 .swiper-slide,  .swiper-container.swiper-425 .swiper-slide{
  width: 460px;
  height:100%;
  max-height:520px; 
}

.swiper-container.swiper-vertical {
  max-width: 660px !important;
  max-height:446px !important;
   } 
}

@media (max-width: 1024px) {
.swiper-container.swiper-228, .swiper-container.swiper-425{   
  width: 78%;
  height:auto;
  max-height:100%;
  padding-top: 4rem;
  padding-bottom: 0; }
 .swiper-container.swiper-228 .swiper-slide,  .swiper-container.swiper-425 .swiper-slide{
  width: 400px;
  height:100%;
  max-height:440px; 
}
/* Positionierung */
.swiper-238, .swiper-293, .swiper-296, .swiper-299, .swiper-304{
    margin-left: 4%;
}
} 

@media (max-width: 880px) {
.t3s_swiper {
  padding: 2rem 0 2rem;
}
.swiper-container.swiper-vertical {
  max-width: 450px !important;
  max-height:350px !important;
   }
   
}

@media (max-width: 767.98px) {
	.swiper-slide-content h3 {
		font-size: 85% !important;
	}
	.swiper-slide-content p {
		font-size: 75% !important;
	}
	.w-25,
	.w-33,
	.w-50,
	.w-66,
	.w-75,
	.w-100 {
		width: 100% !important;
	}
	
.swiper-container {
  width: 100%;
  max-width: 540px !important;
  height:100%;
  max-height:auto;
  position: relative;
  overflow:hidden;
}
.swiper-container .slider {
 min-height: 340px;
 max-height:340px;
}	
}

@media (max-width: 600px) {
.swiper-container {
  width: 100%;
  max-width: 440px !important;
  height:100%;
  
  max-height:auto;
  position: relative;
  overflow:hidden;
}
.swiper-container.swiper-vertical {
  max-width: 380px !important;
  max-height:300px !important;
   } 	
.swiper-container.swiper-228, .swiper-container.swiper-425{   
  width: 88%;
  height:auto;
  max-height:100%;
  padding-top: 4rem;
  padding-bottom: 4rem; }
  
.swiper-container.swiper-228 {
	min-height:540px;
}  
 .swiper-container.swiper-228 .swiper-slide,  .swiper-container.swiper-425 .swiper-slide{
  width: 360px;
  height:100%;
  max-height:420px; 
} 
}

@media (max-width: 480px) {
.swiper-container {
  width: 100%;
  max-width: 280px !important;
  height:100%;
  max-height: 280px !important;
  min-height: 280px;
  position: relative;
  overflow:hidden;
}
/* Positionierung */
.swiper-238, .swiper-293, .swiper-296, .swiper-299, .swiper-304{
    margin-left: 0%;
}

.swiper-container.swiper-vertical {
  max-width: 280px !important;
  min-height: 230px;
  max-height:230px !important;
   } 
.swiper-container.swiper-228, .swiper-container.swiper-425{   
  width: 98%;
  height:auto;
  max-height:100%;
  padding-top: 4rem;
  padding-bottom: 4rem; }
}
