/*
 * ============================================================
 * PREMIUM — OVER ONS
 * ============================================================
 */

@media screen and (min-width: 969px) {

body.pb-layout-pack-premium.pb-template-page-over-ons
.vokk-about-intro {
    padding: 95px 0 85px !important;
}


body.pb-layout-pack-premium.pb-template-page-over-ons
.vokk-about-intro-grid {
    display: grid !important;

    grid-template-columns:
        .82fr
        1.18fr !important;

    gap: 90px !important;

    align-items: start !important;
}


body.pb-layout-pack-premium.pb-template-page-over-ons
.vokk-about-story {
    padding: 0 0 100px !important;
}


body.pb-layout-pack-premium.pb-template-page-over-ons
.vokk-about-story-grid {
    display: grid !important;

    grid-template-columns:
        1.1fr
        .9fr !important;

    gap: 0 !important;

    min-height: 500px !important;

    border-top:
        1px solid var(--pb-premium-line) !important;

    border-bottom:
        1px solid var(--pb-premium-line) !important;
}


body.pb-layout-pack-premium.pb-template-page-over-ons
.vokk-about-story-image {
    min-height: 500px !important;

    border-radius: 0 !important;
}


body.pb-layout-pack-premium.pb-template-page-over-ons
.vokk-about-story-content {
    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;

    padding:
        64px
        70px !important;
}


body.pb-layout-pack-premium.pb-template-page-over-ons
.vokk-about-values {
    padding: 90px 0 !important;

    background:
        var(--pb-premium-soft) !important;
}


body.pb-layout-pack-premium.pb-template-page-over-ons
.vokk-about-values-head {
    max-width: 760px !important;

    margin: 0 0 54px !important;

    text-align: left !important;
}


body.pb-layout-pack-premium.pb-template-page-over-ons
.vokk-about-values-grid {
    display: grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    gap: 0 !important;

    border-top:
        1px solid var(--pb-premium-line) !important;

    border-bottom:
        1px solid var(--pb-premium-line) !important;
}


body.pb-layout-pack-premium.pb-template-page-over-ons
.vokk-about-value {
    padding: 44px 38px !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;
}


body.pb-layout-pack-premium.pb-template-page-over-ons
.vokk-about-value + .vokk-about-value {
    border-left:
        1px solid var(--pb-premium-line) !important;
}


body.pb-layout-pack-premium.pb-template-page-over-ons
.vokk-about-experience {
    padding: 110px 0 !important;
}


body.pb-layout-pack-premium.pb-template-page-over-ons
.vokk-about-experience-grid {
    display: grid !important;

    grid-template-columns:
        .9fr
        1.1fr !important;

    gap: 0 !important;

    min-height: 500px !important;
}


body.pb-layout-pack-premium.pb-template-page-over-ons
.vokk-about-experience-content {
    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;

    padding:
        60px
        70px !important;

    background:
        var(--pb-premium-dark) !important;

    color: #fff !important;
}


body.pb-layout-pack-premium.pb-template-page-over-ons
.vokk-about-experience-content h2,
body.pb-layout-pack-premium.pb-template-page-over-ons
.vokk-about-experience-content p {
    color: inherit !important;
}


body.pb-layout-pack-premium.pb-template-page-over-ons
.vokk-about-experience-image {
    min-height: 500px !important;

    border-radius: 0 !important;
}


body.pb-layout-pack-premium.pb-template-page-over-ons
.vokk-about-stats {
    border-top:
        1px solid rgba(255,255,255,.14) !important;

    margin-top: 34px !important;

    padding-top: 28px !important;
}

}

/* PB PREMIUM OVER ONS VALUES HORIZONTAL LINES REMOVE START */

@media screen and (min-width: 1025px) {

    body.pb-layout-pack-premium.pb-template-page-over-ons
    .vokk-about-values {
        border-top: 0 !important;
        border-bottom: 0 !important;
    }

    body.pb-layout-pack-premium.pb-template-page-over-ons
    .vokk-about-values-grid {
        border-top: 0 !important;
        border-bottom: 0 !important;
    }

    /* verticale binnenlijnen juist behouden */
    body.pb-layout-pack-premium.pb-template-page-over-ons
    .vokk-about-value + .vokk-about-value {
        border-left: 1px solid var(--pb-premium-line) !important;
    }
}

/* PB PREMIUM OVER ONS VALUES HORIZONTAL LINES REMOVE END */