:root{
	--dienstenHeight: 300px;
	--sliderHeight: calc(100dvh);
}

#Content{
	margin-top: 0;
}
.smallContent{
	max-width:600px;
}
.mediumContent{
	max-width:800px;
}

.imageHolder.mediaImage{
    aspect-ratio:1/1.1;
}


.referentieSection{
    overflow-x: hidden;
}

.tekstSection{}
.tekstSection .imageHolder{
    width: 100%;
}
.tekstSection .imageHolder.smallInfoImage{
    aspect-ratio: 3/2;
    border-top-left-radius: 9rem;
    border-bottom-right-radius: 8rem;
    border-top-right-radius: 3rem;
    border-bottom-left-radius: 3rem;
    height: auto;
    width: auto;
    max-width: 380px;
    margin-top: 5rem;
}
.tekstSection .imageHolder.bigInfoImage{
    aspect-ratio: 4/5;
    border-top-left-radius: 3rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 14rem;
    height: auto;
    width: auto;
    max-width: calc(100% - 3rem);
    margin-left: auto;
    max-height: 100%;
}
.situatieBox{max-width: calc(100% - 50px);width: 250px;margin: auto;text-align: center;}

.situatieBox img{
	height:200px;
	width:auto !important;
	flex: none;
}

.oplossingenSectie{}
.oplossingenSectie .oplossingBox{
    display:flex;
    flex-direction: column;
    gap: 1rem;
    --themeText: #fff;
    --themeTitles: #fff;
}
.oplossingenSectie .oplossingBox p{
	line-height:1.6em;
}
.oplossingenSectie .oplossingBox svg{
    height:50px;
}



.overlay-image{
    width:50%;
    height: 100%;
    right:0;
    top: 0;
    position: absolute;
}

.sliderSection .slider-container .textPlaceHolder{
    opacity:0.0;
    display:inline-block;
    position: relative;
    width: min-content;
}
.sliderSection .slider-container {
    position: relative;
    display: inline-block;
    overflow: hidden;
     /* Adjust based on your font size */
    vertical-align: bottom;
}

.sliderSection .sliderWord {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 100%;
    transition: opacity 0.2s ease-in-out, top 0.5s ease-in-out;
    display: inline-block;
}

@media screen and (max-width:769px){
	
    .carouselSliderHolder .carousel .carouselSlide {
        min-height: 180px;
        aspect-ratio: 16 / 9 !important;
    }
    .tekstSection .imageHolder.bigInfoImage{
        display:none;
    }
    .oplossingenSectie .oplossingBox{
        text-align:center;
    }
    .oplossingenSectie .oplossingBox svg{
        margin:auto;
    }
}