/* Zorg dat de wrapper een kolomstructuur heeft */
.sf_slider_wrapper {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

/* Slider links */
.sf_slider_content {
    flex: 1;
}

/* Thumbs rechts in kolom */
.sf_slider_thumbs {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Belangrijk: thumbs onderaan uitlijnen */
}

/* Standaard LightSlider structuur aanpassen */
.sf_slider_thumbs .lSPager {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
}

.sf_slider_thumbs .lSPager li {
    width: 80px !important;
    height: auto;
}

.sf_slider_thumbs .lSPager li img {
    width: 100%;
    height: auto;
    display: block;
}
.lSSlideOuter.vertical .lSGallery{
	bottom: 0!important;
	top: auto!important;
}
.sf_slide_wrapper{
	display: flex;
	overflow: hidden;
    height: 100%;
}
.sf_slide_text{
	width: 320px!important;
}
.lSPager.lSGallery{
	width: 163px!important;
}
.lSSlideOuter.vertical{
	padding-right: 200px!important;
}
.lSSlideOuter.vertical .lSGallery{
/* 	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: -16px; */
}
.lSSlideOuter.vertical .lSGallery li{
	height: auto!important;
}
.sf_slide_image img{
/* 	position: static; */
/* 	object-fit: cover; */
	width: auto;
}
.lSPager.lSGallery{
	height: auto!important;
}
.lSPager.lSGallery li:last-child{
	margin-bottom: 0px!important;
}
.lSPager.lSGallery li, .lSPager.lSGallery li:hover, .lSPager.lSGallery li:active{
	border-radius: 12px!important;
}
.sf-title-slide{
	font-size: 24px;
	font-weight: 500;
	color: #000;
}
.sf_slide_wrapper{
	gap: 40px;
}
.sf_slide_text{
	margin-bottom: 62px;
}
.sf_slide_image {
    border-radius: 16px;
    overflow: hidden;
}
@media only screen and (max-width: 767px) {
	.lSSlideOuter.vertical{
		padding-right: 0px!important;
	}
	.lSSlideOuter.vertical .lSGallery{
		display: none;
	}
	.sf_slide_text{
		position: absolute;
	}
	.lSSlideWrapper.usingCss{
		max-height: 245px;
	}
	.sf_slide_image{
		height: 230px;
	}
	.sf_slider_wrapper{
		gap: 0px;
	}
	.sf_slide_text p{
		color: #fff;
	}
	.sf_slide_text{
		padding: 32px;
		width: auto!important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.lSSlideOuter.vertical{
		padding-right: 0px!important;
	}
	.lSSlideOuter.vertical .lSGallery{
		display: none;
	}
	.sf_slide_text{
		position: absolute;
	}
	.lSSlideWrapper.usingCss{
		max-height: 415px;
	}
	.sf_slide_image{
		height: 400px;
	}
	.sf_slider_wrapper{
		gap: 0px;
	}
	.sf_slide_text p{
		color: #fff;
	}
	.sf_slide_text{
		padding: 32px;
		width: auto!important;
	}
}