.sidelabelslider {
	display: flex;
	height: 100%;
	position: relative;
}

.container.sidelabelslider-wrapper {
	overflow: visible;
	padding-top:var(--space-padding);
}

.sidelabel-slider-headline {
	padding: 35px 0px;
	font-size: var(--font-size-1);
	font-weight: 300;
}

.sidelabel-slider-headline h1 {
    font-size: 4vw;
}

.overlay-text h2 {
    font-size: 2vw;
}

.sidelabelslider .sidelabelmenu {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	box-sizing: border-box;
}

.sidelabelslider .sidelabelmenu ul {
	list-style-type: none;
	padding: 0;
	position: relative;
}




.sidelabelslider .sidelabelmenu ul::before {
	content: '';
	background: var(--farbe-1);
	width: 5px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: width 0.5s;
}

.sidelabelslider .sidelabelmenu li {
	position: relative;
	padding: 0px;
	list-style-type: none;
	padding: 15px 0;
	cursor: pointer;
}

.sidelabelslider .sidelabelmenu li:first-child {
	padding: 0px 0;
	padding-bottom: 15px;
}

.sidelabelslider .sidelabelmenu li:last-child {
	padding-bottom: 0px;
}

.sidelabelslider .sidelabelmenu li span {
	position: relative;
	padding-left: 40px;
	font-weight: 600;
}


.sidelabelslider .sidelabelmenu li span::before {
	content: '';
	background: var(--farbe-1);
	width: 5px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: width 0.5s;
}

.sidelabelslider .sidelabelmenu li:hover span::before {
	width: 8px;
	background: var(--farbe-1);
}

.sidelabelslider .sidelabelmenu li.active span::before {
	width: 12px;
	background: var(--farbe-2);
}

.sidelabelslider .image-container {
	flex: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: visible;
	position: relative;
			padding-right: 150px !important;
	border-radius: var(--radius);
}

.sidelabelslider .swiper {
	flex: 3;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
}
.sidelabelslider .swiper-slide {
	background:transparent !important;
	display: flex;
}

.sidelabelslider .image-container img {
	width: calc(100% - 50px);
	height: 100%;
	object-fit: cover;
	border-radius: var(--radius);
}

.sidelabelslider .image-container .overlay-text {
	width: auto;
	position: absolute;
	right: 0;
	padding: 40px;
	border-radius: 5px;
	opacity: 0.9;
	background: #FFF;
	padding-right: 80px;
	max-width: 40%;
	border-radius: var(--radius);
}

.image-container .overlay-text b,
.image-container .overlay-text strong {
	color: var(--farbe-2);
}


.sidelabelmenu .swiper-wrapper {
	display: none;
}


.sidelabelslider .image-container .overlay-text {
	box-shadow: 0px 4px 50px 20px rgba(0, 0, 0, 0.10); 
	right:60px;
}


.sidelabelslider .image-container .overlay-text ul {
  list-style-type: none;
  padding: 0;
  margin-left: 30px; 
}

.sidelabelslider .image-container .overlay-text ul li {
  position: relative;
  padding-left: 15px;
}

.sidelabelslider .image-container .overlay-text ul li::before {
  content: '✓';
  position: absolute;
  left: -30px; 
  top: 0;
  color: var(--farbe-1);
  padding-right: 8px;
}




.sidelabelslider {
	min-height: 500px;
}

@media only screen and (max-width: 1200px) {
	.sidelabelslider .image-container .overlay-text h2 {
		font-size: 3vh;
	}
	.sidelabelslider .image-container .overlay-text p {
		font-size: 18px;
        line-height: normal;
        margin: 24px 0;
	}
	
}


@media only screen and (max-width: 1250px) {
	
	.sidelabelslider .image-container .overlay-text {
	box-shadow: none;
	right:0;
}

.sidelabel-slider-headline h1 {
	font-size: 2rem;
}
	
    .sidelabelmenu .swiper-wrapper {
        display: flex;
        padding-bottom: 20px;
    }
    .sidelabelslider {
        flex-direction: column;
    }
    .sidelabelslider .swiper {
        width: 100%;
    }
    .sidelabelmenu ul {
        display: flex;
        list-style-type: none;
        padding: 0;
        margin: 0;
        align-items: center;
        display: none !important;
    }
    .sidelabelmenu li {
        flex: 0 0 auto;
        margin-right: 0px;
    }
    .sidelabelslider .sidelabelmenu ul::before, 
    .sidelabelslider .sidelabelmenu li span::before { 
        display: none;
    }    
    .sidelabelslider .sidelabelmenu li span {
        padding-left: 0px;
        padding-right: 40px;
    }
    .sidelabelslider .sidelabelmenu li:last-child {
        padding-bottom: 15px;
    }    
    .sidelabelslider .sidelabelmenu .swiper-wrapper {
        position: relative;
        overflow: visible;
    }
	
	.sidelabelslider .sidelabelmenu {
		position: relative;
		overflow: hidden;
	}
    .sidelabelslider .sidelabelmenu::before {
        position: absolute;
        right: 0px;
        width: 20%;
        height: 100%;
        z-index: 3;
        content: '';
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,0) 14%, rgba(255,255,255,1) 100%);
        pointer-events: none;
    }  
	
	
	.sidelabelmenu .swiper-slide:last-child {
		padding-right: 50px !important;
	}
	
    .sidelabelslider .sidelabelmenu .swiper-slide {
        width: auto;
        padding-right: 25px;
    }
    .sidelabelslider .sidelabelmenu .swiper-slide.active {
        color: var(--farbe-1);
    }
    .sidelabelslider .image-container {
        margin-right: 0px;
		padding-right: 0px !important;
    }
    .sidelabelslider .image-container {
        flex-direction: column !important;    
    }
    .sidelabelslider .image-container .overlay-text {
        position: relative;
        height: auto !important;
        width: 80%;
        padding: 20px;
        padding-top: 25px;
        margin-top: -80px;
		max-width: 100%;
    }
	.sidelabelslider .image-container img {
		width: 100%;
	}
	
	

}

@media only screen and (max-width: 780px) {
	.sidelabelslider .sidelabelmenu {
	flex: 0;
}
}