.page-template-page-digitalisering .boxcontactpersoontextandwidget span.line1 {
    opacity: 1;
    transition: all 1s ease-out;
    content: '';
    width: 3px;
    height: 0;
    position: absolute;
    right: 200px;
    top: 100%;
    background-color: #6FA287;
}

.page-template-page-digitalisering .visible.boxcontactpersoontextandwidget span.line1 {
    height: 100px;
}

.page-template-page-digitalisering .boxcontactpersoontextandwidget span.line2 {
    right: 200px;
    bottom: -100px;
    width: 0;
    opacity: 1;
    transition: all 1s ease-out;
    content: '';
    width: 0;
    height: 3px;
    position: absolute;
    background-color: #6FA287;
}

.page-template-page-digitalisering .visible.boxcontactpersoontextandwidget span.line2 {
    width: 356px;
    transition: all 2s ease-out;
    transition-delay: 1s;
}

.page-template-page-digitalisering .boxcontactpersoontextandwidget span.line3 {
    opacity: 1;
    transition: all 1s ease-out;
    content: '';
    width: 3px;
    height: 0;
    position: absolute;
    right: 553px;
    top: calc(100% + 100px);
    background-color: #6FA287;
}

.page-template-page-digitalisering .visible.boxcontactpersoontextandwidget span.line3 {
    height: 50px;
    transition-delay: 3s;
}



.boxdigitalisering {
    width: 100%;
    background-color: #f2f2f2;
    padding-top: 92px;
    padding-bottom: 92px;
    margin-bottom: 92px;
    position: relative;
    z-index: 10;
}




.boxrepeater {
    margin-top: 32px;
}

button.clickbutton, button.clickbutton2 {
    padding: 0px;
    background: none;
    width: 100%;
    text-align: left;
    position: relative;
    padding-right: 40px;
}

.clickbutton h3 {
    font-size: 20px;
    line-height: 30px;
    color: #212121;
}

.boxinsiderepeater {
    background-color: #fff;
    padding: 24px;
    margin-bottom: 24px;
}

button.clickbutton:after, button.clickbutton2:after {
    content: '';
    height: 30px;
    width: 30px;
    background-image: url(https://werkenbij.hollandertechniek.nl/wp-content/themes/werken-bij-hollander-techniek/img/Down.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 15px;
    position: absolute;
    right: 0;
    transition: all 0.25s;
    top: 0px;
}

.activeelement button.clickbutton:after, .activeelement button.clickbutton2:after {
    transform: rotate(180deg); /* Equal to rotateZ(45deg) */
    transition: all 0.25s;
    right: -18px;
}

.boxinsiderepeater .editorfieldcontactpersoon {
    padding-top: 0px;
    height: 0px;
    overflow: hidden;
}

.activeelement.boxinsiderepeater .editorfieldcontactpersoon {
    padding-top: 10px;
    transition: all 0.25s;
    overflow: visible;
    height: auto;
}



@media (max-width: 1199px) {
    .page-template-page-digitalisering .boxcontactpersoontextandwidget span.line3 {
        right:497px
    }

    .page-template-page-digitalisering .visible.boxcontactpersoontextandwidget span.line2 {
        width: 300px
    }
}

@media (max-width: 991px) {
    .page-template-page-digitalisering .boxcontactpersoontextandwidget .lijnafter1 {
        display:none;
    }
}