.boxrecenteprojectenslider.boxthemas {
    margin-bottom: 100px;
    padding-top: 100px;
    overflow: visible
}

.projectbox.boxthema>div {
    padding: 0;
    background: none
}

.entry-content {
    overflow: hidden;
    max-width: 100%
}

.boxinfo {
    padding: 24px 24px 48px 24px
}

.uitgelichteafbeeldingthema {
    line-height: 0;
    overflow: hidden
}

a:hover .uitgelichteafbeeldingthema img {
    transition: all 1s ease-out;
    transform: scale(1.1)
}

.uitgelichteafbeeldingthema img {
    transition: all 1s ease-out
}

a.boxthemakleurGroen {
    background-color: #6fa287;
    display: block;
    border-radius: 5px;
    overflow: hidden;
    text-decoration: none
}

a.boxthemakleurRood {
    background-color: #e1031b;
    display: block;
    border-radius: 5px;
    overflow: hidden;
    text-decoration: none
}

a.boxthemakleurDonker {
    background-color: #373f41;
    display: block;
    border-radius: 5px;
    overflow: hidden;
    text-decoration: none
}

a.boxthemakleurGroen h4,a.boxthemakleurRood h4,a.boxthemakleurDonker h4 {
    color: #fff
}

a.boxthemakleurGroen .omschrijvingproject,a.boxthemakleurRood .omschrijvingproject,a.boxthemakleurDonker .omschrijvingproject {
    color: #fff
}

a.boxthemakleurLicht {
    background-color: #e4e4e4;
    display: block;
    border-radius: 5px;
    overflow: hidden;
    text-decoration: none
}

a.boxthemakleurLicht h4 {
    color: #212121
}

a.boxthemakleurLicht .omschrijvingproject {
    color: #212121
}

.projectbox.boxthema>div {
    display: flex
}

a.boxthemakleurGroen,a.boxthemakleurRood,a.boxthemakleurDonker {
    background-image: url(https://www.hollandertechniek.nl/wp-content/themes/hollander-techniek/afbeeldingen/Arrow-right-wit.svg);
    background-position: calc(100% - 24px) calc(100% - 24px);
    background-repeat: no-repeat;
    background-size: 30px
}

a.boxthemakleurLicht {
    background-image: url(https://www.hollandertechniek.nl/wp-content/themes/hollander-techniek/afbeeldingen/Arrow-right-donker.svg);
    background-position: calc(100% - 24px) calc(100% - 24px);
    background-repeat: no-repeat;
    background-size: 30px
}

.boxarrowtopthema span.line1 {
    opacity: 1;
    transition: all 3s ease-out;
    content: '';
    width: 3px;
    height: 0;
    position: absolute;
    right: 220px;
    top: -180px;
    background-color: #6FA287
}

.visible .boxarrowtopthema span.line1 {
    opacity: 1;
    transition: all 3s ease-in-out;
    height: 400px
}

.boxarrowtopthema .line2 {
    opacity: 1;
    transition: all 3s ease-out;
    transition-delay: 4s;
    content: '';
    width: 0;
    height: 3px;
    position: absolute;
    right: 220px;
    top: 217px;
    background-color: #6FA287
}

.visible .boxarrowtopthema .line2 {
    width: 2000px
}

.boxrecenteprojectenslider.boxthemas.boxthemas2 {
    margin-top: 65px;
    margin-bottom: 0;
    padding-top: 0
}

.boxrecenteprojectenslider.boxthemas.boxthemas2 .boxtitelproject h4 {
    margin-bottom: 36px
}

.boxrecenteprojectenslider.boxthemas.boxthemas2:after {
    content: '';
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff
}

.contactnogmargin.boxgrey.boxactive .width12kolom.boxcontactpersooncenter {
    margin-top: 0
}

.titelsidebarex.boxnospaceunder.boxtitelcontact h4 {
    margin-bottom: 24px!important
}

@media (max-width: 991px) {
    .boxarrowtopthema span.line1 {
        right:100px;
        top: -100px
    }

    .boxrecenteprojectenslider.boxthemas {
        padding-top: 70px
    }

    .boxarrowtopthema .line2 {
        right: 100px;
        top: 297px
    }
}

@media (max-width: 768px) {
    .boxrecenteprojectenslider.boxthemas.boxthemas2 .boxtitelproject h4 {
        margin-bottom:24px
    }

    .boxrecenteprojectenslider.boxthemas {
        margin-bottom: 40px;
        padding-top: 50px
    }

    .boxarrowtopthema .line1 {
        top: -70px
    }

    .boxarrowtopthema .line2 {
        top: 267px
    }
}