.nieuwsGerelateerd{
    display: flex;
    margin-bottom: 2rem;
    flex-direction: row;
    gap: 1.5rem;
}
.nieuwsGerelateerd .imageHolder{
    width:100%;
    height: auto;
    aspect-ratio: 3/2;
}

.nieuwsGerelateerd .nieuwsContent{
    width:100%;
    height: auto;
    padding: 1rem 0.7rem 0;
}
.nieuwsGerelateerd .nieuwsTitle{
    font-size: 18px;
}

.nieuwsGerelateerd .nieuwsItem {
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    width: 100%;
}
.nieuwsGerelateerd .nieuwsItem .nieuwsDetails {
    display: inline-flex;
    padding: 0 0 0rem 0;
    margin-bottom: 0;
    width: 100%;
}

.nieuwsGerelateerd .nieuwsItem .nieuwsContent .nieuwsTitle {
    font-size: 20px;
    font-weight: 300;
    color: var(--themePrimaryDark);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 0.11em;
}

.nieuwsGerelateerd .nieuwsItem.firstItem .nieuwsContent .nieuwsTitle {
    font-size: 30px;
}

.nieuwsGerelateerd .nieuwsItem .nieuwsContent .nieuwsContent-content p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 1rem 0;
    font-size: 17px;
}
.nieuwsGerelateerd .nieuwsItem.firstItem .imageHolder {
    width: calc(66% - 2rem);
    aspect-ratio: 3/1.7;
    flex: none;
    margin-right: 2rem;
}