@import url('base/variables.css?v=26');

@import url('base/reset.css?v=26');

@import url('base/typography.css?v=26');

@import url('layout/layout.css?v=26');

@import url('components/header.css?v=27');

@import url('components/navbar.css?v=26');

@import url('components/footer.css?v=26');

@import url('components/pagebuilder.css?v=26');

@import url('components/javascript.css?v=26');

@import url('pagebuilder/theme-mobile.css?v=26');

@import url('pagebuilder/theme-ipad.css?v=26');

@import url('pagebuilder/theme-ipad-landscape.css?v=26');

@import url('pagebuilder/theme-desktop.css?v=26');

@import url('theme-specific/theme-mobile.css?v=26');

@import url('theme-specific/theme-ipad.css?v=26');

@import url('theme-specific/theme-ipad-landscape.css?v=26');

@import url('theme-specific/theme-desktop.css?v=26');

/* === Typekit fonts (kit xam8nyf) ===
   Alle koppen = mencken-std, al het overige = new-atten.
   !important dwingt dit af over de verspreide font-family-declaraties heen. */
* {
    font-family: "new-atten", sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "mencken-std", serif !important;
    font-weight: 500;
}

/* ============================================================================
   INNER — max breedte (Figma)
   ============================================================================ */
.inner {
    max-width: 1264px !important;
    margin-left: auto;
    margin-right: auto;
}

/* ============================================================================
   BUTTONS — Dunweg (Figma node 10481-4758)
   Pill (radius 100px), new-atten Medium 16px, arrow_forward-icoon.
   Kleuren via ACF-variabelen (--donker-* / --licht-*), icoon via mask
   zodat de pijlkleur de tekstkleur volgt. Vervangt het oude KBK-icoonsysteem.
   ============================================================================ */

/* --- Basis pill-geometrie: ACF-knoppen + legacy knoppen --- */
a.Knop.met.stijl,
button.Knop.met.stijl,
a.btn:not(.text),
a.btn.button,
a.cta-btn,
a.header-cta-btn,
.gform_button.button,
a.c-btn.call-btn,
a.c-btn.email-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: fit-content;
    height: auto !important;
    min-height: 0 !important;
    padding: 12px 24px !important;
    border-radius: 100px !important;
    border: 1px solid transparent;
    font-family: "new-atten", sans-serif !important;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 1.6 !important;
    text-decoration: none;
    cursor: pointer;
    overflow: visible !important;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
}

/* --- Wis het oude KBK-icoonsysteem (sliding before/after) --- */
a.Knop.met.stijl:before,
a.Knop.met.stijl:after,
button.Knop.met.stijl:before,
button.Knop.met.stijl:after {
    content: none !important;
    background: none !important;
}

/* --- Primair (groen): ACF "Donker" + alle legacy knoppen --- */
a.Knop.met.stijl.Donker.met.lichte.tekst,
button.Knop.met.stijl.Donker.met.lichte.tekst,
a.btn:not(.text),
a.btn.button,
a.cta-btn,
a.header-cta-btn,
.gform_button.button,
a.c-btn.call-btn,
a.c-btn.email-btn {
    background-color: var(--donker-bg, #579067) !important;
    color: var(--donker-text, #ffffff) !important;
    border-color: var(--donker-bg, #579067) !important;
}
a.Knop.met.stijl.Donker.met.lichte.tekst:hover,
button.Knop.met.stijl.Donker.met.lichte.tekst:hover,
a.btn:not(.text):hover,
a.btn.button:hover,
a.cta-btn:hover,
a.header-cta-btn:hover,
.gform_button.button:hover,
a.c-btn.call-btn:hover,
a.c-btn.email-btn:hover {
    background-color: var(--donker-bg-hover, #4a7c57) !important;
    color: var(--donker-text-hover, #ffffff) !important;
    border-color: var(--donker-bg-hover, #4a7c57) !important;
}

/* --- Secundair (licht): ACF "Licht", met groene outline --- */
a.Knop.met.stijl.Licht.met.donkere.tekst,
button.Knop.met.stijl.Licht.met.donkere.tekst {
    background-color: var(--licht-bg, #ffffff) !important;
    color: var(--licht-text, #000000) !important;
    border-color: var(--donker-bg, #579067) !important;
}
a.Knop.met.stijl.Licht.met.donkere.tekst:hover,
button.Knop.met.stijl.Licht.met.donkere.tekst:hover {
    background-color: var(--licht-bg-hover, #efefef) !important;
    color: var(--licht-text-hover, #000000) !important;
}

/* --- Icoon: arrow_forward ná de tekst (mask volgt currentColor) --- */
a.Knop.met.stijl.Donker.met.lichte.tekst::after,
a.Knop.met.stijl.Licht.met.donkere.tekst::after,
a.btn:not(.text)::after,
a.btn.button::after,
a.cta-btn::after,
a.header-cta-btn::after,
a.c-btn.call-btn::after,
a.c-btn.email-btn::after {
    content: "" !important;
    display: block;
    position: static !important;
    flex: 0 0 24px;
    width: 24px !important;
    height: 24px !important;
    right: auto !important;
    background-image: none !important;
    background-color: currentColor !important;
    -webkit-mask: var(--icon-arrow) no-repeat center / 24px 24px !important;
    mask: var(--icon-arrow) no-repeat center / 24px 24px !important;
    transition: transform .2s ease-in-out;
}
a.Knop.met.stijl.Donker.met.lichte.tekst:hover::after,
a.Knop.met.stijl.Licht.met.donkere.tekst:hover::after,
a.btn:not(.text):hover::after,
a.btn.button:hover::after {
    transform: translateX(4px);
}

/* --- Tekst-link variant blijft een onderstreepte link --- */
a.btn.text {
    display: inline-flex !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    color: var(--donker-bg, #579067) !important;
    text-decoration: underline;
    font-family: "new-atten", sans-serif !important;
    font-weight: 500;
}
a.btn.text::after { content: none !important; }

/* --- Secundaire CTA = lichte variant (witte pill, groene rand) --- */
a.cta-btn--secondary,
a.header-cta-btn--secondary {
    background-color: var(--licht-bg, #ffffff) !important;
    color: var(--licht-text, #000000) !important;
    border-color: var(--donker-bg, #579067) !important;
}
a.cta-btn--secondary:hover,
a.header-cta-btn--secondary:hover {
    background-color: var(--licht-bg-hover, #efefef) !important;
    color: var(--licht-text-hover, #000000) !important;
    border-color: var(--donker-bg, #579067) !important;
}

/* ============================================================================
   HEADER — Dunweg (Figma node 10431:8129) — voor ALLE Q-Pagebuilder pagina's
   Gebogen onderrand (SVG-mask) + D-badge + italic serif-titel.
   Overschrijft de oude KBK-header-CSS (100vh hoogte, 200px padding, donkere
   gradient, verborgen :after).
   ============================================================================ */

/* Topruimte gelijk aan de fixed nav (top-bar 48px + nav 115px = 163px) */
body.has-top-header .site {
    padding-top: 163px !important;
}

/* Desktop: navbar is 144px (logo 112 + padding 16/16) → offset 48 + 144 = 192px */
@media (min-width: 1024px) {
    body.has-top-header .site {
        padding-top: 192px !important;
    }
}

/* Hoogte via padding (Figma: desktop 120px 0), i.p.v. 100vh / 200px */
section.header-layer.with-image {
    height: auto !important;
    padding: 90px 0 180px !important;
    display: flex;
    align-items: center;
    position: relative;
    background-color: var(--bg-default, #E8F0F7);
    overflow: visible !important;
    border-bottom: 0 !important;
}
@media (max-width: 1179px) {
    section.header-layer.with-image { padding: 100px 0 170px !important; }
}
@media (max-width: 767px) {
    section.header-layer.with-image { padding: 70px 0 130px !important; }
}

/* Lichtere overlay: vervang de extra 60%-gradient door een subtiele bodem voor leesbaarheid */
section.header-layer.with-image span.desktop-header:before {
    background: linear-gradient(0deg, rgba(0,0,0,0.28) 0%, rgba(0,0,0,0.0) 45%) !important;
}

/* Golf-overlay onderaan: bg-gekleurde vorm gemaskeerd naar de exacte Figma-golf
   (vlak aan de zijkanten, vallei in het midden). Werkt met elke foto. */
section.header-layer.with-image::before {
    content: "" !important;
    display: block !important;
    visibility: visible !important;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 60px;
    background-color: var(--bg-default, #E8F0F7);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4000 61' preserveAspectRatio='none'><path fill='%23fff' d='M0 0 H1830 C1927.09 8.72 1950.92 60.71 1999.92 60.71 C2048.91 60.71 2072.77 8.72 2169.85 0 H4000 V61 H0 Z'/></svg>") center bottom / 4000px 100% no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4000 61' preserveAspectRatio='none'><path fill='%23fff' d='M0 0 H1830 C1927.09 8.72 1950.92 60.71 1999.92 60.71 C2048.91 60.71 2072.77 8.72 2169.85 0 H4000 V61 H0 Z'/></svg>") center bottom / 4000px 100% no-repeat;
    z-index: 5;
    pointer-events: none;
    clear: none !important;
}

/* D-badge in het dal van de golf (override clearfix display:block/visibility:hidden + oude :after display:none) */
section.header-layer.with-image::after {
    content: "" !important;
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 15px !important;
    top: auto !important;
    transform: translateX(-50%) translateZ(0) !important;
    -webkit-transform: translateX(-50%) translateZ(0) !important;
    will-change: transform;
    width: 50px !important;
    height: 54px !important;
    margin: 0 !important;
    clear: none !important;
    font-size: inherit !important;
    background: url(../img/dunweg-badge.svg?v=2) no-repeat center / contain !important;
    z-index: 10;
    pointer-events: none;
}
@media (max-width: 767px) {
    section.header-layer.with-image::after {
        width: 38px !important;
        height: 41px !important;
        bottom: 15px !important;
    }
}

/* Italic serif-titel (Figma 64px desktop, vloeiend kleiner op mobiel) + beschrijving */
section.header-layer .content-box :is(h1, h2, h3) {
    font-family: "mencken-std", serif !important;
    font-style: italic !important;
    font-size: clamp(32px, 5vw, 64px);
    line-height: 1.1;
    letter-spacing: 1px;
    color: #ffffff;
}
section.header-layer .content-box .text-box {
    font-family: "new-atten", sans-serif !important;
    font-size: clamp(16px, 1.6vw, 18px);
    line-height: 1.6;
    color: #ffffff;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

/* Scroll-indicator helemaal weg + oude h1-badge uit */
.header-layer .inner.page-down-indicator {
    display: none !important;
}
.header-layer .content-box h1:before {
    content: none !important;
}

/* ============================================================================
   FAQ-laag — Dunweg (Figma node 10431:8236)
   Gecentreerde kolom: titel + subtitel, accordion-kaarten, footer-CTA.
   ============================================================================ */
.faq-laag .faq-content {
    max-width: 836px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.faq-laag .faq-header {
    text-align: center;
}
.faq-laag .faq-header .title-element {
    font-family: "mencken-std", serif !important;
    font-style: italic !important;
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #000000;
    margin: 0 0 20px;
}
.faq-laag .faq-header .text-box {
    font-family: "new-atten", sans-serif !important;
    font-size: 18px;
    line-height: 1.6;
    color: #000000;
    margin: 0;
}

/* --- Accordion-kaarten --- */
.faq-laag .faq-box.accordion {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    margin-top: 0 !important;
}
.faq-laag .accordion-item {
    background: #ffffff;
    border: 1px solid rgba(34, 58, 96, 0.2);
    border-radius: 24px;
    overflow: hidden;
}
.faq-laag .accordion-item:hover { border-color: rgba(34, 58, 96, 0.4); }
.faq-laag h3.uitklap.accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0;
    padding: 24px;
    padding-right: 40px !important;
    font-family: "new-atten", sans-serif !important;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.6;
    color: #000000;
}
.faq-laag h3.uitklap.accordion-header:after {
    content: "" !important;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin: 0 !important;
    background: #223A60 !important;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z'/></svg>") no-repeat center / 24px 24px;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z'/></svg>") no-repeat center / 24px 24px;
    transition: transform .25s ease;
    transform: translateY(-50%);
}
.faq-laag .accordion-item.is-active h3.uitklap.accordion-header:after {
    transform: translateY(-50%) rotate(180deg);
}
.faq-laag .accordion-content {
    padding: 0;
}
.faq-laag .accordion-content .faq-antwoord {
    display: block;
    box-sizing: border-box;
    padding: 0 24px 24px;
    font-family: "new-atten", sans-serif !important;
    font-size: 16px;
    line-height: 1.6;
    color: #000000;
}

/* --- Footer-CTA --- */
.faq-laag .faq-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
}
.faq-laag .faq-footer-text {
    font-family: "new-atten", sans-serif !important;
    font-size: 18px;
    line-height: 1.6;
    color: #000000;
    margin: 0;
}

@media (max-width: 767px) {
    .faq-laag .faq-header .title-element { font-size: 32px; }
    .faq-laag h3.uitklap.accordion-header { font-size: 16px; padding: 20px; }
    .faq-laag .accordion-content .faq-antwoord { padding: 0 20px 20px; }
}

/* FAQ aanvullingen */
.faq-laag .uitklap-item .text-box p { padding: 0; }
.faq-laag .faq-footer .button-box { margin-top: 0; }

/* tekst-box kindelementen: vaste fontmaat (desktop 18px / mobile 16px) */
.text-box * { font-size: 18px; margin: 0; }
@media (max-width: 767px) {
    .text-box * { font-size: 16px; }
}
/* Inline-opmaak (cursief/vet/links) erft de fontgrootte van de tekst eromheen,
   zodat <em>/<strong> nooit groter/kleiner ogen dan de lopende tekst. */
.text-box em,
.text-box i,
.text-box strong,
.text-box b,
.text-box a,
.text-box u,
.text-box sup,
.text-box sub { font-size: inherit !important; }

/* Oude geïmporteerde nieuws-content: het dubbele "Onze contactinformatie"-widget
   (in een col-md-4, met een oude 600px-foto gehotlinkt van dunweg.nl) verbergen.
   Contactinfo staat al in de zijbalk + footer. Artikeltekst wordt weer vol-breed. */
.nieuws-detail-laag .nd-body .contact-information { display: none !important; }
.nieuws-detail-laag .nd-body .col-md-8,
.nieuws-detail-laag .nd-body .col-md-4 { width: 100% !important; max-width: 100% !important; float: none !important; }

/* ============================================================================
   Content-afbeelding-laag (tekst-afbeelding) — Dunweg (Figma node 10431:8232)
   Twee koloms: afbeelding (rond 30px) + content (titel/tekst/checklist/knop).
   ============================================================================ */
.content-afbeelding-laag .flexbox-wrapper {
    gap: clamp(40px, 6vw, 100px);
    align-items: stretch;
}
.content-afbeelding-laag .content-box {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
}
/* afbeelding 48% breed, rekt mee met de content-hoogte (geen gat als tekst langer is) */
.content-afbeelding-laag span.image-box.one-image {
    flex: 0 0 48%;
    height: auto;
    min-height: 420px;
    border-radius: 30px;
    align-self: stretch;
}
.content-afbeelding-laag .title-element {
    font-family: "mencken-std", serif !important;
    font-style: italic !important;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #000000;
    margin: 0;
}
.content-afbeelding-laag .text-box,
.content-afbeelding-laag .text-box p {
    font-family: "new-atten", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6;
    color: #000000;
    margin: 0;
}

/* Checklist (ul in het tekst-WYSIWYG) met groene vinkjes */
.content-afbeelding-laag .text-box ul {
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.content-afbeelding-laag .text-box ul li {
    position: relative;
    padding-left: 32px;
    font-family: "new-atten", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6;
    color: #000000;
}
.content-afbeelding-laag .text-box ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background-color: #579067;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>") no-repeat center / 20px 20px;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>") no-repeat center / 20px 20px;
}

@media (max-width: 1023px) {
    .content-afbeelding-laag .flexbox-wrapper { flex-direction: column !important; gap: 32px; }
    .content-afbeelding-laag .content-box { flex: 1 1 auto; justify-content: flex-start; }
    .content-afbeelding-laag span.image-box.one-image {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        min-height: 280px;
    }
    .content-afbeelding-laag .title-element { font-size: 28px; }
    section.afb-tekst-laag.image-Rechts .afb-caption { flex-direction: row; justify-content: flex-start; }
}

/* Aanvullingen content-afbeelding-laag */
.button-box,
.afb-tekst-laag .button-box {
    margin-top: 0;
}
.afb-tekst-laag .content-box ul li:first-child {
    margin-top: 24px;
}
section.afb-tekst-laag.image-Links .content-box {
    padding-right: 0;
}
section.afb-tekst-laag.image-Rechts .flexbox-wrapper div.content-box {
    padding-left: 0;
}
section.afb-tekst-laag.image-Rechts .afb-caption {
    flex-direction: row-reverse;
}

/* Caption onder de afbeelding (Figma: info-icoon + tekst) */
.content-afbeelding-laag .afb-caption {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
}
.content-afbeelding-laag .afb-caption__icon {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    background-color: #223A60;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M11 7h2v2h-2V7zm0 4h2v6h-2v-6zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/></svg>") no-repeat center / 24px 24px;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M11 7h2v2h-2V7zm0 4h2v6h-2v-6zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/></svg>") no-repeat center / 24px 24px;
}
.content-afbeelding-laag .afb-caption__text {
    font-family: "new-atten", sans-serif !important;
    font-size: 16px;
    line-height: 1.6;
    color: #000000;
}


/* ============================================================================
   Checklist / USP-laag — Dunweg (Figma node 10431:8230)
   Twee koloms: intro (titel + tekst) + witte kaart met groene-vinkje-checklist.
   ============================================================================ */
.checklist-laag .checklist-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: clamp(40px, 6vw, 100px);
}
.checklist-laag.kaart-Links .checklist-wrapper {
    flex-direction: row-reverse;
}
.checklist-laag .checklist-intro {
    flex: 0 1 411px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.checklist-laag .checklist-intro .title-element {
    font-family: "mencken-std", serif !important;
    font-style: italic !important;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #000000;
    margin: 0;
}
.checklist-laag .checklist-intro .text-box,
.checklist-laag .checklist-intro .text-box p {
    font-family: "new-atten", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6;
    color: #000000;
    margin: 0;
}
.checklist-laag .checklist-card {
    flex: 0 1 567px;
    background: #ffffff;
    border: 1px solid rgba(0, 54, 102, 0.2);
    border-radius: 30px;
    padding: 32px;
}
.checklist-laag .checklist-card ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.checklist-laag .checklist-card ul li {
    display: block;
    position: relative;
    padding-left: 40px;
    font-family: "new-atten", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6;
    color: #000000;
}
.checklist-laag .checklist-card ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #579067;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23fff' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}
@media (max-width: 1023px) {
    .checklist-laag .checklist-wrapper,
    .checklist-laag.kaart-Links .checklist-wrapper {
        flex-direction: column !important;
        align-items: stretch;
        gap: 32px;
    }
    .checklist-laag .checklist-intro,
    .checklist-laag .checklist-card { flex: 1 1 auto; }
    .checklist-laag .checklist-intro .title-element { font-size: 28px; }
}

/* ============================================================================
   CTA-laag — inline contact-prompt (Figma node 10379:7529)
   Witte kaart met titel + subtitel links, groene knop rechts.
   ============================================================================ */
.cta-laag .cta-prompt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    background: #ffffff;
    border: 1px solid rgba(34, 58, 96, 0.2);
    border-radius: 24px;
    padding: 32px;
}
.cta-laag .cta-prompt__text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.cta-laag .cta-prompt__title {
    font-family: "new-atten", sans-serif !important;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.6;
    color: #000000;
    margin: 0;
}
.cta-laag .cta-prompt__sub,
.cta-laag .cta-prompt__sub p {
    font-family: "new-atten", sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: #223A60;
    margin: 0;
}
.cta-laag .cta-prompt > a.btn {
    flex-shrink: 0;
}
@media (max-width: 767px) {
    .cta-laag .cta-prompt {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 24px;
    }
}

/* ============================================================================
   Content + afbeelding (vast) — Dunweg (Figma node 10431:8183)
   Intro (titel + subtitel) + witte kaart met content links/rechts en
   afbeelding vast ertegenaan, met gebogen scheiding.
   ============================================================================ */
.cav-laag .cav-intro {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 32px;
}
.cav-laag .cav-intro-title {
    font-family: "mencken-std", serif !important;
    font-style: italic !important;
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #000000;
    margin: 0;
}
.cav-laag .cav-intro-sub {
    font-family: "new-atten", sans-serif !important;
    font-size: 18px;
    line-height: 1.6;
    color: #000000;
    margin: 0;
}

/* Kaart: content + afbeelding vast tegen elkaar */
.cav-laag .cav-card {
    display: flex;
    align-items: stretch;
    background: #ffffff;
    border: 1px solid rgba(34, 58, 96, 0.2);
    border-radius: 30px;
    overflow: hidden;
}
.cav-laag.afb-Links .cav-card {
    flex-direction: row-reverse;
}
.cav-laag .cav-content {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
    padding: 32px;
}
.cav-laag .cav-badge {
    align-self: flex-start;
    background: #EAF3E6;
    color: #579067;
    font-family: "new-atten", sans-serif !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.6;
    padding: 2px 8px;
    border-radius: 4px;
}
.cav-laag .cav-title {
    font-family: "mencken-std", serif !important;
    font-style: italic !important;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #000000;
    margin: 0;
}
.cav-laag .cav-text,
.cav-laag .cav-text p {
    font-family: "new-atten", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6;
    color: #000000;
    margin: 0;
}
.cav-laag {
    --cav-bulge: 56px;
}
.cav-laag .cav-image {
    flex: 0 0 50%;
    align-self: stretch;
    min-height: 332px;
    z-index: 1;
}
/* Tekst links / afbeelding rechts: oude versie — witruimte puilt naar rechts in de afbeelding (concaaf) */
.cav-laag.afb-Rechts .cav-image {
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 159' preserveAspectRatio='none'><path fill='%23000' d='M0 0 C4.48 45.42 31.17 56.57 31.17 79.5 C31.17 102.42 4.48 113.58 0 159 H280 V0 Z'/></svg>") no-repeat center / 100% 100%;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 159' preserveAspectRatio='none'><path fill='%23000' d='M0 0 C4.48 45.42 31.17 56.57 31.17 79.5 C31.17 102.42 4.48 113.58 0 159 H280 V0 Z'/></svg>") no-repeat center / 100% 100%;
}
/* Tekst rechts / afbeelding links: afbeelding puilt convex naar rechts in de tekst */
.cav-laag.afb-Links .cav-content { padding-left: calc(32px + var(--cav-bulge)); }
.cav-laag.afb-Links .cav-image {
    flex-basis: calc(50% + var(--cav-bulge));
    margin-right: calc(-1 * var(--cav-bulge));
    -webkit-mask:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.17 159' preserveAspectRatio='none'><path fill='%23000' d='M0 0 C4.48 45.42 31.17 56.57 31.17 79.5 C31.17 102.42 4.48 113.58 0 159 Z'/></svg>") right center / var(--cav-bulge) 100% no-repeat,
        linear-gradient(#000, #000) left center / calc(100% - var(--cav-bulge) + 1px) 100% no-repeat;
    mask:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.17 159' preserveAspectRatio='none'><path fill='%23000' d='M0 0 C4.48 45.42 31.17 56.57 31.17 79.5 C31.17 102.42 4.48 113.58 0 159 Z'/></svg>") right center / var(--cav-bulge) 100% no-repeat,
        linear-gradient(#000, #000) left center / calc(100% - var(--cav-bulge) + 1px) 100% no-repeat;
}

@media (max-width: 1023px) {
    .cav-laag .cav-intro-title { font-size: 28px; }
    .cav-laag .cav-card,
    .cav-laag.afb-Links .cav-card { flex-direction: column; }
    /* Afbeelding bovenaan, puilt naar beneden uit in de content */
    .cav-laag .cav-image { order: -1; }
    .cav-laag .cav-content,
    .cav-laag.afb-Rechts .cav-content,
    .cav-laag.afb-Links .cav-content {
        flex: 1 1 auto;
        gap: 16px;
        padding: calc(32px + var(--cav-bulge)) 32px 32px;
    }
    .cav-laag .cav-image,
    .cav-laag.afb-Rechts .cav-image,
    .cav-laag.afb-Links .cav-image {
        flex: 0 0 auto;
        width: 100%;
        min-height: 240px;
        margin: 0 0 calc(-1 * var(--cav-bulge));
        -webkit-mask:
            url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 159 31.17' preserveAspectRatio='none'><path fill='%23000' d='M0 0 H159 C113.58 4.48 102.42 31.17 79.5 31.17 C56.57 31.17 45.42 4.48 0 0 Z'/></svg>") bottom center / 100% var(--cav-bulge) no-repeat,
            linear-gradient(#000, #000) top center / 100% calc(100% - var(--cav-bulge) + 1px) no-repeat;
        mask:
            url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 159 31.17' preserveAspectRatio='none'><path fill='%23000' d='M0 0 H159 C113.58 4.48 102.42 31.17 79.5 31.17 C56.57 31.17 45.42 4.48 0 0 Z'/></svg>") bottom center / 100% var(--cav-bulge) no-repeat,
            linear-gradient(#000, #000) top center / 100% calc(100% - var(--cav-bulge) + 1px) no-repeat;
    }
}

/* ====== QUOTE LAAG ====== */
.quote-laag .quote-block { display:flex; flex-direction:column; align-items:center; text-align:center; gap:56px; }
.quote-laag .quote-top,
.quote-laag .quote-bottom { display:flex; flex-direction:column; align-items:center; width:100%; }
.quote-laag .quote-arc { width:600px; max-width:80%; height:150px; display:block; }
.quote-laag .quote-arc--bottom { transform:rotate(180deg); }
.quote-laag .quote-badge {
    margin-top:-35px;
    display:inline-block;
    border:1px solid #000;
    border-radius:32px;
    padding:8px 16px;
    font-family:"new-atten" !important;
    font-size:12px;
    line-height:1;
    color:#000;
    background:transparent;
}
.quote-laag .quote-text {
    font-family:"mencken-std" !important;
    font-style:italic;
    font-weight:500;
    font-size:26px;
    line-height:1.3;
    letter-spacing:.5px;
    max-width:760px;
    margin:0;
    color:inherit;
}
.quote-laag .quote-author {
    margin-bottom:-26px;
    font-family:"new-atten" !important;
    font-size:16px;
    color:inherit;
}

/* Compacte variant: zonder bogen, strakker en groter citaat (Figma 11039-14343) */
.quote-laag--compact .quote-block { gap:24px; }
.quote-laag--compact .quote-arc { display:none; }
.quote-laag--compact .quote-badge { margin-top:0; }
.quote-laag--compact .quote-author { margin-bottom:0; }
.quote-laag--compact .quote-text { font-size:32px; line-height:1.2; letter-spacing:1px; max-width:860px; }

@media (max-width:768px) {
    .quote-laag .quote-block { gap:48px; }
    .quote-laag .quote-arc { height:100px; }
    .quote-laag .quote-text { font-size:22px; letter-spacing:.5px; }
    .quote-laag .quote-badge { margin-top:-18px; }
    .quote-laag .quote-author { margin-bottom:-12px; }
    .quote-laag--compact .quote-block { gap:20px; }
    .quote-laag--compact .quote-badge { margin-top:0; }
    .quote-laag--compact .quote-author { margin-bottom:0; }
    .quote-laag--compact .quote-text { font-size:24px; line-height:1.25; }
}

/* ====== TABEL LAAG ====== */
.tabel-laag .tabel-intro { display:flex; flex-direction:column; gap:20px; margin-bottom:32px; }
.tabel-laag .tabel-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; margin:0; }
.tabel-laag .tabel-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }
.tabel-laag .tabel-card { background:#fff; border:1px solid rgba(34,58,96,.2); border-radius:30px; padding:32px; }
.tabel-laag .tabel-scroll { overflow-x:auto; }
.tabel-laag .tabel-vergelijk { width:100%; border-collapse:collapse; }
.tabel-laag .tabel-vergelijk th,
.tabel-laag .tabel-vergelijk td { text-align:left; padding:15px 24px; font-family:"new-atten" !important; }
.tabel-laag .tabel-vergelijk thead th { font-weight:500; font-size:18px; color:#000; border-bottom:1px solid rgba(34,58,96,.2); white-space:nowrap; }
.tabel-laag .tabel-vergelijk tbody td { font-weight:400; font-size:16px; color:#000; border-bottom:1px solid rgba(34,58,96,.1); white-space:nowrap; }
.tabel-laag .tabel-vergelijk tbody tr:last-child td { border-bottom:0; }
.tabel-laag .tabel-vergelijk tbody td:first-child { color:#223a60; }

@media (max-width:768px) {
    .tabel-laag .tabel-title { font-size:28px; }
    .tabel-laag .tabel-sub { font-size:16px; }
    .tabel-laag .tabel-card { padding:16px; border-radius:20px; }
    .tabel-laag .tabel-vergelijk th,
    .tabel-laag .tabel-vergelijk td { padding:12px 16px; }
}

/* ====== AFBEELDING+TITEL+TEKST → KAARTEN (content-laag, node 10533-10338) ====== */
.afb-kaarten .afbeelding-content-item {
    display:flex !important;
    flex-direction:column;
    border:1px solid rgba(34,58,96,.2);
    border-radius:30px;
    overflow:hidden;
    background:#fff;
}
.afb-kaarten .afbeelding-content-item span.image-box.one-image {
    width:100%;
    height:200px !important;
    margin:0 !important;
    border-radius:0 !important;
    background-size:cover !important;
    background-position:center !important;
}
.afb-kaarten .afbeelding-content-item .content-box {
    display:flex;
    flex-direction:column;
    gap:16px;
    padding:32px !important;
    margin:0 !important;
    max-width:none !important;
    background:#fff;
    flex:1 0 auto;
}
.afb-kaarten .afbeelding-content-item .content-box h3 {
    font-family:"new-atten" !important;
    font-weight:700;
    font-size:20px !important;
    line-height:1.6;
    color:#000;
    margin:0 !important;
}
.afb-kaarten .afbeelding-content-item .content-box .text-box,
.afb-kaarten .afbeelding-content-item .content-box .text-box * {
    font-family:"new-atten" !important;
    font-size:16px;
    line-height:1.6;
    color:#000;
}
/* Desktop: 2-koloms grid i.p.v. de oude flex-row */
@media (min-width:1171px) {
    .afb-kaarten.afbeelding-content-slider {
        display:grid !important;
        grid-template-columns:repeat(2,1fr) !important;
        gap:32px !important;
        max-width:none !important;
    }
    .afb-kaarten.afbeelding-content-slider > .afbeelding-content-item {
        width:auto !important;
        flex-basis:auto !important;
        flex-grow:0 !important;
    }
    .afb-kaarten .afbeelding-content-item span.image-box.one-image { height:200px !important; }
    .afb-kaarten .afbeelding-content-item .content-box h3 { font-size:20px !important; margin:0 !important; }
}

/* ====== AFB-KAARTEN: intro + ul-vinkjes + links ====== */
.afb-kaarten-intro { display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between; gap:32px; margin-bottom:32px; }
.afb-kaarten-intro__text { display:flex; flex-direction:column; gap:20px; flex:1 1 auto; }
.afb-kaarten-intro .btn { flex:0 0 auto; }
.afb-kaarten-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; margin:0; }
.afb-kaarten-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }

/* Tag-badge bovenaan de kaart */
.afb-kaarten .afbeelding-content-item .content-box .kaart-tag {
    align-self:flex-start;
    background:#EAF3E6;
    color:#579067;
    font-family:"new-atten" !important;
    font-weight:500;
    font-size:14px;
    line-height:1.6;
    padding:2px 8px;
    border-radius:4px;
}

/* Niet-_blank link: pijl-icoon (blauw, naar rechts) vóór de tekst */
.afb-kaarten .afbeelding-content-item .content-box .text-box a:not([target="_blank"])::before {
    content:"";
    flex:0 0 24px;
    width:24px;
    height:24px;
    transform:rotate(180deg);
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 18L4 12L10 6L11.4 7.45L7.85 11H20V13H7.85L11.4 16.55L10 18Z' fill='%230078D2'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* ul/li → automatische vinkjes (groen #579067), tekst navy 14px */
.afb-kaarten .afbeelding-content-item .content-box .text-box ul {
    list-style:none;
    margin:0 !important;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:12px;
}
.afb-kaarten .afbeelding-content-item .content-box .text-box ul li {
    position:relative;
    padding-left:24px;
    margin:0;
    font-size:14px;
    line-height:1.6;
    color:#223a60;
}
.afb-kaarten .afbeelding-content-item .content-box .text-box ul li::before {
    content:"";
    position:absolute;
    left:0;
    top:2px;
    width:16px;
    height:16px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.3333 4L6 11.3333L2.66667 8' stroke='%23579067' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* Links: blauw #0078D2; target=_blank krijgt extern-icoon */
.afb-kaarten .afbeelding-content-item .content-box .text-box a {
    color:#0078D2 !important;
    font-weight:500;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:8px;
}
.afb-kaarten .afbeelding-content-item .content-box .text-box a:hover { text-decoration:underline; }
.afb-kaarten .afbeelding-content-item .content-box .text-box a[target="_blank"]::after {
    content:"";
    flex:0 0 24px;
    width:24px;
    height:24px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 13V19C19 19.5304 18.7893 20.0391 18.4142 20.4142C18.0391 20.7893 17.5304 21 17 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V7C3 6.46957 3.21071 5.96086 3.58579 5.58579C3.96086 5.21071 4.46957 5 5 5H11V7H5V19H17V13H19ZM13 3V5H17.586L9.793 12.793L11.207 14.207L19 6.414V11H21V3H13Z' fill='%230078D2'/%3E%3C/svg%3E") no-repeat center / contain;
}

@media (max-width:768px) {
    .afb-kaarten-intro { flex-direction:column; }
    .afb-kaarten-title { font-size:28px; }
    .afb-kaarten-sub { font-size:16px; }
}

/* afb-kaarten: text-box als flex-kolom; gap-box-gap eruit in dit geval */
.afb-kaarten .afbeelding-content-item .content-box .text-box {
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    flex-direction:column;
}
.gap-box:has(.afb-kaarten) { gap:0 !important; }

/* afb-kaarten: bij precies 3 items → 3 koloms op desktop */
@media (min-width:1171px) {
    .afb-kaarten.afbeelding-content-slider:has(> .afbeelding-content-item:nth-child(3):last-child) {
        grid-template-columns:repeat(3,1fr) !important;
    }
}

/* ====== CONTENT BLOK MET SUB-LINKS (node 10431-8177) ====== */
.content-blok-laag .cb-row { display:flex; align-items:flex-start; justify-content:space-between; gap:90px; }
.content-blok-laag .cb-intro { display:flex; flex-direction:column; gap:20px; max-width:563px; flex:1 1 auto; }
.content-blok-laag .cb-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; margin:0; }
.content-blok-laag .cb-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }

.cb-card {
    flex:0 0 336px;
    width:336px;
    background:#fff;
    border:1px solid rgba(34,58,96,.2);
    border-radius:30px;
    padding:32px;
    display:flex;
    flex-direction:column;
    gap:32px;
}
/* Terug-link met chevron (zwart, naar links) */
.cb-back {
    display:inline-flex;
    align-items:center;
    gap:16px;
    font-family:"new-atten" !important;
    font-size:16px;
    line-height:1.6;
    color:#000 !important;
    text-decoration:none;
}
.cb-back:hover { text-decoration:underline; }
.cb-back::before {
    content:"";
    flex:0 0 auto;
    width:18px;
    height:18px;
    background-color:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z'/%3E%3C/svg%3E") no-repeat center / contain;
    transform:scaleX(-1);
}
/* Sub-links: tekst links, pijl rechts (blauw) */
.cb-links { display:flex; flex-direction:column; gap:16px; }
.cb-link {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    font-family:"new-atten" !important;
    font-weight:500;
    font-size:16px;
    line-height:1.6;
    color:#0078D2 !important;
    text-decoration:none;
}
.cb-link:hover span { text-decoration:underline; }
.cb-link::after {
    content:"";
    flex:0 0 24px;
    width:24px;
    height:24px;
    transform:rotate(180deg);
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 18L4 12L10 6L11.4 7.45L7.85 11H20V13H7.85L11.4 16.55L10 18Z' fill='%230078D2'/%3E%3C/svg%3E") no-repeat center / contain;
}

@media (max-width:1170px) {
    .content-blok-laag .cb-row { flex-direction:column; gap:32px; }
    .content-blok-laag .cb-intro { max-width:none; }
    .content-blok-laag .cb-card { flex-basis:auto; width:100%; }
}
@media (max-width:768px) {
    .content-blok-laag .cb-title { font-size:28px; }
    .content-blok-laag .cb-sub { font-size:16px; }
}

/* ==== Content blok (sub-links): tegel-opmaak zoals /over-dunweg/ (.ui-cat) ====
   Alléén binnen .content-blok-laag gescoped; de gedeelde .cb-card/.cb-link-basis
   (ook door de blokken-subs-laag gebruikt) blijft ongemoeid. */
.content-blok-laag .cb-row { flex-direction:column; gap:32px; align-items:stretch; }
.content-blok-laag .cb-intro { max-width:760px; flex:0 0 auto; }
/* De kaart wordt een transparante wrapper; de sub-links zélf worden tegels. */
.content-blok-laag .cb-card { flex:1 1 auto; width:auto; background:none; border:0; border-radius:0; padding:0; gap:20px; }
.content-blok-laag .cb-back { margin-bottom:4px; }
.content-blok-laag .cb-links { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.content-blok-laag .cb-link {
    justify-content:space-between;
    background:#fff;
    border:1px solid #e3e8e4;
    border-radius:14px;
    padding:22px 26px;
    min-height:90px;
    color:#223a60 !important;
    font-size:18px;
    transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.content-blok-laag .cb-link span { font-weight:500; }
.content-blok-laag .cb-link:hover { box-shadow:0 12px 30px rgba(34,58,96,.12); transform:translateY(-3px); border-color:#cfe0d3; text-decoration:none; }
.content-blok-laag .cb-link:hover span { text-decoration:none; }
/* Pijl in het dunweg-groen (zoals de ui-cat tegels), naar rechts. */
.content-blok-laag .cb-link::after {
    transform:none;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%23579067'/%3E%3C/svg%3E") no-repeat center / contain;
}
.content-blok-laag .cb-link:hover::after { transform:translateX(3px); transition:transform .18s ease; }
@media (max-width:1100px) { .content-blok-laag .cb-links { grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px)  { .content-blok-laag .cb-links { grid-template-columns:1fr; } }

/* ====== BLOKKEN MET SUB-LINKS (node 10431-8176) — hergebruikt .cb-card/.cb-link ====== */
.blokken-subs-laag .bs-intro { margin-bottom:32px; }
.blokken-subs-laag .bs-grid { display:flex; flex-wrap:wrap; gap:32px; }
.blokken-subs-laag .bs-card { flex:1 1 280px; width:auto; }
.blokken-subs-laag .bs-card-title {
    font-family:"new-atten" !important;
    font-weight:500;
    font-size:20px;
    line-height:1.6;
    color:#000;
    margin:0;
}
@media (max-width:768px) {
    .blokken-subs-laag .bs-card { flex-basis:100%; }
}

/* ====== CONTENT + CTA-KAART (node 10527-3427) ====== */
.content-cta-laag .cc-row { display:flex; align-items:flex-start; justify-content:space-between; gap:32px; }
.content-cta-laag .cc-left { display:flex; flex-direction:column; gap:32px; max-width:635px; flex:1 1 auto; }
.content-cta-laag .cc-heading { display:flex; flex-direction:column; gap:24px; }
.content-cta-laag .cc-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:48px; line-height:1.2; letter-spacing:.48px; margin:0; }
.content-cta-laag .cc-text { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }
.content-cta-laag .cc-content-btn { align-self:flex-start; margin-top:8px; }

/* Kaart met tail */
.content-cta-laag .cc-card {
    position:relative;
    flex:0 0 479px;
    width:479px;
    background:#fff;
    border-radius:30px;
    padding:32px;
    box-shadow:0 20px 50px rgba(34,58,96,.10);
    display:flex;
    flex-direction:column;
    gap:24px;
}
.content-cta-laag .cc-card::after {
    content:"";
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%);
    margin-top:-1px;            /* naadloos tegen de kaart */
    width:171.455px;
    height:31.174px;
    background:#fff;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 171 31'%3E%3Cpath d='M0 0C50.5 0 50.5 31 85.5 31 120.5 31 120.5 0 171 0Z'/%3E%3C/svg%3E") no-repeat center/contain;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 171 31'%3E%3Cpath d='M0 0C50.5 0 50.5 31 85.5 31 120.5 31 120.5 0 171 0Z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.content-cta-laag .cc-card-top { display:flex; flex-direction:column; gap:16px; }
.content-cta-laag .cc-card-title { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.content-cta-laag .cc-contact-row { display:flex; align-items:center; gap:12px; }
.content-cta-laag .cc-contact-row span:not(.cc-ico),
.content-cta-laag .cc-contact-row a { font-family:"new-atten" !important; font-size:18px; line-height:1.5; color:#223a60 !important; text-decoration:none; }
.content-cta-laag .cc-contact-row a:hover { text-decoration:underline; }
.content-cta-laag .cc-ico { flex:0 0 24px; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.content-cta-laag .cc-ico--loc { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.675 21.1625C6.55833 20.6042 6 19.8833 6 19C6 18.6 6.12083 18.2292 6.3625 17.8875C6.60417 17.5458 6.94167 17.25 7.375 17L8.95 18.475C8.8 18.5417 8.6375 18.6167 8.4625 18.7C8.2875 18.7833 8.15 18.8833 8.05 19C8.26667 19.2667 8.76667 19.5 9.55 19.7C10.3333 19.9 11.15 20 12 20C12.85 20 13.6708 19.9 14.4625 19.7C15.2542 19.5 15.7583 19.2667 15.975 19C15.8583 18.8667 15.7083 18.7583 15.525 18.675C15.3417 18.5917 15.1667 18.5167 15 18.45L16.55 16.95C17.0167 17.2167 17.375 17.5208 17.625 17.8625C17.875 18.2042 18 18.5833 18 19C18 19.8833 17.4417 20.6042 16.325 21.1625C15.2083 21.7208 13.7667 22 12 22C10.2333 22 8.79167 21.7208 7.675 21.1625ZM12 19C9.65 17.2667 7.89583 15.5833 6.7375 13.95C5.57917 12.3167 5 10.7167 5 9.15C5 7.96667 5.2125 6.92917 5.6375 6.0375C6.0625 5.14583 6.60833 4.4 7.275 3.8C7.94167 3.2 8.69167 2.75 9.525 2.45C10.3583 2.15 11.1833 2 12 2C12.8167 2 13.6417 2.15 14.475 2.45C15.3083 2.75 16.0583 3.2 16.725 3.8C17.3917 4.4 17.9375 5.14583 18.3625 6.0375C18.7875 6.92917 19 7.96667 19 9.15C19 10.7167 18.4208 12.3167 17.2625 13.95C16.1042 15.5833 14.35 17.2667 12 19ZM12 11C12.55 11 13.0208 10.8042 13.4125 10.4125C13.8042 10.0208 14 9.55 14 9C14 8.45 13.8042 7.97917 13.4125 7.5875C13.0208 7.19583 12.55 7 12 7C11.45 7 10.9792 7.19583 10.5875 7.5875C10.1958 7.97917 10 8.45 10 9C10 9.55 10.1958 10.0208 10.5875 10.4125C10.9792 10.8042 11.45 11 12 11Z' fill='%23579067'/%3E%3C/svg%3E"); }
.content-cta-laag .cc-ico--call { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21Z' fill='%23579067'/%3E%3C/svg%3E"); }
.content-cta-laag .cc-ico--mail { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM12 13L20 8V6L12 11L4 6V8L12 13Z' fill='%23579067'/%3E%3C/svg%3E"); }

.content-cta-laag .cc-divider { display:block; height:1px; width:100%; background:rgba(34,58,96,.2); }
.content-cta-laag .cc-card-bottom { display:flex; flex-direction:column; gap:16px; }
.content-cta-laag .cc-support { display:flex; flex-direction:column; gap:8px; text-align:center; }
.content-cta-laag .cc-support-title { font-family:"new-atten" !important; font-weight:700; font-size:18px; line-height:1.6; color:#201d1d; margin:0; }
.content-cta-laag .cc-support-sub { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#223a60; margin:0; }
.content-cta-laag .cc-card .cc-btn { width:100% !important; }
.content-cta-laag .cc-nood { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#223a60; text-align:center; margin:0; }

@media (max-width:1170px) {
    .content-cta-laag .cc-row { flex-direction:column; gap:40px; }
    .content-cta-laag .cc-left { max-width:none; }
    .content-cta-laag .cc-card { flex-basis:auto; width:100%; }
}
@media (max-width:768px) {
    .content-cta-laag .cc-title { font-size:32px; }
}

/* ====== AFBEELDING + CONTENT SLIDER (node 10533-5848) ====== */
/* .dunweg-slider = gedeelde footer-nav (dots links / prev-next rechts) */
.dunweg-slider { position:relative; padding-bottom:112px; }

/* Afbeeldingen-slider (content-laag, node 10540-11350): 3 afbeeldingen, radius 30px */
.afb-slider.dunweg-slider .image-box { border-radius:30px !important; height:358px !important; overflow:hidden; }
.afb-slider.dunweg-slider[data-cols="2"] .image-box { height:480px !important; }
.afb-slider.dunweg-slider[data-cols="4"] .image-box { height:300px !important; }
.afb-slider.dunweg-slider .image-box a,
.afb-slider.dunweg-slider .image-box img { border-radius:30px; }
@media (max-width:768px) { .afb-slider.dunweg-slider[data-cols] .image-box { height:280px !important; } }

.afb-content-slider .acs-item { display:flex; flex-direction:column; gap:40px; }
.afb-content-slider.weergave-info .acs-item { gap:16px; }
.afb-content-slider .acs-image {
    display:block;
    width:100%;
    height:420px;
    margin:0;
    padding:0;
    border:0;
    border-radius:30px;
    background:#d9d9d9;
    background-size:cover !important;
    background-position:center !important;
    position:relative;
    cursor:zoom-in;
}
/* Hoogte schaalt mee met aantal kolommen (minder = groter) */
.afb-content-slider[data-cols="3"] .acs-image { height:340px; }
.afb-content-slider[data-cols="4"] .acs-image { height:280px; }

/* Beeldverhouding-varianten: hele afbeelding tonen (geen bijsnijden) */
.afb-content-slider.verhouding-portret .acs-image,
.afb-content-slider.verhouding-vierkant .acs-image {
    height:auto !important;
    background-color:#f2f2f2;
    background-size:contain !important;
}
.afb-content-slider.verhouding-portret .acs-image  { aspect-ratio:3 / 4; }
.afb-content-slider.verhouding-vierkant .acs-image { aspect-ratio:1 / 1; }

/* Zoom-hint rechtsonder op elke slide */
.afb-content-slider .acs-image .acs-zoom {
    position:absolute; right:12px; bottom:12px; width:36px; height:36px;
    border-radius:50%; background:rgba(10,12,16,.55);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='M21 21l-4.3-4.3' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M11 8v6M8 11h6' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:center;
    opacity:0; transition:opacity .15s ease; pointer-events:none;
}
.afb-content-slider .acs-image:hover .acs-zoom { opacity:1; }

/* Lightbox / volledig scherm */
.dw-lightbox {
    position:fixed; inset:0; z-index:9999; display:none;
    align-items:center; justify-content:center;
    background:rgba(10,12,16,.9); padding:24px;
}
.dw-lightbox.is-open { display:flex; }
.dw-lightbox__img { max-width:92vw; max-height:92vh; width:auto; height:auto; border-radius:8px; box-shadow:0 10px 40px rgba(0,0,0,.5); }
.dw-lightbox__close {
    position:absolute; top:18px; right:24px; width:48px; height:48px;
    border:0; border-radius:50%; background:rgba(255,255,255,.12); color:#fff;
    font-size:30px; line-height:1; cursor:pointer;
}
.dw-lightbox__close:hover { background:rgba(255,255,255,.25); }

/* Layer-intro */
.afb-content-slider-laag .acs-intro { display:flex; flex-direction:column; gap:20px; margin-bottom:64px; }
.afb-content-slider-laag .acs-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; margin:0; }
.afb-content-slider-laag .acs-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }

/* Info-label onder afbeelding */
.afb-content-slider .acs-info { display:inline-flex; align-items:center; gap:12px; }
.afb-content-slider .acs-info-ico {
    flex:0 0 24px; width:24px; height:24px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.305 20.305' fill='none'%3E%3Cpath d='M10.1611 0.5C11.501 0.5 12.7521 0.7534 13.9189 1.2578C15.0956 1.7666 16.1153 2.4553 16.9824 3.3223C17.8495 4.1891 18.5381 5.2097 19.0469 6.3887C19.5516 7.5579 19.8047 8.8095 19.8047 10.1484C19.8047 11.4872 19.5515 12.7367 19.0469 13.9014C18.5379 15.0767 17.8488 16.0991 16.9805 16.9717C16.113 17.8434 15.0922 18.5346 13.9141 19.0449C12.7457 19.5508 11.4951 19.8047 10.1572 19.8047C8.8188 19.8047 7.5694 19.5519 6.4043 19.0488C5.23 18.5418 4.2062 17.8507 3.3301 16.9746C2.4541 16.0986 1.7629 15.0743 1.2559 13.8994C0.7529 12.7337 0.5 11.4834 0.5 10.1436C0.5 8.8038 0.7528 7.5532 1.2559 6.3867C1.6994 5.3584 2.2838 4.4494 3.0088 3.6572L3.3281 3.3252C4.2037 2.4566 5.2279 1.7679 6.4043 1.2588C7.5703 0.7541 8.8211 0.5 10.1611 0.5ZM10.1465 1.209C7.6793 1.209 5.5611 2.0798 3.8203 3.8105C2.0781 5.5428 1.2032 7.6687 1.2031 10.1582C1.2031 12.6262 2.0786 14.7448 3.8184 16.4854C5.559 18.2263 7.6834 19.1016 10.1621 19.1016C12.6361 19.1015 14.7554 18.2271 16.4902 16.4863C18.2247 14.7455 19.0957 12.6207 19.0957 10.1426C19.0956 7.6697 18.2256 5.5513 16.4941 3.8164C14.7616 2.0805 12.6356 1.209 10.1465 1.209ZM10.2217 9.6553C10.3017 9.6553 10.3584 9.673 10.4062 9.7061L10.4521 9.7441C10.5104 9.8022 10.54 9.8671 10.54 9.9717V14.4053C10.54 14.5119 10.51 14.5773 10.4531 14.6348C10.3977 14.6907 10.3342 14.7217 10.2275 14.7217C10.1475 14.7216 10.0908 14.7039 10.043 14.6709L9.9971 14.6328C9.9388 14.5747 9.9092 14.5099 9.9092 14.4053V9.9717C9.9092 9.865 9.9392 9.7997 9.9961 9.7422C10.0515 9.6863 10.115 9.6553 10.2217 9.6553ZM10.1504 6.0654C10.2809 6.0655 10.3681 6.1052 10.4453 6.1836C10.5202 6.2598 10.5645 6.3546 10.5645 6.5059C10.5644 6.597 10.544 6.6653 10.502 6.7246L10.4521 6.7813C10.3762 6.8549 10.2868 6.8955 10.1494 6.8955C10.0117 6.8955 9.9217 6.8551 9.8457 6.7813C9.7719 6.7094 9.7345 6.6282 9.7344 6.5029C9.7344 6.3532 9.7782 6.2582 9.8525 6.1816C9.9256 6.1067 10.0125 6.0654 10.1504 6.0654Z' fill='black' stroke='%230B0A0A'/%3E%3C/svg%3E") no-repeat center / contain;
}
.afb-content-slider .acs-info-txt { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; }
.afb-content-slider .acs-textwrap { display:flex; flex-direction:column; gap:24px; }
.afb-content-slider .acs-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:32px; line-height:1.2; letter-spacing:.32px; color:#0a0c10; margin:0; }
.afb-content-slider .acs-text,
.afb-content-slider .acs-text * { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; }

/* Footer: dots links, nav rechts (op één regel onder de slider) */
.dunweg-slider .owl-dots {
    position:absolute; left:0; bottom:0; height:48px;
    display:flex; align-items:center; gap:18px; margin:0;
}
.dunweg-slider .owl-dot span {
    width:8px !important; height:8px !important; margin:0 !important;
    border-radius:4px !important; background:#fff !important; border:none !important;
}
.dunweg-slider .owl-dot.active span { background:transparent !important; border:2px solid #000 !important; }

.dunweg-slider .owl-nav {
    position:absolute; right:0; bottom:0; margin:0;
    display:flex; align-items:center; gap:9px;
}
.dunweg-slider .owl-nav button.owl-prev,
.dunweg-slider .owl-nav button.owl-next {
    width:48px !important; height:48px !important; margin:0 !important;
    border-radius:32px !important;
    background-repeat:no-repeat !important; background-position:center !important; background-size:24px 24px !important;
}
.dunweg-slider .owl-nav button.owl-prev span,
.dunweg-slider .owl-nav button.owl-next span { display:none; }
.dunweg-slider .owl-nav button.owl-prev {
    border:1px solid #000 !important; background-color:transparent !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 18L4 12L10 6L11.4 7.45L7.85 11H20V13H7.85L11.4 16.55L10 18Z' fill='%23000000'/%3E%3C/svg%3E") !important;
}
.dunweg-slider .owl-nav button.owl-next {
    border:1px solid #000 !important; background-color:#000 !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}
.dunweg-slider .owl-nav button.owl-prev:hover { background-color:#000 !important; }
.dunweg-slider .owl-nav button.owl-prev:hover {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 18L4 12L10 6L11.4 7.45L7.85 11H20V13H7.85L11.4 16.55L10 18Z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}

@media (max-width:768px) {
    .afb-content-slider[data-cols] .acs-image { height:280px !important; }
    .afb-content-slider .acs-title { font-size:24px; }
    .afb-content-slider .acs-item { gap:24px; }
    .afb-content-slider-laag .acs-intro { margin-bottom:32px; }
    .afb-content-slider-laag .acs-intro-title { font-size:28px; }
    .afb-content-slider-laag .acs-intro-sub { font-size:16px; }
}

/* ====== CONTENT-LAAG TEKST-BOX (node 10527-4135): alles onder elkaar, max 870px ====== */
.content-laag .content-box.tekstbox {
    max-width:870px;
    margin-left:auto;
    margin-right:auto;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:24px;
}
.content-laag .content-box.tekstbox > * { margin:0 !important; }
.content-laag .content-box.tekstbox .title-element {
    font-family:"mencken-std" !important;
    font-style:italic;
    font-weight:500;
    font-size:40px;
    line-height:1.2;
    letter-spacing:.4px;
}
.content-laag .content-box.tekstbox .text-box,
.content-laag .content-box.tekstbox .text-box * { font-family:"new-atten" !important; font-size:16px; line-height:1.6; }
/* ul li → groene vinkjes */
.content-laag .content-box.tekstbox .text-box ul {
    list-style:none;
    margin:24px 0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:12px;
}
.content-laag .content-box.tekstbox .text-box ul li {
    position:relative;
    padding-left:32px;
    margin:0;
    font-size:16px;
    line-height:1.6;
    color:#000;
}
.content-laag .content-box.tekstbox .text-box ul li::before {
    content:"";
    position:absolute;
    left:0;
    top:2px;
    width:20px;
    height:20px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.3333 4L6 11.3333L2.66667 8' stroke='%23579067' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
@media (max-width:768px) {
    .content-laag .content-box.tekstbox .title-element { font-size:28px; }
}

/* ====== CONTENT + ACCORDION (stappen, node 10431-8233) ====== */
.content-accordion-laag .ca-row { display:flex; align-items:flex-start; gap:110px; }
.content-accordion-laag .ca-intro { flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:32px; }
.content-accordion-laag .ca-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:32px; line-height:1.2; letter-spacing:.32px; margin:0; }
.content-accordion-laag .ca-intro-text,
.content-accordion-laag .ca-intro-text * { font-family:"new-atten" !important; font-size:16px; line-height:1.6; }

.content-accordion-laag .ca-acc { flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:14px; }
.content-accordion-laag .ca-item {
    background:#fff;
    border:1px solid rgba(0,54,102,.2);
    border-radius:30px;
    padding:32px;
}
.content-accordion-laag .ca-head {
    display:flex; align-items:center; gap:14px;
    cursor:pointer; list-style:none;
    -webkit-user-select:none; user-select:none;
}
.content-accordion-laag .ca-head:focus-visible { outline:2px solid #0078D2; outline-offset:4px; border-radius:8px; }
.content-accordion-laag .ca-num {
    flex:0 0 48px; width:48px; height:48px;
    border:2px solid #0078D2; border-radius:24px;
    display:flex; align-items:center; justify-content:center;
    font-family:"new-atten" !important; font-weight:700; font-size:20px; color:#0078D2;
}
.content-accordion-laag .ca-title {
    flex:1 1 auto;
    font-family:"new-atten" !important; font-weight:700; font-size:18px; line-height:1.6; color:#000;
}
.content-accordion-laag .ca-chevron {
    flex:0 0 15px; width:15px; height:9px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 9' fill='none'%3E%3Cpath d='M1 1L7.5 7.5L14 1' stroke='%230B0A0A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
    transition:transform .2s ease;
}
.content-accordion-laag .ca-item.is-open .ca-chevron { transform:rotate(180deg); }
.content-accordion-laag .ca-body {
    max-height:0;
    overflow:hidden;
    transition:max-height .3s ease;
}
.content-accordion-laag .ca-body-in { padding-top:14px; }
.content-accordion-laag .ca-body-in,
.content-accordion-laag .ca-body-in * { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; }

@media (max-width:1170px) {
    .content-accordion-laag .ca-row { flex-direction:column; gap:40px; }
}
@media (max-width:768px) {
    .content-accordion-laag .ca-item { padding:20px; }
    .content-accordion-laag .ca-intro-title { font-size:26px; }
}

/* ====== KAARTEN MET AFBEELDING (grid, node 10431-8234) ====== */
.kaarten-afb-laag .kag-intro { display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:32px; }
.kaarten-afb-laag .kag-intro__text { display:flex; flex-direction:column; gap:20px; flex:1 1 auto; min-width:0; }
.kaarten-afb-laag .kag-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; margin:0; }
.kaarten-afb-laag .kag-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }
.kaarten-afb-laag .kag-intro-link {
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
    font-family:"new-atten" !important;
    font-size:16px;
    line-height:1.6;
    color:#000 !important;
    text-decoration:none;
}
.kaarten-afb-laag .kag-intro-link:hover { text-decoration:underline; }
.kaarten-afb-laag .kag-intro-link::after {
    content:"";
    flex:0 0 6px;
    width:6px;
    height:10px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M1 1L5 5L1 9' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
/* Kaart zonder afbeelding: content boven uitgelijnd */
.kaarten-afb-laag .kag-card--noimg .kag-content { justify-content:flex-start; }

.kaarten-afb-laag .kag-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:32px; }
.kaarten-afb-laag .kag-grid[data-cols="3"] { grid-template-columns:repeat(3,1fr); }

.kaarten-afb-laag .kag-card {
    display:flex;
    align-items:stretch;
    min-height:240px;
    background:#fff;
    border:1px solid rgba(34,58,96,.2);
    border-radius:30px;
    overflow:hidden;
}
.kaarten-afb-laag .kag-img {
    flex:1 1 0;
    min-width:0;
    align-self:stretch;
    background:#d9d9d9;
    background-size:cover !important;
    background-position:center !important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 296 266' preserveAspectRatio='none'%3E%3Cg transform='rotate(180 148 133)'%3E%3Cpath d='M266 0C282.568 0 296 13.4315 296 30V236C296 252.568 282.568 266 266 266H32.2559V232.266C27.6009 175.283 0 161.262 0 132.483C0 103.705 27.6012 89.6973 32.2559 32.7139V0H266Z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / 100% 100%;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 296 266' preserveAspectRatio='none'%3E%3Cg transform='rotate(180 148 133)'%3E%3Cpath d='M266 0C282.568 0 296 13.4315 296 30V236C296 252.568 282.568 266 266 266H32.2559V232.266C27.6009 175.283 0 161.262 0 132.483C0 103.705 27.6012 89.6973 32.2559 32.7139V0H266Z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / 100% 100%;
}
.kaarten-afb-laag .kag-content {
    flex:1 1 0;
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:32px;
    padding:32px;
}
.kaarten-afb-laag .kag-top { display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.kaarten-afb-laag .kaart-tag {
    align-self:flex-start;
    background:#EAF3E6;
    color:#579067;
    font-family:"new-atten" !important;
    font-weight:500;
    font-size:14px;
    line-height:1.6;
    padding:2px 8px;
    border-radius:4px;
}
.kaarten-afb-laag .kag-text,
.kaarten-afb-laag .kag-text * { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; }
.kaarten-afb-laag .btn--pijl { display:inline-flex; align-items:center; gap:8px; }
.kaarten-afb-laag .btn--pijl .btn-pijl { flex:0 0 20px; width:20px; height:20px; }

/* Indeling "Onder elkaar": afbeelding boven, tekst + knop eronder */
.kaarten-afb-laag .kag-grid--stacked .kag-card { flex-direction:column; min-height:0; }
.kaarten-afb-laag .kag-grid--stacked .kag-img {
    flex:0 0 auto;
    width:100%;
    height:220px;
    -webkit-mask:none;
    mask:none;
}
.kaarten-afb-laag .kag-grid--stacked .kag-content { justify-content:flex-start; }

/* Rouwkaart (page 40547): kaart-mockups met tekst volledig tonen i.p.v. inzoomen/
   croppen. background:contain laat de hele afbeelding zien (leesbare tekst), met
   een neutrale achtergrond en iets meer hoogte. Gescopet op alleen deze pagina. */
.page-id-40547 .kaarten-afb-laag .kag-grid--stacked .kag-img {
    background-size:contain !important;
    background-color:#f4f4f2;
    height:300px;
}

@media (max-width:768px) {
    .kaarten-afb-laag .kag-grid,
    .kaarten-afb-laag .kag-grid[data-cols="3"] { grid-template-columns:1fr; }
    .kaarten-afb-laag .kag-card { flex-direction:column; min-height:0; }
    .kaarten-afb-laag .kag-img { flex:0 0 200px; height:200px; -webkit-mask:none; mask:none; }
    .kaarten-afb-laag .kag-intro { flex-direction:column; }
    .kaarten-afb-laag .kag-intro-title { font-size:28px; }
    .kaarten-afb-laag .kag-intro-sub { font-size:16px; }
}

/* ====== CONTACT-CONTENT LAAG (node 10431-8235): contactkaart + formulier ====== */
.contact-content-laag .cc2-row { display:flex; align-items:stretch; gap:32px; }
.contact-content-laag .cc2-card {
    flex:1 1 0; min-width:0;
    background:#fff;
    border:1px solid rgba(34,58,96,.2);
    border-radius:30px;
    padding:32px;
    display:flex;
    flex-direction:column;
    gap:24px;
}
.contact-content-laag .cc2-img { display:block; width:100%; flex:1 1 auto; min-height:240px; border-radius:30px; background-size:cover !important; background-position:center !important; }
.contact-content-laag .cc2-info { display:flex; flex-direction:column; gap:16px; }

/* Linkerkant variant: afbeelding + content (node 10606-12563) */
.contact-content-laag .cc2-content-img { display:block; width:100%; flex:1 1 auto; min-height:280px; border-radius:30px; background:#c4c4c4; background-size:cover !important; background-position:center !important; }
.contact-content-laag .cc2-content-body { display:flex; flex-direction:column; gap:16px; }
.contact-content-laag .cc2-content-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:32px; line-height:1.2; letter-spacing:.32px; color:#000; margin:0; }
.contact-content-laag .cc2-content-text,
.contact-content-laag .cc2-content-text p { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; margin:0 0 16px; }
.contact-content-laag .cc2-content-text p:last-child { margin-bottom:0; }
.contact-content-laag .cc2-content-text ul { list-style:disc; padding-left:1.25em; margin:16px 0 0; display:flex; flex-direction:column; gap:12px; }
.contact-content-laag .cc2-content-text li { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; }
.contact-content-laag .cc2-card-title { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.contact-content-laag .cc2-contact-row { display:flex; align-items:center; gap:12px; }
.contact-content-laag .cc2-contact-row span:not(.cc2-ico),
.contact-content-laag .cc2-contact-row a { font-family:"new-atten" !important; font-size:18px; line-height:1.5; color:#000 !important; text-decoration:none; }
.contact-content-laag .cc2-contact-row a:hover { text-decoration:underline; }
.contact-content-laag .cc2-ico { flex:0 0 24px; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.contact-content-laag .cc2-ico--loc { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.675 21.1625C6.55833 20.6042 6 19.8833 6 19C6 18.6 6.12083 18.2292 6.3625 17.8875C6.60417 17.5458 6.94167 17.25 7.375 17L8.95 18.475C8.8 18.5417 8.6375 18.6167 8.4625 18.7C8.2875 18.7833 8.15 18.8833 8.05 19C8.26667 19.2667 8.76667 19.5 9.55 19.7C10.3333 19.9 11.15 20 12 20C12.85 20 13.6708 19.9 14.4625 19.7C15.2542 19.5 15.7583 19.2667 15.975 19C15.8583 18.8667 15.7083 18.7583 15.525 18.675C15.3417 18.5917 15.1667 18.5167 15 18.45L16.55 16.95C17.0167 17.2167 17.375 17.5208 17.625 17.8625C17.875 18.2042 18 18.5833 18 19C18 19.8833 17.4417 20.6042 16.325 21.1625C15.2083 21.7208 13.7667 22 12 22C10.2333 22 8.79167 21.7208 7.675 21.1625ZM12 19C9.65 17.2667 7.89583 15.5833 6.7375 13.95C5.57917 12.3167 5 10.7167 5 9.15C5 7.96667 5.2125 6.92917 5.6375 6.0375C6.0625 5.14583 6.60833 4.4 7.275 3.8C7.94167 3.2 8.69167 2.75 9.525 2.45C10.3583 2.15 11.1833 2 12 2C12.8167 2 13.6417 2.15 14.475 2.45C15.3083 2.75 16.0583 3.2 16.725 3.8C17.3917 4.4 17.9375 5.14583 18.3625 6.0375C18.7875 6.92917 19 7.96667 19 9.15C19 10.7167 18.4208 12.3167 17.2625 13.95C16.1042 15.5833 14.35 17.2667 12 19ZM12 11C12.55 11 13.0208 10.8042 13.4125 10.4125C13.8042 10.0208 14 9.55 14 9C14 8.45 13.8042 7.97917 13.4125 7.5875C13.0208 7.19583 12.55 7 12 7C11.45 7 10.9792 7.19583 10.5875 7.5875C10.1958 7.97917 10 8.45 10 9C10 9.55 10.1958 10.0208 10.5875 10.4125C10.9792 10.8042 11.45 11 12 11Z' fill='%23579067'/%3E%3C/svg%3E"); }
.contact-content-laag .cc2-ico--call { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21Z' fill='%23579067'/%3E%3C/svg%3E"); }
.contact-content-laag .cc2-ico--mail { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM12 13L20 8V6L12 11L4 6V8L12 13Z' fill='%23579067'/%3E%3C/svg%3E"); }
.contact-content-laag .cc2-divider { display:block; height:1px; width:100%; background:rgba(34,58,96,.2); }
.contact-content-laag .cc2-support-wrap { display:flex; flex-direction:column; gap:16px; margin-top:auto; }
.contact-content-laag .cc2-support { display:flex; flex-direction:column; gap:8px; text-align:center; }
.contact-content-laag .cc2-support-title { font-family:"new-atten" !important; font-weight:700; font-size:18px; line-height:1.6; color:#201d1d; margin:0; }
.contact-content-laag .cc2-support-sub { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#223a60; margin:0; }
.contact-content-laag .cc2-card .cc2-btn { width:100% !important; }
.contact-content-laag .cc2-nood { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#223a60; text-align:center; margin:0; }

.contact-content-laag .cc2-form-head { display:flex; flex-direction:column; gap:16px; }
.contact-content-laag .cc2-form-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:32px; line-height:1.2; letter-spacing:.32px; margin:0; }
.contact-content-laag .cc2-form-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }

/* "Alleen formulier": één gecentreerde formulierkaart, geen leeg gat naast een lang formulier */
.contact-content-laag.cc2-only-form .cc2-row { justify-content:center; }
.contact-content-laag.cc2-only-form .cc2-form { flex:0 1 960px; max-width:960px; }

.contact-content-laag .cc2-form .gform_wrapper { width:100%; }
/* Laag levert al een eigen titel -> verberg de dubbele GF-formuliertitel bovenaan */
.contact-content-laag .cc2-form .gform_title { display:none !important; }
/* Prijs- en totaalvelden zijn alleen weergave (readonly) -> geen invoervak, gewoon als tekst */
.contact-content-laag .cc2-form .gform_wrapper .ginput_product_price,
.contact-content-laag .cc2-form .gform_wrapper .ginput_total {
    width:auto !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    padding:0 !important;
    box-shadow:none !important;
    font-weight:700 !important;
    color:#223a60 !important;
}
/* Keuze-opties netjes als blok: titel + prijs op één regel, omschrijving eronder */
.contact-content-laag .cc2-form .gfield--type-product {
    display:grid;
    grid-template-columns:1fr auto;
    align-items:baseline;
    column-gap:16px;
    row-gap:6px;
}
.contact-content-laag .cc2-form .gfield--type-product > .gfield_label {
    grid-column:1; grid-row:1; margin:0 !important;
    font-weight:700 !important; font-size:16px !important; color:#223a60 !important;
}
.contact-content-laag .cc2-form .gfield--type-product > .ginput_container_singleproduct {
    grid-column:2; grid-row:1; margin:0 !important; justify-self:end;
}
.contact-content-laag .cc2-form .gfield--type-product > .gfield_description {
    grid-column:1 / -1; grid-row:2; margin:0 !important; padding:0 !important;
}
/* Prijs als net, uitgelijnd blokje rechts */
.contact-content-laag .cc2-form .ginput_product_price_wrapper {
    display:inline-flex; align-items:baseline; gap:6px;
    background:rgba(34,58,96,.06); border-radius:999px; padding:6px 14px; white-space:nowrap;
}
.contact-content-laag .cc2-form .ginput_product_price_wrapper label {
    margin:0 !important; font-size:13px !important; font-weight:500 !important; color:#5b6b82 !important;
}
/* Iets meer lucht tussen de keuze-opties */
.contact-content-laag .cc2-form .gfield--type-product,
.contact-content-laag .cc2-form .gfield--input-type-select { margin-bottom:20px; }
.contact-content-laag .cc2-form .gfield_label,
.contact-content-laag .cc2-form .gform_wrapper label { font-family:"new-atten" !important; font-weight:500 !important; font-size:14px !important; line-height:1.6 !important; color:#000 !important; margin-bottom:8px !important; }
.contact-content-laag .cc2-form input[type="text"],
.contact-content-laag .cc2-form input[type="email"],
.contact-content-laag .cc2-form input[type="tel"],
.contact-content-laag .cc2-form input[type="number"],
.contact-content-laag .cc2-form select,
.contact-content-laag .cc2-form textarea {
    width:100% !important;
    background:#fff;
    border:2px solid rgba(34,58,96,.2) !important;
    border-radius:16px !important;
    padding:12px 16px !important;
    font-family:"new-atten" !important;
    font-size:16px;
    line-height:1.6;
    color:#000;
}
.contact-content-laag .cc2-form textarea { min-height:148px; }
.contact-content-laag .cc2-form input::placeholder,
.contact-content-laag .cc2-form textarea::placeholder { color:rgba(34,58,96,.4); }
.contact-content-laag .cc2-form input:focus,
.contact-content-laag .cc2-form textarea:focus,
.contact-content-laag .cc2-form select:focus { outline:none; border-color:#579067 !important; }
.contact-content-laag .cc2-form .gfield_radio { display:flex; flex-wrap:wrap; gap:8px; }
.contact-content-laag .cc2-form .gfield_radio .gchoice { position:relative; margin:0; }
.contact-content-laag .cc2-form .gfield_radio input { position:absolute; opacity:0; inset:0; cursor:pointer; }
.contact-content-laag .cc2-form .gfield_radio label {
    display:inline-flex; align-items:center; margin:0; cursor:pointer;
    border:1px solid rgba(0,0,0,.2); border-radius:64px; padding:8px 24px;
    font-weight:500; font-size:14px; color:#000;
}
.contact-content-laag .cc2-form .gfield_radio input:checked + label { background:rgba(87,144,103,.1); border-color:#579067; color:#579067 !important; -webkit-appearance:none; appearance:none; }
.contact-content-laag .cc2-form .gform_footer input[type="submit"],
.contact-content-laag .cc2-form .gform_footer button,
.contact-content-laag .cc2-form .gform_button { width:100% !important; }

/* Desktop: afbeelding niet meegroeien — vaste, kleinere hoogte */
@media (min-width:981px) {
    .contact-content-laag .cc2-img { flex:0 0 auto; height:320px; min-height:0; }
}

/* Gravity Forms finetuning */
.contact-content-laag .cc2-form .gform_required_legend { display:none !important; }
.contact-content-laag .cc2-form .gform_wrapper.gravity-theme .gfield textarea.large { height:148px !important; max-height:148px !important; }
.contact-content-laag .cc2-form .gform_wrapper.gravity-theme .gfield-choice-input + label { max-width:none !important; }

/* ===== Multi-step: stappen-indicator ===== */
.contact-content-laag .cc2-form .gf_page_steps {
    display:flex; flex-wrap:wrap; justify-content:flex-start; gap:22px 10px;
    margin:0 0 36px; padding:0 0 28px; border:0;
    border-bottom:1px solid rgba(34,58,96,.1);
}
.contact-content-laag .cc2-form .gf_step {
    flex:1 1 auto; min-width:92px; max-width:150px;
    display:flex; flex-direction:column; align-items:center; gap:10px;
    margin:0 !important; padding:0; opacity:1;
}
.contact-content-laag .cc2-form .gf_step_number {
    width:46px; height:46px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:#eef3ef; border:0;
    font-family:"new-atten" !important; font-weight:700; font-size:18px;
    color:#9fb0a6; transition:.25s ease;
}
.contact-content-laag .cc2-form .gf_step_label {
    font-family:"new-atten" !important; font-weight:600; font-size:12.5px;
    line-height:1.3; color:#9fb0a6; transition:.25s ease; max-width:120px;
}
/* actief: groen gevuld + zachte accent-ring */
.contact-content-laag .cc2-form .gf_step_active .gf_step_number {
    background:#579067 !important; color:#fff !important;
    box-shadow:0 0 0 5px rgba(87,144,103,.16); transform:scale(1.05);
}
.contact-content-laag .cc2-form .gf_step_active .gf_step_label { color:#223a60; font-weight:700; }
/* voltooid: groen gevuld met vinkje i.p.v. cijfer */
.contact-content-laag .cc2-form .gf_step_completed .gf_step_number {
    background:#579067 !important; color:transparent !important; position:relative;
}
.contact-content-laag .cc2-form .gf_step_completed .gf_step_number::after {
    content:"\2713"; position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    font-size:20px; line-height:1; color:#fff;
}
.contact-content-laag .cc2-form .gf_step_completed .gf_step_label { color:#223a60; }

/* ===== Multi-step: navigatieknoppen (Vorige / Volgende) ===== */
.contact-content-laag .cc2-form .gform_page_footer {
    display:flex; flex-wrap:wrap; align-items:center; gap:12px;
    margin-top:24px; padding-top:20px;
    border-top:1px solid rgba(34,58,96,.12);
}
.contact-content-laag .cc2-form .gform_next_button,
.contact-content-laag .cc2-form .gform_previous_button {
    width:auto !important;
    -webkit-appearance:none; appearance:none; cursor:pointer;
    display:inline-flex; align-items:center; justify-content:center;
    font-family:"new-atten" !important; font-weight:600; font-size:15px; line-height:1;
    padding:14px 28px; border-radius:64px; border:2px solid #579067 !important; transition:.2s;
}
.contact-content-laag .cc2-form .gform_next_button {
    margin-left:auto; background:#579067 !important; color:#fff !important;
}
.contact-content-laag .cc2-form .gform_next_button:hover { background:#4a7d59 !important; border-color:#4a7d59 !important; }
.contact-content-laag .cc2-form .gform_previous_button { background:transparent !important; color:#579067 !important; }
.contact-content-laag .cc2-form .gform_previous_button:hover { background:#579067 !important; color:#fff !important; }

@media (max-width:480px) {
    .contact-content-laag .cc2-form .gf_step { min-width:52px; }
    .contact-content-laag .cc2-form .gf_step_label { font-size:10px; }
    .contact-content-laag .cc2-form .gform_next_button,
    .contact-content-laag .cc2-form .gform_previous_button { flex:1 1 100%; margin-left:0; }
}

@media (max-width:980px) {
    .contact-content-laag .cc2-row { flex-direction:column; }
    .contact-content-laag .cc2-img { min-height:220px; }
    .contact-content-laag .cc2-form-title { font-size:26px; }
}


/* ====== VESTIGINGEN (kaart + lijst, node 10431-8237) ====== */
.vestigingen-laag .vest-intro { display:flex; flex-direction:column; gap:20px; margin-bottom:32px; }
.vestigingen-laag .vest-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:48px; line-height:1.2; letter-spacing:.48px; margin:0; }
.vestigingen-laag .vest-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }

.vestigingen-laag .vest-card {
    display:flex;
    height:700px;
    background:#fff;
    border:1px solid rgba(34,58,96,.2);
    border-radius:30px;
    overflow:hidden;
}
.vestigingen-laag .vest-sidebar {
    flex:0 0 435px;
    max-width:435px;
    display:flex;
    flex-direction:column;
    border-right:1px solid rgba(34,58,96,.2);
}
.vestigingen-laag .vest-search { position:relative; padding:32px; border-bottom:1px solid rgba(34,58,96,.2); box-sizing:border-box; }
.vestigingen-laag .vest-search-ico {
    position:absolute; left:56px; top:50%; transform:translateY(-50%);
    width:20px; height:20px; pointer-events:none;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9 3a6 6 0 104.472 10.03l3.249 3.248a1 1 0 001.414-1.414l-3.248-3.249A6 6 0 009 3zm0 2a4 4 0 110 8 4 4 0 010-8z' fill='%23223A60'/%3E%3C/svg%3E") no-repeat center / contain;
}
.vestigingen-laag .vest-search-input {
    width:100%;
    border:1px solid rgba(34,58,96,.2);
    border-radius:30px;
    padding:24px 24px 24px 56px;
    font-family:"new-atten" !important;
    font-size:14px;
    color:#223a60;
    background:transparent;
}
.vestigingen-laag .vest-search-input::placeholder { color:#223a60; }
.vestigingen-laag .vest-search-input:focus { outline:none; border-color:#579067; }

.vestigingen-laag .vest-list { flex:1 1 auto; overflow-y:auto; }
.vestigingen-laag .vest-item {
    display:flex; flex-direction:column; align-items:flex-start; gap:16px;
    padding:24px;
    border-bottom:1px solid rgba(34,58,96,.2);
    cursor:pointer;
}
.vestigingen-laag .vest-item.is-active { background:#fff; }
.vestigingen-laag .vest-item-name { font-family:"new-atten" !important; font-weight:500; font-size:20px; line-height:1.6; color:#000; margin:0; }
.vestigingen-laag .vest-badge {
    display:inline-flex; align-items:center;
    background:#E8F0F7; color:#223a60;
    font-family:"new-atten" !important; font-size:12px; line-height:1.6;
    padding:2px 16px; border-radius:40px;
}
.vestigingen-laag .vest-item:not(.is-active) .vest-item-details { display:none; }
.vestigingen-laag .vest-item-details { display:flex; flex-direction:column; gap:16px; width:100%; }
.vestigingen-laag .vest-address { display:flex; flex-direction:column; gap:8px; }
.vestigingen-laag .vest-addr-line { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#223a60; margin:0; }
.vestigingen-laag .vest-addr-strong { font-weight:700; color:#000; }
.vestigingen-laag .vest-meta { display:flex; flex-direction:column; gap:12px; padding-top:17px; border-top:1px solid rgba(34,58,96,.1); width:100%; }
.vestigingen-laag .vest-tel { display:inline-flex; align-items:center; gap:8px; font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#223a60 !important; text-decoration:none; }
.vestigingen-laag .vest-tel:hover { text-decoration:underline; }
.vestigingen-laag .vest-tel-ico {
    flex:0 0 16px; width:16px; height:16px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21Z' fill='%23223A60'/%3E%3C/svg%3E") no-repeat center / contain;
}
.vestigingen-laag .vest-diensten { font-family:"new-atten" !important; font-size:12px; line-height:1.6; color:#223a60; margin:0; }

.vestigingen-laag .vest-map-wrap { position:relative; flex:1 1 auto; min-width:0; }
.vestigingen-laag .vest-map { width:100%; height:100%; background:#e8f0f7; }
.vestigingen-laag .vest-map .leaflet-container { font-family:"new-atten" !important; }
.vestigingen-laag .vest-pin svg { filter:drop-shadow(0 4px 3px rgba(0,0,0,.18)); }
.vestigingen-laag .vest-legend {
    position:absolute; left:24px; bottom:24px; z-index:500;
    display:inline-flex; align-items:center; gap:8px;
    background:#fff; border:1px solid rgba(34,58,96,.2); border-radius:16px;
    padding:12px 17px;
    font-family:"new-atten" !important; font-size:12px; color:#223a60;
    box-shadow:0 10px 7.5px rgba(0,0,0,.1), 0 4px 3px rgba(0,0,0,.1);
}
.vestigingen-laag .vest-legend-dot { width:12px; height:12px; border-radius:50%; background:#579067; }

@media (max-width:980px) {
    .vestigingen-laag .vest-card { flex-direction:column; height:auto; }
    .vestigingen-laag .vest-sidebar { flex:none; max-width:none; width:100%; border-right:0; border-bottom:1px solid rgba(34,58,96,.2); }
    .vestigingen-laag .vest-list { max-height:360px; }
    .vestigingen-laag .vest-map-wrap { height:420px; }
    .vestigingen-laag .vest-intro-title { font-size:32px; }
}


/* ====== DATA / CIJFERS (node 10431-8238) ====== */
.data-cijfers-laag .dc-grid { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:40px; }
.data-cijfers-laag .dc-item { flex:1 1 0; min-width:160px; display:flex; flex-direction:column; align-items:center; gap:20px; text-align:center; }
.data-cijfers-laag .dc-num { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:48px; line-height:1.2; letter-spacing:.48px; color:#579067; white-space:nowrap; }
.data-cijfers-laag .dc-label { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; }

@media (max-width:768px) {
    .data-cijfers-laag .dc-grid { gap:32px; }
    .data-cijfers-laag .dc-item { flex:1 1 40%; min-width:140px; }
    .data-cijfers-laag .dc-num { font-size:36px; }
}

/* ====== BREADCRUMBS (node 10527-3505) ====== */
section.breadcrumbs {
    max-width: 1264px;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 24px;
}
section.breadcrumbs,
section.breadcrumbs #breadcrumbs,
section.breadcrumbs #breadcrumbs * {
    font-family: "new-atten", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #000 !important;
}
section.breadcrumbs #breadcrumbs > span {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
section.breadcrumbs a { color: #000 !important; text-decoration: none; }
section.breadcrumbs a:hover { text-decoration: underline; }
section.breadcrumbs .bc-sep {
    display: inline-block;
    flex: 0 0 6px;
    width: 6px;
    height: 10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M1 1L5 5L1 9' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
@media (max-width: 768px) {
    section.breadcrumbs { padding: 20px 24px; }
}

/* ====== MEDEWERKERS (overzicht, node 10379-7982) ====== */
.medewerkers-laag .mw-intro { display:flex; flex-direction:column; gap:20px; margin-bottom:32px; }
.medewerkers-laag .mw-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; margin:0; }
.medewerkers-laag .mw-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }

.medewerkers-laag .mw-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.medewerkers-laag .mw-filter {
    display:inline-flex; align-items:center; gap:8px;
    background:#fff; border:1px solid rgba(0,0,0,.2); border-radius:64px;
    padding:13px 24px; cursor:pointer;
    font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6; color:#000;
    transition:background-color .15s, color .15s, border-color .15s;
}
.medewerkers-laag .mw-filter .mw-filter-count { color:rgba(0,0,0,.6); font-weight:400; }
.medewerkers-laag .mw-filter.is-active { background:#579067; border-color:#579067; color:#fff; }
.medewerkers-laag .mw-filter.is-active .mw-filter-count { color:rgba(255,255,255,.8); }

.medewerkers-laag .mw-count { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#000; text-align:center; margin:0 0 32px; }

.medewerkers-laag .mw-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.medewerkers-laag .mw-card { display:flex; flex-direction:column; border:1px solid rgba(34,58,96,.2); border-radius:30px; overflow:hidden; background:#fff; }
.medewerkers-laag .mw-card-media { display:block; width:100%; height:368px; }
.medewerkers-laag .mw-card-img { width:100%; height:100%; object-fit:cover; display:block; }
.medewerkers-laag .mw-card-img--ph { background:#cfd9e4; }
.medewerkers-laag .mw-card-body { display:flex; flex-direction:column; gap:24px; padding:32px; flex:1 1 auto; }
.medewerkers-laag .mw-card-top { display:flex; flex-direction:column; gap:24px; }
.medewerkers-laag .mw-card-head { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.medewerkers-laag .mw-card-name { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.mw-card-functie {
    display:inline-flex; align-items:center;
    background:#E8F0F7; color:#223a60;
    font-family:"new-atten" !important; font-size:12px; line-height:1.33;
    padding:4px 16px; border-radius:40px;
}
.medewerkers-laag .mw-card-locatie { display:flex; flex-direction:column; gap:8px; }
.medewerkers-laag .mw-loc-label { font-family:"new-atten" !important; font-size:14px; line-height:1.43; color:#223a60; }
.medewerkers-laag .mw-loc-value { font-family:"new-atten" !important; font-weight:600; font-size:14px; line-height:1.43; color:#000; }
.medewerkers-laag .mw-more {
    display:inline-flex; align-items:center; gap:8px;
    font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6;
    color:#0078D2 !important; text-decoration:none; margin-top:auto;
}
.medewerkers-laag .mw-more:hover span { text-decoration:underline; }
.medewerkers-laag .mw-more::after {
    content:""; flex:0 0 24px; width:24px; height:24px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%230078D2'/%3E%3C/svg%3E") no-repeat center / contain;
}
.medewerkers-laag .mw-empty { font-family:"new-atten" !important; font-size:16px; color:#223a60; }

/* Medewerker — detailpagina */
.medewerker-detail-laag { padding:64px 0; }
.medewerker-detail-laag .md-back { margin-bottom:32px; }
.medewerker-detail-laag .md-detail { display:flex; align-items:flex-start; gap:48px; }
.medewerker-detail-laag .md-detail-media { flex:0 0 40%; max-width:40%; }
.medewerker-detail-laag .md-detail-img { width:100%; border-radius:30px; display:block; object-fit:cover; }
.medewerker-detail-laag .md-detail-img--ph { aspect-ratio:3/4; background:#cfd9e4; }
.medewerker-detail-laag .md-detail-body { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:16px; }
.medewerker-detail-laag .md-detail-name { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; margin:0; }
.medewerker-detail-laag .md-detail-functie { align-self:flex-start; }
.medewerker-detail-laag .md-detail-meta { display:flex; flex-direction:column; gap:12px; margin-top:8px; }
.medewerker-detail-laag .md-meta-item { display:flex; flex-direction:column; gap:2px; }
.medewerker-detail-laag .md-meta-label { font-family:"new-atten" !important; font-size:14px; color:#223a60; }
.medewerker-detail-laag .md-meta-value { font-family:"new-atten" !important; font-weight:600; font-size:16px; color:#000 !important; text-decoration:none; }
.medewerker-detail-laag a.md-meta-value:hover { text-decoration:underline; }
.medewerker-detail-laag .md-detail-tekst,
.medewerker-detail-laag .md-detail-tekst * { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; }
.medewerker-detail-laag .md-detail-tekst { margin-top:8px; }

@media (max-width:1100px) {
    .medewerkers-laag .mw-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
    .medewerkers-laag .mw-grid { grid-template-columns:1fr; }
    .medewerkers-laag .mw-intro-title { font-size:28px; }
    .medewerker-detail-laag { padding:32px 0; }
    .medewerker-detail-laag .md-detail { flex-direction:column; gap:24px; }
    .medewerker-detail-laag .md-detail-media { flex-basis:auto; max-width:none; width:100%; }
    .medewerker-detail-laag .md-detail-name { font-size:28px; }
}

/* ====== NIEUWS — detailpagina (node 10431-8172) ====== */
.nieuws-detail-laag { padding:48px 0 80px; }
.nieuws-detail-laag .nd-layout { display:flex; align-items:flex-start; gap:24px; }
.nieuws-detail-laag .nd-article {
    flex:1 1 auto; min-width:0;
    background:#fff; border-radius:30px;
    padding:32px 32px 64px;
    display:flex; flex-direction:column; gap:40px;
}
.nieuws-detail-laag .nd-back { align-self:flex-start; }
.nieuws-detail-laag .nd-header { display:flex; flex-direction:column; gap:32px; }
.nieuws-detail-laag .nd-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:48px; line-height:1.2; letter-spacing:.48px; margin:0; color:#000; }
.nieuws-detail-laag .nd-meta { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.nieuws-detail-laag .nd-byline { display:flex; align-items:center; gap:8px; font-family:"new-atten" !important; font-size:14px; color:#000; }
.nieuws-detail-laag .nd-dot { font-size:18px; line-height:1; }

.nd-share-btns { display:flex; gap:8px; }
.nd-share {
    width:32px; height:32px; flex:0 0 32px;
    display:inline-flex; align-items:center; justify-content:center;
    background:#f2f2f2; border:0; border-radius:64px; cursor:pointer; padding:0;
    transition:background-color .15s;
}
.nd-share:hover { background:#e4e4e4; }
.nd-share.is-copied { background:#cfe6d6; }

.nieuws-detail-laag .nd-hero { width:100%; }
.nieuws-detail-laag .nd-hero-img { width:100%; height:auto; max-height:460px; border-radius:32px; display:block; object-fit:cover; }
@media (max-width:767px) { .nieuws-detail-laag .nd-hero-img { max-height:300px; } }

.nieuws-detail-laag .nd-body { display:block; }
.nieuws-detail-laag .nd-body,
.nieuws-detail-laag .nd-body p,
.nieuws-detail-laag .nd-body li { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; }
.nieuws-detail-laag .nd-body p { margin:0 0 16px; }
.nieuws-detail-laag .nd-body h2,
.nieuws-detail-laag .nd-body h3,
.nieuws-detail-laag .nd-body h4,
.nieuws-detail-laag .nd-body h5,
.nieuws-detail-laag .nd-body h6 { font-family:"mencken-std" !important; font-style:italic; font-weight:500; color:#000; line-height:1.2; margin:24px 0 12px; }
.nieuws-detail-laag .nd-body h2 { font-size:32px; letter-spacing:.32px; }
.nieuws-detail-laag .nd-body h3 { font-size:26px; }
.nieuws-detail-laag .nd-body h4,
.nieuws-detail-laag .nd-body h5,
.nieuws-detail-laag .nd-body h6 { font-size:20px; letter-spacing:.2px; }
.nieuws-detail-laag .nd-body img { max-width:100%; height:auto; border-radius:16px; margin:8px 0; }
.nieuws-detail-laag .nd-body a { color:#0078D2; text-decoration:underline; }
.nieuws-detail-laag .nd-body ul,
.nieuws-detail-laag .nd-body ol { margin:0 0 16px 20px; }
.nieuws-detail-laag .nd-body blockquote {
    margin:24px 0; padding:4px 0 4px 20px; border-left:2px solid rgba(11,10,10,.15);
    font-family:"mencken-std" !important; font-style:italic; font-size:20px; line-height:1.2; color:#000;
}

.nieuws-detail-laag .nd-divider { display:block; height:1px; width:100%; background:rgba(34,58,96,.15); }
.nieuws-detail-laag .nd-share-foot { display:flex; flex-direction:column; align-items:center; gap:16px; }
.nieuws-detail-laag .nd-share-title { font-family:"new-atten" !important; font-weight:500; font-size:18px; color:#000; margin:0; }

/* Sidebar */
.nieuws-detail-laag .nd-sidebar { flex:0 0 349px; width:349px; position:sticky; top:180px; display:flex; flex-direction:column; gap:24px; }
.nieuws-detail-laag .nd-card { background:#fff; border:1px solid rgba(34,58,96,.1); border-radius:30px; padding:32px; }
.nieuws-detail-laag .nd-support { display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; }
.nieuws-detail-laag .nd-support-title { font-family:"new-atten" !important; font-weight:700; font-size:18px; color:#201d1d; margin:0; }
.nieuws-detail-laag .nd-support-sub { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#223a60; margin:0; }
.nieuws-detail-laag .nd-support .nd-support-btn { width:100% !important; }
.nieuws-detail-laag .nd-support-nood { font-family:"new-atten" !important; font-size:14px; color:#223a60; margin:0; }
.nieuws-detail-laag .nd-meer-title { font-family:"new-atten" !important; font-weight:700; font-size:18px; color:#201d1d; margin:0 0 16px; }
.nieuws-detail-laag .nd-meer-list { list-style:disc; margin:0; padding-left:21px; display:flex; flex-direction:column; gap:8px; }
.nieuws-detail-laag .nd-meer-list a { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#223a60; text-decoration:none; }
.nieuws-detail-laag .nd-meer-list a:hover { text-decoration:underline; }

@media (max-width:980px) {
    .nieuws-detail-laag .nd-layout { flex-direction:column; }
    .nieuws-detail-laag .nd-sidebar { position:static; flex-basis:auto; width:100%; }
    .nieuws-detail-laag .nd-title { font-size:32px; }
    .nieuws-detail-laag .nd-article { padding:24px 20px 40px; }
}

/* ====== GERELATEERDE NIEUWSBERICHTEN (node 10431-8173) ====== */
.gerelateerd-nieuws-laag .gn-intro { display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:32px; }
.gerelateerd-nieuws-laag .gn-intro__text { display:flex; flex-direction:column; gap:20px; flex:1 1 auto; min-width:0; }
.gerelateerd-nieuws-laag .gn-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; margin:0; }
.gerelateerd-nieuws-laag .gn-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }
.gerelateerd-nieuws-laag .gn-intro-btn { flex:0 0 auto; }

.gerelateerd-nieuws-laag .gn-card { display:flex; flex-direction:column; border:1px solid rgba(34,58,96,.2); border-radius:30px; overflow:hidden; background:#fff; height:100%; }
.gerelateerd-nieuws-laag .gn-card-media { display:block; width:100%; height:200px; }
.gerelateerd-nieuws-laag .gn-card-img { width:100%; height:100%; object-fit:cover; display:block; }
.gerelateerd-nieuws-laag .gn-card-img--ph { background:#cfd9e4; }
.gerelateerd-nieuws-laag .gn-card-body { display:flex; flex-direction:column; gap:16px; padding:32px; flex:1 1 auto; }
.gerelateerd-nieuws-laag .gn-tag {
    align-self:flex-start; background:#EAF3E6; color:#579067;
    font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6;
    padding:2px 8px; border-radius:4px;
}
.gerelateerd-nieuws-laag .gn-content { display:flex; flex-direction:column; gap:24px; flex:1 1 auto; }
.gerelateerd-nieuws-laag .gn-head { display:flex; flex-direction:column; gap:8px; }
.gerelateerd-nieuws-laag .gn-card-title { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.gerelateerd-nieuws-laag .gn-card-excerpt { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; margin:0; }
.gerelateerd-nieuws-laag .gn-byline { display:flex; align-items:center; gap:8px; font-family:"new-atten" !important; font-size:14px; color:#000; }
.gerelateerd-nieuws-laag .gn-byline .gn-dot { font-size:18px; line-height:1; }
.gerelateerd-nieuws-laag .gn-more {
    display:inline-flex; align-items:center; gap:8px; margin-top:auto;
    font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6;
    color:#0078D2 !important; text-decoration:none;
}
.gerelateerd-nieuws-laag .gn-more:hover span { text-decoration:underline; }
.gerelateerd-nieuws-laag .gn-more::after {
    content:""; flex:0 0 24px; width:24px; height:24px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%230078D2'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* Desktop: 3 naast elkaar (owl is dan vernietigd) */
@media (min-width:1171px) {
    .gerelateerd-nieuws-laag .gn-slider { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
}
.gerelateerd-nieuws-laag.gn-on-single { padding:8px 0 80px; }
@media (max-width:768px) {
    .gerelateerd-nieuws-laag .gn-intro { flex-direction:column; }
    .gerelateerd-nieuws-laag .gn-intro-title { font-size:28px; }
}

/* Wachtwoord-poort voor beschermde gedenkpagina's (node 10718-26600) */
.uitvaart-detail-laag.uv-protected { padding:24px 0 80px; }
.uitvaart-detail-laag.uv-protected .inner { display:flex; flex-direction:column; align-items:center; gap:40px; }
.uitvaart-detail-laag .uv-pw-back { display:inline-flex; align-items:center; gap:8px; font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#223a60 !important; text-decoration:none; }
.uitvaart-detail-laag .uv-pw-back::before { content:"‹"; font-size:20px; line-height:1; }
.uitvaart-detail-laag .uv-pw-back:hover { text-decoration:underline; }

.uitvaart-detail-laag .uv-pw-card { width:664px; max-width:100%; display:flex; flex-direction:column; gap:32px; padding:56px 32px; background:#fff; border:1px solid rgba(34,58,96,.2); border-radius:30px; }

.uitvaart-detail-laag .uv-pw-head { display:flex; flex-direction:column; align-items:center; gap:16px; padding:0 24px; text-align:center; }
.uitvaart-detail-laag .uv-pw-lock { display:flex; align-items:center; justify-content:center; padding:12px; background:#e8f0f7; border-radius:100px; }
.uitvaart-detail-laag .uv-pw-lock svg { display:block; }
.uitvaart-detail-laag .uv-pw-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:32px; line-height:1.2; letter-spacing:.32px; color:#000; margin:0; }
.uitvaart-detail-laag .uv-pw-intro { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0; }

.uitvaart-detail-laag .uv-pw-form { display:flex; flex-direction:column; gap:16px; }
.uitvaart-detail-laag .uv-pw-field { display:flex; flex-direction:column; gap:8px; }
.uitvaart-detail-laag .uv-pw-field > label { font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6; color:#000; }
.uitvaart-detail-laag .uv-pw-input { display:flex; align-items:center; gap:8px; height:52px; padding:12px 16px; background:#fff; border:2px solid rgba(34,58,96,.2); border-radius:16px; }
.uitvaart-detail-laag .uv-pw-input input { flex:1 1 auto; border:0; outline:0; background:transparent; font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#223a60; padding:0; }
.uitvaart-detail-laag .uv-pw-input input::placeholder { color:rgba(34,58,96,.4); }
.uitvaart-detail-laag .uv-pw-eye { flex:0 0 24px; display:flex; align-items:center; justify-content:center; width:24px; height:24px; padding:0; border:0; background:transparent; cursor:pointer; opacity:.85; }
.uitvaart-detail-laag .uv-pw-eye:hover { opacity:1; }
.uitvaart-detail-laag .uv-pw-eye.is-on { opacity:1; }

.uitvaart-detail-laag .uv-pw-submit {
    display:inline-flex; align-items:center; justify-content:center; gap:12px; width:100%;
    padding:12px 24px; border:1px solid #579067; border-radius:100px; background:#579067; cursor:pointer;
    font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6; color:#fff;
}
.uitvaart-detail-laag .uv-pw-submit::after {
    content:""; width:24px; height:24px;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z'/%3E%3C/svg%3E") no-repeat center / contain;
    background:#fff;
}
.uitvaart-detail-laag .uv-pw-submit:hover { background:#4a7d58; border-color:#4a7d58; }

.uitvaart-detail-laag .uv-pw-divider { display:block; width:100%; height:1px; background:rgba(34,58,96,.2); }

.uitvaart-detail-laag .uv-pw-foot { display:flex; flex-direction:column; align-items:center; gap:16px; padding:0 24px; text-align:center; }
.uitvaart-detail-laag .uv-pw-foot-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:20px; line-height:1.2; letter-spacing:.2px; color:#000; margin:0; }
.uitvaart-detail-laag .uv-pw-foot-text { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0; }
.uitvaart-detail-laag .uv-pw-contact {
    width:100%; display:inline-flex; align-items:center; justify-content:center;
    padding:12px 24px; border:1px solid #223a60; border-radius:100px; background:#fff;
    font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6; color:#223a60 !important; text-decoration:none;
}
.uitvaart-detail-laag .uv-pw-contact:hover { background:#223a60; color:#fff !important; }

/* ====== UITVAART - detailpagina (node 10718-27481) ====== */
.uitvaart-detail-laag { padding:48px 0 80px; }
.uitvaart-detail-laag .uv-grid { display:flex; align-items:flex-start; gap:56px; }
.uitvaart-detail-laag .uv-main { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:24px; }
.uitvaart-detail-laag .uv-back { align-self:flex-start; }

.uitvaart-detail-laag .uv-hero { display:flex; align-items:stretch; border:1px solid rgba(34,58,96,.2); border-radius:30px; overflow:hidden; background:#fff; }
.uitvaart-detail-laag .uv-hero-media { flex:1 1 0; min-width:0; background:#d9d9d9; }
.uitvaart-detail-laag .uv-hero-img { width:100%; height:100%; object-fit:cover; display:block; }
.uitvaart-detail-laag .uv-hero-panel { flex:1 1 0; min-width:0; display:flex; flex-direction:column; justify-content:center; gap:32px; padding:48px 32px; }
.uitvaart-detail-laag .uv-hero-head { display:flex; flex-direction:column; gap:8px; }
.uitvaart-detail-laag .uv-name { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:24px; line-height:1.2; letter-spacing:.24px; margin:0; color:#000; }
.uitvaart-detail-laag .uv-dates { font-family:"new-atten" !important; font-size:16px; color:#000; margin:0; }
.uitvaart-detail-laag .uv-citaat { font-family:"mencken-std" !important; font-style:italic; font-size:20px; line-height:1.2; letter-spacing:.2px; color:#000; margin:0; }
.uitvaart-detail-laag .uv-familie { list-style:disc; margin:0; padding-left:24px; font-family:"new-atten" !important; font-size:16px; color:#000; }

.uitvaart-detail-laag .uv-card { background:#fff; border:1px solid rgba(34,58,96,.2); border-radius:30px; padding:40px; }
.uitvaart-detail-laag .uv-card-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:24px; line-height:1.2; letter-spacing:.24px; margin:0 0 24px; color:#000; }
.uitvaart-detail-laag .uv-herinnering-tekst,
.uitvaart-detail-laag .uv-herinnering-tekst p { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0 0 16px; }
.uitvaart-detail-laag .uv-herinnering-tekst p:last-child { margin-bottom:0; }

/* Condoleance-formulier */
.uitvaart-detail-laag .uv-form-intro { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0 0 24px; }
.uitvaart-detail-laag .uv-form { display:flex; flex-direction:column; gap:20px; }
.uitvaart-detail-laag .uv-form-row { display:flex; gap:24px; }
.uitvaart-detail-laag .uv-field { display:flex; flex-direction:column; gap:8px; margin:0; flex:1 1 0; min-width:0; }
.uitvaart-detail-laag .uv-field label { font-family:"new-atten" !important; font-weight:500; font-size:14px; color:#000; }
.uitvaart-detail-laag .uv-muted { color:rgba(0,0,0,.3); font-weight:400; }
.uitvaart-detail-laag .uv-form input[type="text"],
.uitvaart-detail-laag .uv-form input[type="email"],
.uitvaart-detail-laag .uv-form textarea {
    width:100%; box-sizing:border-box; background:#fff;
    border:2px solid rgba(34,58,96,.2); border-radius:16px; padding:12px 16px;
    font-family:"new-atten" !important; font-size:16px; color:#000;
}
.uitvaart-detail-laag .uv-form input::placeholder,
.uitvaart-detail-laag .uv-form textarea::placeholder { color:rgba(34,58,96,.4); }
.uitvaart-detail-laag .uv-form input:focus,
.uitvaart-detail-laag .uv-form textarea:focus { outline:none; border-color:#579067; }
.uitvaart-detail-laag .uv-form textarea { min-height:120px; resize:vertical; }
.uitvaart-detail-laag .uv-upload {
    display:flex; align-items:center; justify-content:center; gap:16px;
    border:2px dashed #d1d5dc; border-radius:16px; padding:28px 16px; cursor:pointer;
}
.uitvaart-detail-laag .uv-upload-ico {
    width:31px; height:31px; flex:0 0 31px; border-radius:50%; background:#f2f2f2;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 19V5M12 5L6 11M12 5L18 11' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:center; background-size:16px;
}
.uitvaart-detail-laag .uv-upload-text { font-family:"new-atten" !important; font-size:14px; color:#000; text-decoration:underline; }
.uitvaart-detail-laag .uv-upload-hint { font-family:"new-atten" !important; font-size:12px; color:#6a7282; margin:0; }
.uitvaart-detail-laag .uv-check { display:flex; gap:12px; align-items:flex-start; font-family:"new-atten" !important; font-size:12px; line-height:1.6; color:#223a60; cursor:pointer; }
.uitvaart-detail-laag .uv-check input { margin-top:2px; flex:0 0 auto; width:18px; height:18px; accent-color:#223a60; }
.uitvaart-detail-laag .uv-check a { color:#223a60; text-decoration:underline; }
.uitvaart-detail-laag .uv-form-submit {
    display:inline-flex; align-items:center; justify-content:center; gap:12px;
    width:100% !important; margin-top:4px;
    padding:12px 24px; border:1px solid #579067; border-radius:100px;
    background:#579067; color:#fff !important;
    font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6;
    cursor:pointer; transition:background-color .2s ease-in-out;
}
.uitvaart-detail-laag .uv-form-submit:hover { background:#4a7c57; border-color:#4a7c57; }
.uitvaart-detail-laag .uv-form-submit::after {
    content:""; flex:0 0 24px; width:24px; height:24px; background-color:#fff;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / 24px 24px;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / 24px 24px;
    transition:transform .2s ease-in-out;
}
.uitvaart-detail-laag .uv-form-submit:hover::after { transform:translateX(4px); }

/* Condoleance-items */
.uitvaart-detail-laag .uv-condo-item { display:flex; flex-direction:column; gap:24px; }
.uitvaart-detail-laag .uv-condo-head { display:flex; align-items:center; gap:12px; }
.uitvaart-detail-laag .uv-avatar { flex:0 0 40px; width:40px; height:40px; border-radius:50%; background:#223a60; color:#fff; display:flex; align-items:center; justify-content:center; font-family:"new-atten" !important; font-weight:500; font-size:14px; }
.uitvaart-detail-laag .uv-condo-meta { display:flex; flex-direction:column; }
.uitvaart-detail-laag .uv-condo-author { font-family:"new-atten" !important; font-weight:500; font-size:16px; color:#000; margin:0; }
.uitvaart-detail-laag .uv-condo-sub { font-family:"new-atten" !important; font-size:12px; color:#000; margin:0; }
.uitvaart-detail-laag .uv-condo-body,
.uitvaart-detail-laag .uv-condo-body p { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0 0 8px; }
.uitvaart-detail-laag .uv-condo-body p:last-child { margin-bottom:0; }
.uitvaart-detail-laag .uv-condo-fotos { display:flex; flex-wrap:wrap; gap:16px; }
.uitvaart-detail-laag .uv-condo-fotos a { display:block; flex:0 0 auto; }
.uitvaart-detail-laag .uv-condo-fotos img { width:200px; height:160px; object-fit:cover; border-radius:16px; display:block; }

/* Sidebar */
.uitvaart-detail-laag .uv-sidebar { flex:0 0 381px; width:381px; position:sticky; top:180px; display:flex; flex-direction:column; gap:32px; }
.uitvaart-detail-laag .uv-side-card { background:#fff; border:1px solid rgba(34,58,96,.2); border-radius:30px; padding:32px; }
.uitvaart-detail-laag .uv-side-title { font-family:"new-atten" !important; font-weight:700; font-size:20px; color:#000; margin:0 0 16px; }
.uitvaart-detail-laag .uv-side-row { display:flex; flex-direction:column; gap:12px; padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid rgba(34,58,96,.2); }
.uitvaart-detail-laag .uv-side-row--last,
.uitvaart-detail-laag .uv-side-row:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0; }
.uitvaart-detail-laag .uv-side-label { font-family:"new-atten" !important; font-size:14px; color:#223a60; }
.uitvaart-detail-laag .uv-side-val { font-family:"new-atten" !important; font-weight:500; font-size:16px; color:#223a60 !important; text-decoration:none; }
.uitvaart-detail-laag a.uv-side-val:hover { text-decoration:underline; }

/* Contact-balk onderaan */
.uitvaart-detail-laag .uv-contact-bar { margin-top:48px; background:#fff; border:1px solid rgba(34,58,96,.1); border-radius:30px; padding:32px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.uitvaart-detail-laag .uv-contact-title { font-family:"new-atten" !important; font-weight:700; font-size:18px; color:#000; margin:0 0 8px; }
.uitvaart-detail-laag .uv-contact-sub { font-family:"new-atten" !important; font-size:14px; color:#000; margin:0; }
.uitvaart-detail-laag .uv-contact-bar .btn { flex:0 0 auto; }

@media (max-width:1100px) {
    .uitvaart-detail-laag .uv-grid { flex-direction:column; gap:24px; }
    .uitvaart-detail-laag .uv-sidebar { position:static; flex-basis:auto; width:100%; flex-direction:row; flex-wrap:wrap; }
    .uitvaart-detail-laag .uv-side-card { flex:1 1 300px; }
}
@media (max-width:768px) {
    .uitvaart-detail-laag .uv-hero { flex-direction:column; }
    .uitvaart-detail-laag .uv-hero-media { min-height:240px; }
    .uitvaart-detail-laag .uv-card { padding:24px; }
    .uitvaart-detail-laag .uv-form-row { flex-direction:column; gap:20px; }
    .uitvaart-detail-laag .uv-contact-bar { flex-direction:column; align-items:flex-start; }
    .uitvaart-detail-laag .uv-condo-fotos img { width:140px; height:120px; }
}

/* ====== NIEUWS — contact-prompt onder gerelateerde items (node 10658-13386) ====== */
.nieuws-contact-prompt {
    background:#fff; border:1px solid rgba(34,58,96,.2); border-radius:24px; padding:32px;
    display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:48px;
}
.nieuws-contact-prompt .ncp-text { display:flex; flex-direction:column; gap:8px; }
.nieuws-contact-prompt .ncp-title { font-family:"new-atten" !important; font-weight:500; font-size:18px; line-height:1.6; color:#000; margin:0; }
.nieuws-contact-prompt .ncp-sub { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#223a60; margin:0; }
.nieuws-contact-prompt .ncp-btn { flex:0 0 auto; }
@media (max-width:768px) {
    .nieuws-contact-prompt { flex-direction:column; align-items:flex-start; }
}

/* ====== NIEUWS-OVERZICHT laag (node 10658-14360) ====== */
.nieuws-overzicht-laag .no-intro { display:flex; flex-direction:column; gap:16px; margin-bottom:32px; max-width:760px; }
.nieuws-overzicht-laag .no-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; margin:0; }
.nieuws-overzicht-laag .no-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }

.nieuws-overzicht-laag .no-filters { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:40px; }
.nieuws-overzicht-laag .no-filter {
    font-family:"new-atten" !important; font-weight:500; font-size:15px; line-height:1;
    color:#223a60; text-decoration:none; padding:9px 18px; border-radius:999px;
    border:1px solid rgba(34,58,96,.2); background:#fff; transition:all .15s ease;
}
.nieuws-overzicht-laag .no-filter:hover { border-color:#579067; color:#579067; }
.nieuws-overzicht-laag .no-filter.is-active { background:#579067; border-color:#579067; color:#fff; }

.nieuws-overzicht-laag .no-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }

.nieuws-overzicht-laag .no-card { display:flex; flex-direction:column; border:1px solid rgba(34,58,96,.2); border-radius:30px; overflow:hidden; background:#fff; height:100%; }
.nieuws-overzicht-laag .no-media { display:block; width:100%; height:200px; }
.nieuws-overzicht-laag .no-img { width:100%; height:100%; object-fit:cover; display:block; }
.nieuws-overzicht-laag .no-img--ph { background:#cfd9e4; }
.nieuws-overzicht-laag .no-body { display:flex; flex-direction:column; gap:16px; padding:32px; flex:1 1 auto; }
.nieuws-overzicht-laag .no-tag {
    align-self:flex-start; background:#EAF3E6; color:#579067;
    font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6;
    padding:2px 8px; border-radius:4px;
}
.nieuws-overzicht-laag .no-content { display:flex; flex-direction:column; gap:24px; flex:1 1 auto; }
.nieuws-overzicht-laag .no-head { display:flex; flex-direction:column; gap:8px; }
.nieuws-overzicht-laag .no-card-title { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.nieuws-overzicht-laag .no-excerpt { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; margin:0; }
.nieuws-overzicht-laag .no-byline { display:flex; align-items:center; gap:8px; font-family:"new-atten" !important; font-size:14px; color:#000; }
.nieuws-overzicht-laag .no-byline .no-dot { font-size:18px; line-height:1; }
.nieuws-overzicht-laag .no-more {
    display:inline-flex; align-items:center; gap:8px; margin-top:auto;
    font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6;
    color:#0078D2 !important; text-decoration:none;
}
.nieuws-overzicht-laag .no-more:hover span { text-decoration:underline; }
.nieuws-overzicht-laag .no-more::after {
    content:""; flex:0 0 24px; width:24px; height:24px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%230078D2'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* Promo-kaart (navy) */
.nieuws-overzicht-laag .no-promo { background:#223a60; border-color:#223a60; }
.nieuws-overzicht-laag .no-promo-body { display:flex; flex-direction:column; gap:20px; padding:32px; height:100%; }
.nieuws-overzicht-laag .no-promo-badge {
    align-self:flex-start; background:#579067; color:#fff;
    font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6;
    padding:2px 10px; border-radius:4px;
}
.nieuws-overzicht-laag .no-promo-head { display:flex; flex-direction:column; gap:12px; }
.nieuws-overzicht-laag .no-promo-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:24px; line-height:1.3; color:#fff; margin:0; }
.nieuws-overzicht-laag .no-promo-tekst { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:rgba(255,255,255,.85); margin:0; }
.nieuws-overzicht-laag .no-promo-img { display:block; width:100%; height:100%; flex:1 1 auto; min-height:140px; border-radius:16px; background:rgba(255,255,255,.12); margin-top:auto; }
.nieuws-overzicht-laag .no-promo-btn { align-self:flex-start; }

/* Paginatie */
.nieuws-overzicht-laag .no-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin-top:48px; }
.nieuws-overzicht-laag .no-page {
    min-width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center;
    padding:0 14px; border-radius:999px; border:1px solid rgba(34,58,96,.2); background:#fff;
    font-family:"new-atten" !important; font-weight:500; font-size:15px; color:#223a60; text-decoration:none; transition:all .15s ease;
}
.nieuws-overzicht-laag .no-page:hover { border-color:#579067; color:#579067; }
.nieuws-overzicht-laag .no-page.is-active { background:#579067; border-color:#579067; color:#fff; }
.nieuws-overzicht-laag .no-ellipsis { min-width:24px; text-align:center; color:#223a60; font-family:"new-atten" !important; font-weight:500; }

.nieuws-overzicht-laag .no-empty { font-family:"new-atten" !important; font-size:18px; color:#223a60; }

@media (max-width:1170px) {
    .nieuws-overzicht-laag .no-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
    .nieuws-overzicht-laag .no-grid { grid-template-columns:1fr; }
    .nieuws-overzicht-laag .no-intro-title { font-size:28px; }
}

/* ====== UITVAART-OVERZICHT laag (nodes 10718-26069 + 10718-26157) ====== */
.uitvaart-overzicht-laag .uvo-intro { display:flex; flex-direction:column; align-items:center; gap:24px; text-align:center; margin-bottom:56px; }
.uitvaart-overzicht-laag .uvo-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:48px; line-height:1.2; letter-spacing:.48px; color:#000; margin:0; }
.uitvaart-overzicht-laag .uvo-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0; max-width:696px; }

/* Zoekbalk */
.uitvaart-overzicht-laag .uvo-search { display:flex; flex-direction:column; gap:24px; padding:32px; background:#fff; border:1px solid rgba(34,58,96,.2); border-radius:30px; margin-bottom:40px; }
.uitvaart-overzicht-laag .uvo-search-fields { display:flex; gap:16px; align-items:flex-end; }
.uitvaart-overzicht-laag .uvo-search-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
.uitvaart-overzicht-laag .uvo-actions-left { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.uitvaart-overzicht-laag .uvo-zoeken {
    display:inline-flex; align-items:center; gap:8px; cursor:pointer;
    padding:12px 24px; border:1px solid #579067; border-radius:100px; background:#579067;
    font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6; color:#fff;
}
.uitvaart-overzicht-laag .uvo-zoeken::before {
    content:""; width:20px; height:20px; background:#fff;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.uitvaart-overzicht-laag .uvo-zoeken:hover { background:#4a7d58; border-color:#4a7d58; }
.uitvaart-overzicht-laag .uvo-reset {
    display:inline-flex; align-items:center; gap:6px;
    font-family:"new-atten" !important; font-weight:500; font-size:15px; line-height:1.6; color:#223a60 !important; text-decoration:none;
}
.uitvaart-overzicht-laag .uvo-reset::before { content:"\00d7"; font-size:18px; line-height:1; }
.uitvaart-overzicht-laag .uvo-reset:hover { text-decoration:underline; }
.uitvaart-overzicht-laag .uvo-field { display:flex; flex-direction:column; gap:8px; flex:1 1 0; min-width:0; }
.uitvaart-overzicht-laag .uvo-field--naam { flex:0 0 439px; max-width:439px; }
.uitvaart-overzicht-laag .uvo-field > label { font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6; color:#000; }
.uitvaart-overzicht-laag .uvo-field input,
.uitvaart-overzicht-laag .uvo-field select { width:100%; height:52px; padding:12px 16px; background:#fff; border:2px solid rgba(34,58,96,.2); border-radius:16px; font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#223a60; }
.uitvaart-overzicht-laag .uvo-field input::placeholder { color:rgba(34,58,96,.4); }
.uitvaart-overzicht-laag .uvo-field input:focus,
.uitvaart-overzicht-laag .uvo-field select:focus { outline:0; border-color:#579067; }
.uitvaart-overzicht-laag .uvo-select { position:relative; }
.uitvaart-overzicht-laag .uvo-select select { -webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right:42px; cursor:pointer; }
.uitvaart-overzicht-laag .uvo-select::after {
    content:""; position:absolute; right:16px; top:50%; transform:translateY(-50%); width:16px; height:16px; pointer-events:none;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23223a60'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.uitvaart-overzicht-laag .uvo-melden { flex:0 0 auto; align-self:flex-end; }

/* Kaarten-grid */
.uitvaart-overzicht-laag .uvo-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.uitvaart-overzicht-laag .uvo-card { display:flex; flex-direction:column; border:1px solid rgba(34,58,96,.2); border-radius:30px; overflow:hidden; background:#fff; height:100%; }
.uitvaart-overzicht-laag .uvo-media { display:block; width:100%; height:376px; }
.uitvaart-overzicht-laag .uvo-img { width:100%; height:100%; object-fit:cover; display:block; }
.uitvaart-overzicht-laag .uvo-img--ph {
    background:#d9d9d9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff' opacity='0.7'%3E%3Cpath d='M21 19V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2zM8.5 13.5l2.5 3 3.5-4.5 4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E") no-repeat center / 64px 64px;
}
.uitvaart-overzicht-laag .uvo-body { display:flex; flex-direction:column; justify-content:space-between; gap:24px; padding:32px; flex:1 1 auto; }
.uitvaart-overzicht-laag .uvo-head { display:flex; flex-direction:column; gap:8px; }
.uitvaart-overzicht-laag .uvo-name { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.uitvaart-overzicht-laag .uvo-name a { color:#000 !important; text-decoration:none; }
.uitvaart-overzicht-laag .uvo-name a:hover { text-decoration:underline; }
.uitvaart-overzicht-laag .uvo-dates,
.uitvaart-overzicht-laag .uvo-vest { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; margin:0; }
.uitvaart-overzicht-laag .uvo-foot { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.uitvaart-overzicht-laag .uvo-link { display:inline-flex; align-items:center; gap:8px; font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6; color:#0078D2 !important; text-decoration:none; }
.uitvaart-overzicht-laag .uvo-link:hover span { text-decoration:underline; }
.uitvaart-overzicht-laag .uvo-link::after {
    content:""; flex:0 0 24px; width:24px; height:24px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%230078D2'/%3E%3C/svg%3E") no-repeat center / contain;
}
.uitvaart-overzicht-laag .uvo-badge { flex:0 0 auto; background:#EAF3E6; color:#579067; font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6; padding:2px 8px; border-radius:4px; }

/* Paginatie */
.uitvaart-overzicht-laag .uvo-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin-top:48px; }
.uitvaart-overzicht-laag .uvo-page { min-width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; padding:0 14px; border-radius:999px; border:1px solid rgba(34,58,96,.2); background:#fff; font-family:"new-atten" !important; font-weight:500; font-size:15px; color:#223a60; text-decoration:none; transition:all .15s ease; }
.uitvaart-overzicht-laag .uvo-page:hover { border-color:#579067; color:#579067; }
.uitvaart-overzicht-laag .uvo-page.is-active { background:#579067; border-color:#579067; color:#fff; }
.uitvaart-overzicht-laag .uvo-ellipsis { min-width:24px; text-align:center; color:#223a60; font-family:"new-atten" !important; font-weight:500; }
.uitvaart-overzicht-laag .uvo-empty { font-family:"new-atten" !important; font-size:18px; color:#223a60; text-align:center; }

@media (max-width:1170px) {
    .uitvaart-overzicht-laag .uvo-grid { grid-template-columns:repeat(2,1fr); }
    .uitvaart-overzicht-laag .uvo-search-fields { flex-wrap:wrap; }
    .uitvaart-overzicht-laag .uvo-field--naam { flex:1 1 100%; max-width:none; }
}
@media (max-width:768px) {
    .uitvaart-overzicht-laag .uvo-intro-title { font-size:30px; }
    .uitvaart-overzicht-laag .uvo-search-fields { flex-direction:column; align-items:stretch; }
    .uitvaart-overzicht-laag .uvo-field { flex:1 1 auto; }
    .uitvaart-overzicht-laag .uvo-search-actions { flex-direction:column; align-items:stretch; }
    .uitvaart-overzicht-laag .uvo-actions-left { justify-content:space-between; }
    .uitvaart-overzicht-laag .uvo-zoeken { flex:1 1 auto; justify-content:center; }
    .uitvaart-overzicht-laag .uvo-melden { justify-content:center; }
    .uitvaart-overzicht-laag .uvo-grid { grid-template-columns:1fr; }
}

/* ====== Owl carousel — uniforme footer-nav OVERAL (node 10533-5850) ======
   Geldt voor elke geïnitialiseerde owl-carousel (.owl-loaded). Sliders die op
   desktop tot een grid worden afgebroken verliezen .owl-loaded en krijgen dit dus niet. */
.owl-loaded { position:relative; }
.owl-loaded .owl-stage { margin-bottom:90px; }
.owl-loaded .owl-dots {
    position:absolute; left:0; bottom:20px; height:8px;
    display:flex; align-items:center; gap:18px; margin:0;
}
.owl-loaded .owl-dot { display:flex; align-items:center; }
.owl-loaded .owl-dot span {
    display:block;
    width:8px !important; height:8px !important; margin:0 !important;
    border-radius:50% !important; background:#fff !important; border:none !important; transition:background .15s ease,border .15s ease;
}
.owl-loaded .owl-dot.active span { background:transparent !important; border:2px solid #000 !important; }

.owl-loaded .owl-nav {
    position:absolute; right:0; bottom:0; margin:0;
    display:flex; align-items:center; gap:9px;
}
.owl-loaded .owl-nav .owl-prev,
.owl-loaded .owl-nav .owl-next {
    display:flex !important; align-items:center; justify-content:center;
    width:48px !important; height:48px !important; margin:0 !important; padding:0 !important;
    border-radius:50% !important;
    font-size:0 !important; line-height:0 !important; color:transparent !important; text-indent:-9999px; cursor:pointer;
    background-repeat:no-repeat !important; background-position:center !important; background-size:24px 24px !important;
    transition:background-color .15s ease;
}
.owl-loaded .owl-nav .owl-prev span,
.owl-loaded .owl-nav .owl-next span { display:none; }
.owl-loaded .owl-nav .owl-prev {
    border:1px solid #000 !important; background-color:transparent !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 18L4 12L10 6L11.4 7.45L7.85 11H20V13H7.85L11.4 16.55L10 18Z' fill='%23000000'/%3E%3C/svg%3E") !important;
}
.owl-loaded .owl-nav .owl-next {
    border:1px solid #000 !important; background-color:#000 !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}
.owl-loaded .owl-nav .owl-prev:hover {
    background-color:#000 !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 18L4 12L10 6L11.4 7.45L7.85 11H20V13H7.85L11.4 16.55L10 18Z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}
.owl-loaded .owl-nav .owl-next:hover { background-color:#1a1a1a !important; }
.owl-loaded .owl-nav .disabled { opacity:.3 !important; cursor:default; }

/* Lichte variant op donkere secties (.font-Licht) — witte dots + witte nav */
.font-Licht .owl-loaded .owl-dot span { background:rgba(255,255,255,.45) !important; }
.font-Licht .owl-loaded .owl-dot.active span { background:transparent !important; border:2px solid #fff !important; }
.font-Licht .owl-loaded .owl-nav .owl-prev {
    border-color:#fff !important; background-color:transparent !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 18L4 12L10 6L11.4 7.45L7.85 11H20V13H7.85L11.4 16.55L10 18Z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}
.font-Licht .owl-loaded .owl-nav .owl-next {
    border-color:#fff !important; background-color:#fff !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%23000000'/%3E%3C/svg%3E") !important;
}
.font-Licht .owl-loaded .owl-nav .owl-prev:hover {
    background-color:#fff !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 18L4 12L10 6L11.4 7.45L7.85 11H20V13H7.85L11.4 16.55L10 18Z' fill='%23000000'/%3E%3C/svg%3E") !important;
}
.font-Licht .owl-loaded .owl-nav .owl-next:hover { background-color:#e6e6e6 !important; }

/* ====== Mobiel zwevend directe-ondersteuning blok (Figma 10667-11961) ====== */
.dw-floating-support { display:none; }
@media (max-width:767px) {
    .dw-floating-support {
        display:flex; flex-direction:column; align-items:center;
        position:fixed; left:16px; right:16px; bottom:16px; z-index:998;
        padding:0; background:none; border:0; box-shadow:none;
    }
    .dw-fs-btn {
        display:flex; align-items:center; justify-content:center; gap:12px;
        width:100%; padding:12px 24px; border-radius:100px;
        background:#579067; border:1px solid #579067; color:#fff;
        font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6;
        text-decoration:none; text-align:center;
    }
    .dw-fs-btn:hover { background:#4a7d59; border-color:#4a7d59; color:#fff; }
    .dw-fs-arrow { width:24px; height:24px; flex-shrink:0; }
    .dw-fs-nood {
        font-family:"new-atten" !important; font-weight:400; font-size:14px; line-height:1.6;
        color:#223a60; text-decoration:none; text-align:center;
    }
}

/* ====== KAARTEN MET CHECKLIST laag (node 10603-12368) ====== */
.kaarten-checklist-laag .kch-intro { display:flex; flex-direction:column; gap:16px; margin-bottom:32px; }
.kaarten-checklist-laag .kch-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; color:#000; margin:0; }
.kaarten-checklist-laag .kch-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0; max-width:760px; }

.kaarten-checklist-laag .kch-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.kaarten-checklist-laag .kch-grid[data-cols="2"] { grid-template-columns:repeat(2,1fr); }
.kaarten-checklist-laag .kch-grid[data-cols="4"] { grid-template-columns:repeat(4,1fr); }

.kaarten-checklist-laag .kch-card { display:flex; flex-direction:column; border:1px solid rgba(34,58,96,.2); border-radius:30px; overflow:hidden; background:#fff; height:100%; }
.kaarten-checklist-laag .kch-media { display:block; width:100%; height:200px; background:#d9d9d9; }
.kaarten-checklist-laag .kch-body { display:flex; flex-direction:column; gap:16px; padding:32px; flex:1 1 auto; }
.kaarten-checklist-laag .kch-card-title { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.kaarten-checklist-laag .kch-card-text { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#4a4a4a; margin:0; }
.kaarten-checklist-laag .kch-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.kaarten-checklist-laag .kch-item { display:flex; align-items:flex-start; gap:8px; }
.kaarten-checklist-laag .kch-check {
    flex:0 0 16px; width:16px; height:16px; margin-top:3px; background:#579067;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.kaarten-checklist-laag .kch-text { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#223a60; }

/* Gecentreerde variant: intro gecentreerd + vinkjes als groene cirkels (Figma 11039-14350 / 11039-14564) */
.kaarten-checklist-laag--centered .kch-intro { align-items:center; text-align:center; }
.kaarten-checklist-laag--centered .kch-intro-sub { margin-left:auto; margin-right:auto; }
.kaarten-checklist-laag--centered .kch-check {
    flex-basis:20px; width:20px; height:20px; margin-top:1px; background:#fff;
    -webkit-mask:none; mask:none;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23579067'/%3E%3Cpath d='M10 16.2 5.8 12l-1.4 1.4L10 19 20 9l-1.4-1.4z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center / contain;
}

@media (max-width:1170px) {
    .kaarten-checklist-laag .kch-grid,
    .kaarten-checklist-laag .kch-grid[data-cols="4"] { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
    .kaarten-checklist-laag .kch-grid,
    .kaarten-checklist-laag .kch-grid[data-cols="2"],
    .kaarten-checklist-laag .kch-grid[data-cols="4"] { grid-template-columns:1fr; }
    .kaarten-checklist-laag .kch-intro-title { font-size:28px; }
}

/* ====== PRODUCT-DETAIL laag (CPT, node 10716-24999) ====== */
.product-detail-laag .pd-grid { display:flex; align-items:flex-start; gap:56px; }
.product-detail-laag .pd-left { flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:27px; position:sticky; top:24px; }
.product-detail-laag .pd-right { flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:32px; align-self:stretch; }
.product-detail-laag .pd-back { display:inline-flex; align-items:center; gap:8px; font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#223a60 !important; text-decoration:none; }
.product-detail-laag .pd-back::before { content:"‹"; font-size:20px; line-height:1; }
.product-detail-laag .pd-back:hover { text-decoration:underline; }

.product-detail-laag .pd-media { display:flex; flex-direction:column; gap:16px; }
.product-detail-laag .pd-hero { height:420px; border:1px solid rgba(34,58,96,.2); border-radius:30px; background:#f2f2f2; overflow:hidden; display:flex; align-items:center; justify-content:center; padding:24px; }
.product-detail-laag .pd-hero-img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block; }
.product-detail-laag .pd-hero-img--ph { width:100%; height:100%; background:#e2e6ea; }
.product-detail-laag .pd-thumbs-wrap { position:relative; }
.product-detail-laag .pd-thumbs { display:flex; gap:15px; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none; padding:2px; }
.product-detail-laag .pd-thumbs::-webkit-scrollbar { display:none; }
.product-detail-laag .pd-thumb { flex:0 0 116px; width:116px; height:116px; min-width:0; border:1px solid rgba(34,58,96,.2); border-radius:30px; background:#f2f2f2 center / cover no-repeat; cursor:pointer; padding:0; opacity:.5; transition:opacity .15s ease, border-color .15s ease, box-shadow .15s ease; }
.product-detail-laag .pd-thumb:hover { border-color:#579067; opacity:.85; }
.product-detail-laag .pd-thumb.is-active { border-color:#579067; opacity:1; box-shadow:0 0 0 3px #579067; }
/* Strip-navigatie: alleen zichtbaar als de rij overloopt */
.product-detail-laag .pd-thumb-nav { display:none; }
.product-detail-laag .pd-thumbs-wrap.has-nav .pd-thumb-nav {
    display:flex; align-items:center; justify-content:center;
    position:absolute; top:50%; transform:translateY(-50%); z-index:2;
    width:40px; height:40px; padding:0;
    border:1px solid rgba(34,58,96,.25); border-radius:50%;
    background:#fff; cursor:pointer; box-shadow:0 2px 10px rgba(10,12,16,.14);
    transition:opacity .15s ease;
}
.product-detail-laag .pd-thumb-prev { left:6px; }
.product-detail-laag .pd-thumb-next { right:6px; }
.product-detail-laag .pd-thumb-nav svg { width:20px; height:20px; display:block; }
.product-detail-laag .pd-thumb-nav:disabled { opacity:0; pointer-events:none; }

.product-detail-laag .pd-head { display:flex; flex-direction:column; gap:24px; }
.product-detail-laag .pd-tag { align-self:flex-start; background:#eaf3e6; color:#579067; font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6; padding:2px 8px; border-radius:4px; }
.product-detail-laag .pd-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:32px; line-height:1.2; letter-spacing:.32px; color:#000; margin:0; }
.product-detail-laag .pd-tekst,
.product-detail-laag .pd-tekst p { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; }
.product-detail-laag .pd-tekst { margin:0; }
.product-detail-laag .pd-tekst p { margin:0 0 16px; }
.product-detail-laag .pd-tekst p:last-child { margin-bottom:0; }

.product-detail-laag .pd-card { display:flex; flex-direction:column; gap:24px; padding:32px; background:#fff; border:1px solid rgba(34,58,96,.2); border-radius:30px; }
.product-detail-laag .pd-specs { display:flex; flex-direction:column; gap:16px; }
.product-detail-laag .pd-specs-title { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.product-detail-laag .pd-specs-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.product-detail-laag .pd-spec { display:flex; flex-direction:column; gap:12px; padding-bottom:16px; border-bottom:1px solid rgba(34,58,96,.2); }
.product-detail-laag .pd-spec-label { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#223a60; margin:0; }
.product-detail-laag .pd-spec-value { font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6; color:#223a60; margin:0; }

.product-detail-laag .pd-support { display:flex; flex-direction:column; gap:16px; }
.product-detail-laag .pd-support-head { display:flex; flex-direction:column; gap:8px; text-align:center; }
.product-detail-laag .pd-support-title { font-family:"new-atten" !important; font-weight:700; font-size:18px; line-height:1.6; color:#201d1d; margin:0; }
.product-detail-laag .pd-support-sub { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#223a60; margin:0; }
.product-detail-laag .pd-support-cta { display:flex; flex-direction:column; align-items:stretch; gap:10px; }
.product-detail-laag .pd-support-btn { width:100% !important; display:flex; align-items:center; justify-content:center; }
.product-detail-laag .pd-support-nood { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#223a60; text-align:center; margin:0; }

@media (max-width:980px) {
    .product-detail-laag .pd-grid { flex-direction:column; gap:32px; }
    .product-detail-laag .pd-left { position:static; width:100%; }
    .product-detail-laag .pd-right { width:100%; }
}
@media (max-width:600px) {
    .product-detail-laag .pd-specs-grid { grid-template-columns:1fr; }
    .product-detail-laag .pd-hero { height:320px; }
}
.product-detail-laag .pd-hero-img { transition:opacity .28s ease; }
.product-detail-laag .pd-hero-img.is-fading { opacity:0; }

/* ====== ANDERE MOGELIJKHEDEN laag (CPT, node 10718-25394) ====== */
.andere-opties-laag .ao-intro { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:32px; }
.andere-opties-laag .ao-intro__text { display:flex; flex-direction:column; gap:20px; flex:1 1 auto; min-width:0; }
.andere-opties-laag .ao-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; color:#000; margin:0; }
.andere-opties-laag .ao-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0; }
.andere-opties-laag .ao-alle { flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#223a60 !important; text-decoration:none; }
.andere-opties-laag .ao-alle::after { content:"›"; font-size:20px; line-height:1; }
.andere-opties-laag .ao-alle:hover span { text-decoration:underline; }

.andere-opties-laag .ao-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.andere-opties-laag .ao-card { display:flex; flex-direction:column; border:1px solid rgba(34,58,96,.2); border-radius:30px; overflow:hidden; background:#fff; height:100%; }
.andere-opties-laag .ao-media { display:flex; align-items:center; justify-content:center; width:100%; height:264px; background:#f2f2f2; padding:16px; overflow:hidden; }
.andere-opties-laag .ao-img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block; }
.andere-opties-laag .ao-img--ph { width:100%; height:100%; background:#e2e6ea; }
.andere-opties-laag .ao-body { display:flex; flex-direction:column; gap:32px; padding:32px; flex:1 1 auto; }
.andere-opties-laag .ao-head { display:flex; flex-direction:column; gap:16px; }
.andere-opties-laag .ao-card-title { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.andere-opties-laag .ao-card-sub { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; margin:0; }
.andere-opties-laag .ao-more { display:inline-flex; align-items:center; gap:8px; margin-top:auto; font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6; color:#0078D2 !important; text-decoration:none; }
.andere-opties-laag .ao-more:hover span { text-decoration:underline; }
.andere-opties-laag .ao-more::after {
    content:""; flex:0 0 24px; width:24px; height:24px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%230078D2'/%3E%3C/svg%3E") no-repeat center / contain;
}

@media (max-width:1170px) {
    .andere-opties-laag .ao-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
    .andere-opties-laag .ao-intro { flex-direction:column; }
    .andere-opties-laag .ao-intro-title { font-size:28px; }
    .andere-opties-laag .ao-grid { grid-template-columns:1fr; }
}

/* ====== PRODUCTEN-OVERZICHT laag (CPT, node 10716-24037) ====== */
.cpt-overzicht-laag .co-intro { display:flex; flex-direction:column; gap:16px; margin-bottom:32px; }
.cpt-overzicht-laag .co-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; color:#000; margin:0; }
.cpt-overzicht-laag .co-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0; max-width:760px; }

.cpt-overzicht-laag .co-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.cpt-overzicht-laag .co-grid[data-cols="2"] { grid-template-columns:repeat(2,1fr); }
.cpt-overzicht-laag .co-grid[data-cols="4"] { grid-template-columns:repeat(4,1fr); }

.cpt-overzicht-laag .co-card { display:flex; flex-direction:column; border:1px solid rgba(34,58,96,.2); border-radius:30px; overflow:hidden; background:#fff; height:100%; }
.cpt-overzicht-laag .co-media { display:flex; align-items:center; justify-content:center; width:100%; height:264px; background:#f2f2f2; padding:16px; overflow:hidden; }
.cpt-overzicht-laag .co-img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block; }
.cpt-overzicht-laag .co-img--ph { width:100%; height:100%; background:#e2e6ea; }
.cpt-overzicht-laag .co-body { display:flex; flex-direction:column; gap:32px; padding:32px; flex:1 1 auto; }
.cpt-overzicht-laag .co-head { display:flex; flex-direction:column; gap:16px; }
.cpt-overzicht-laag .co-card-title { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.cpt-overzicht-laag .co-card-sub { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; margin:0; }
.cpt-overzicht-laag .co-more { display:inline-flex; align-items:center; gap:8px; margin-top:auto; font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6; color:#0078D2 !important; text-decoration:none; }
.cpt-overzicht-laag .co-more:hover span { text-decoration:underline; }
.cpt-overzicht-laag .co-more::after {
    content:""; flex:0 0 24px; width:24px; height:24px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%230078D2'/%3E%3C/svg%3E") no-repeat center / contain;
}

.cpt-overzicht-laag .co-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin-top:48px; }
.cpt-overzicht-laag .co-page { min-width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; padding:0 14px; border-radius:999px; border:1px solid rgba(34,58,96,.2); background:#fff; font-family:"new-atten" !important; font-weight:500; font-size:15px; color:#223a60; text-decoration:none; transition:all .15s ease; }
.cpt-overzicht-laag .co-page:hover { border-color:#579067; color:#579067; }
.cpt-overzicht-laag .co-page.is-active { background:#579067; border-color:#579067; color:#fff; }
.cpt-overzicht-laag .co-ellipsis { min-width:24px; text-align:center; color:#223a60; font-family:"new-atten" !important; font-weight:500; }
.cpt-overzicht-laag .co-empty { font-family:"new-atten" !important; font-size:18px; color:#223a60; text-align:center; }

@media (max-width:1170px) {
    .cpt-overzicht-laag .co-grid,
    .cpt-overzicht-laag .co-grid[data-cols="4"] { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
    .cpt-overzicht-laag .co-grid,
    .cpt-overzicht-laag .co-grid[data-cols="2"],
    .cpt-overzicht-laag .co-grid[data-cols="4"] { grid-template-columns:1fr; }
    .cpt-overzicht-laag .co-intro-title { font-size:28px; }
}

/* ====== DUNWEG FOOTER (Figma 10379-9046) ====== */
.df-footer { position:relative; background:#223a60; color:#fff; padding:120px 8px 56px; overflow:hidden; }
.df-footer .inner { max-width:1216px; width:100%; margin:0 auto; padding:0 16px; display:flex; flex-direction:column; gap:40px; box-sizing:border-box; }
.df-footer .df-wave { position:absolute; top:0; left:50%; transform:translateX(-50%); width:343px; max-width:60%; line-height:0; pointer-events:none; }
.df-footer .df-wave svg { display:block; width:100%; height:auto; }

.df-footer .df-top { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1.6fr) 253px; gap:56px; align-items:start; }
.df-footer .df-left { display:flex; flex-direction:column; gap:40px; align-items:flex-start; }
.df-footer .df-logo { display:flex; justify-content:center; align-self:flex-start; width:352px; max-width:100%; }
.df-footer .df-logo svg, .df-footer .df-logo img { width:166px; height:auto; display:block; }
.df-footer .df-logo .df-logo-svg path { fill:#fff; }
.df-footer .df-logo-text { font-family:"mencken-std" !important; font-style:italic; font-size:28px; color:#fff; }

.df-footer .df-support { width:352px; max-width:100%; display:flex; flex-direction:column; gap:24px; padding:32px; background:#fff; border-radius:30px; box-sizing:border-box; }
.df-footer .df-support-head { display:flex; flex-direction:column; gap:8px; }
.df-footer .df-support-title { font-family:"new-atten" !important; font-weight:700; font-size:18px; line-height:1.6; color:#223a60; margin:0; }
.df-footer .df-support-sub { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#223a60; margin:0; }
.df-footer .df-support-cta { display:flex; flex-direction:column; align-items:stretch; gap:10px; }
.df-footer .df-support-btn { width:100% !important; display:flex; align-items:center; justify-content:center; }
.df-footer .df-support-nood { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#223a60; text-align:center; margin:0; }

.df-footer .df-socials { display:flex; flex-direction:column; gap:12px; }
.df-footer .df-socials-title { font-family:"new-atten" !important; font-weight:700; font-size:16px; line-height:1.6; color:#fff; margin:0; }
.df-footer .df-socials-list { list-style:none; margin:0; padding:0; display:flex; gap:12px; }
.df-footer .df-social { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.35); color:#fff; transition:background .15s ease, color .15s ease, border-color .15s ease; }
.df-footer .df-social svg { width:18px; height:18px; display:block; }
.df-footer .df-social:hover, .df-footer .df-social:focus-visible { background:#fff; color:#223a60; border-color:#fff; }

.df-footer .df-menus { display:flex; gap:24px; }
.df-footer .df-menus > .df-col { flex:1 1 0; }
.df-footer .df-col { display:flex; flex-direction:column; gap:16px; min-width:0; }
.df-footer .df-col--stack { gap:32px; }
.df-footer .df-submenu { display:flex; flex-direction:column; gap:16px; }
.df-footer .df-col-title { font-family:"new-atten" !important; font-weight:700; font-size:16px; line-height:1.6; color:#fff; margin:0; }
.df-footer .df-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.df-footer .df-list a, .df-footer .df-list > li > span { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#fff; text-decoration:none; }
.df-footer .df-list a:hover { text-decoration:underline; }

.df-footer .df-vest li, .df-footer .df-contact li { display:flex; align-items:center; gap:12px; }
.df-footer .df-ico { flex:0 0 24px; width:24px; height:24px; background:#fff; }
.df-footer .df-ico--pin { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") no-repeat center/contain; }
.df-footer .df-ico--call { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") no-repeat center/contain; }
.df-footer .df-ico--mail { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") no-repeat center/contain; }

.df-footer .df-divider { display:block; width:100%; height:1px; background:rgba(255,255,255,.2); }

.df-footer .df-bottom { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1.6fr) 253px; gap:56px; align-items:start; }
.df-footer .df-hk-adres { display:flex; flex-direction:column; gap:4px; }
.df-footer .df-hk-adres p { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#fff; margin:0; }
.df-footer .df-contact { gap:8px; }
.df-footer .df-cert-list { list-style:disc; padding-left:1.3em; }
.df-footer .df-cert-list li { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#fff; }

.df-footer .df-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.df-footer .df-bar p, .df-footer .df-bar a { font-family:"new-atten" !important; font-size:12px; line-height:1.6; color:rgba(255,255,255,.5); margin:0; }
.df-footer .df-bar a { text-decoration:underline; }
.df-footer .df-bar-right { display:flex; align-items:center; gap:24px; }

@media (max-width:1100px) {
    .df-footer .df-top,
    .df-footer .df-bottom { grid-template-columns:1fr 1fr; gap:40px; }
    .df-footer .df-left { grid-column:1 / -1; align-items:center; }
    .df-footer .df-support { width:352px; max-width:100%; }
}
@media (max-width:768px) {
    .df-footer { padding:90px 16px 48px; }
    .df-footer .df-top,
    .df-footer .df-bottom { grid-template-columns:1fr; gap:36px; }
    /* grid-items mogen krimpen (min-width:auto liet de 352px-kaart de track oprekken) */
    .df-footer .df-top > *,
    .df-footer .df-bottom > * { min-width:0; }
    .df-footer .df-left { align-items:center; min-width:0; }
    .df-footer .df-logo,
    .df-footer .df-support { max-width:100%; }
    .df-footer .df-menus { flex-wrap:wrap; gap:32px; }
    .df-footer .df-menus > .df-col { flex:1 1 140px; }
    .df-footer .df-bar { flex-direction:column; align-items:flex-start; }
    .df-footer .df-bar-right { flex-direction:column; align-items:flex-start; gap:8px; }
}
@media (max-width:520px) {
    .df-footer .df-wave { max-width:72%; }
    .df-footer .df-menus { flex-direction:column; gap:32px; }
    .df-footer .df-support { width:100%; }
}

/* ====== 404-pagina ====== */
.fof-laag { padding:80px 0 100px; }
.fof-box { max-width:680px; margin:0 auto; display:flex; flex-direction:column; align-items:center; text-align:center; gap:24px; }
.fof-code { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:96px; line-height:1; letter-spacing:2px; color:#579067; margin:0; }
.fof-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; color:#000; margin:0; }
.fof-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0; max-width:560px; }
.fof-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px; margin-top:8px; }
.fof-outline { display:inline-flex; align-items:center; justify-content:center; padding:12px 24px; border:1px solid #223a60; border-radius:100px; background:#fff; font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6; color:#223a60 !important; text-decoration:none; transition:all .15s ease; }
.fof-outline:hover { background:#223a60; color:#fff !important; }
.fof-links { margin-top:24px; padding-top:24px; border-top:1px solid rgba(34,58,96,.15); width:100%; max-width:480px; display:flex; flex-direction:column; gap:12px; }
.fof-links-title { font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6; color:#223a60; margin:0; }
.fof-links ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px 20px; }
.fof-links a { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#0078D2 !important; text-decoration:none; }
.fof-links a:hover { text-decoration:underline; }

@media (max-width:768px) {
    .fof-laag { padding:56px 0 72px; }
    .fof-code { font-size:72px; }
    .fof-title { font-size:28px; }
    .fof-sub { font-size:16px; }
}

/* ============================================================================
   Zoekresultaten-pagina (search.php)
   ============================================================================ */
/* Volledige-breedte glas-balk; tekst uitgelijnd met de content (1264) */
.search-page .breadcrumbs { background:#e8f0f7; max-width:none; margin:0; padding:0; }
.search-hero .inner,
.search-page .search-results .inner { max-width:1264px; margin:0 auto; padding:0 40px; }
.search-page .breadcrumbs #breadcrumbs {
    max-width:1264px; margin:0 auto; padding:14px 40px;
    font-family:"new-atten"; font-size:14px; line-height:1.6; color:rgba(0,0,0,.55);
}
.search-page .breadcrumbs #breadcrumbs a { color:#201d1d; text-decoration:none; }
.search-page .breadcrumbs #breadcrumbs a:hover { text-decoration:underline; }
.search-page .breadcrumbs .bc-sep { margin:0 8px; opacity:.5; }

/* Hero */
.search-hero { padding:56px 0 8px; }
.search-hero-title {
    margin:0 0 24px; font-family:"new-atten"; font-weight:500;
    font-size:44px; line-height:1.15; color:#000;
}
.search-hero-form { display:flex; align-items:center; gap:12px; max-width:680px; }
.shf-input {
    flex:1 1 auto; min-width:0; height:58px; padding:12px 24px;
    border:1px solid #d1d1d1; border-radius:64px; background:#fff;
    font-family:"new-atten"; font-size:16px; line-height:1.6; color:#000;
}
.shf-input::placeholder { color:#b9bcc2; }
.shf-input:focus { outline:none; border-color:#223a60; }
.shf-submit {
    flex:0 0 48px; width:48px; height:48px; display:inline-flex;
    align-items:center; justify-content:center; border:0; border-radius:50%;
    background:#000; cursor:pointer; transition:background .2s ease;
}
.shf-submit:hover { background:#223a60; }
.search-hero-meta {
    margin:20px 0 0; font-family:"new-atten"; font-size:15px;
    line-height:1.6; color:rgba(0,0,0,.55);
}
.search-hero-meta strong { color:#000; font-weight:500; }

/* Resultaten als kaarten in een raster */
.search-page .search-results { padding:36px 0 88px; }
.sr-list {
    list-style:none; margin:0; padding:0;
    display:grid; gap:18px; grid-template-columns:1fr;
}
.sr-item {
    background:#fff; border:1px solid #e3e8ef; border-radius:16px;
    transition:box-shadow .15s ease, transform .15s ease, border-color .15s ease;
}
.sr-item:hover { box-shadow:0 10px 30px rgba(34,58,96,.10); transform:translateY(-2px); border-color:#cdd6e2; }
.sr-link { display:flex; flex-direction:column; height:100%; padding:26px 28px; text-decoration:none; }
.sr-type {
    display:inline-block; margin-bottom:10px;
    font-family:"new-atten"; font-weight:600; font-size:12px; letter-spacing:.04em;
    text-transform:uppercase; color:#579067;
}
.sr-title {
    margin:0 0 10px; font-family:"new-atten"; font-weight:500;
    font-size:24px; line-height:1.3; color:#000;
}
.sr-link:hover .sr-title { color:#223a60; }
.sr-excerpt {
    flex:1 1 auto; margin:0 0 16px; font-family:"new-atten"; font-size:16px;
    line-height:1.6; color:rgba(0,0,0,.6);
}
.sr-more {
    margin-top:auto; display:inline-flex; align-items:center; gap:6px;
    font-family:"new-atten"; font-weight:600; font-size:15px; color:#223a60;
}
.sr-arrow {
    width:18px; height:18px; background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
}

@media (min-width:900px) {
    .sr-list { grid-template-columns:repeat(2, 1fr); gap:20px; }
}
@media (min-width:1280px) {
    .sr-list { grid-template-columns:repeat(3, 1fr); }
}

/* Paginatie */
.sr-pagination { margin-top:48px; display:flex; justify-content:center; }
.sr-pagination .page-numbers {
    display:inline-flex; align-items:center; justify-content:center;
    min-width:44px; height:44px; padding:0 12px; margin:0 4px;
    border:1px solid rgba(0,0,0,.15); border-radius:64px;
    font-family:"new-atten"; font-size:15px; color:#000; text-decoration:none;
    transition:all .2s ease;
}
.sr-pagination .page-numbers.current { background:#579067; border-color:#579067; color:#fff; }
.sr-pagination a.page-numbers:hover { border-color:#223a60; color:#223a60; }

/* Geen resultaten */
.sr-empty { padding:8px 0 0; }
.sr-empty-title { margin:0 0 12px; font-family:"new-atten"; font-weight:500; font-size:26px; color:#000; }
.sr-empty-text { margin:0 0 32px; font-family:"new-atten"; font-size:16px; line-height:1.6; color:rgba(0,0,0,.6); max-width:560px; }
.sr-empty-label { margin:0 0 8px; font-family:"new-atten"; font-size:14px; color:rgba(0,0,0,.4); }
.sr-suggest { list-style:none; margin:0; padding:0; max-width:560px; }
.sr-suggest li { border-top:1px solid rgba(0,0,0,.12); }
.sr-suggest li:last-child { border-bottom:1px solid rgba(0,0,0,.12); }
.sr-suggest a {
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:18px 0; text-decoration:none;
}
.sr-suggest a span:first-child { font-family:"new-atten"; font-size:18px; color:#000; }
.sr-suggest a:hover span:first-child { color:#223a60; }
.sr-suggest .sr-arrow { color:#000; width:22px; height:22px; }

@media (max-width:768px) {
    .search-page .breadcrumbs #breadcrumbs,
    .search-hero .inner,
    .search-page .search-results .inner { padding-left:24px; padding-right:24px; }
    .search-hero { padding:32px 0 4px; }
    .search-hero-title { font-size:30px; }
    .sr-title { font-size:20px; }
    .sr-link { padding:22px; }
}

/* Slider-titel (h4) weg in de lichte content-slider */
.font-Licht .afbeelding-content-slider .afbeelding-content-item .content-box h3 { display:none; }

/* ============================================================================
   Pagebuilder-laag: Content op achtergrond-afbeelding + golf-curve onderaan
   ============================================================================ */
.content-bg-curve {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 120px 0;
    overflow: hidden;
}
.content-bg-curve .inner { position: relative; z-index: 6; width: 100%; }
.content-bg-curve .cbc-row { display: flex; gap: 32px; align-items: flex-start; }
.content-bg-curve .cbc-title {
    flex: 1 1 auto; margin: 0;
    font-family: "mencken-std", serif; font-style: italic;
    font-size: clamp(30px, 3.6vw, 48px); line-height: 1.2; letter-spacing: 1px; color: #fff;
}
.content-bg-curve .cbc-aside { flex: 0 0 400px; max-width: 400px; display: flex; flex-direction: column; gap: 32px; padding-top: 16px; }
.content-bg-curve .cbc-text { font-family: "new-atten", sans-serif; font-size: 18px; line-height: 1.6; color: #fff; }
.content-bg-curve .cbc-text * { color: #fff; margin: 0; }
.content-bg-curve .cbc-buttons { display: flex; }
@media (max-width: 900px) {
    .content-bg-curve .cbc-row { flex-direction: column; gap: 24px; }
    .content-bg-curve .cbc-aside { flex-basis: auto; max-width: 520px; padding-top: 0; }
}
@media (max-width: 767px) {
    .content-bg-curve { min-height: auto; padding: 80px 0 90px; }
}

/* Golf-curve onderaan + D-badge (zelfde vorm als de hero) */
.content-bg-curve::before {
    content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 60px;
    background-color: var(--bg-default, #E8F0F7);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4000 61' preserveAspectRatio='none'><path fill='%23fff' d='M0 0 H1830 C1927.09 8.72 1950.92 60.71 1999.92 60.71 C2048.91 60.71 2072.77 8.72 2169.85 0 H4000 V61 H0 Z'/></svg>") center bottom / 4000px 100% no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4000 61' preserveAspectRatio='none'><path fill='%23fff' d='M0 0 H1830 C1927.09 8.72 1950.92 60.71 1999.92 60.71 C2048.91 60.71 2072.77 8.72 2169.85 0 H4000 V61 H0 Z'/></svg>") center bottom / 4000px 100% no-repeat;
    z-index: 5; pointer-events: none;
}
.content-bg-curve::after {
    content: ""; position: absolute; left: 50%; bottom: 15px; transform: translateX(-50%) translateZ(0); -webkit-transform: translateX(-50%) translateZ(0); will-change: transform;
    width: 50px; height: 54px; background: url(../img/dunweg-badge.svg?v=2) no-repeat center / contain;
    z-index: 10; pointer-events: none;
    display: block !important; visibility: visible !important;  /* override clearfix section::after{visibility:hidden} */
}
@media (max-width: 767px) {
    .content-bg-curve { padding: 64px 0 90px; }
    .content-bg-curve::after { width: 38px; height: 41px; }
}

/* ===== Referenties-overzicht (klantverhalen) ===== */
.referenties-laag .ref-intro { text-align:center; max-width:680px; margin:0 auto 40px; }
.referenties-laag .ref-intro-title { font-family:"mencken-std" !important; font-style:italic; font-size:clamp(28px,4vw,44px); line-height:1.15; margin:0 0 12px; }
.referenties-laag .ref-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }
.referenties-laag .ref-count { font-family:"new-atten" !important; font-size:14px; color:#579067; font-weight:600; margin:10px 0 0; }
.referenties-laag .ref-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.referenties-laag .ref-card {
    display:flex; flex-direction:column; gap:14px;
    background:#fff; border-radius:18px; padding:28px;
    box-shadow:0 4px 20px rgba(34,58,96,.07);
}
.referenties-laag .ref-stars { color:#f5a623; letter-spacing:3px; font-size:15px; line-height:1; }
.referenties-laag .ref-text { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#223a60; flex:1 1 auto; }
.referenties-laag .ref-text p { margin:0 0 8px; }
.referenties-laag .ref-foot { display:flex; flex-direction:column; gap:2px; border-top:1px solid rgba(34,58,96,.1); padding-top:14px; }
.referenties-laag .ref-name { font-family:"new-atten" !important; font-weight:700; font-size:15px; color:#0f2a4a; }
.referenties-laag .ref-date { font-family:"new-atten" !important; font-size:13px; color:rgba(34,58,96,.55); }

.referenties-laag .ref-pagination { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; margin-top:44px; }
.referenties-laag .ref-page {
    min-width:42px; height:42px; padding:0 12px;
    display:inline-flex; align-items:center; justify-content:center;
    border-radius:64px; background:#fff; border:1px solid rgba(34,58,96,.15);
    font-family:"new-atten" !important; font-weight:600; font-size:15px; color:#223a60; text-decoration:none; transition:.2s;
}
.referenties-laag .ref-page:hover { border-color:#579067; color:#579067; }
.referenties-laag .ref-page.is-active { background:#579067; border-color:#579067; color:#fff; }
.referenties-laag .ref-ellipsis { color:rgba(34,58,96,.5); padding:0 4px; }

@media (max-width:1023px) { .referenties-laag .ref-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:639px)  { .referenties-laag .ref-grid { grid-template-columns:1fr; } }

/* ===== Partner-logo grid ===== */
.partner-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; align-items:stretch; margin:8px 0; }
.partner-grid a { display:flex; align-items:center; justify-content:center; background:#fff; border-radius:14px; padding:22px; min-height:120px; box-shadow:0 2px 14px rgba(34,58,96,.06); transition:.2s; }
.partner-grid a:hover { box-shadow:0 6px 22px rgba(34,58,96,.12); transform:translateY(-2px); }
.partner-grid img { max-width:100%; max-height:68px; width:auto; height:auto; object-fit:contain; }
@media (max-width:1023px) { .partner-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:639px)  { .partner-grid { grid-template-columns:repeat(2,1fr); } }

/* ====== Mobiel: alle kaart-/content-blokken compacter (24px padding) ====== */
@media (max-width:767px) {
    .checklist-laag .checklist-card,
    .cta-laag .cta-prompt,
    .cav-laag .cav-content,
    .tabel-laag .tabel-card,
    .cb-card,
    .content-cta-laag .cc-card,
    .content-accordion-laag .ca-item,
    .kaarten-afb-laag .kag-content,
    .contact-content-laag .cc2-card,
    .vestigingen-laag .vest-search,
    .vestigingen-laag .vest-item,
    .medewerkers-laag .mw-card-body,
    .nieuws-detail-laag .nd-card,
    .gerelateerd-nieuws-laag .gn-card-body,
    .uitvaart-detail-laag .uv-side-card,
    .uitvaart-detail-laag .uv-contact-bar,
    .nieuws-contact-prompt,
    .nieuws-overzicht-laag .no-body,
    .nieuws-overzicht-laag .no-promo-body,
    .uitvaart-overzicht-laag .uvo-search,
    .uitvaart-overzicht-laag .uvo-body,
    .kaarten-checklist-laag .kch-body,
    .product-detail-laag .pd-card,
    .andere-opties-laag .ao-body,
    .cpt-overzicht-laag .co-body,
    .referenties-laag .ref-card,
    .df-footer .df-support { padding:24px; }
    .afb-kaarten .afbeelding-content-item .content-box { padding:24px !important; }
}

/* ============================================================================
   STIJLGIDS REVIEW-FIXES (juni 2026) — lijst- & typografie-correcties
   ============================================================================ */

/* --- Hero: bullets even groot als bodytekst, mét marker, netjes onder elkaar, fit-content --- */
section.header-layer .content-box ul.bullets {
    list-style: disc !important;
    width: fit-content;
    margin: 16px auto;
    padding-left: 1.25em;
    text-align: left;
}
section.header-layer .content-box ul.bullets li {
    list-style: disc;
    font-family: "new-atten", sans-serif !important;
    font-size: clamp(16px, 1.6vw, 18px) !important;
    line-height: 1.6;
    font-weight: 400;
    color: #ffffff;
    margin: 0 0 8px;
}
section.header-layer .content-box ul.bullets li:last-child { margin-bottom: 0; }

/* --- Content-laag: ruimte tussen de blokken (tekst + afb-kaarten gemengd) + h2 in Dunweg-stijl --- */
.content-laag .gap-box:has(.content-box.tekstbox):has(.afb-kaarten) { gap: 64px !important; }
.content-laag h2 {
    font-family: "mencken-std", serif !important;
    font-style: italic !important;
}

/* --- Checklist-intro: ruimte tussen de alinea's --- */
.checklist-laag .checklist-intro .text-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* --- FAQ-header: opsomming links uitlijnen i.p.v. gecentreerd --- */
.faq-laag .faq-header .text-box ul {
    list-style: disc;
    text-align: left;
    width: fit-content;
    margin: 12px auto 0;
    padding-left: 1.25em;
}
.faq-laag .faq-header .text-box ul li { margin: 0 0 6px; }
.faq-laag .faq-header .text-box ul li:last-child { margin-bottom: 0; }

/* --- CTA-laag: opsomming binnen de padding houden --- */
.cta-laag .cta-prompt__text ul {
    list-style: disc;
    margin: 4px 0;
    padding-left: 1.25em;
}
.cta-laag .cta-prompt__text ul li { margin: 0 0 6px; }
.cta-laag .cta-prompt__text ul li:last-child { margin-bottom: 0; }

/* --- Content-bg-curve: ruimte tussen tekstblokken + ul binnen de padding --- */
.content-bg-curve .cbc-text > * + * { margin-top: 12px; }
.content-bg-curve .cbc-text ul {
    list-style: disc;
    padding-left: 1.25em;
    margin: 0;
}
.content-bg-curve .cbc-text ul li { margin: 0 0 8px; color: #fff; }
.content-bg-curve .cbc-text ul li:last-child { margin-bottom: 0; }

/* --- Tag-badge: Dunweg-groen --- */
.tag:not(.content-box) { background: #579067; }

/* === Toegankelijkheid: respecteer 'verminder beweging' (WCAG 2.3.3) === */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}