.flex-layout.vacatures_grid {
    padding-block: var(--row-padding-top) var(--row-padding-bottom-full);
}

.flex-content:has(.gecentreerde_content-layout) + .flex-content .vacatures_grid {
    padding-top: 0;
}

.flex-layout.vacatures_grid .vg-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: max(2rem, calc(2 * var(--su)));
    margin-bottom: max(2rem, calc(2.5 * var(--su)));
}

.flex-layout.vacatures_grid .vg-header-left {
    display: flex;
    flex-direction: column;
    gap: max(0.75rem, calc(0.75 * var(--su)));
}

.flex-layout.vacatures_grid .vg-header-left .pk-text p {
    margin: 0;
}

.flex-layout.vacatures_grid .vg-header-right {
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .flex-layout.vacatures_grid .vg-header {
        flex-direction: column;
        align-items: flex-start;
    }
}

.flex-layout.vacatures_grid .ensivia-vacatures-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: max(1.5rem, calc(1.5 * var(--su)));
    align-items: start;
}

@media screen and (max-width: 1200px) {
    .flex-layout.vacatures_grid .ensivia-vacatures-grid {
        grid-template-columns: repeat(2, 1fr);   
    }
        .ensivia-vacature-card .vc-content{
        margin-top:-15%;
    }
}

@media screen and (max-width: 992px) {
    .flex-layout.vacatures_grid .ensivia-vacatures-grid {
        grid-template-columns: 1fr;
    }
        .ensivia-vacature-card .vc-content{
        margin-top:-20%;
    }
}