/*
=======================================================================
PB MINIMAL RESCUE FINAL

ALLEEN:
body.pb-layout-pack-minimal
desktop >= 1025px

Geen typography.
Geen andere layouts.
Geen mobiel/tablet.
=======================================================================
*/

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

    /*
    ===================================================================
    1. PALETTE-AWARE BASIS
    ===================================================================
    */

    html body.pb-layout-pack-minimal {
        --min-rescue-page:
            color-mix(
                in srgb,
                var(--pb-primary) 1.2%,
                white
            );

        --min-rescue-surface:
            color-mix(
                in srgb,
                var(--pb-primary) 4%,
                white
            );

        --min-rescue-line:
            color-mix(
                in srgb,
                var(--pb-primary) 10%,
                rgba(15,23,42,.05)
            );

        --min-rescue-text:
            var(--pb-text);

        --min-rescue-muted:
            var(--pb-muted);

        --min-rescue-accent:
            var(--pb-primary);
    }

    html body.pb-layout-pack-minimal.pb-mode-medium:not(.pb-mode-light-page):not(.pb-mode-dark) {
        --min-rescue-page:
            color-mix(
                in srgb,
                var(--pb-dark) 4%,
                white
            );

        --min-rescue-surface:
            color-mix(
                in srgb,
                var(--pb-primary) 7%,
                white
            );

        --min-rescue-line:
            color-mix(
                in srgb,
                var(--pb-primary) 15%,
                transparent
            );
    }

    html body.pb-layout-pack-minimal.pb-mode-dark {
        --min-rescue-page:
            color-mix(
                in srgb,
                var(--pb-darker) 96%,
                var(--pb-primary) 4%
            );

        --min-rescue-surface:
            color-mix(
                in srgb,
                var(--pb-dark) 90%,
                var(--pb-primary) 10%
            );

        --min-rescue-line:
            color-mix(
                in srgb,
                var(--pb-primary-light) 13%,
                transparent
            );

        --min-rescue-text:
            var(--pb-dark-text);

        --min-rescue-muted:
            var(--pb-dark-muted);
    }


    /*
    ===================================================================
    2. ALLE OVERDADIGE HORIZONTALE LIJNEN ERUIT
    ===================================================================
    */

    html body.pb-layout-pack-minimal
    :is(
        .pb-vokk-why,
        .pb-vokk-benefits,
        .pb-vokk-services,
        .pb-vokk-service-grid,
        .pb-vokk-service-card,
        .pb-vokk-trust,
        .pb-vokk-trust-box,
        .pb-vokk-process,
        .pb-vokk-process-grid,
        .pb-vokk-process-item,

        .vokk-services-intro,
        .vokk-services-list,
        .vokk-service-row,
        .vokk-service-benefits,
        .vokk-service-benefits-grid,
        .vokk-service-benefit,

        .vokk-about-intro,
        .vokk-about-story,
        .vokk-about-story-grid,
        .vokk-about-values,
        .vokk-about-values-grid,
        .vokk-about-value,
        .vokk-about-experience,

        .vokk-projects-intro,
        .vokk-projects-showcase,
        .vokk-project-card,
        .vokk-project-featured,
        .vokk-project-featured-grid,
        .vokk-project-results,
        .vokk-project-results-grid,
        .vokk-project-result,

        .vokk-reviews-summary,
        .vokk-reviews-list,
        .vokk-reviews-grid,
        .vokk-review-card,
        .vokk-reviews-trust,
        .vokk-reviews-trust-item,
        .vokk-reviews-wordpress-ready,
        .vokk-reviews-wordpress-box,

        .vokk-contact-main,
        .vokk-contact-main-grid,
        .vokk-contact-info,
        .vokk-contact-detail,
        .vokk-contact-hours,
        .vokk-contact-reassurance,
        .vokk-contact-reassurance-item,
        .vokk-contact-extra,
        .vokk-contact-faq-item,

        .vokk-detail-intro,
        .vokk-detail-benefits,
        .vokk-detail-benefit,
        .vokk-detail-section,
        .vokk-detail-process,
        .vokk-detail-step,
        .vokk-detail-faq-section,
        .vokk-detail-faq-item
    ) {
        border-top:0 !important;
        border-bottom:0 !important;

        outline:0 !important;

        box-shadow:none !important;
    }


    /*
     * Interne verticale scheiding mag eventueel blijven.
     */
    html body.pb-layout-pack-minimal
    :is(
        .pb-vokk-benefit + .pb-vokk-benefit,
        .vokk-service-benefit + .vokk-service-benefit,
        .vokk-project-result + .vokk-project-result,
        .vokk-reviews-trust-item + .vokk-reviews-trust-item,
        .vokk-contact-reassurance-item + .vokk-contact-reassurance-item,
        .vokk-detail-benefit + .vokk-detail-benefit
    ) {
        border-left:
            1px solid var(--min-rescue-line) !important;
    }


    /*
    ===================================================================
    3. HOMEPAGE SERVICES
    Rustig links/rechts editorial, zonder horizontale lijnenspaghetti.
    ===================================================================
    */

    html body.pb-layout-pack-minimal
    .pb-vokk-service-grid {
        display:grid !important;
        grid-template-columns:1fr !important;

        max-width:1160px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        gap:56px !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-service-card {
        position:relative !important;

        min-height:340px !important;

        background:transparent !important;
        background-image:none !important;

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

        overflow:visible !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-service-card::before,
    html body.pb-layout-pack-minimal
    .pb-vokk-service-card::after {
        content:none !important;
        display:none !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-service-card
    .pb-service-bg {
        position:absolute !important;

        top:0 !important;
        bottom:0 !important;

        width:47% !important;
        height:100% !important;

        object-fit:cover !important;

        border-radius:14px !important;

        transform:none !important;

        opacity:1 !important;

        box-shadow:none !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-service-card:nth-child(odd)
    .pb-service-bg {
        left:0 !important;
        right:auto !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-service-card:nth-child(even)
    .pb-service-bg {
        left:auto !important;
        right:0 !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-service-content {
        position:absolute !important;

        top:0 !important;
        bottom:0 !important;

        width:44% !important;

        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        align-items:flex-start !important;

        padding:32px 0 !important;

        background:transparent !important;

        transform:none !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-service-card:nth-child(odd)
    .pb-vokk-service-content {
        left:auto !important;
        right:0 !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-service-card:nth-child(even)
    .pb-vokk-service-content {
        left:0 !important;
        right:auto !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-service-content
    :is(h2,h3,h4) {
        color:var(--min-rescue-text) !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-service-content p {
        color:var(--min-rescue-muted) !important;

        opacity:1 !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-service-more {
        color:var(--min-rescue-accent) !important;

        opacity:1 !important;

        transform:none !important;
    }


    /*
    ===================================================================
    4. ZO WERKEN WIJ — HARD HERSTEL

    Geen grid-trucs meer die tekst in 80px kolommen duwen.
    ===================================================================
    */

    html body.pb-layout-pack-minimal
    .pb-vokk-process-grid {
        display:block !important;

        width:min(100%,900px) !important;
        max-width:900px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        background:transparent !important;

        border:0 !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-process-item {
        position:relative !important;

        display:block !important;

        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        min-height:120px !important;

        margin:0 0 26px !important;

        padding:
            24px
            0
            24px
            118px !important;

        background:transparent !important;
        background-image:none !important;

        border:0 !important;

        text-align:left !important;

        box-shadow:none !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-process-number {
        position:absolute !important;

        top:30px !important;
        left:0 !important;

        width:28px !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;

        border:0 !important;

        color:var(--min-rescue-accent) !important;

        transform:none !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-process-icon {
        position:absolute !important;

        top:22px !important;
        left:48px !important;

        width:44px !important;
        height:44px !important;

        margin:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        background:var(--min-rescue-surface) !important;

        color:var(--min-rescue-accent) !important;

        border:
            1px solid var(--min-rescue-line) !important;

        border-radius:50% !important;

        transform:none !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-process-line {
        display:none !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-process-item
    :is(h2,h3,h4,p) {
        position:static !important;

        display:block !important;

        width:100% !important;
        max-width:680px !important;

        margin-left:0 !important;
        margin-right:0 !important;

        text-align:left !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:normal !important;

        transform:none !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-process-item
    :is(h2,h3,h4) {
        margin-bottom:8px !important;

        color:var(--min-rescue-text) !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-process-item p {
        color:var(--min-rescue-muted) !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-process-item
    > div:not(.pb-vokk-process-number):not(.pb-vokk-process-icon):not(.pb-vokk-process-line) {
        position:static !important;

        display:block !important;

        width:100% !important;
        max-width:680px !important;

        margin:0 !important;
        padding:0 !important;

        transform:none !important;

        text-align:left !important;
    }


    /*
    ===================================================================
    5. DIENSTEN HERO — EXACT GOED
    ===================================================================
    */

    html body.pb-layout-pack-minimal.pb-template-page-diensten
    .vokk-services-hero.pb-content-hero {
        position:relative !important;

        display:flex !important;
        align-items:center !important;

        min-height:345px !important;

        overflow:hidden !important;

        background:
            var(--min-rescue-surface) !important;

        background-image:none !important;

        border:0 !important;

        box-shadow:none !important;
    }

    html body.pb-layout-pack-minimal.pb-template-page-diensten
    .vokk-services-hero.pb-content-hero::before,
    html body.pb-layout-pack-minimal.pb-template-page-diensten
    .vokk-services-hero.pb-content-hero::after {
        content:none !important;
        display:none !important;
    }

    html body.pb-layout-pack-minimal.pb-template-page-diensten
    .vokk-services-hero
    .pb-content-hero-image {
        position:absolute !important;

        top:0 !important;
        right:0 !important;
        bottom:0 !important;
        left:auto !important;

        width:58% !important;
        height:100% !important;

        object-fit:cover !important;

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

        transform:none !important;
    }

    html body.pb-layout-pack-minimal.pb-template-page-diensten
    .vokk-services-hero
    .vokk-services-container {
        position:relative !important;

        z-index:2 !important;

        width:100% !important;

        margin-left:auto !important;
        margin-right:auto !important;
    }

    html body.pb-layout-pack-minimal.pb-template-page-diensten
    .vokk-services-hero-inner {
        width:38% !important;
        max-width:460px !important;

        margin:0 !important;
        margin-left:0 !important;

        padding:0 !important;

        transform:none !important;

        text-align:left !important;
    }

    html body.pb-layout-pack-minimal.pb-template-page-diensten
    .vokk-services-hero-inner
    :is(h1,h2,h3,p,span) {
        text-align:left !important;
    }

    html body.pb-layout-pack-minimal.pb-template-page-diensten
    .vokk-services-hero-inner h1 {
        color:var(--min-rescue-text) !important;
    }

    html body.pb-layout-pack-minimal.pb-template-page-diensten
    .vokk-services-hero-inner p {
        color:var(--min-rescue-muted) !important;
    }

    html body.pb-layout-pack-minimal.pb-template-page-diensten
    .vokk-services-eyebrow {
        color:var(--min-rescue-accent) !important;
    }


    /*
    ===================================================================
    6. CONTENTPAGINA'S — OPEN/RUSTIG
    ===================================================================
    */

    html body.pb-layout-pack-minimal
    :is(
        .vokk-service-row,
        .vokk-about-value,
        .vokk-project-card,
        .vokk-review-card,
        .vokk-contact-detail,
        .vokk-contact-faq-item,
        .vokk-detail-step,
        .vokk-detail-faq-item
    ) {
        background:transparent !important;
        background-image:none !important;

        border:0 !important;

        box-shadow:none !important;
    }


    /*
    ===================================================================
    7. CONTACT — GEEN EXTRA LIJN BOVEN BEREIKBAARHEID
    ===================================================================
    */

    html body.pb-layout-pack-minimal.pb-template-page-contact
    .vokk-contact-hours {
        border:0 !important;
        border-top:0 !important;

        box-shadow:none !important;
    }


    /*
    ===================================================================
    8. FOOTER — VOLLEDIG SCHOON
    ===================================================================
    */

    html body.pb-layout-pack-minimal
    :is(
        .kb-block-agencyfooter-block,
        .kb-block-agencyfooter-block .kb-block-inner,
        .agencyfooter-block-footer,
        .agencyfooter-block-grid
    ) {
        position:relative !important;

        top:0 !important;

        margin-top:0 !important;

        transform:none !important;

        border:0 !important;
        border-top:0 !important;
        border-bottom:0 !important;

        outline:0 !important;

        box-shadow:none !important;
    }

    html body.pb-layout-pack-minimal
    :is(
        .kb-block-agencyfooter-block,
        .agencyfooter-block-footer,
        .agencyfooter-block-grid
    )::before,

    html body.pb-layout-pack-minimal
    :is(
        .kb-block-agencyfooter-block,
        .agencyfooter-block-footer,
        .agencyfooter-block-grid
    )::after {
        content:none !important;
        display:none !important;
    }

    html body.pb-layout-pack-minimal
    .agencyfooter-block-grid > div {
        border-top:0 !important;
        border-bottom:0 !important;

        outline:0 !important;

        box-shadow:none !important;
    }

    /*
     * Light / Medium
     */
    html body.pb-layout-pack-minimal:not(.pb-mode-dark)
    :is(
        .kb-block-agencyfooter-block,
        .agencyfooter-block-footer
    ) {
        background:
            var(--min-rescue-surface) !important;

        background-image:none !important;
    }

    /*
     * Dark
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .kb-block-agencyfooter-block,
        .agencyfooter-block-footer
    ) {
        background:
            var(--min-rescue-surface) !important;

        background-image:none !important;
    }

    /*
     * Alleen copyrightscheiding onderaan.
     */
    html body.pb-layout-pack-minimal
    .agencyfooter-block-bottom {
        position:relative !important;

        top:0 !important;

        transform:none !important;

        border:0 !important;
        border-top:
            1px solid var(--min-rescue-line) !important;

        box-shadow:none !important;
    }

}

/* PB MINIMAL BENEFITS GRID CONSISTENCY START */

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

    /*
     * Hele grid: geen buitenrand.
     */
    html body.pb-layout-pack-minimal
    .pb-vokk-benefits {
        border:0 !important;
        outline:0 !important;
        box-shadow:none !important;
    }

    /*
     * Ieder vlak eerst volledig schoon.
     */
    html body.pb-layout-pack-minimal
    .pb-vokk-benefit {
        border:0 !important;
        outline:0 !important;
        box-shadow:none !important;
    }

    /*
     * Alleen verticale middenlijn:
     * item 2 en 4.
     */
    html body.pb-layout-pack-minimal
    .pb-vokk-benefit:nth-child(2),
    html body.pb-layout-pack-minimal
    .pb-vokk-benefit:nth-child(4) {
        border-left:
            1px solid var(--min-rescue-line) !important;
    }

    /*
     * Alleen horizontale middenlijn:
     * item 3 en 4.
     */
    html body.pb-layout-pack-minimal
    .pb-vokk-benefit:nth-child(3),
    html body.pb-layout-pack-minimal
    .pb-vokk-benefit:nth-child(4) {
        border-top:
            1px solid var(--min-rescue-line) !important;
    }

}

/* PB MINIMAL BENEFITS GRID CONSISTENCY END */

/* PB MINIMAL BENEFITS LAST LINE FIX START */

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

    html body.pb-layout-pack-minimal
    .pb-vokk-benefit:nth-child(3) {
        border-left:0 !important;
    }

}

/* PB MINIMAL BENEFITS LAST LINE FIX END */

/* PB MINIMAL DARK FLAT START */

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

    /*
     * ==========================================================
     * MINIMAL DARK
     * Eén enkele achtergrondkleur voor de hele desktop-layout.
     * ==========================================================
     */

    html body.pb-layout-pack-minimal.pb-mode-dark {
        --min-dark-flat:
            color-mix(
                in srgb,
                var(--pb-darker) 96%,
                var(--pb-primary) 4%
            );

        --min-dark-text:
            rgba(255,255,255,.94);

        --min-dark-muted:
            rgba(255,255,255,.70);

        --min-dark-line:
            rgba(255,255,255,.10);

        --min-dark-line-strong:
            rgba(255,255,255,.16);

        --min-rescue-page:
            var(--min-dark-flat);

        --min-rescue-surface:
            var(--min-dark-flat);

        --min-rescue-text:
            var(--min-dark-text);

        --min-rescue-muted:
            var(--min-dark-muted);

        --min-rescue-line:
            var(--min-dark-line);
    }


    /*
     * Alles dezelfde achtergrondkleur.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .pb-vokk-light,
        .pb-vokk-why,
        .pb-vokk-benefits,
        .pb-vokk-benefit,
        .pb-vokk-services,
        .pb-vokk-service-grid,
        .pb-vokk-service-card,
        .pb-vokk-trust,
        .pb-vokk-trust-box,
        .pb-vokk-trust-item,
        .pb-vokk-process,
        .pb-vokk-process-grid,
        .pb-vokk-process-item,

        .vokk-services-page,
        .vokk-services-intro,
        .vokk-services-list,
        .vokk-service-row,
        .vokk-service-benefits,
        .vokk-service-benefits-grid,
        .vokk-service-benefit,

        .vokk-about-page,
        .vokk-about-intro,
        .vokk-about-story,
        .vokk-about-story-grid,
        .vokk-about-values,
        .vokk-about-values-grid,
        .vokk-about-value,
        .vokk-about-experience,

        .vokk-projects-page,
        .vokk-projects-intro,
        .vokk-projects-showcase,
        .vokk-project-card,
        .vokk-project-featured,
        .vokk-project-featured-grid,
        .vokk-project-results,
        .vokk-project-results-grid,
        .vokk-project-result,

        .vokk-reviews-page,
        .vokk-reviews-summary,
        .vokk-reviews-list,
        .vokk-reviews-grid,
        .vokk-review-card,
        .vokk-reviews-trust,
        .vokk-reviews-trust-item,
        .vokk-reviews-wordpress-ready,
        .vokk-reviews-wordpress-box,

        .vokk-contact-page,
        .vokk-contact-main,
        .vokk-contact-main-grid,
        .vokk-contact-info,
        .vokk-contact-form-panel,
        .vokk-contact-detail,
        .vokk-contact-hours,
        .vokk-contact-reassurance,
        .vokk-contact-reassurance-item,
        .vokk-contact-extra,
        .vokk-contact-faq-item,

        .vokk-detail-page,
        .vokk-detail-intro,
        .vokk-detail-benefits,
        .vokk-detail-benefit,
        .vokk-detail-section,
        .vokk-detail-process,
        .vokk-detail-step,
        .vokk-detail-faq-section,
        .vokk-detail-faq-item,

        .vokk-default-page,

        .kb-block-agencyfooter-block,
        .kb-block-agencyfooter-block .kb-block-inner,
        .agencyfooter-block-footer,
        .agencyfooter-block-grid,
        .agencyfooter-block-bottom,

        .vokk-services-cta-box,
        .vokk-about-cta-box,
        .vokk-projects-cta-box,
        .vokk-reviews-cta-box,
        .vokk-detail-cta-box
    ) {
        background:
            var(--min-dark-flat) !important;

        background-image:
            none !important;

        color:
            var(--min-dark-text) !important;

        box-shadow:
            none !important;
    }


    /*
     * Content hero ook hetzelfde vlak.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-content-hero {
        background:
            var(--min-dark-flat) !important;

        background-image:
            none !important;

        color:
            var(--min-dark-text) !important;
    }


    /*
     * Hoofdteksten.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        h1,h2,h3,h4,h5,h6,
        strong
    ) {
        color:
            var(--min-dark-text) !important;
    }


    /*
     * Lopende tekst.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        p,
        li,
        small
    ) {
        color:
            var(--min-dark-muted) !important;
    }


    /*
     * Links / accenten.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        a,
        .pb-vokk-service-more,
        .vokk-services-eyebrow,
        .vokk-about-eyebrow,
        .vokk-projects-eyebrow,
        .vokk-reviews-eyebrow,
        .vokk-contact-eyebrow,
        .vokk-detail-eyebrow,
        .pb-vokk-benefit-icon,
        .pb-vokk-process-number,
        .pb-vokk-process-icon,
        .vokk-contact-detail-icon
    ) {
        color:
            var(--pb-primary-light) !important;
    }


    /*
     * Alleen subtiele lijnen.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .pb-vokk-benefit,
        .pb-vokk-trust-item,
        .pb-vokk-process-item,
        .vokk-service-benefit,
        .vokk-about-value,
        .vokk-project-result,
        .vokk-reviews-trust-item,
        .vokk-contact-reassurance-item,
        .vokk-detail-benefit,
        .agencyfooter-block-bottom
    ) {
        border-color:
            var(--min-dark-line) !important;
    }


    /*
     * CTA-knoppen blijven duidelijk zichtbaar.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .vokk-services-cta-button,
        .vokk-about-cta-button,
        .vokk-projects-cta-button,
        .vokk-reviews-cta-button,
        .vokk-detail-cta-button
    ) {
        background:
            #ffffff !important;

        background-image:
            none !important;

        color:
            var(--pb-darker) !important;

        -webkit-text-fill-color:
            var(--pb-darker) !important;

        border:
            1px solid rgba(255,255,255,.18) !important;
    }

}

/* PB MINIMAL DARK FLAT END */

/* PB MINIMAL DARK SERVICES FLAT START */

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

    /*
     * Minimal Dark:
     * service-rijen moeten volledig op hetzelfde canvas liggen.
     */

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-service-card {
        background:transparent !important;
        background-color:transparent !important;
        background-image:none !important;

        border:0 !important;
        box-shadow:none !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-service-content {
        background:transparent !important;
        background-color:transparent !important;
        background-image:none !important;

        border:0 !important;
        box-shadow:none !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-service-card::before,
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-service-card::after,
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-service-content::before,
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-service-content::after {
        content:none !important;
        display:none !important;

        background:none !important;
        border:0 !important;
        box-shadow:none !important;
    }

    /*
     * Hover mag GEEN nieuw vlak of kleur introduceren.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-service-card:hover,
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-service-card:hover
    .pb-vokk-service-content {
        background:transparent !important;
        background-color:transparent !important;
        background-image:none !important;

        border-color:transparent !important;
        box-shadow:none !important;
    }

    /*
     * Tekst consequent op dezelfde donkere canvas.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-service-content
    :is(h2,h3,h4) {
        color:var(--min-dark-text) !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-service-content p {
        color:var(--min-dark-muted) !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-service-more {
        color:var(--pb-primary-light) !important;
    }

}

/* PB MINIMAL DARK SERVICES FLAT END */


/* PB MINIMAL DARK POLISH START */

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

    /*
    =====================================================================
    MINIMAL DARK — ALGEMENE ADEMruimte
    =====================================================================
    */

    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .pb-vokk-why,
        .pb-vokk-services,
        .pb-vokk-trust,
        .pb-vokk-process,

        .vokk-services-intro,
        .vokk-services-list,
        .vokk-service-benefits,

        .vokk-about-intro,
        .vokk-about-story,
        .vokk-about-values,
        .vokk-about-experience,

        .vokk-projects-intro,
        .vokk-projects-showcase,
        .vokk-project-featured,
        .vokk-project-results,

        .vokk-reviews-summary,
        .vokk-reviews-list,
        .vokk-reviews-trust,
        .vokk-reviews-wordpress-ready,

        .vokk-contact-main,
        .vokk-contact-reassurance,
        .vokk-contact-extra,

        .vokk-detail-intro,
        .vokk-detail-benefits,
        .vokk-detail-section,
        .vokk-detail-process,
        .vokk-detail-faq-section
    ) {
        padding-top:72px !important;
        padding-bottom:72px !important;
    }


    /*
    =====================================================================
    BENEFITS / WAAROM PB WEBDIENSTEN
    =====================================================================
    */

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-benefits {
        max-width:1080px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        background:transparent !important;

        border:0 !important;

        box-shadow:none !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-benefit {
        min-height:230px !important;

        padding:
            46px
            54px !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;

        text-align:center !important;

        background:transparent !important;

        box-shadow:none !important;
    }

    /*
     * Alleen het middenkruis blijft.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-benefit:nth-child(2),
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-benefit:nth-child(4) {
        border-left:
            1px solid var(--min-dark-line) !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-benefit:nth-child(3),
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-benefit:nth-child(4) {
        border-top:
            1px solid var(--min-dark-line) !important;
    }


    /*
     * Iconen rustiger en consequent.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-benefit-icon {
        width:44px !important;
        height:44px !important;

        margin:
            0
            auto
            22px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        background:transparent !important;

        color:var(--pb-primary-light) !important;

        border:
            1px solid var(--min-dark-line-strong) !important;

        border-radius:50% !important;

        box-shadow:none !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-benefit
    :is(h2,h3,h4) {
        width:100% !important;
        max-width:400px !important;

        margin-left:auto !important;
        margin-right:auto !important;
        margin-bottom:12px !important;

        text-align:center !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-benefit p {
        width:100% !important;
        max-width:390px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        text-align:center !important;

        color:var(--min-dark-muted) !important;
    }


    /*
    =====================================================================
    HOMEPAGE SERVICE EDITORIAL RIJEN
    =====================================================================
    */

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-service-grid {
        gap:72px !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-service-card {
        min-height:390px !important;

        background:transparent !important;

        border:0 !important;

        box-shadow:none !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-service-content {
        width:43% !important;

        padding:
            46px
            18px !important;

        background:transparent !important;

        border:0 !important;

        box-shadow:none !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-service-content
    :is(h2,h3,h4) {
        width:100% !important;

        margin-bottom:14px !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-service-content p {
        width:100% !important;
        max-width:470px !important;

        margin-bottom:20px !important;

        color:var(--min-dark-muted) !important;
    }


    /*
    =====================================================================
    PROJECTEN — UITGELICHT PROJECT

    Foto + tekst moeten echt als één rustige editorial compositie lezen.
    Geen gekleurd tekstvlak.
    =====================================================================
    */

    html body.pb-layout-pack-minimal.pb-mode-dark
    .vokk-project-featured-grid {
        display:grid !important;

        grid-template-columns:
            minmax(0,1.08fr)
            minmax(0,.92fr) !important;

        align-items:stretch !important;

        gap:64px !important;

        max-width:1120px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        background:transparent !important;

        border:0 !important;

        box-shadow:none !important;
    }


    html body.pb-layout-pack-minimal.pb-mode-dark
    .vokk-project-featured-grid
    > :first-child {
        min-width:0 !important;
    }


    html body.pb-layout-pack-minimal.pb-mode-dark
    .vokk-project-featured-grid img {
        display:block !important;

        width:100% !important;
        height:100% !important;

        min-height:430px !important;

        object-fit:cover !important;

        border-radius:14px !important;
    }


    html body.pb-layout-pack-minimal.pb-mode-dark
    .vokk-project-featured-content {
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;

        min-width:0 !important;

        padding:
            34px
            26px !important;

        background:transparent !important;
        background-image:none !important;

        border:0 !important;

        box-shadow:none !important;

        text-align:left !important;
    }


    html body.pb-layout-pack-minimal.pb-mode-dark
    .vokk-project-featured-content
    :is(h2,h3,h4) {
        max-width:520px !important;

        margin-bottom:18px !important;

        text-align:left !important;
    }


    html body.pb-layout-pack-minimal.pb-mode-dark
    .vokk-project-featured-content
    > p {
        max-width:520px !important;

        margin-bottom:28px !important;

        color:var(--min-dark-muted) !important;

        text-align:left !important;
    }


    /*
     * Project metadata meer ruimte.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .vokk-project-featured-content
    :is(
        .vokk-project-meta,
        .vokk-project-featured-meta
    ) {
        width:100% !important;

        margin-top:8px !important;
        margin-bottom:24px !important;

        column-gap:28px !important;
        row-gap:20px !important;
    }


    /*
     * Alle directe kleine metadata-blokken.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .vokk-project-featured-content
    :is(
        .vokk-project-meta,
        .vokk-project-featured-meta
    )
    > * {
        padding:
            14px
            0 !important;

        background:transparent !important;

        border-top:
            1px solid var(--min-dark-line) !important;

        border-bottom:0 !important;

        box-shadow:none !important;
    }


    /*
    =====================================================================
    PROJECT CARDS / RESULTS — MEER LUCHT
    =====================================================================
    */

    html body.pb-layout-pack-minimal.pb-mode-dark
    .vokk-project-card {
        padding-bottom:34px !important;

        background:transparent !important;

        border:0 !important;

        box-shadow:none !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .vokk-project-content {
        padding:
            30px
            28px
            8px !important;

        background:transparent !important;

        text-align:left !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .vokk-project-content p {
        max-width:620px !important;

        margin-top:12px !important;

        color:var(--min-dark-muted) !important;
    }


    /*
    =====================================================================
    CONTENTPAGE BLOKKEN — SITE-WIDE TEKSTLUCHT
    =====================================================================
    */

    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .vokk-service-content,
        .vokk-about-story-content,
        .vokk-about-experience-content,
        .vokk-project-content,
        .vokk-project-featured-content,
        .vokk-reviews-summary-copy,
        .vokk-contact-info,
        .vokk-contact-extra-copy,
        .vokk-detail-content,
        .vokk-detail-faq-intro
    ) {
        padding-top:20px !important;
        padding-bottom:20px !important;
    }


    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .vokk-service-content,
        .vokk-about-story-content,
        .vokk-about-experience-content,
        .vokk-project-content,
        .vokk-project-featured-content,
        .vokk-reviews-summary-copy,
        .vokk-contact-info,
        .vokk-contact-extra-copy,
        .vokk-detail-content,
        .vokk-detail-faq-intro
    )
    > :is(h2,h3,h4) {
        margin-bottom:16px !important;
    }


    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .vokk-service-content,
        .vokk-about-story-content,
        .vokk-about-experience-content,
        .vokk-project-content,
        .vokk-project-featured-content,
        .vokk-reviews-summary-copy,
        .vokk-contact-info,
        .vokk-contact-extra-copy,
        .vokk-detail-content,
        .vokk-detail-faq-intro
    )
    > p {
        margin-bottom:20px !important;
    }


    /*
    =====================================================================
    ICONEN SITE-WIDE

    Zelfde minimal treatment.
    =====================================================================
    */

    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .pb-vokk-benefit-icon,
        .pb-vokk-process-icon,
        .vokk-contact-detail-icon
    ) {
        background:transparent !important;

        color:var(--pb-primary-light) !important;

        border:
            1px solid var(--min-dark-line-strong) !important;

        box-shadow:none !important;
    }


    /*
    =====================================================================
    NERGENS OPNIEUW EEN DONKERDER TEKSTVLAK
    =====================================================================
    */

    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .pb-vokk-service-content,
        .vokk-service-content,
        .vokk-about-story-content,
        .vokk-about-experience-content,
        .vokk-project-content,
        .vokk-project-featured-content,
        .vokk-reviews-summary-copy,
        .vokk-contact-info,
        .vokk-contact-form-panel,
        .vokk-contact-extra-copy,
        .vokk-detail-content
    ) {
        background:transparent !important;
        background-color:transparent !important;
        background-image:none !important;

        box-shadow:none !important;
    }

}

/* PB MINIMAL DARK POLISH END */

/* PB MINIMAL DARK BENEFIT ALIGN FINAL START */

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

    /*
     * Blokken zelf behouden hun huidige gecentreerde layout.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-benefit {
        align-items:stretch !important;
        text-align:left !important;
    }

    /*
     * Icoon blijft gecentreerd.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-benefit-icon {
        margin-left:auto !important;
        margin-right:auto !important;
        margin-bottom:22px !important;
    }

    /*
     * Titel links uitlijnen.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-benefit
    :is(h2,h3,h4) {
        width:100% !important;
        max-width:none !important;

        margin-left:0 !important;
        margin-right:0 !important;
        margin-bottom:12px !important;

        text-align:left !important;
    }

    /*
     * Tekst links uitlijnen.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-benefit p {
        width:100% !important;
        max-width:none !important;

        margin-left:0 !important;
        margin-right:0 !important;

        text-align:left !important;
    }

}

/* PB MINIMAL DARK BENEFIT ALIGN FINAL END */

/* PB MINIMAL DARK BENEFIT ICON TOPRIGHT START */

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

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-benefit {
        position:relative !important;

        align-items:stretch !important;
        text-align:left !important;

        padding:
            54px
            64px
            46px
            54px !important;
    }

    /*
     * Icoon rechtsboven.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-benefit-icon {
        position:absolute !important;

        top:28px !important;
        right:28px !important;

        left:auto !important;

        margin:0 !important;

        width:42px !important;
        height:42px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        background:transparent !important;

        color:var(--pb-primary-light) !important;

        border:
            1px solid var(--min-dark-line-strong) !important;

        border-radius:50% !important;

        box-shadow:none !important;

        transform:none !important;
    }

    /*
     * Titel links.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-benefit
    :is(h2,h3,h4) {
        width:100% !important;
        max-width:420px !important;

        margin-left:0 !important;
        margin-right:0 !important;
        margin-bottom:12px !important;

        text-align:left !important;
    }

    /*
     * Tekst links.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-benefit p {
        width:100% !important;
        max-width:430px !important;

        margin-left:0 !important;
        margin-right:0 !important;

        text-align:left !important;
    }

}

/* PB MINIMAL DARK BENEFIT ICON TOPRIGHT END */

/* PB MINIMAL DARK PROCESS TIGHT START */

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

    /*
     * Container compacter.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-grid {
        display:block !important;

        width:min(100%, 900px) !important;
        max-width:900px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        background:transparent !important;

        border:0 !important;

        box-shadow:none !important;
    }


    /*
     * Eén strakke horizontale contentzone per stap.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item {
        position:relative !important;

        display:block !important;

        width:100% !important;
        min-width:0 !important;
        min-height:0 !important;

        margin:0 !important;

        padding:
            40px
            86px
            40px
            30px !important;

        background:transparent !important;
        background-color:transparent !important;
        background-image:none !important;

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

        box-shadow:none !important;

        text-align:left !important;
    }


    /*
     * Alleen tussen stap 1/2/3 een subtiele lijn.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item
    + .pb-vokk-process-item {
        border-top:
            1px solid var(--min-dark-line) !important;
    }


    /*
     * Nummer linksboven.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-number {
        position:static !important;

        display:block !important;

        width:auto !important;
        height:auto !important;

        margin:
            0
            0
            24px !important;

        padding:0 !important;

        background:transparent !important;

        border:0 !important;

        color:var(--pb-primary-light) !important;

        transform:none !important;

        text-align:left !important;
    }


    /*
     * Icoon rechtsboven.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-icon {
        position:absolute !important;

        top:30px !important;
        right:30px !important;
        left:auto !important;

        width:42px !important;
        height:42px !important;

        margin:0 !important;
        padding:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        background:transparent !important;

        color:var(--pb-primary-light) !important;

        border:
            1px solid var(--min-dark-line-strong) !important;

        border-radius:50% !important;

        box-shadow:none !important;

        transform:none !important;
    }


    /*
     * Titel strak links.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item
    :is(h2,h3,h4) {
        position:static !important;

        display:block !important;

        width:100% !important;
        max-width:620px !important;

        margin:
            0
            0
            12px !important;

        padding:0 !important;

        text-align:left !important;

        transform:none !important;
    }


    /*
     * Tekst direct onder titel.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item
    > p {
        position:static !important;

        display:block !important;

        width:100% !important;
        max-width:650px !important;

        margin:0 !important;
        padding:0 !important;

        color:var(--min-dark-muted) !important;

        text-align:left !important;

        white-space:normal !important;
        word-break:normal !important;

        transform:none !important;
    }


    /*
     * Als titel + tekst in een interne wrapper zitten:
     * dezelfde positionering afdwingen.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item
    > div:not(.pb-vokk-process-number):not(.pb-vokk-process-icon):not(.pb-vokk-process-line) {
        position:static !important;

        display:block !important;

        width:100% !important;
        max-width:650px !important;

        margin:0 !important;
        padding:0 !important;

        text-align:left !important;

        transform:none !important;
    }


    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item
    > div:not(.pb-vokk-process-number):not(.pb-vokk-process-icon):not(.pb-vokk-process-line)
    :is(h2,h3,h4) {
        margin-bottom:12px !important;
        text-align:left !important;
    }


    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item
    > div:not(.pb-vokk-process-number):not(.pb-vokk-process-icon):not(.pb-vokk-process-line)
    p {
        max-width:650px !important;

        margin:0 !important;

        color:var(--min-dark-muted) !important;

        text-align:left !important;
    }


    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-line {
        display:none !important;
    }

}

/* PB MINIMAL DARK PROCESS TIGHT END */

/* PB MINIMAL DARK PROCESS DIVIDERS START */

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

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item
    + .pb-vokk-process-item {
        border-top:
            1px solid var(--min-dark-line) !important;
    }

}

/* PB MINIMAL DARK PROCESS DIVIDERS END */

/* PB MINIMAL DARK PROCESS DIVIDER HARD START */

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

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item {
        position:relative !important;
    }

    /*
     * Geen gewone border gebruiken.
     * Zelf lijn tekenen vóór stap 02 en 03.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item + .pb-vokk-process-item::before {
        content:"" !important;
        display:block !important;

        position:absolute !important;

        top:0 !important;
        left:30px !important;
        right:30px !important;

        width:auto !important;
        height:1px !important;

        background:
            rgba(255,255,255,.11) !important;

        border:0 !important;
        opacity:1 !important;

        pointer-events:none !important;
    }

}

/* PB MINIMAL DARK PROCESS DIVIDER HARD END */

/* PB MINIMAL DARK PROCESS 3COL START */

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

    /*
     * Oude divider pseudo-elementen weg.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item::before,
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item::after {
        content:none !important;
        display:none !important;
    }

    /*
     * Drie gelijke stappen naast elkaar.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-grid {
        display:grid !important;

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

        gap:56px !important;

        width:min(100%,1080px) !important;
        max-width:1080px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        background:transparent !important;

        border:0 !important;

        box-shadow:none !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item {
        position:relative !important;

        display:block !important;

        width:100% !important;
        min-width:0 !important;
        min-height:220px !important;

        margin:0 !important;

        padding:
            30px
            54px
            30px
            0 !important;

        background:transparent !important;
        background-image:none !important;

        border:0 !important;

        border-radius:0 !important;

        box-shadow:none !important;

        text-align:left !important;
    }

    /*
     * Nummer linksboven.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-number {
        position:static !important;

        display:block !important;

        width:auto !important;
        height:auto !important;

        margin:
            0
            0
            42px !important;

        padding:0 !important;

        background:transparent !important;

        border:0 !important;

        color:var(--pb-primary-light) !important;

        transform:none !important;

        text-align:left !important;
    }

    /*
     * Icoon rechtsboven.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-icon {
        position:absolute !important;

        top:24px !important;
        right:0 !important;

        left:auto !important;

        width:42px !important;
        height:42px !important;

        margin:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        background:transparent !important;

        color:var(--pb-primary-light) !important;

        border:
            1px solid var(--min-dark-line-strong) !important;

        border-radius:50% !important;

        box-shadow:none !important;

        transform:none !important;
    }

    /*
     * Titel.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item
    :is(h2,h3,h4) {
        width:100% !important;
        max-width:none !important;

        margin:
            0
            0
            14px !important;

        padding:0 !important;

        text-align:left !important;

        transform:none !important;
    }

    /*
     * Tekst.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item p {
        width:100% !important;
        max-width:none !important;

        margin:0 !important;
        padding:0 !important;

        color:var(--min-dark-muted) !important;

        text-align:left !important;

        white-space:normal !important;
        word-break:normal !important;

        transform:none !important;
    }

    /*
     * Eventuele interne contentwrapper.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item
    > div:not(.pb-vokk-process-number):not(.pb-vokk-process-icon):not(.pb-vokk-process-line) {
        position:static !important;

        display:block !important;

        width:100% !important;
        max-width:none !important;

        margin:0 !important;
        padding:0 !important;

        text-align:left !important;

        transform:none !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-line {
        display:none !important;
    }

}

/* PB MINIMAL DARK PROCESS 3COL END */

/* PB MINIMAL DARK PROCESS EDITORIAL START */

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

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-grid {
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;

        gap:0 !important;

        width:min(100%,1080px) !important;
        max-width:1080px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        background:transparent !important;

        border:0 !important;

        box-shadow:none !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item {
        position:relative !important;

        display:block !important;

        min-height:250px !important;

        margin:0 !important;

        padding:
            34px
            44px
            40px !important;

        background:transparent !important;
        background-color:transparent !important;
        background-image:none !important;

        border:0 !important;

        border-radius:0 !important;

        box-shadow:none !important;

        text-align:left !important;
    }

    /*
     * Alleen interne verticale scheidingen.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item
    + .pb-vokk-process-item {
        border-left:
            1px solid var(--min-dark-line) !important;
    }

    /*
     * Alle oude pseudo-lijnen weg.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item::before,
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item::after {
        content:none !important;
        display:none !important;
    }

    /*
     * Nummer linksboven.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-number {
        position:static !important;

        display:block !important;

        width:auto !important;
        height:auto !important;

        margin:
            0
            0
            40px !important;

        padding:0 !important;

        background:transparent !important;

        border:0 !important;

        color:var(--pb-primary-light) !important;

        transform:none !important;

        text-align:left !important;
    }

    /*
     * Icoon rechtsboven.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-icon {
        position:absolute !important;

        top:30px !important;
        right:36px !important;
        left:auto !important;

        width:40px !important;
        height:40px !important;

        margin:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        background:transparent !important;

        color:var(--pb-primary-light) !important;

        border:
            1px solid var(--min-dark-line-strong) !important;

        border-radius:50% !important;

        box-shadow:none !important;

        transform:none !important;
    }

    /*
     * Titel.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item
    :is(h2,h3,h4) {
        width:100% !important;
        max-width:none !important;

        margin:
            0
            0
            14px !important;

        padding:0 !important;

        text-align:left !important;

        transform:none !important;
    }

    /*
     * Tekst.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item p {
        width:100% !important;
        max-width:280px !important;

        margin:0 !important;
        padding:0 !important;

        color:var(--min-dark-muted) !important;

        text-align:left !important;

        white-space:normal !important;
        word-break:normal !important;

        transform:none !important;
    }

    /*
     * Interne wrapper neutraliseren.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item
    > div:not(.pb-vokk-process-number):not(.pb-vokk-process-icon):not(.pb-vokk-process-line) {
        position:static !important;

        display:block !important;

        width:100% !important;
        max-width:none !important;

        margin:0 !important;
        padding:0 !important;

        text-align:left !important;

        transform:none !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-line {
        display:none !important;
    }

}

/* PB MINIMAL DARK PROCESS EDITORIAL END */

/* PB MINIMAL DARK PROCESS OPEN START */

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

    /*
     * =========================================================
     * OPEN MINIMAL PROCESS
     * Geen cards, één doorlopende timeline.
     * =========================================================
     */

    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-grid {
        position:relative !important;

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

        width:min(100%,1080px) !important;
        max-width:1080px !important;

        margin:
            64px
            auto
            0 !important;

        gap:64px !important;

        background:transparent !important;
        background-color:transparent !important;
        background-image:none !important;

        border:0 !important;

        box-shadow:none !important;
    }


    /*
     * Eén dunne lijn door alle drie stappen.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-grid::before {
        content:"" !important;
        display:block !important;

        position:absolute !important;

        top:21px !important;
        left:21px !important;
        right:21px !important;

        height:1px !important;

        background:
            rgba(255,255,255,.12) !important;

        border:0 !important;

        pointer-events:none !important;

        z-index:0 !important;
    }


    /*
     * Geen aparte kaarten meer.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item {
        position:relative !important;

        display:block !important;

        width:100% !important;
        min-width:0 !important;
        min-height:0 !important;

        margin:0 !important;

        padding:
            78px
            18px
            20px
            0 !important;

        background:transparent !important;
        background-color:transparent !important;
        background-image:none !important;

        border:0 !important;

        border-radius:0 !important;

        box-shadow:none !important;

        text-align:left !important;

        z-index:1 !important;
    }


    /*
     * Alle oude card/pseudo effecten volledig weg.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item::before,
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item::after {
        content:none !important;
        display:none !important;
    }


    /*
     * Icoon op de timeline.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-icon {
        position:absolute !important;

        top:0 !important;
        left:0 !important;
        right:auto !important;

        width:42px !important;
        height:42px !important;

        margin:0 !important;
        padding:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        background:
            var(--min-dark-flat) !important;

        color:
            var(--pb-primary-light) !important;

        border:
            1px solid rgba(255,255,255,.18) !important;

        border-radius:50% !important;

        box-shadow:none !important;

        transform:none !important;

        z-index:2 !important;
    }


    /*
     * Nummer direct boven titel.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-number {
        position:static !important;

        display:block !important;

        width:auto !important;
        height:auto !important;

        margin:
            0
            0
            16px !important;

        padding:0 !important;

        background:transparent !important;

        border:0 !important;

        color:
            var(--pb-primary-light) !important;

        text-align:left !important;

        transform:none !important;
    }


    /*
     * Titel.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item
    :is(h2,h3,h4) {
        position:static !important;

        display:block !important;

        width:100% !important;
        max-width:300px !important;

        margin:
            0
            0
            14px !important;

        padding:0 !important;

        text-align:left !important;

        transform:none !important;
    }


    /*
     * Tekst.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item p {
        position:static !important;

        display:block !important;

        width:100% !important;
        max-width:300px !important;

        margin:0 !important;
        padding:0 !important;

        color:
            var(--min-dark-muted) !important;

        text-align:left !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:normal !important;

        transform:none !important;
    }


    /*
     * Eventuele interne wrapper neutraliseren.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-item
    > div:not(.pb-vokk-process-number):not(.pb-vokk-process-icon):not(.pb-vokk-process-line) {
        position:static !important;

        display:block !important;

        width:100% !important;
        max-width:300px !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;

        border:0 !important;

        text-align:left !important;

        transform:none !important;
    }


    html body.pb-layout-pack-minimal.pb-mode-dark
    .pb-vokk-process-line {
        display:none !important;
    }

}

/* PB MINIMAL DARK PROCESS OPEN END */

/* PB MINIMAL DARK PROCESS AIR START */

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

  html body.pb-layout-pack-minimal.pb-mode-dark .pb-vokk-process-grid {
    max-width: 1140px !important;
    margin: 56px auto 0 !important;
    gap: 34px !important;
    align-items: stretch !important;
  }

  html body.pb-layout-pack-minimal.pb-mode-dark .pb-vokk-process-item {
    position: relative !important;
    min-height: 305px !important;
    padding: 78px 42px 42px 42px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.pb-layout-pack-minimal.pb-mode-dark .pb-vokk-process-icon {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    left: auto !important;
    margin: 0 !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.pb-layout-pack-minimal.pb-mode-dark .pb-vokk-process-number {
    display: block !important;
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    text-align: left !important;
  }

  html body.pb-layout-pack-minimal.pb-mode-dark .pb-vokk-process-item :is(h2,h3,h4) {
    width: 100% !important;
    max-width: 85% !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    text-align: left !important;
    line-height: 1.25 !important;
  }

  html body.pb-layout-pack-minimal.pb-mode-dark .pb-vokk-process-item p {
    width: 100% !important;
    max-width: 88% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    line-height: 1.62 !important;
  }

  html body.pb-layout-pack-minimal.pb-mode-dark .pb-vokk-process-item > * {
    align-self: flex-start !important;
  }
}

/* PB MINIMAL DARK PROCESS AIR END */

/* PB MINIMAL LM PROCESS ALIGN START */

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

  /*
   * Alleen Minimal Light + Medium
   */
  html body.pb-layout-pack-minimal.pb-mode-light-page
  .pb-vokk-process-item,

  html body.pb-layout-pack-minimal.pb-mode-medium:not(.pb-mode-dark):not(.pb-mode-light-page)
  .pb-vokk-process-item {
    position:relative !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;

    min-height:324px !important;

    padding:
      72px
      42px
      40px
      42px !important;

    text-align:left !important;
  }

  /*
   * Nummer linksboven
   */
  html body.pb-layout-pack-minimal.pb-mode-light-page
  .pb-vokk-process-number,

  html body.pb-layout-pack-minimal.pb-mode-medium:not(.pb-mode-dark):not(.pb-mode-light-page)
  .pb-vokk-process-number {
    position:absolute !important;

    top:26px !important;
    left:42px !important;

    width:auto !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    text-align:left !important;

    transform:none !important;
  }

  /*
   * Icoon rechtsboven
   */
  html body.pb-layout-pack-minimal.pb-mode-light-page
  .pb-vokk-process-icon,

  html body.pb-layout-pack-minimal.pb-mode-medium:not(.pb-mode-dark):not(.pb-mode-light-page)
  .pb-vokk-process-icon {
    position:absolute !important;

    top:20px !important;
    right:22px !important;
    left:auto !important;

    width:42px !important;
    height:42px !important;

    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    transform:none !important;
  }

  /*
   * Titel altijd zelfde startpunt
   */
  html body.pb-layout-pack-minimal.pb-mode-light-page
  .pb-vokk-process-item
  :is(h2,h3,h4),

  html body.pb-layout-pack-minimal.pb-mode-medium:not(.pb-mode-dark):not(.pb-mode-light-page)
  .pb-vokk-process-item
  :is(h2,h3,h4) {
    width:100% !important;
    max-width:220px !important;

    margin:
      0
      0
      18px !important;

    padding:0 !important;

    text-align:left !important;

    transform:none !important;
  }

  /*
   * Bodytekst zelfde linker-as
   */
  html body.pb-layout-pack-minimal.pb-mode-light-page
  .pb-vokk-process-item p,

  html body.pb-layout-pack-minimal.pb-mode-medium:not(.pb-mode-dark):not(.pb-mode-light-page)
  .pb-vokk-process-item p {
    width:100% !important;
    max-width:225px !important;

    margin:0 !important;
    padding:0 !important;

    text-align:left !important;

    white-space:normal !important;
    word-break:normal !important;

    transform:none !important;
  }

  /*
   * Eventuele wrapper neutraliseren
   */
  html body.pb-layout-pack-minimal.pb-mode-light-page
  .pb-vokk-process-item
  > div:not(.pb-vokk-process-number):not(.pb-vokk-process-icon):not(.pb-vokk-process-line),

  html body.pb-layout-pack-minimal.pb-mode-medium:not(.pb-mode-dark):not(.pb-mode-light-page)
  .pb-vokk-process-item
  > div:not(.pb-vokk-process-number):not(.pb-vokk-process-icon):not(.pb-vokk-process-line) {
    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    text-align:left !important;

    transform:none !important;
  }

}

/* PB MINIMAL LM PROCESS ALIGN END */

/* PB MINIMAL VALUES FINAL START */

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

    /*
     * ==========================================================
     * WAAR WIJ VOOR STAAN
     * open 3-koloms Minimal compositie
     * ==========================================================
     */

    html body.pb-layout-pack-minimal
    .vokk-about-values {
        padding-top:88px !important;
        padding-bottom:96px !important;

        background:var(--min-rescue-page) !important;
        background-image:none !important;

        border:0 !important;
        box-shadow:none !important;
    }


    /*
     * Intro erboven gecentreerd laten.
     */
    html body.pb-layout-pack-minimal
    .vokk-about-values
    > :is(h2,h3,p) {
        margin-left:auto !important;
        margin-right:auto !important;

        text-align:center !important;
    }


    /*
     * Drie waarden horizontaal.
     */
    html body.pb-layout-pack-minimal
    .vokk-about-values-grid {
        display:grid !important;

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

        gap:0 !important;

        width:min(100%,1080px) !important;
        max-width:1080px !important;

        margin:
            54px
            auto
            0 !important;

        background:transparent !important;

        border:0 !important;
        outline:0 !important;

        box-shadow:none !important;
    }


    /*
     * Elk onderdeel open, dus géén kaart.
     */
    html body.pb-layout-pack-minimal
    .vokk-about-value {
        position:relative !important;

        display:block !important;

        min-width:0 !important;
        min-height:220px !important;

        padding:
            18px
            42px
            26px !important;

        margin:0 !important;

        background:transparent !important;
        background-image:none !important;

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

        box-shadow:none !important;

        text-align:left !important;
    }


    /*
     * Alleen interne verticale lijnen.
     */
    html body.pb-layout-pack-minimal
    .vokk-about-value
    + .vokk-about-value {
        border-left:
            1px solid var(--min-rescue-line) !important;
    }


    /*
     * Nummer 01 / 02 / 03
     */
    html body.pb-layout-pack-minimal
    .vokk-about-value
    :is(
        .vokk-about-value-number,
        .vokk-about-number,
        .value-number
    ) {
        display:block !important;

        margin:
            0
            0
            30px !important;

        padding:0 !important;

        color:var(--pb-primary) !important;

        text-align:left !important;
    }


    /*
     * Titel.
     */
    html body.pb-layout-pack-minimal
    .vokk-about-value
    :is(h2,h3,h4) {
        width:100% !important;
        max-width:none !important;

        margin:
            0
            0
            14px !important;

        padding:0 !important;

        text-align:left !important;
    }


    /*
     * Tekst.
     */
    html body.pb-layout-pack-minimal
    .vokk-about-value p {
        width:100% !important;
        max-width:290px !important;

        margin:0 !important;
        padding:0 !important;

        text-align:left !important;

        white-space:normal !important;
        word-break:normal !important;
    }


    /*
     * LIGHT + MEDIUM
     */
    html body.pb-layout-pack-minimal:not(.pb-mode-dark)
    .vokk-about-value
    :is(h2,h3,h4) {
        color:var(--pb-text) !important;
    }

    html body.pb-layout-pack-minimal:not(.pb-mode-dark)
    .vokk-about-value p {
        color:var(--pb-muted) !important;
    }


    /*
     * DARK:
     * géén afwijkende blokachtergronden.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    .vokk-about-values,
    html body.pb-layout-pack-minimal.pb-mode-dark
    .vokk-about-values-grid,
    html body.pb-layout-pack-minimal.pb-mode-dark
    .vokk-about-value {
        background:var(--min-dark-flat) !important;
        background-image:none !important;

        box-shadow:none !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .vokk-about-value
    + .vokk-about-value {
        border-left:
            1px solid var(--min-dark-line) !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .vokk-about-value
    :is(h2,h3,h4) {
        color:var(--min-dark-text) !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    .vokk-about-value p {
        color:var(--min-dark-muted) !important;
    }

}

/* PB MINIMAL VALUES FINAL END */

/* PB MINIMAL DARK CTA WHITE START */

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

    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .vokk-services-cta-button,
        .vokk-about-cta-button,
        .vokk-projects-cta-button,
        .vokk-reviews-cta-button,
        .vokk-detail-cta-button,
        .pb-vokk-hero a,
        .pb-content-hero a,
        .vokk-contact-form-panel button,
        .vokk-contact-form-panel input[type="submit"]
    ) {
        background:#ffffff !important;
        background-image:none !important;

        color:var(--pb-darker) !important;
        -webkit-text-fill-color:var(--pb-darker) !important;

        border:1px solid rgba(255,255,255,.16) !important;

        box-shadow:none !important;

        opacity:1 !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .vokk-services-cta-button,
        .vokk-about-cta-button,
        .vokk-projects-cta-button,
        .vokk-reviews-cta-button,
        .vokk-detail-cta-button,
        .pb-vokk-hero a,
        .pb-content-hero a,
        .vokk-contact-form-panel button,
        .vokk-contact-form-panel input[type="submit"]
    ):hover,
    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .vokk-services-cta-button,
        .vokk-about-cta-button,
        .vokk-projects-cta-button,
        .vokk-reviews-cta-button,
        .vokk-detail-cta-button,
        .pb-vokk-hero a,
        .pb-content-hero a,
        .vokk-contact-form-panel button,
        .vokk-contact-form-panel input[type="submit"]
    ):focus-visible {
        background:#e9edf2 !important;
        background-image:none !important;

        color:var(--pb-darker) !important;
        -webkit-text-fill-color:var(--pb-darker) !important;

        border-color:#e9edf2 !important;
    }

}

/* PB MINIMAL DARK CTA WHITE END */

/* PB MINIMAL DARK REAL CTA START */

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

    /*
     * ==========================================================
     * ALLE ECHTE MINIMAL DARK CTA / HERO / FORM KNOPPEN
     * ==========================================================
     */

    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .nuke-main-button,
        .vokk-cta,
        .vokk-detail-hero-button,
        .vokk-services-cta-button,
        .vokk-about-cta-button,
        .vokk-projects-cta-button,
        .vokk-reviews-cta-button,
        .vokk-detail-cta-button,
        .vokk-contact-form-slot input[type="submit"],
        .vokk-contact-form-slot button[type="submit"]
    ) {
        background:#ffffff !important;
        background-color:#ffffff !important;
        background-image:none !important;

        color:var(--pb-darker) !important;
        -webkit-text-fill-color:var(--pb-darker) !important;

        border:1px solid rgba(255,255,255,.18) !important;

        box-shadow:none !important;

        opacity:1 !important;

        transform:none !important;

        text-decoration:none !important;
    }

    /*
     * Ook eventuele child spans/icons dezelfde donkere kleur.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .nuke-main-button,
        .vokk-cta,
        .vokk-detail-hero-button,
        .vokk-services-cta-button,
        .vokk-about-cta-button,
        .vokk-projects-cta-button,
        .vokk-reviews-cta-button,
        .vokk-detail-cta-button
    )
    :is(span,i,svg) {
        color:var(--pb-darker) !important;
        -webkit-text-fill-color:var(--pb-darker) !important;
    }


    /*
     * Hover / focus = lichtgrijs.
     */
    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .nuke-main-button,
        .vokk-cta,
        .vokk-detail-hero-button,
        .vokk-services-cta-button,
        .vokk-about-cta-button,
        .vokk-projects-cta-button,
        .vokk-reviews-cta-button,
        .vokk-detail-cta-button,
        .vokk-contact-form-slot input[type="submit"],
        .vokk-contact-form-slot button[type="submit"]
    ):hover,

    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .nuke-main-button,
        .vokk-cta,
        .vokk-detail-hero-button,
        .vokk-services-cta-button,
        .vokk-about-cta-button,
        .vokk-projects-cta-button,
        .vokk-reviews-cta-button,
        .vokk-detail-cta-button,
        .vokk-contact-form-slot input[type="submit"],
        .vokk-contact-form-slot button[type="submit"]
    ):focus-visible {
        background:#e9edf2 !important;
        background-color:#e9edf2 !important;
        background-image:none !important;

        color:var(--pb-darker) !important;
        -webkit-text-fill-color:var(--pb-darker) !important;

        border-color:#e9edf2 !important;

        box-shadow:none !important;

        transform:none !important;

        opacity:1 !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .nuke-main-button,
        .vokk-cta,
        .vokk-detail-hero-button,
        .vokk-services-cta-button,
        .vokk-about-cta-button,
        .vokk-projects-cta-button,
        .vokk-reviews-cta-button,
        .vokk-detail-cta-button
    ):hover
    :is(span,i,svg) {
        color:var(--pb-darker) !important;
        -webkit-text-fill-color:var(--pb-darker) !important;
    }

}

/* PB MINIMAL DARK REAL CTA END */

/* PB MINIMAL LM SERVICE MORE LINK START */

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

  html body.pb-layout-pack-minimal.pb-mode-light-page
  .pb-vokk-service-more,

  html body.pb-layout-pack-minimal.pb-mode-medium:not(.pb-mode-dark):not(.pb-mode-light-page)
  .pb-vokk-service-more,

  html body.pb-layout-pack-minimal.pb-mode-light-page
  .pb-vokk-service-card a,

  html body.pb-layout-pack-minimal.pb-mode-medium:not(.pb-mode-dark):not(.pb-mode-light-page)
  .pb-vokk-service-card a {
    color:var(--pb-primary-dark) !important;
    -webkit-text-fill-color:var(--pb-primary-dark) !important;
    opacity:1 !important;
  }

  html body.pb-layout-pack-minimal.pb-mode-light-page
  .pb-vokk-service-more:hover,

  html body.pb-layout-pack-minimal.pb-mode-medium:not(.pb-mode-dark):not(.pb-mode-light-page)
  .pb-vokk-service-more:hover,

  html body.pb-layout-pack-minimal.pb-mode-light-page
  .pb-vokk-service-card a:hover,

  html body.pb-layout-pack-minimal.pb-mode-medium:not(.pb-mode-dark):not(.pb-mode-light-page)
  .pb-vokk-service-card a:hover {
    color:var(--pb-primary) !important;
    -webkit-text-fill-color:var(--pb-primary) !important;
  }

}

/* PB MINIMAL LM SERVICE MORE LINK END */

/* PB MINIMAL LM DETAIL HERO BUTTON CONTRAST START */

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

    /*
     * Alleen Minimal Light
     */
    html body.pb-layout-pack-minimal.pb-mode-light-page
    .vokk-detail-hero-button {
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;

        opacity:1 !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-light-page
    .vokk-detail-hero-button span {
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;

        opacity:1 !important;
    }

    /*
     * Alleen Minimal Medium
     */
    html body.pb-layout-pack-minimal.pb-mode-medium:not(.pb-mode-dark):not(.pb-mode-light-page)
    .vokk-detail-hero-button {
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;

        opacity:1 !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-medium:not(.pb-mode-dark):not(.pb-mode-light-page)
    .vokk-detail-hero-button span {
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;

        opacity:1 !important;
    }

    /*
     * Hover ook leesbaar houden.
     */
    html body.pb-layout-pack-minimal.pb-mode-light-page
    .vokk-detail-hero-button:hover,

    html body.pb-layout-pack-minimal.pb-mode-medium:not(.pb-mode-dark):not(.pb-mode-light-page)
    .vokk-detail-hero-button:hover {
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;
    }

    html body.pb-layout-pack-minimal.pb-mode-light-page
    .vokk-detail-hero-button:hover span,

    html body.pb-layout-pack-minimal.pb-mode-medium:not(.pb-mode-dark):not(.pb-mode-light-page)
    .vokk-detail-hero-button:hover span {
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;
    }

}

/* PB MINIMAL LM DETAIL HERO BUTTON CONTRAST END */