:root{
	/* --dienstenHeight: 300px; */
}

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

.boxesSection p{
    font-size:40px;
    line-height:1.2em;
}

.boxesSection .boxesButtonHolder{
    display: flex;
    gap: 10px;
    height: 58px;
    justify-content: flex-start;
}
.boxesSection .boxesButtonHolder .btn{}
.boxesSection .boxesButtonHolder .home-blokken-divider{
    max-width: 30px;
    background-color: #fff;
    flex: 1;
}
.boxesSection .boxesButtonHolder .btn-white{
    background-color: white;
}

.boxesSection .dienstenHolder{
    position: relative;
    display:grid;
    margin-top: -8rem;
    grid-template-columns: repeat(3,1fr);
    z-index: 3;
}
.boxesSection .dienstItem{
    aspect-ratio:1;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    text-align: left;
    border-right: 1px solid #D7D7D7;
    align-items: flex-start;
    justify-content: space-between;
    background-color:#fff;
    transition: background-color .2s ease-in-out;
    width: auto;
    height: 100%;
}
.boxesSection .dienstItem .content-top{
    display:flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 0rem 3rem;
    height: 100%;
    flex: 1;
}
.boxesSection .dienstItem h2{
	font-weight:bold;
	font-size:25px;
}
.boxesSection .dienstItem p{
	font-size: 16px;
	font-weight:300;
}
.boxesSection .dienstItem h2,
.boxesSection .dienstItem p{
    color:var(--themePrimaryDark);
	 display: -webkit-box;
	  -webkit-line-clamp:2;
	  -webkit-box-orient: vertical;  
	  overflow: hidden;
}

.boxesSection .dienstItem + .dienstItem{
	border-left:0;
}
.boxesSection .dienstItem .content-top svg, .boxesSection .dienstItem .content-top img{
	   
}
.boxesSection .dienstItem:hover .content-top svg, .boxesSection .dienstItem:hover .content-top img{
	transform:translateX(10px) scale(1.03);
}
.boxesSection .dienstItem .btn{
    width:100%;
    height: 70px;
    border-top: 1px solid #D7D7D7;
    background-color: var(--themePrimaryDark);
    position: relative;
    color: #fff;
    overflow:hidden;
    flex: none;
}

.boxesSection .dienstItem:hover{
    background-color:var(--themePrimary);
    border-color:transparent;
}
.boxesSection .dienstItem:hover h2,
.boxesSection .dienstItem:hover p,
.boxesSection .dienstItem:hover .btn{
    color:white;	
}
.boxesSection .dienstItem .btn svg{
    opacity:0.0;
    display:inline-block;
    position: absolute;
    top: 0;
    left: 0;
    transform:translateX(-100%);
	transition: all .2s ease-in-out;
}
.boxesSection .dienstItem:hover .btn svg{
	opacity:1.0;
    transform: translateX(0px) !important;
}
.boxesSection .dienstItem:hover .btn{
	background-color:var(--themePrimary);
}

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

.sliderOverlayContent h1{
    color:white;
}

@media screen and (max-width:769px){
	
    .carouselSliderHolder .carousel .carouselSlide {
        min-height: 180px;
        aspect-ratio: 16 / 9 !important;
    }
}