/* PB MINIMAL FINAL DESKTOP START */

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

    /*
    ========================================================================
    MINIMAL DESIGN SYSTEM

    - ALLEEN pb-layout-pack-minimal
    - ALLEEN desktop >= 1025px
    - palette bepaalt kleur
    - Minimal bepaalt vormgeving
    - geen typography overrides
    ========================================================================
    */

    html body.pb-layout-pack-minimal {
        /*
         * Palette basis
         */
        --pb-min-accent: var(--pb-primary);
        --pb-min-accent-light: var(--pb-primary-light);

        --pb-min-dark:
            color-mix(
                in srgb,
                var(--pb-dark) 94%,
                var(--pb-primary) 6%
            );

        --pb-min-darker:
            color-mix(
                in srgb,
                var(--pb-darker) 95%,
                var(--pb-primary) 5%
            );

        --pb-min-on-dark: rgba(255,255,255,.96);
        --pb-min-on-dark-muted: rgba(255,255,255,.72);

        --pb-min-radius: 18px;
        --pb-min-radius-small: 12px;

        --pb-min-shadow:
            0 18px 55px rgba(15,23,42,.055);
    }


    /*
    ========================================================================
    LIGHT
    ========================================================================
    */

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

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

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

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

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

        --pb-min-line-strong:
            color-mix(
                in srgb,
                var(--pb-primary) 18%,
                rgba(15,23,42,.08)
            );
    }


    /*
    ========================================================================
    MEDIUM
    ========================================================================
    */

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

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

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

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

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

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


    /*
    ========================================================================
    DARK
    ========================================================================
    */

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

        --pb-min-surface:
            color-mix(
                in srgb,
                var(--pb-dark) 91%,
                var(--pb-primary) 9%
            );

        --pb-min-surface-2:
            color-mix(
                in srgb,
                var(--pb-dark) 83%,
                var(--pb-primary) 17%
            );

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

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

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

        --pb-min-shadow:
            0 20px 60px rgba(0,0,0,.16);
    }


    /*
    ========================================================================
    ALGEMENE CONTENT ACHTERGROND
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    :is(
        .pb-vokk-light,
        .vokk-services-page,
        .vokk-about-page,
        .vokk-projects-page,
        .vokk-reviews-page,
        .vokk-contact-page,
        .vokk-detail-page,
        .vokk-default-page
    ) {
        background: var(--pb-min-page) !important;
        background-image: none !important;
        color: var(--pb-min-text) !important;
    }


    /*
    ========================================================================
    CONTENT HERO

    Editorial/minimal:
    tekst links
    fotografie als rustig los beeld rechts
    ========================================================================
    */

    html body.pb-layout-pack-minimal:not(.pb-template-front-page)
    .pb-content-hero {
        position: relative !important;
        overflow: hidden !important;

        background: var(--pb-min-surface) !important;
        background-image: none !important;

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

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

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal:not(.pb-template-front-page)
    .pb-content-hero::before,
    html body.pb-layout-pack-minimal:not(.pb-template-front-page)
    .pb-content-hero::after {
        content: none !important;
        display: none !important;
    }

    html body.pb-layout-pack-minimal:not(.pb-template-front-page)
    .pb-content-hero-image {
        position: absolute !important;

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

        width: 51% !important;
        height: calc(100% - 56px) !important;

        object-fit: cover !important;

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

        border-radius:
            var(--pb-min-radius) !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal:not(.pb-template-front-page)
    .pb-content-hero > :not(.pb-content-hero-image) {
        position: relative !important;
        z-index: 2 !important;
    }

    html body.pb-layout-pack-minimal:not(.pb-template-front-page)
    .pb-content-hero :is(h1,h2,h3) {
        color: var(--pb-min-text) !important;
        text-shadow: none !important;
    }

    html body.pb-layout-pack-minimal:not(.pb-template-front-page)
    .pb-content-hero p {
        color: var(--pb-min-muted) !important;
        text-shadow: none !important;
    }

    html body.pb-layout-pack-minimal:not(.pb-template-front-page)
    .pb-content-hero
    :is(
        .vokk-services-eyebrow,
        .vokk-about-eyebrow,
        .vokk-projects-eyebrow,
        .vokk-reviews-eyebrow,
        .vokk-contact-eyebrow,
        .vokk-detail-eyebrow
    ) {
        color: var(--pb-min-accent) !important;
    }


    /*
    ========================================================================
    HOMEPAGE — WHY / BENEFITS

    Eén vlakke informatierij.
    Geen kaarten.
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    .pb-vokk-why {
        background: var(--pb-min-page) !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

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

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

        gap: 0 !important;

        background: transparent !important;

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

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

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

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-benefit {
        background: transparent !important;
        background-image: none !important;

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

        box-shadow: none !important;

        padding: 34px 30px !important;
    }

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

    html body.pb-layout-pack-minimal
    .pb-vokk-benefit-icon {
        background:
            var(--pb-min-surface) !important;

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

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

        box-shadow: none !important;
    }


    /*
    ========================================================================
    HOMEPAGE SERVICES

    Grote fotografie.
    Twee kolommen.
    Geen kleine card-grid.
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    .pb-vokk-services {
        background: var(--pb-min-page) !important;
        background-image: none !important;
    }

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

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

        gap: 28px !important;
    }

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

        min-height: 410px !important;

        overflow: hidden !important;

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

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

        border-radius:
            var(--pb-min-radius) !important;

        box-shadow: none !important;
    }

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

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

        object-fit: cover !important;

        transform: none !important;

        transition:
            transform .35s ease !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-service-card::after {
        content: "" !important;

        position: absolute !important;
        inset: 0 !important;

        display: block !important;

        background:
            linear-gradient(
                to top,
                rgba(8,12,18,.78) 0%,
                rgba(8,12,18,.28) 42%,
                rgba(8,12,18,0) 72%
            ) !important;

        pointer-events: none !important;
    }

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

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

        z-index: 3 !important;

        padding: 32px !important;

        background: transparent !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-service-content
    :is(
        h2,h3,h4,p,a,
        .pb-vokk-service-more
    ) {
        color: #fff !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-service-card:hover
    .pb-service-bg {
        transform: scale(1.018) !important;
    }


    /*
    ========================================================================
    TRUST
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    .pb-vokk-trust {
        background:
            var(--pb-min-surface) !important;

        background-image: none !important;

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

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

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-trust-box,
    html body.pb-layout-pack-minimal
    .pb-vokk-trust-item {
        background: transparent !important;

        border: 0 !important;

        box-shadow: none !important;
    }

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


    /*
    ========================================================================
    PROCESS

    Platte tijdlijn i.p.v. kaartjes.
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    .pb-vokk-process {
        background: var(--pb-min-page) !important;
        background-image: none !important;
    }

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

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

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

    html body.pb-layout-pack-minimal
    .pb-vokk-process-item {
        background: transparent !important;
        background-image: none !important;

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

        box-shadow: none !important;

        padding: 36px 28px !important;
    }

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

    html body.pb-layout-pack-minimal
    :is(
        .pb-vokk-process-icon,
        .pb-vokk-process-number
    ) {
        background:
            var(--pb-min-surface) !important;

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

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

        box-shadow: none !important;
    }


    /*
    ========================================================================
    ALGEMENE CONTENTSECTIES
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    :is(
        .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
    ) {
        background: var(--pb-min-page) !important;
        background-image: none !important;

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

        border-color:
            var(--pb-min-line) !important;

        box-shadow: none !important;
    }


    /*
    ========================================================================
    DIENSTEN
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    .vokk-service-row {
        background: transparent !important;
        background-image: none !important;

        border: 0 !important;

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

        border-radius: 0 !important;

        box-shadow: none !important;

        padding: 64px 0 !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-service-row:last-child {
        border-bottom:
            1px solid var(--pb-min-line) !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-service-benefits-grid {
        gap: 0 !important;

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

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

    html body.pb-layout-pack-minimal
    .vokk-service-benefit {
        background: transparent !important;

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

        box-shadow: none !important;
    }

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


    /*
    ========================================================================
    OVER ONS
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    .vokk-about-story-grid {
        background:
            var(--pb-min-surface) !important;

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

        border-radius:
            var(--pb-min-radius) !important;

        overflow: hidden !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-about-values-grid {
        gap: 0 !important;

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

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

    html body.pb-layout-pack-minimal
    .vokk-about-value {
        background: transparent !important;

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

        box-shadow: none !important;
    }

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


    /*
    ========================================================================
    PROJECTEN
    ========================================================================
    */

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

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

        gap: 30px !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-project-card,
    html body.pb-layout-pack-minimal
    .vokk-project-featured-grid {
        background:
            var(--pb-min-surface) !important;

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

        border-radius:
            var(--pb-min-radius) !important;

        overflow: hidden !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-project-results-grid {
        gap: 0 !important;

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

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

    html body.pb-layout-pack-minimal
    .vokk-project-result {
        background: transparent !important;

        border: 0 !important;

        box-shadow: none !important;
    }

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


    /*
    ========================================================================
    WAARDERING
    ========================================================================
    */

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

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

        gap: 24px !important;

        border: 0 !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-review-card,
    html body.pb-layout-pack-minimal
    .vokk-reviews-wordpress-box {
        background:
            var(--pb-min-surface) !important;

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

        border-radius:
            var(--pb-min-radius) !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-reviews-trust {
        background:
            var(--pb-min-surface) !important;

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

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

    html body.pb-layout-pack-minimal
    .vokk-reviews-trust-item {
        background: transparent !important;

        border: 0 !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-reviews-trust-item + .vokk-reviews-trust-item {
        border-left:
            1px solid var(--pb-min-line) !important;
    }


    /*
    ========================================================================
    CONTACT
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    .vokk-contact-main-grid {
        gap: 50px !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-contact-info {
        background: transparent !important;

        border: 0 !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-contact-form-panel {
        background:
            var(--pb-min-surface) !important;

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

        border-radius:
            var(--pb-min-radius) !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-contact-detail {
        background: transparent !important;

        border: 0 !important;

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

        border-radius: 0 !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-contact-detail-icon {
        color: var(--pb-min-accent) !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-contact-hours {
        background:
            var(--pb-min-surface) !important;

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

        border-radius:
            var(--pb-min-radius-small) !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-contact-reassurance {
        background:
            var(--pb-min-surface) !important;

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

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

    html body.pb-layout-pack-minimal
    .vokk-contact-reassurance-item {
        background: transparent !important;

        border: 0 !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-contact-reassurance-item
    + .vokk-contact-reassurance-item {
        border-left:
            1px solid var(--pb-min-line) !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-contact-faq-item {
        background: transparent !important;

        border: 0 !important;

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

        border-radius: 0 !important;

        box-shadow: none !important;
    }


    /*
    ========================================================================
    DETAILPAGINA'S
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    .vokk-detail-intro-grid {
        gap: 60px !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-detail-benefits {
        background:
            var(--pb-min-surface) !important;

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

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

    html body.pb-layout-pack-minimal
    .vokk-detail-benefit {
        background: transparent !important;

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

        box-shadow: none !important;
    }

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

    html body.pb-layout-pack-minimal
    .vokk-detail-step,
    html body.pb-layout-pack-minimal
    .vokk-detail-faq-item {
        background: transparent !important;

        border: 0 !important;

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

        border-radius: 0 !important;

        box-shadow: none !important;
    }


    /*
    ========================================================================
    CTA

    Eén rustig donker palette-afgeleid vlak.
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    :is(
        .vokk-services-cta-box,
        .vokk-about-cta-box,
        .vokk-projects-cta-box,
        .vokk-reviews-cta-box,
        .vokk-detail-cta-box
    ) {
        background:
            var(--pb-min-dark) !important;

        background-image: none !important;

        color:
            var(--pb-min-on-dark) !important;

        border:
            1px solid
            color-mix(
                in srgb,
                var(--pb-primary-light) 13%,
                transparent
            ) !important;

        border-radius:
            var(--pb-min-radius) !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    :is(
        .vokk-services-cta-box,
        .vokk-about-cta-box,
        .vokk-projects-cta-box,
        .vokk-reviews-cta-box,
        .vokk-detail-cta-box
    )
    :is(h2,h3,h4) {
        color:
            var(--pb-min-on-dark) !important;
    }

    html body.pb-layout-pack-minimal
    :is(
        .vokk-services-cta-box,
        .vokk-about-cta-box,
        .vokk-projects-cta-box,
        .vokk-reviews-cta-box,
        .vokk-detail-cta-box
    )
    p {
        color:
            var(--pb-min-on-dark-muted) !important;
    }

    html body.pb-layout-pack-minimal
    :is(
        .vokk-services-cta-button,
        .vokk-about-cta-button,
        .vokk-projects-cta-button,
        .vokk-reviews-cta-button,
        .vokk-detail-cta-button
    ) {
        background: #fff !important;
        background-image: none !important;

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

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

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    :is(
        .vokk-services-cta-button,
        .vokk-about-cta-button,
        .vokk-projects-cta-button,
        .vokk-reviews-cta-button,
        .vokk-detail-cta-button
    ):hover,
    html body.pb-layout-pack-minimal
    :is(
        .vokk-services-cta-button,
        .vokk-about-cta-button,
        .vokk-projects-cta-button,
        .vokk-reviews-cta-button,
        .vokk-detail-cta-button
    ):focus-visible {
        background:
            color-mix(
                in srgb,
                var(--pb-primary) 8%,
                white
            ) !important;

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

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


    /*
    ========================================================================
    FOOTER

    Palette-afgeleid maar zeer sober.
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    .agencyfooter-block-footer {
        background:
            var(--pb-min-darker) !important;

        background-image:
            none !important;

        color:
            rgba(255,255,255,.82) !important;

        border-top:
            1px solid
            color-mix(
                in srgb,
                var(--pb-primary-light) 12%,
                transparent
            ) !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .agencyfooter-block-grid {
        border: 0 !important;
        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .agencyfooter-block-footer
    :is(h2,h3,h4,h5,h6,strong) {
        color: #fff !important;
    }

    html body.pb-layout-pack-minimal
    .agencyfooter-block-footer
    :is(p,li,span) {
        color:
            rgba(255,255,255,.68) !important;
    }

    html body.pb-layout-pack-minimal
    .agencyfooter-block-footer a {
        color:
            rgba(255,255,255,.84) !important;
    }

    html body.pb-layout-pack-minimal
    .agencyfooter-block-footer a:hover {
        color: #fff !important;
    }

    html body.pb-layout-pack-minimal
    .agencyfooter-block-bottom {
        border-top:
            1px solid rgba(255,255,255,.09) !important;

        color:
            rgba(255,255,255,.52) !important;
    }


    /*
    ========================================================================
    DARK MODE HARDLOCK-CORRECTIE

    Alleen Minimal mag hier zijn eigen rustige surfaces houden.
    ========================================================================
    */

    html body.pb-layout-pack-minimal.pb-mode-dark
    :is(
        .vokk-about-story-grid,
        .vokk-project-card,
        .vokk-project-featured-grid,
        .vokk-review-card,
        .vokk-reviews-wordpress-box,
        .vokk-contact-form-panel,
        .vokk-contact-hours
    ) {
        background:
            var(--pb-min-surface) !important;

        background-image:
            none !important;

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

        border-color:
            var(--pb-min-line) !important;

        box-shadow:
            none !important;
    }

}

/* PB MINIMAL FINAL DESKTOP END */


/* PB MINIMAL RADICAL V2 START */

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

    /*
    ========================================================================
    MINIMAL = ECHT ANDERE COMPOSITIE
    ========================================================================
    */


    /*
    ------------------------------------------------------------------------
    ALGEMEEN
    Meer ruimte tussen grote onderdelen.
    Geen zwevende card-look.
    ------------------------------------------------------------------------
    */

    html body.pb-layout-pack-minimal
    :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
    ) {
        box-shadow: none !important;
    }


    /*
    ========================================================================
    HOMEPAGE BENEFITS

    Van 4 klassieke kolommen
    naar rustige 2 x 2 product-info compositie.
    ========================================================================
    */

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

        gap: 0 !important;

        max-width: 1080px !important;
        margin-left: auto !important;
        margin-right: auto !important;

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

        background:
            var(--pb-min-surface) !important;
    }

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

        padding:
            42px 46px !important;

        background:
            transparent !important;

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

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

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-benefit:nth-child(2n) {
        border-left:
            1px solid var(--pb-min-line) !important;
    }

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


    /*
    ========================================================================
    HOMEPAGE SERVICES

    DIT wordt de grootste visuele verandering.

    Geen kaart-grid.
    Vier brede editorial stroken.
    Afbeelding links/rechts om-en-om.
    ========================================================================
    */

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

        grid-template-columns:
            1fr !important;

        gap: 0 !important;

        max-width: 1180px !important;
        margin-left: auto !important;
        margin-right: auto !important;

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

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

        display: block !important;

        min-height: 330px !important;

        margin: 0 !important;

        overflow: hidden !important;

        background:
            var(--pb-min-page) !important;

        border: 0 !important;
        border-bottom:
            1px solid var(--pb-min-line) !important;

        border-radius: 0 !important;

        box-shadow: none !important;
    }


    /*
     * FOTO HELFT
     */

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

        top: 28px !important;
        bottom: 28px !important;

        width: 46% !important;
        height: calc(100% - 56px) !important;

        object-fit: cover !important;

        border-radius:
            var(--pb-min-radius-small) !important;

        opacity: 1 !important;

        transform: none !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 {
        right: 0 !important;
        left: auto !important;
    }


    /*
     * GEEN DONKERE FOTO-OVERLAY
     */

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


    /*
     * TEKSTHELFT
     */

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

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

        width: 46% !important;

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

        padding:
            48px 18px !important;

        background:
            transparent !important;

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

        transform: none !important;

        box-shadow: 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(--pb-min-text) !important;
    }

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

        opacity: 1 !important;
    }

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

        opacity: 1 !important;

        transform: none !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-service-card:hover
    .pb-service-bg {
        transform:
            scale(1.012) !important;
    }


    /*
    ========================================================================
    TRUST

    Geen groot blok.
    Één dunne data-strip.
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    .pb-vokk-trust {
        background:
            transparent !important;

        border: 0 !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-trust-box {
        max-width: 1120px !important;

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

        background:
            transparent !important;

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

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

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

        border-radius: 0 !important;

        box-shadow: none !important;
    }


    /*
    ========================================================================
    PROCESS

    Van horizontale cardrij
    naar verticale editorial tijdlijn.
    ========================================================================
    */

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

        grid-template-columns:
            1fr !important;

        gap: 0 !important;

        max-width: 900px !important;

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

        border: 0 !important;

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

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

        display: grid !important;

        grid-template-columns:
            84px 1fr !important;

        align-items: center !important;

        min-height: 145px !important;

        padding:
            28px 0 !important;

        background:
            transparent !important;

        border: 0 !important;

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

        border-radius: 0 !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .pb-vokk-process-item
    + .pb-vokk-process-item {
        border-left: 0 !important;
    }

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


    /*
    ========================================================================
    DIENSTEN CONTENTPAGE

    Eén doorlopende editorial lijst.
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    .vokk-services-list {
        max-width: 1080px !important;

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

    html body.pb-layout-pack-minimal
    .vokk-service-row {
        padding:
            78px 0 !important;

        border: 0 !important;

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

        background:
            transparent !important;

        border-radius: 0 !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-service-row:last-child {
        border-bottom:
            1px solid var(--pb-min-line) !important;
    }


    /*
    ========================================================================
    OVER ONS

    Geen waardenkaartjes.
    Eén grote rustige reeks.
    ========================================================================
    */

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

        grid-template-columns:
            1fr !important;

        gap: 0 !important;

        max-width: 900px !important;

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

        border: 0 !important;

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

    html body.pb-layout-pack-minimal
    .vokk-about-value {
        padding:
            38px 0 !important;

        background:
            transparent !important;

        border: 0 !important;

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

        border-radius: 0 !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-about-value
    + .vokk-about-value {
        border-left: 0 !important;
    }


    /*
    ========================================================================
    PROJECTEN

    Geen 2-kolom cardgrid.
    Projecten als brede case-study rijen.
    ========================================================================
    */

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

        grid-template-columns:
            1fr !important;

        gap: 32px !important;

        max-width: 1120px !important;

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

    html body.pb-layout-pack-minimal
    .vokk-project-card {
        min-height: 420px !important;

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

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

        border-radius:
            var(--pb-min-radius) !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-project-featured-grid {
        max-width: 1120px !important;

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

        border-radius:
            var(--pb-min-radius) !important;

        box-shadow: none !important;
    }


    /*
    ========================================================================
    PROJECT RESULTATEN

    Data-strip in plaats van kaarten.
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    .vokk-project-results-grid {
        gap: 0 !important;

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

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

    html body.pb-layout-pack-minimal
    .vokk-project-result {
        background:
            transparent !important;

        border: 0 !important;

        border-radius: 0 !important;

        box-shadow: none !important;
    }


    /*
    ========================================================================
    REVIEWS

    Grote quote-lijst.
    Geen klassieke review cards.
    ========================================================================
    */

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

        grid-template-columns:
            1fr !important;

        gap: 0 !important;

        max-width: 920px !important;

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

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

    html body.pb-layout-pack-minimal
    .vokk-review-card {
        background:
            transparent !important;

        border: 0 !important;

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

        border-radius: 0 !important;

        padding:
            48px 0 !important;

        box-shadow:
            none !important;
    }


    /*
    ========================================================================
    CONTACT

    Formulier nog wel als rustig vlak.
    Linkerkant volledig vrij/editorial.
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    .vokk-contact-main-grid {
        grid-template-columns:
            minmax(0,.82fr)
            minmax(0,1.18fr) !important;

        gap: 80px !important;

        align-items: start !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-contact-info {
        background:
            transparent !important;

        border: 0 !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-contact-form-panel {
        background:
            var(--pb-min-surface) !important;

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

        border-radius:
            var(--pb-min-radius) !important;

        box-shadow:
            none !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-contact-detail {
        padding:
            24px 0 !important;

        border: 0 !important;

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

        border-radius: 0 !important;
    }


    /*
    ========================================================================
    DETAILPAGINA PROCESS / FAQ

    Helemaal vlak.
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    .vokk-detail-process {
        max-width: 900px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-detail-step {
        padding:
            32px 0 !important;

        background:
            transparent !important;

        border: 0 !important;

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

        border-radius: 0 !important;

        box-shadow: none !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-detail-faq-section {
        max-width: 940px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    html body.pb-layout-pack-minimal
    .vokk-detail-faq-item {
        padding:
            28px 0 !important;

        background:
            transparent !important;

        border: 0 !important;

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

        border-radius: 0 !important;

        box-shadow: none !important;
    }


    /*
    ========================================================================
    CTA

    Geen floating rounded promo-card.
    Brede sobere banner.
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    :is(
        .vokk-services-cta-box,
        .vokk-about-cta-box,
        .vokk-projects-cta-box,
        .vokk-reviews-cta-box,
        .vokk-detail-cta-box
    ) {
        max-width:
            1180px !important;

        margin-left:
            auto !important;

        margin-right:
            auto !important;

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

        background-image:
            none !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        box-shadow:
            none !important;
    }


    /*
    ========================================================================
    FOOTER

    Visueel vlakker en stiller.
    ========================================================================
    */

    html body.pb-layout-pack-minimal
    .agencyfooter-block-footer {
        background:
            var(--pb-min-darker) !important;

        background-image:
            none !important;

        border: 0 !important;

        border-top:
            1px solid
            color-mix(
                in srgb,
                var(--pb-primary-light) 12%,
                transparent
            ) !important;

        box-shadow:
            none !important;
    }

    html body.pb-layout-pack-minimal
    .agencyfooter-block-grid {
        border: 0 !important;
        box-shadow: none !important;
    }


    /*
    ========================================================================
    DARK MODE

    Behoud exact dezelfde radicale compositie.
    Alleen surfaces veranderen via palette tokens.
    ========================================================================
    */

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

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

        box-shadow:
            none !important;
    }

}

/* PB MINIMAL RADICAL V2 END */