.elementor-14639 .elementor-element.elementor-element-9c064a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14639 .elementor-element.elementor-element-a4e5f9c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-14639 .elementor-element.elementor-element-a4e5f9c:not(.elementor-motion-effects-element-type-background), .elementor-14639 .elementor-element.elementor-element-a4e5f9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-14639 .elementor-element.elementor-element-b6cd534{text-align:center;}.elementor-14639 .elementor-element.elementor-element-8a5b0d7{text-align:center;}.elementor-14639 .elementor-element.elementor-element-b6db78e{--swiper-slides-to-display:3;--swiper-slides-gap:24px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-14639 .elementor-element.elementor-element-b6db78e .swiper-slide > .elementor-element{height:100%;}.elementor-14639 .elementor-element.elementor-element-163275c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-14639 .elementor-element.elementor-element-9435c69{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-14639 .elementor-element.elementor-element-22b5d11{text-align:center;}.elementor-14639 .elementor-element.elementor-element-22b5d11 .elementor-heading-title{font-size:32px;font-weight:700;line-height:1.2em;}.elementor-14639 .elementor-element.elementor-element-7e9a7a7{text-align:center;color:#D6E2EE;}@media(max-width:1024px){.elementor-14639 .elementor-element.elementor-element-b6db78e{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-14639 .elementor-element.elementor-element-b6db78e{--swiper-slides-to-display:1;}}/* Start custom CSS *//* ============================================================
   Single use case (template): herbruikbare classes voor alle use cases (Geavanceerd > CSS-klassen)
   dpl-section      verticale ruimte van een sectie
   dpl-card         witte kaart   |  dpl-card-dark  donkerblauwe kaart
   dpl-kicker       klein label boven een kop (heading-widget)
   dpl-badge        pil-label: klantcase (groen) / dpl-badge-grey voorbeeldscenario
   dpl-filter       filterknop (container). Suite: fs-research, fs-360, fs-journeys, fs-culture, fs-alle
                    Thema: ft-leiderschap, ft-continu, ft-employer, ft-inwerken, ft-cultuur, ft-alle
   dpl-case         case-kaart. Geef dezelfde codes zonder f: s-research, t-leiderschap, enz.
   dpl-push         duwt een element naar de onderkant van een kaart
   dpl-article      smalle leeskolom (max. 760px) voor de casetekst
   dpl-quote        grote quote-kaart
   dpl-chapter      genummerd hoofdstuk (n1 t/m n4, laatste krijgt ook "last")
   dpl-flow         rij stappen met pijlen ertussen
   dpl-diagram      schema in HTML-widget (visual)
   ============================================================ */
.e-con.e-parent.dpl-section{padding-top:88px !important;padding-bottom:88px !important}
@media (max-width:1024px){.e-con.e-parent.dpl-section{padding-top:64px !important;padding-bottom:64px !important}}
@media (max-width:600px){.e-con.e-parent.dpl-section{padding-top:48px !important;padding-bottom:48px !important}}
.e-con.dpl-card{padding:28px !important;background:#fff;border:1px solid #DCE7F5;border-radius:18px}
.e-con.dpl-card-dark{padding:36px !important;background:linear-gradient(160deg,#0B3A5E 0%,#061B2E 100%);border-radius:20px;color:#fff}
.e-con.dpl-card-dark .elementor-heading-title,.e-con.dpl-card-dark .elementor-widget-text-editor{color:#fff}
@media (max-width:600px){.e-con.dpl-card{padding:22px !important}.e-con.dpl-card-dark{padding:26px 20px !important}}
.dpl-kicker .elementor-heading-title{font-size:12px !important;line-height:1.4 !important;font-weight:600 !important;letter-spacing:1.2px;text-transform:uppercase;color:#5B7083 !important}
.dpl-card-dark .dpl-kicker .elementor-heading-title{color:#A9C2D9 !important}
.dpl-badge .elementor-heading-title{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px !important;line-height:1.3 !important;font-weight:700 !important;background:#DDF4EC;color:#0B8A60 !important}
.dpl-badge-grey .elementor-heading-title{background:#EDF2F8;color:#5B7083 !important}
.e-con.dpl-filter{padding:8px 16px !important;background:#fff;border:1.5px solid #DCE7F5;border-radius:999px;cursor:pointer;user-select:none;transition:border-color .15s,background .15s}
.e-con.dpl-filter:hover{border-color:#0161EF}
.e-con.dpl-filter.on{background:#003B61;border-color:#003B61}
.e-con.dpl-filter.on .elementor-heading-title{color:#fff !important}
.e-con.dpl-filter:focus-visible{outline:2px solid #0161EF;outline-offset:2px}
.e-con.dpl-case{transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}
.e-con.dpl-case:hover{transform:translateY(-4px);box-shadow:0 20px 40px -28px rgba(0,59,97,.45)}
.e-con.dpl-case.is-hidden{display:none !important}
.e-con.dpl-push{margin-top:auto !important}
.dpl-empty{display:none}
.dpl-empty.show{display:block}

.e-con.dpl-article{max-width:760px;width:100%;margin-left:auto !important;margin-right:auto !important}
.e-con.dpl-quote{padding:32px 36px !important;background:#F5F9FF;border-left:4px solid #E0245E;border-radius:0 16px 16px 0}
.dpl-quote .elementor-widget-text-editor p{margin:0}
.dpl-crumbs a{color:#0161EF !important;text-decoration:none}
.e-con.dpl-fact{padding:16px 18px !important;background:#fff;border:1px solid #DCE7F5;border-radius:14px}
.dpl-accordion .elementor-accordion-item{border:0 !important;border-bottom:1px solid #DCE7F5 !important}
.dpl-accordion .elementor-tab-title{padding:18px 0 !important}
.dpl-accordion .elementor-tab-content{padding:0 0 18px !important;border:0 !important}
@media (max-width:600px){.e-con.dpl-quote{padding:24px 20px !important}}
.dpl-article .elementor-heading-title,.dpl-accordion .elementor-tab-title a{overflow-wrap:break-word}
@media (max-width:600px){.dpl-article .elementor-heading-title,.dpl-accordion .elementor-tab-title a{-webkit-hyphens:auto;hyphens:auto}}
@media (max-width:600px){.dpl-accordion .elementor-tab-title a{font-size:16px !important}}

/* Case: hoofdstukken met nummers, stappenflow en diagram */
.e-con.dpl-chapter{position:relative;padding-left:60px !important}
.e-con.dpl-chapter::before{content:attr(data-n);position:absolute;left:0;top:26px;width:38px;height:38px;border-radius:50%;background:#0161EF;color:#fff;font:700 16px/38px Inter,sans-serif;text-align:center;z-index:1}
.e-con.dpl-chapter.n1::before{content:"1"}.e-con.dpl-chapter.n2::before{content:"2"}.e-con.dpl-chapter.n3::before{content:"3"}.e-con.dpl-chapter.n4::before{content:"4"}
.e-con.dpl-chapter::after{content:"";position:absolute;left:18px;top:72px;bottom:-22px;width:2px;background:#DCE7F5}
.e-con.dpl-chapter.last::after{display:none}
@media (max-width:600px){.e-con.dpl-chapter{padding-left:44px !important}.e-con.dpl-chapter::before{width:30px;height:30px;font-size:14px;line-height:30px;top:28px}.e-con.dpl-chapter::after{left:14px;top:66px}}
.e-con.dpl-flow{position:relative}
@media (min-width:768px){.e-con.dpl-flow>.e-con:not(:last-child)::after{content:"→";position:absolute;right:-21px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:#0161EF;color:#fff;font:700 13px/22px Inter,sans-serif;text-align:center;z-index:2}.e-con.dpl-flow>.e-con{position:relative}}
.e-con.dpl-card-soft{padding:20px !important;background:#F5F9FF;border:1px solid #E3EBF5;border-radius:14px}
.dpl-diagram{font-family:Inter,sans-serif;color:#003B61;background:#F5F9FF;border:1px solid #DCE7F5;border-radius:20px;padding:28px;text-align:left}
.dpl-diagram *{box-sizing:border-box}
.dpl-diagram .dg-top{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 6px;width:max-content;max-width:100%;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #DCE7F5;font:700 14px/1.3 Inter,sans-serif}
.dpl-diagram .dg-top svg{width:18px;height:18px;flex:none}
.dpl-diagram .dg-split{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:center;font:600 12px Inter,sans-serif;color:#8A9AAA;margin-bottom:6px}
.dpl-diagram .dg-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.dpl-diagram .dg-lead,.dpl-diagram .dg-team{background:#fff;border:1px solid #DCE7F5;border-radius:14px;padding:14px 16px}
.dpl-diagram .dg-lead{display:flex;gap:12px;align-items:center}
.dpl-diagram .av{flex:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font:700 16px Inter,sans-serif}
.dpl-diagram .a .av{background:#E0245E}.dpl-diagram .b .av{background:#0161EF}
.dpl-diagram strong{display:block;font-size:15px;line-height:1.3}
.dpl-diagram small{display:block;font-size:13px;line-height:1.35;color:#5B7083;font-weight:500;margin-top:2px}
.dpl-diagram .a .dg-lead small,.dpl-diagram .a .dg-team small{color:#C21D50}
.dpl-diagram .dg-arrow{text-align:center;font:600 12px Inter,sans-serif;color:#5B7083;padding:6px 0}
.dpl-diagram .dg-arrow::before{content:"";display:block;width:2px;height:14px;margin:0 auto 4px;background:#C9D6E6}
.dpl-diagram .dots{display:flex;gap:5px;margin-bottom:10px}
.dpl-diagram .dots i{width:14px;height:14px;border-radius:50%}
.dpl-diagram .a .dots i{background:#F4A6BD}.dpl-diagram .b .dots i{background:#9DC0F8}
.dpl-diagram .bar{height:8px;border-radius:4px;background:#EDF2F8;margin-top:10px;overflow:hidden}
.dpl-diagram .bar em{display:block;height:100%;border-radius:4px}
.dpl-diagram .a .bar em{background:#E0245E}.dpl-diagram .b .bar em{background:#0161EF}
.dpl-diagram .dg-take{margin:18px 0 0;text-align:center;font:700 16px/1.4 Inter,sans-serif;color:#003B61}
.dpl-diagram .dg-note{margin:4px 0 0;text-align:center;font:500 12px Inter,sans-serif;color:#8A9AAA}
@media (max-width:600px){.dpl-diagram{padding:16px}.dpl-diagram .dg-cols,.dpl-diagram .dg-split{gap:10px}.dpl-diagram .dg-lead{flex-direction:column;align-items:flex-start;gap:8px}.dpl-diagram .dg-lead,.dpl-diagram .dg-team{padding:12px}.dpl-diagram .dg-take{font-size:15px}}
.dpl-diagram .dg-lead{min-height:76px}
@media (max-width:600px){.dpl-diagram .dg-lead{min-height:118px}}

/* Visuals in cases (HTML-widgets): dpl-vis met balken (row), stappen (flowv), tijdlijn (tlv), schuiven (slv) en heatmap (heat) */
.dpl-vis{font-family:Inter,sans-serif;color:#003B61;background:#F5F9FF;border:1px solid #DCE7F5;border-radius:20px;padding:24px;text-align:left}
.dpl-vis *{box-sizing:border-box}
.dpl-vis .vt{margin:0 0 16px;font:700 16px/1.35 Inter,sans-serif;color:#003B61}
.dpl-vis .vs{margin:14px 0 0;font:500 12px Inter,sans-serif;color:#8A9AAA;text-align:right}
.dpl-vis .co{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:#fff;border-left:3px solid #E0245E;font:600 13px/1.45 Inter,sans-serif;color:#344A5E}
.dpl-vis .row{display:grid;grid-template-columns:150px minmax(0,1fr) 44px;gap:10px;align-items:center;margin:10px 0;font:600 13px/1.3 Inter,sans-serif}
.dpl-vis .row i{display:block;height:10px;border-radius:5px;background:#E3EBF5;position:relative;overflow:hidden}
.dpl-vis .row i em{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:#0161EF}
.dpl-vis .row b{text-align:right}
.dpl-vis .flowv{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:8px}
.dpl-vis .fb{background:#fff;border:1px solid #DCE7F5;border-radius:14px;padding:14px}
.dpl-vis .fb strong{display:block;font-size:14px;line-height:1.3}
.dpl-vis .fb small{display:block;font-size:12px;line-height:1.4;color:#5B7083;font-weight:500;margin-top:2px}
.dpl-vis .ar{text-align:center;color:#0161EF;font:700 18px Inter,sans-serif}
.dpl-vis .tlv{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:6px;position:relative}
.dpl-vis .tlv::before{content:"";position:absolute;left:10%;right:10%;top:8px;height:2px;background:#C9D6E6}
.dpl-vis .pt{position:relative;text-align:center;font:600 12px/1.35 Inter,sans-serif}
.dpl-vis .pt .d{display:block;width:18px;height:18px;margin:0 auto 8px;border-radius:50%;background:#0161EF;border:3px solid #F5F9FF}
.dpl-vis .pt .d.hot{background:#E0245E;box-shadow:0 0 0 5px rgba(224,36,94,.15)}
.dpl-vis .pt .d.off{background:#fff;border:3px solid #0161EF}
.dpl-vis .pt small{display:block;color:#5B7083;font-weight:500;margin-top:2px}
.dpl-vis .v{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:999px;font:700 11px Inter,sans-serif;background:#DDF4EC;color:#0B8A60}
.dpl-vis .v.p{background:#FBE3EA;color:#C21D50}.dpl-vis .v.b{background:#E3EEFF;color:#0161EF}
.dpl-vis .slv{margin:10px 0 18px}
.dpl-vis .slv .l{display:flex;justify-content:space-between;gap:10px;font:600 12px Inter,sans-serif;color:#5B7083;margin-bottom:7px}
.dpl-vis .slv .t{position:relative;height:8px;border-radius:4px;background:#E3EBF5}
.dpl-vis .slv .mk{position:absolute;top:-5px;width:18px;height:18px;border-radius:50%;margin-left:-9px;border:3px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.dpl-vis .lg{display:flex;flex-wrap:wrap;gap:14px;font:600 12px Inter,sans-serif;color:#5B7083}
.dpl-vis .lg i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.dpl-vis .heat{display:grid;grid-template-columns:120px repeat(4,minmax(0,1fr));gap:6px;font:600 12px/1.3 Inter,sans-serif}
.dpl-vis .heat span{padding:9px 4px;border-radius:8px;text-align:center}
.dpl-vis .heat .hh{background:none;color:#5B7083;padding:4px 2px}
.dpl-vis .heat .rl{background:none;text-align:left;padding-left:0}
.dpl-vis .h1{background:#DDF4EC;color:#0B8A60}.dpl-vis .h2{background:#E3EEFF;color:#0161EF}.dpl-vis .h3{background:#FBE3EA;color:#C21D50}
@media (max-width:600px){.dpl-vis{padding:16px}.dpl-vis .row{grid-template-columns:100px minmax(0,1fr) 36px;font-size:12px}.dpl-vis .flowv{grid-template-columns:minmax(0,1fr)}.dpl-vis .ar{transform:rotate(90deg)}.dpl-vis .tlv{font-size:11px}.dpl-vis .pt{font-size:11px}.dpl-vis .heat{grid-template-columns:78px repeat(4,minmax(0,1fr));font-size:11px}.dpl-vis .heat .hh{font-size:10px;word-break:break-word}}/* End custom CSS */