#home-hero {
    padding: 330px 0 100px 0;
    position: relative;
    margin-bottom: 120px;
}

#home-hero-bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    /* padding: 330px 0 100px 0; */
}

#home-hero-bg img {
    position: absolute;
    left: 0;
    top: 0;
    object-position: right;
    object-fit: cover;

    /* mask: url('../svg/mask_00.svg');
    -webkit-mask-box-image: url('../svg/mask_00.svg');
    mask-border: url('../svg/mask_00.svg'); */
    width: 50vw;
    height: 100%;

    -webkit-mask-image: url('../svg/mask_00.svg'), linear-gradient(#fff, #fff);
    -webkit-mask-size: contain;
    -webkit-mask-position: top left, top left;
    -webkit-mask-composite: intersect;
    -webkit-mask-composite: source-in;
    -webkit-mask-repeat: no-repeat, repeat;

}

_:default:not(:root:root), #home-hero-bg img {
    -webkit-mask-image: url('../svg/mask_00.svg');
    -webkit-mask-size: contain;
    -webkit-mask-position: top left, top left;
    -webkit-mask-composite: intersect;
    -webkit-mask-composite: source-in;
    -webkit-mask-repeat: no-repeat, repeat;
}

#home-hero .inner {
    position: relative;
    z-index: 2;
}

#home-hero h2 {
    margin-bottom: 20px;
}

#home-hero p:last-of-type {
    margin-bottom: 60px;
}

#home-about {

}

#home-about-image {
    position: relative;
}

#home-about-image:after {
    content: '';
    display: block;
    padding-bottom: 119.5959596%
}

#home-about-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#home-about-image img {
    mask: url('../svg/card_portrait.svg');
}

#home-about-image img {
    -webkit-mask-box-image: url('../svg/card_portrait.svg');
    mask-border: url('../svg/card_portrait.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

#home-about .content-block-image {
    height: 120px;
}
#home-about .content-block-image img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

#home-middle {
    padding: 120px 0;
}

#home-cta {
    margin: 120px auto 0 auto;
}

#home-actueel {
    margin-bottom: 120px;
}

#home-actueel-button {
    margin-top: 60px;
}

#home-twitter {
    height: 100%;
}

#home-agenda {
    margin-bottom: 60px;
}

.agenda-item-link a {
    text-decoration: none;
    color: var(--color-button);
}

.agenda-item-link a i {
    font-size: 10px;
}

.agenda-item-date, .agenda-datum {
    text-transform: uppercase;
    font-size: 10px;
    color: var(--color-text-heading);
    margin-bottom: 6px;
}

.agenda-item-title {
    font-size: 18px;
    font-family: var(--heading-font);
    flex-grow: 1;
    margin-bottom: 22px;
}

.agenda-item-link a {
    color: var(--color-button);
    text-decoration: none;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.agenda-item-link a i {
    font-size: 10px;
    margin-left: 7px;
}