html {
    scroll-behavior: smooth;
}

.header-img {
    margin-top: -4em;
    max-height: 600px;
    max-width: 100%;
    overflow: hidden;
}

.header-title-box {
    margin-top: -6.5em;

}

.lokatie-title {
    color: #2DC8C2;
}

.header-title {
    font-size: 4.5rem;
    color: #2DC8C2;
}

.main-content {
    margin-top: -3.5em;
}

.quote-naam {
    padding-left: 0.7em;
    font-size: 0.8em;
}

.input, .textarea {
    background-color: #fff;
}

.MeesterlijkMisverstandTekst{
    transition: all 2s;
    overflow: hidden;
}

@media only screen and (max-width: 1024px) {
    .header-title-box {
        margin-top: -7em;

    }

    .header-title {
        font-size: 3rem
    }
}

.is-divider, .is-divider-vertical {
    display: block;
    position: relative;
    border-top: 0.1rem solid #dbdbdb;
    height: 0.1rem;
    margin: 2rem 0;
    text-align: center;
}

.is-divider[data-content]::after, .is-divider-vertical[data-content]::after {
    background: #fff;
    color: #b5b5b5;
    content: attr(data-content);
    display: inline-block;
    font-size: .75rem;
    padding: 0.4rem 0.8rem;
    -webkit-transform: translateY(-1.1rem);
    -ms-transform: translateY(-1.1rem);
    transform: translateY(-1.1rem);
    text-align: center;
}