.contentblok.home_header {
    margin-top: 0 !important;
    background-color: var(--color-licht-roze);
    position: relative;
    height: 89dvh;
}
.contentblok.home_header .afbeelding_container {
    position: absolute;
    top: 40%;
    right: 50%;
    transform: translateX(50%) translateY(-40%);
    width: 70%;
}
.contentblok.home_header .titel h1 {
    position: absolute;
    font-weight: normal;
    color: var(--color-wit);
    left: 52%;
    top: 80%;
    transform: translateX(-48%) translateY(-80%);
    width: 90%;
    text-align: center;
}
.contentblok.home_header .arrow {
    position: absolute;
    bottom: 5%;
    left: 48.5%;
    transform: translateX(-48.5%);
    width: 3rem;
    height: 3rem;
    background-color: var(--color-zwart);
    border: 4px solid var(--color-grijs);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    animation: bounce 2s infinite;
}
/* make an bounce animation for .arrow */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30%);
    }
    60% {
        transform: translateY(-15%);
    }
}



@media (min-width: 768px) {
    .contentblok.home_header .arrow {
        width: 4rem;
        height: 4rem;
        border: 6px solid var(--color-grijs);
    }

}
@media (min-width: 992px) {
    .contentblok.home_header .arrow {
        width: 5rem;
        height: 5rem;
        border: 7px solid var(--color-grijs);
    }
    .contentblok.home_header {
        height: 100dvh;
    }
}
@media (min-width: 1200px) {
    .contentblok.home_header .afbeelding_container {
        width: 40%;
    }
    .contentblok.home_header .titel h1 {
        top: 45%;
        right: 17rem;
        transform: translateX(17rem) translateY(-45%);
        text-align: left;
        word-wrap: normal;
        max-width: 40rem;
    }
    .contentblok.home_header .titel h1 span {
        display: block;
    }

    .contentblok.home_header .arrow {
        width: 6rem;
        height: 6rem;
        border: 8px solid var(--color-grijs);
    }
}
@media (min-width: 1400px) {

}
@media (min-width: 1920px) {
}
@media (min-width: 2560px) {
}