/*
 * ============================================================
 * PREMIUM — DETAILPAGINA'S
 * Warmtepompen / Installatie / Sanitair / Zonne Energie
 * ============================================================
 */

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

body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-intro {
    padding: 100px 0 !important;
}


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-intro-grid {
    display: grid !important;

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

    gap: 0 !important;

    min-height: 480px !important;

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

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


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-intro-grid > div:first-child {
    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;

    padding:
        60px
        70px
        60px
        0 !important;
}


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-intro-image {
    min-height: 480px !important;

    border-radius: 0 !important;
}


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-benefits {
    padding: 0 0 100px !important;
}


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-benefits-grid {
    display: grid !important;

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

    gap: 0 !important;

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

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


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-benefit {
    padding: 38px 32px !important;

    background: transparent !important;

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


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-benefit + .vokk-detail-benefit {
    border-left:
        1px solid var(--pb-premium-line) !important;
}


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-benefit-icon {
    background: transparent !important;

    border: 0 !important;

    color:
        var(--vokk-primary) !important;
}


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-section {
    padding: 105px 0 !important;

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


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-section-grid {
    display: grid !important;

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

    gap: 0 !important;

    min-height: 500px !important;
}


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-image {
    min-height: 500px !important;

    border-radius: 0 !important;
}


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-content {
    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;

    padding:
        60px
        70px !important;

    background:
        #fff !important;
}


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-process {
    padding: 105px 0 !important;
}


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-process-head {
    max-width: 760px !important;

    margin: 0 0 55px !important;

    text-align: left !important;
}


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-process-grid {
    display: grid !important;

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

    gap: 0 !important;

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

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


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-step {
    padding: 38px 32px !important;

    background: transparent !important;

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


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-step + .vokk-detail-step {
    border-left:
        1px solid var(--pb-premium-line) !important;
}


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-faq-section {
    padding: 105px 0 !important;

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


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-faq-grid {
    display: grid !important;

    grid-template-columns:
        .8fr
        1.2fr !important;

    gap: 90px !important;
}


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-faq {
    border-top:
        1px solid var(--pb-premium-line) !important;
}


body.pb-layout-pack-premium
:is(
    .pb-template-page-warmtepompen,
    .pb-template-page-installatie,
    .pb-template-page-sanitair,
    .pb-template-page-zonne-energie
)
.vokk-detail-faq-item {
    padding: 28px 0 !important;

    background: transparent !important;

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

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

}