/* =========================================================================
   Laadpunt mobiel off-canvas — push-panel drill-down (mobiel only via .lp-ocm)
   1 drawer-frame · 2 animatie · 3 Salient-neutralisatie · 4 transities
   5 root · 6 sub-panelen · 7 footer · 8 fullscreen + paneel-styling
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* ---- 1. DRAWER-FRAME (verslaat skin-material-inline-css; vereist --lp-ocm-top) ---- */

/* Page-push transform + hoogte-klem op de wrap killen (3 breakpoints).
   Salient zet bij open inline height:844px (=viewport) op .ocm-effect-wrap en
   bij sluiten terug naar 100% -> die klem-release is de 300ms-reflow. height
   auto forceren (flex-grow vult sowieso) haalt de klem weg, dus niets om los te
   laten bij sluiten. */
html body[data-slide-out-widget-area-style="slide-out-from-right"].material .ocm-effect-wrap,
html body[data-slide-out-widget-area-style="slide-out-from-right"].material .ocm-effect-wrap.material-ocm-open,
html body[data-slide-out-widget-area-style="slide-out-from-right"].material .ocm-effect-wrap-inner {
	-webkit-transform: none !important;
	transform: none !important;
	height: auto !important;
}
.ocm-effect-wrap.material-ocm-open,
.ocm-effect-wrap-inner {
	padding-top: 0 !important;
}

/* Drawer = full-width overlay, onder de header, opaak wit. */
html body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area.slide-out-from-right {
	display: flex !important;
	flex-direction: column !important;
	position: fixed !important;
	top: var(--lp-ocm-top, 0px) !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
	background: #ffffff !important;
	background-color: #ffffff !important;
	z-index: 100000 !important;
}

/* Binnenlagen op volle breedte + natuurlijke hoogte. */
html body #slide-out-widget-area.slide-out-from-right .inner-wrap,
html body #slide-out-widget-area.slide-out-from-right .inner,
html body #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: none !important;
	margin: 0 !important;
	background: transparent !important;
	transform: none !important;
}
html body #slide-out-widget-area.slide-out-from-right .inner {
	padding: 0 !important;
}

/* .lp-ocm: volle breedte, hoogte komt van JS (niet aanraken). */
html body #slide-out-widget-area.slide-out-from-right .lp-ocm {
	flex: 0 0 auto !important;
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	background: transparent !important;
}

/* Achtergrond-overlay óók onder de header. */
html body #slide-out-widget-area-bg.slide-out-from-right {
	position: fixed !important;
	top: var(--lp-ocm-top, 0px) !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: auto !important;
	z-index: 99999 !important;
}

/* Salient's X-knop verbergen — sluiten via de hamburger. */
html body .slide_out_area_close,
html body .slide_out_area_close.follow-body {
	display: none !important;
}

/* Secundaire groene balk verbergen op mobiel. */
@media only screen and (max-width: 999px) {
	html body.material #header-secondary-outer[data-mobile=display_full] {
		display: none !important;
	}
}

/* ---- 2. OPEN/DICHT-ANIMATIE (via Salient's .material-open; top NIET in transitie = instant fullscreen) ---- */

/* Dicht: onzichtbaar + niet-klikbaar; visibility pas NA de fade. */
html body #slide-out-widget-area.slide-out-from-right,
html body #slide-out-widget-area-bg.slide-out-from-right {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transition: opacity .3s ease, visibility 0s linear .3s !important;
}

/* Open: zichtbaar + klikbaar, direct. */
html body #slide-out-widget-area.slide-out-from-right.material-open,
html body #slide-out-widget-area-bg.slide-out-from-right.material-open {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	transition: opacity .3s ease, visibility 0s linear 0s !important;
}

/* Sluit-versneller (werkt met lp-ocm-closing IIFE). */
html body.lp-ocm-closing #slide-out-widget-area.slide-out-from-right,
html body.lp-ocm-closing #slide-out-widget-area-bg.slide-out-from-right {
	opacity: 0 !important;
	pointer-events: none !important;
	transition: opacity .25s ease !important;
}

/* Sluit-X (hamburger → kruis) wit op de groene header. */
#header-outer .slide-out-widget-area-toggle a.open .lines-button.x2 .lines:after,
#header-outer .slide-out-widget-area-toggle a.open .lines:before,
#header-outer .slide-out-widget-area-toggle a.open .lines {
	background-color: #ffffff !important;
}


/* ---- 3. SALIENT-NEUTRALISATIES binnen de drawer ---- */

/* Scroll-lock neutraliseren (voorkomt content-sprong). ONVOORWAARDELIJK, niet
   op material-ocm-open: Salient zet inline top (bv. -20px) bij open en ruimt die
   pas ná het verwijderen van material-ocm-open op. Gescoped op die class ontstaat
   een frame waarin de inline top doorlekt -> ~20px sprong bij sluiten. Permanent
   pinnen op top:0/relative wint altijd, in elke fase. */
html body #ajax-content-wrap {
	top: 0 !important;
	position: relative !important;
}

/* Accordion-collapse op li>ul binnen .lp-ocm uitzetten. */
html body #slide-out-widget-area .lp-ocm ul,
html body #slide-out-widget-area .lp-ocm li ul {
	max-height: none !important;
	overflow: visible !important;
	padding-left: 0 !important;
	transition: none !important;
}

/* Link-dimming (opacity:.7) terugzetten. */
html body #slide-out-widget-area .lp-ocm a,
html body #slide-out-widget-area .lp-ocm__footer a {
	opacity: 1 !important;
}


/* ---- 4. CONTAINER + PANEEL-TRANSITIES (drill-down) ---- */
.lp-ocm {
	position: relative;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
}
.lp-ocm.is-ready {
	transition: height .3s ease;
}
.lp-ocm.is-ready .lp-ocm__panel {
	transition: transform .3s ease;
}
.lp-ocm__panel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transform: translateX(100%);
}
.lp-ocm__panel--root {
	transform: translateX(0);
}
.lp-ocm__panel.is-active {
	transform: translateX(0);
}
.lp-ocm__panel--root.is-behind {
	transform: translateX(-100%);
}


/* ---- 5. ROOT-PANEEL — nav-items ---- */
.lp-ocm__list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.lp-ocm__item {
	border-bottom: 1px solid #E8E8E8;
}

/* Nav-rij (parent-button / toplink); hoge spec verslaat Salient li a-forcing. */
.lp-ocm__parent,
.lp-ocm__toplink,
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm .lp-ocm__toplink {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0;
	padding: 16px 24px 16px 16px;
	background: none;
	border: 0;
	text-align: left;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	font-size: 16px !important;
	line-height: 24px !important;
	letter-spacing: -0.31px;
	color: #1A1A1A !important;
	text-decoration: none;
	cursor: pointer;
}
.lp-ocm__chevron {
	flex-shrink: 0;
	width: 8px;
	height: 8px;
	margin-left: 12px;
	border-right: 2px solid #999999;
	border-top: 2px solid #999999;
	transform: rotate(45deg);
}


/* ---- 6. SUB-PANELEN — kop (back + close), secties, sublijsten, shortcodes ---- */

/* Kop: terug-pijl links, sluit-X rechts. */
.lp-ocm__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #E8E8E8;
}
.lp-ocm__back {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 20px 16px;
	background: none;
	border: 0;
	border-radius: 0 !important;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #101828;
	cursor: pointer;
}
.lp-ocm__back-icon {
	flex-shrink: 0;
	display: inline-flex;
	line-height: 0;
}
.lp-ocm__back-icon svg {
	display: block;
}
.lp-ocm__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin: 0;
	padding: 16px 20px;
	background: none;
	border: 0;
	border-radius: 0 !important;
	line-height: 0;
	cursor: pointer;
}
.lp-ocm__close svg {
	display: block;
}

.lp-ocm__body {
	padding: 4px 20px 28px;
}
html body #slide-out-widget-area .lp-ocm__panel .lp-ocm__body {
	padding: 4px 0px 28px !important;
}

/* Horizontale padding op titels + sublijsten (body zelf is 0). */
html body #slide-out-widget-area .lp-ocm__panel .lp-ocm__section-title,
html body #slide-out-widget-area .lp-ocm ul.lp-ocm__sublist {
	padding-left: 16px !important;
	padding-right: 16px !important;
}
html body .lp-ocm__panel .lp-ocm__shortcode {
	padding: 16px !important;
}

.lp-ocm__section {
	padding: 24px 0;
	border-bottom: 1px solid #F2F2F2;
}
.lp-ocm__panel .lp-ocm__section {
	border-color: #E8E8E8 !important;
}
html body .lp-ocm__panel .lp-ocm__section {
	padding: 24px 0 20px 0px !important;
}

body.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container .lp-ocm__panel.lp-ocm__panel--root li {
	margin-bottom: 0px !important;
}

.lp-ocm__section-title {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #888888;
}
.lp-ocm__sublist {
	list-style: none;
	margin: 0;
	padding: 0;
}
.lp-ocm__subitem {
	margin: 0;
}

/* Sublijst-link; hoge spec verslaat Salient li a-forcing. */
.lp-ocm__subitem > a,
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm .lp-ocm__subitem > a {
	display: block;
	padding: 10px 0;
	font-size: 16px !important;
	line-height: 1.3 !important;
	color: #1A1A1A !important;
	text-decoration: none;
}

.lp-ocm__shortcode {
	padding: 18px 0;
	border-bottom: 1px solid #F2F2F2;
}
.lp-ocm__shortcode:last-child,
.lp-ocm__section:last-child {
	border-bottom: 0;
}


/* ---- 7. FOOTER — CTA + contact (zusje ná .lp-ocm) ---- */
html body #slide-out-widget-area.slide-out-from-right .lp-ocm__footer {
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
	padding: 0 !important;
}
.lp-ocm__cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 16px 16px 24px;
	padding: 12px 24px;
	background: #ED702D;
	border-radius: 999px;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.31px;
	color: #ffffff !important;
	text-decoration: none;
}
.lp-ocm__cta-arrow {
	flex-shrink: 0;
	width: 9px;
	height: 9px;
	border-right: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
	transform: rotate(45deg);
}
.lp-ocm__contact {
	margin-top: auto;
	padding: 22px 20px 32px;
	background: #F7F7F7;
	border-top: 1px solid #E5E7EB;
}
.lp-ocm__contact-title {
	margin: 0 0 24px;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.15px;
	color: #101828;
	padding-bottom: 0px !important;
}
.lp-ocm__contact-link {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 30px;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.15px;
	color: #4B8B00 !important;
	text-decoration: none;
}
.lp-ocm__contact-link:last-child {
	margin-bottom: 0;
}
.lp-ocm__contact-icon {
	flex-shrink: 0;
	display: inline-flex;
	width: 16px;
	height: 16px;
}
.lp-ocm__contact-icon svg {
	display: block;
	width: 16px;
	height: 16px;
}
body[data-button-style^="rounded"] button.lp-ocm__back,
body[data-button-style^="rounded"] button.lp-ocm__close {
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
}
@media only screen and (max-width: 690px) {
	body #slide-out-widget-area .inner .off-canvas-menu-container.mobile-only .menu.secondary-header-items {
		display: none !important;
	}
}


/* ---- 8. DRILL-DOWN = FULLSCREEN + paneel-styling ---- */

/* Drawer + overlay naar top:0 tijdens drill-down. */
html body.lp-ocm-deep[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area.slide-out-from-right,
html body.lp-ocm-deep #slide-out-widget-area-bg.slide-out-from-right {
	top: 0 !important;
}

/* Header expliciet onder de drawer duwen tijdens drill-down. */
html body.lp-ocm-deep #header-outer,
html body.lp-ocm-deep #header-secondary-outer {
	z-index: 1 !important;
}

/* Footer verbergen op sub-panelen. */
html body.lp-ocm-deep #slide-out-widget-area.slide-out-from-right .lp-ocm__footer {
	display: none !important;
}

.lp-ocm__panel .lp-ocm__section-title {
	margin-bottom: 0px !important;
}
.lp-ocm__sublist .lp-ocm__subitem:last-of-type {
	margin-bottom: 0px !important;
}
html body .lp-ocm__sublist .lp-ocm__subitem a {
	font-weight: 400 !important;
}

/* Header donkergroen zolang OCM open. */
html body:not(.lp-ocm-closing) .ocm-effect-wrap.material-ocm-open #header-outer {
	background-color: #225400 !important;
}

/* Shortcode: adviesgesprek-blok + knop. */
html body .lp-ocm__panel .lp-mega-block--advies p {
	padding-bottom: 0px !important;
}
html body .lp-ocm__panel .lp-mega-block--advies a.lp-mega-block__btn,
html body .lp-ocm__panel .lp-mega-col--cta a.lp-mega-block__btn {
	display: inline-block;
	padding: 8px 16px;
	color: #fff !important;
	background-color: #A0CE4E !important;
	border-radius: 10px;
	font-family: Inter;
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0px;
	text-align: center;
	transition: all 0.2s ease;
}

html body #slide-out-widget-area .lp-ocm__panel .lp-ocm__head + .lp-ocm__body {
	padding-bottom: unset !important;
}

/* Shortcode: populairste laadpalen (products). */
html body .lp-ocm__panel .lp-mega-col--products .lp-mega-card__link,
html body .lp-ocm__panel .lp-mega-col--products .lp-mega-card {
	display: flex !important;
	background: unset !important;
	padding: unset !important;
	width: 100% !important;
}
html body #slide-out-widget-area .lp-ocm__panel .lp-mega-cards,
html body .lp-ocm__panel .lp-mega-col--products .lp-mega-card__link {
	gap: 0px !important;
}
html body .lp-ocm__panel .lp-mega-col--products a.lp-mega-col__more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: Inter;
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.15px;
	margin-top: 36px;
	text-decoration: none;
	color: #4B8B00 !important;
}
html body .lp-ocm__panel .lp-mega-col--products {
	margin-bottom: 9px !important;
}
html body .lp-ocm__panel .lp-mega-col--products .lp-mega-card {
	margin-bottom: 32px !important;
}
html body .lp-ocm__panel .lp-mega-col--products .lp-mega-card:last-of-type {
	margin-bottom: 0px !important;
}
html body .lp-ocm__panel .lp-mega-col--products .lp-mega-card__thumb {
	width: 48px;
	height: 48px;
	border-radius: 10px;
}
html body .lp-ocm__panel .lp-mega-col--products .lp-mega-card__title {
	font-size: 15px;
	line-height: 23px;
	letter-spacing: -0.23px;
}
html body .lp-ocm__panel .lp-mega-col--products .lp-mega-card.is-featured {
	padding: unset !important;
	background-color: transparent !important;
}
html body .lp-ocm__panel .lp-mega-col--products .lp-mega-card__badge {
	color: #4B8B00;
	background-color: #E8F5E0;
}

/* Chevron rechts op de productkaart (grijs, verticaal gecentreerd). */
html body .lp-ocm__panel .lp-mega-col--products .lp-mega-card__link {
	align-items: center !important;
	position: relative;
}
html body .lp-ocm__panel .lp-mega-col--products .lp-mega-card__arrow {
	flex-shrink: 0;
	margin-left: auto;
	width: 7px;
	height: 12px;
	border: 0;
	transform: none;
	background: no-repeat center / 7px 12px
		url("data:image/svg+xml,%3Csvg%20width='7'%20height='12'%20viewBox='0%200%207%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M0.83252%2010.8252L5.82876%205.82894L0.83252%200.832703'%20stroke='%2399A1AF'%20stroke-width='1.66541'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Section-title typografie (basis + 34841 Poppins). */
html body #slide-out-widget-area .lp-ocm__panel .lp-ocm__section-title {
	font-family: Inter !important;
	font-weight: 500 !important;
	font-size: 12px !important;
	line-height: 16px !important;
	letter-spacing: 0.3px !important;
	text-transform: uppercase !important;
}
html body #slide-out-widget-area .lp-ocm__panel#lp-panel-34841 .lp-ocm__section-title {
	font-family: Poppins !important;
	line-height: 18px !important;
}

/* GROENE CHEVRON ná "meer"-links — één gedeelde ::after (mega-more, 34841 §1/§2, projecten, products). */
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm__panel .lp-ocm__subitem.mega-more > a::after,
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm__panel#lp-panel-34841 .lp-ocm__section:nth-of-type(1) .lp-ocm__subitem:last-of-type > a::after,
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm__panel#lp-panel-34841 .lp-ocm__section:nth-of-type(2) .lp-ocm__subitem:last-of-type > a::after,
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm__panel .lp-mega-col--projects a.lp-mega-col__more::after,
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm__panel .lp-mega-col--products a.lp-mega-col__more::after {
	content: "" !important;
	position: static !important;
	display: inline-block !important;
	flex-shrink: 0 !important;
	width: 6px !important;
	height: 10px !important;
	margin: 0 !important;
	bottom: auto !important;
	left: auto !important;
	border: 0 !important;
	-webkit-mask: none !important;
	mask: none !important;
	-webkit-transform: none !important;
	transform: none !important;
	-webkit-transition: none !important;
	transition: none !important;
	background-color: transparent !important;
	background-image: url("data:image/svg+xml,%3Csvg%20width='6'%20height='10'%20viewBox='0%200%206%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M0.666504%208.6662L4.66629%204.66641L0.666504%200.666626'%20stroke='%234B8B00'%20stroke-width='1.33326'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 6px 10px !important;
}

/* Preamble "meer"-links: mega-more. */
html body .lp-ocm__panel .lp-ocm__subitem.mega-more > a {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
	letter-spacing: -0.15px;
	color: #4B8B00 !important;
}

/* Preamble "meer"-links: 34841 Alle merken / Alle automerken. */
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm__panel#lp-panel-34841 .lp-ocm__section:nth-of-type(1) .lp-ocm__subitem:last-of-type > a,
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm__panel#lp-panel-34841 .lp-ocm__section:nth-of-type(2) .lp-ocm__subitem:last-of-type > a {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
	letter-spacing: -0.15px;
	color: #4B8B00 !important;
}

html body .lp-ocm__panel#lp-panel-34825 .lp-ocm__section:first-of-type .lp-ocm__sublist:first-of-type .lp-ocm__subitem:last-of-type a,
html body .lp-ocm__panel#lp-panel-34825 .lp-ocm__section:last-of-type .lp-ocm__sublist:first-of-type .lp-ocm__subitem:last-of-type a{
	margin-top: 16px !important;
	padding-top: 0px !important;
}

/* Exclamation-icoon vóór "Hoe werkt het?" (34825 §1 laatste item). */
html body .lp-ocm__panel#lp-panel-34825 .lp-ocm__section:first-of-type .lp-ocm__subitem:last-of-type a {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
}
html body .lp-ocm__panel#lp-panel-34825 .lp-ocm__section:first-of-type .lp-ocm__subitem:last-of-type a::before {
	content: "";
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	background: no-repeat center / 16px 16px
		url("data:image/svg+xml,%3Csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M7.99981%2014.6659C11.6815%2014.6659%2014.6661%2011.6813%2014.6661%207.99956C14.6661%204.31786%2011.6815%201.33325%207.99981%201.33325C4.3181%201.33325%201.3335%204.31786%201.3335%207.99956C1.3335%2011.6813%204.3181%2014.6659%207.99981%2014.6659Z'%20stroke='%234B8B00'%20stroke-width='1.33326'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M7.99951%2010.6661V7.99957'%20stroke='%234B8B00'%20stroke-width='1.33326'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M7.99951%205.33307H8.00618'%20stroke='%234B8B00'%20stroke-width='1.33326'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Groen/klein op laatste sublijst-item van 34825 + 34841 (Hoe werkt het / Alle merken). */
html body .lp-ocm__panel#lp-panel-34825 .lp-ocm__sublist:first-of-type .lp-ocm__subitem:last-of-type a {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
	letter-spacing: -0.15px;
	color: #4B8B00 !important;
	margin-top: 16px !important;
	padding-bottom: 2px !important;
}
html body .lp-ocm__panel#lp-panel-34841 .lp-ocm__sublist:first-of-type .lp-ocm__subitem:last-of-type a {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
	letter-spacing: -0.15px;
	color: #4B8B00 !important;
	margin-top: 4px !important;
	padding-bottom: 2px !important;
}

/* Populair-badge achter Zaptec (ID-prefix + volledige Salient-reset). */
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm__panel .lp-ocm__subitem.badge-populair {
	display: flex;
	align-items: center;
}
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm__panel .lp-ocm__subitem.badge-populair > a {
	display: inline-flex !important;
	align-items: center;
	width: 100%;
}
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm__panel .lp-ocm__subitem.badge-populair > a::after {
	content: "Populair" !important;
	position: static !important;
	flex-shrink: 0 !important;
	margin: 0 0 0 auto !important;
	padding: 4px 10px !important;
	bottom: auto !important;
	left: auto !important;
	width: auto !important;
	height: auto !important;
	border: 0 !important;
	-webkit-mask: none !important;
	mask: none !important;
	-webkit-transform: none !important;
	transform: none !important;
	background: #E8F5E0 !important;
	color: #4B8B00 !important;
	border-radius: 999px !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 16px !important;
	letter-spacing: -0.15px !important;
	white-space: nowrap !important;
}

/* Paneel-spacing 34825. */
html body .lp-ocm__panel#lp-panel-34825 .lp-ocm__section:last-of-type {
	padding-bottom: 32px !important;
}
html body #lp-panel-34825 .lp-ocm__shortcode {
	padding-top: 24px !important;
}
html body #lp-panel-34825 .lp-ocm__shortcode p {
	margin-bottom: 24px !important;
}
html body .lp-ocm__panel .lp-ocm__shortcode p {
	padding-bottom: 0px !important;
}

/* Paneel-spacing 34825 + 34841. */
html body .lp-ocm__panel#lp-panel-34825 .lp-ocm__section:first-of-type,
html body .lp-ocm__panel#lp-panel-34841 .lp-ocm__section:first-of-type {
	padding-top: 20px !important;
}

/* Paneel-spacing 34841. */
html body .lp-ocm__panel#lp-panel-34841 .lp-ocm__section {
	border-top: unset !important;
	border-bottom: unset !important;
	padding-bottom: 26px !important;
}
html body .lp-ocm__panel#lp-panel-34841 .lp-ocm__shortcode {
	padding-top: 24px !important;
}


/* ---- PANEEL 34863 (Projecten) — locatie-iconen, meer-chevron, project-kaarten ---- */

/* Gebouw-iconen vóór de type-locatie items (kleur #4B8B00). */
html body .lp-ocm__panel .lp-ocm__subitem.loc-icoon > a {
	display: inline-flex !important;
	align-items: center;
	gap: 12px;
}
html body .lp-ocm__panel .lp-ocm__subitem.loc-icoon > a::before {
	content: "";
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
}
html body .lp-ocm__panel .lp-ocm__subitem.icoon-kantoren > a::before {
	background-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M5%2018.3333V3.33329C5%202.89127%205.17559%202.46734%205.48816%202.15478C5.80072%201.84222%206.22464%201.66663%206.66667%201.66663H13.3333C13.7754%201.66663%2014.1993%201.84222%2014.5118%202.15478C14.8244%202.46734%2015%202.89127%2015%203.33329V18.3333H5Z'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M5.00008%2010H3.33341C2.89139%2010%202.46746%2010.1756%202.1549%2010.4882C1.84234%2010.8007%201.66675%2011.2246%201.66675%2011.6667V16.6667C1.66675%2017.1087%201.84234%2017.5326%202.1549%2017.8452C2.46746%2018.1577%202.89139%2018.3333%203.33341%2018.3333H5.00008'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M15%207.5H16.6667C17.1087%207.5%2017.5326%207.6756%2017.8452%207.98816C18.1577%208.30072%2018.3333%208.72464%2018.3333%209.16667V16.6667C18.3333%2017.1087%2018.1577%2017.5326%2017.8452%2017.8452C17.5326%2018.1577%2017.1087%2018.3333%2016.6667%2018.3333H15'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.33325%205H11.6666'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.33325%208.33337H11.6666'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.33325%2011.6666H11.6666'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.33325%2015H11.6666'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}
html body .lp-ocm__panel .lp-ocm__subitem.icoon-it > a::before {
	background-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8.33325%2018.3333V12.8583'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10%209.16663H10.0083'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10%205.83337H10.0083'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11.6667%2012.8583V18.3333'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.5%2013.3333C11.7788%2012.7924%2010.9015%2012.5%2010%2012.5C9.09846%2012.5%208.22123%2012.7924%207.5%2013.3333'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M13.3333%209.16663H13.3416'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M13.3333%205.83337H13.3416'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M6.66675%209.16663H6.67508'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M6.66675%205.83337H6.67508'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M14.9999%201.66663H4.99992C4.07944%201.66663%203.33325%202.41282%203.33325%203.33329V16.6666C3.33325%2017.5871%204.07944%2018.3333%204.99992%2018.3333H14.9999C15.9204%2018.3333%2016.6666%2017.5871%2016.6666%2016.6666V3.33329C16.6666%202.41282%2015.9204%201.66663%2014.9999%201.66663Z'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}
html body .lp-ocm__panel .lp-ocm__subitem.icoon-transport > a::before {
	background-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M11.6667%2015V5.00004C11.6667%204.55801%2011.4912%204.13409%2011.1786%203.82153C10.866%203.50897%2010.4421%203.33337%2010.0001%203.33337H3.33341C2.89139%203.33337%202.46746%203.50897%202.1549%203.82153C1.84234%204.13409%201.66675%204.55801%201.66675%205.00004V14.1667C1.66675%2014.3877%201.75455%2014.5997%201.91083%2014.756C2.06711%2014.9122%202.27907%2015%202.50008%2015H4.16675'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.5%2015H7.5'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M15.8334%2015H17.5001C17.7211%2015%2017.9331%2014.9122%2018.0893%2014.7559C18.2456%2014.5996%2018.3334%2014.3876%2018.3334%2014.1666V11.125C18.3331%2010.9358%2018.2684%2010.7525%2018.1501%2010.605L15.2501%206.97996C15.1721%206.88236%2015.0733%206.80353%2014.9608%206.74929C14.8482%206.69506%2014.725%206.6668%2014.6001%206.66663H11.6667'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M14.1667%2016.6667C15.0871%2016.6667%2015.8333%2015.9205%2015.8333%2015C15.8333%2014.0796%2015.0871%2013.3334%2014.1667%2013.3334C13.2462%2013.3334%2012.5%2014.0796%2012.5%2015C12.5%2015.9205%2013.2462%2016.6667%2014.1667%2016.6667Z'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M5.83341%2016.6667C6.75389%2016.6667%207.50008%2015.9205%207.50008%2015C7.50008%2014.0796%206.75389%2013.3334%205.83341%2013.3334C4.91294%2013.3334%204.16675%2014.0796%204.16675%2015C4.16675%2015.9205%204.91294%2016.6667%205.83341%2016.6667Z'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}
html body .lp-ocm__panel .lp-ocm__subitem.icoon-vastgoed > a::before {
	background-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M14.9999%201.66663H4.99992C4.07944%201.66663%203.33325%202.41282%203.33325%203.33329V16.6666C3.33325%2017.5871%204.07944%2018.3333%204.99992%2018.3333H14.9999C15.9204%2018.3333%2016.6666%2017.5871%2016.6666%2016.6666V3.33329C16.6666%202.41282%2015.9204%201.66663%2014.9999%201.66663Z'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M7.5%2018.3333V15H12.5V18.3333'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M6.66675%205H6.67508'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M13.3333%205H13.3416'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10%205H10.0083'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10%208.33337H10.0083'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10%2011.6666H10.0083'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M13.3333%208.33337H13.3416'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M13.3333%2011.6666H13.3416'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M6.66675%208.33337H6.67508'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M6.66675%2011.6666H6.67508'%20stroke='%234B8B00'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Project-kaarten: flex-row, shadow, border, groene badge. */
html body #slide-out-widget-area .lp-ocm__panel .lp-mega-col--projects .lp-mega-cards {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
html body .lp-ocm__panel .lp-mega-col--projects .lp-mega-card {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}
html body .lp-ocm__panel .lp-mega-col--projects .lp-mega-card__link {
	display: flex !important;
	flex-direction: row !important;
	align-items: center;
	gap: 12px !important;
	padding: 12px !important;
	background: #ffffff !important;
	border: 1px solid #E8E8E8 !important;
	border-radius: 12px !important;
	box-shadow: 0px 1px 2px -1px #0000001A, 0px 1px 3px 0px #0000001A !important;
	text-decoration: none !important;
}
html body .lp-ocm__panel .lp-mega-col--projects .lp-mega-card__thumb {
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	border-radius: 8px;
	overflow: hidden;
}
html body .lp-ocm__panel .lp-mega-col--projects .lp-mega-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
html body .lp-ocm__panel .lp-mega-col--projects .lp-mega-card__body {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start;
	gap: 8px !important;
}
html body .lp-ocm__panel .lp-mega-col--projects .lp-mega-card__title {
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.23px;
	color: #101828 !important;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
html body .lp-ocm__panel .lp-mega-col--projects .lp-mega-card__badge,
html body .lp-ocm__panel .lp-mega-col--projects .lp-mega-card__badge--cat {
	display: inline-block;
	padding: 4px 8px !important;
	background-color: #E8F5E0 !important;
	color: #4B8B00 !important;
	border-radius: 50px !important;
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: -0.15px;
}

/* Paneel-spacing 34863. */
html body .lp-ocm__panel#lp-panel-34863 .lp-ocm__section,
html body .lp-ocm__panel#lp-panel-34871 .lp-ocm__section {
	padding-top: 20px !important;
}
html body .lp-ocm__panel#lp-panel-34863 .lp-ocm__section-title {
	padding-bottom: 20px !important;
}
html body .lp-ocm__panel#lp-panel-34863 .lp-ocm__section .lp-ocm__subitem {
	margin-bottom: 8px !important;
}
html body .lp-ocm__panel#lp-panel-34863 .lp-ocm__shortcode:first-of-type {
	padding-top: 24px !important;
	padding-bottom: 24px !important;
}
html body .lp-ocm__panel#lp-panel-34863 .lp-ocm__shortcode:first-of-type .lp-mega-col__title {
	margin-bottom: 16px !important;
}
html body .lp-ocm__panel#lp-panel-34863 .lp-ocm__shortcode:last-of-type {
	padding-bottom: 32px !important;
}
html body #slide-out-widget-area #lp-panel-34863 .lp-mega-col__more {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
	letter-spacing: -0.15px;
	color: #4B8B00 !important;
	margin-top: 24px !important;
    display: flex;
    align-items: center;
    gap: 8px;
}
html body #slide-out-widget-area #lp-panel-34863 .lp-mega-col {
	margin-bottom: 0px !important;
}


/* ---- PANEEL 34871 (Over Laadpunt) — nav-chevrons, vacature-badge, contact-iconen ---- */

/* Nav-items flex-row (voor chevron/badge rechts). */
html body .lp-ocm__panel#lp-panel-34871 .lp-ocm__subitem > a {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

/* Grijze chevron rechts, behalve Vacatures (die krijgt de badge). */
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm__panel#lp-panel-34871 .lp-ocm__subitem > a:not([href*="vacatures"])::after {
	content: "" !important;
	position: static !important;
	display: inline-block !important;
	flex-shrink: 0 !important;
	width: 7px !important;
	height: 12px !important;
	margin: 0 0 0 auto !important;
	bottom: auto !important;
	left: auto !important;
	border: 0 !important;
	-webkit-mask: none !important;
	mask: none !important;
	-webkit-transform: none !important;
	transform: none !important;
	-webkit-transition: none !important;
	transition: none !important;
	background-color: transparent !important;
	background-image: url("data:image/svg+xml,%3Csvg%20width='7'%20height='12'%20viewBox='0%200%207%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M0.833008%2010.8252L5.82925%205.82894L0.833008%200.832703'%20stroke='%2399A1AF'%20stroke-width='1.66541'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 7px 12px !important;
}

/* Groene badge "Wij zoeken collega's!" op Vacatures (tekst hardcoded). */
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm__panel#lp-panel-34871 .lp-ocm__subitem > a[href*="vacatures"]::after {
	content: "Wij zoeken collega's!" !important;
	position: static !important;
	flex-shrink: 0 !important;
	margin: 0 0 0 auto !important;
	padding: 4px 12px !important;
	bottom: auto !important;
	left: auto !important;
	width: auto !important;
	height: auto !important;
	border: 0 !important;
	-webkit-mask: none !important;
	mask: none !important;
	-webkit-transform: none !important;
	transform: none !important;
	background: #4BA630 !important;
	color: #ffffff !important;
	border-radius: 999px !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 16px !important;
	letter-spacing: -0.15px !important;
	white-space: nowrap !important;
}

/* Mail/telefoon-icoon vóór de contactlinks (vragen-shortcode). */
html body .lp-ocm__panel .lp-mega-block--vragen a.lp-mega-block__link {
	display: flex !important;
	align-items: center;
	gap: 12px;
}
html body .lp-ocm__panel .lp-mega-block--vragen a.lp-mega-block__link::before {
	content: "";
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
}
html body .lp-ocm__panel .lp-mega-block--vragen a.lp-mega-block__link[href^="mailto:"]::before {
	background-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M16.6542%203.33081H3.33094C2.41116%203.33081%201.66553%204.07644%201.66553%204.99622V14.9887C1.66553%2015.9085%202.41116%2016.6541%203.33094%2016.6541H16.6542C17.574%2016.6541%2018.3197%2015.9085%2018.3197%2014.9887V4.99622C18.3197%204.07644%2017.574%203.33081%2016.6542%203.33081Z'%20stroke='%234B8B00'%20stroke-width='1.66541'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M18.3197%205.82892L10.8503%2010.5753C10.5932%2010.7364%2010.296%2010.8218%209.99259%2010.8218C9.68922%2010.8218%209.39199%2010.7364%209.13491%2010.5753L1.66553%205.82892'%20stroke='%234B8B00'%20stroke-width='1.66541'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}
html body .lp-ocm__panel .lp-mega-block--vragen a.lp-mega-block__link[href^="tel:"]::before {
	background-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M18.3198%2014.0894V16.5875C18.3207%2016.8194%2018.2732%2017.049%2018.1803%2017.2615C18.0874%2017.474%2017.9511%2017.6647%2017.7802%2017.8215C17.6093%2017.9783%2017.4076%2018.0976%2017.1879%2018.1719C16.9682%2018.2462%2016.7354%2018.2738%2016.5045%2018.2529C13.9421%2017.9745%2011.4807%2017.0989%209.3182%2015.6965C7.30623%2014.418%205.60044%2012.7123%204.32196%2010.7003C2.91466%208.52793%202.03888%206.05462%201.76555%203.48073C1.74474%203.25045%201.77211%203.01837%201.8459%202.79926C1.9197%202.58014%202.03832%202.3788%202.1942%202.20803C2.35008%202.03727%202.5398%201.90084%202.7513%201.80742C2.96279%201.714%203.19143%201.66564%203.42263%201.66542H5.92075C6.32487%201.66145%206.71665%201.80455%207.02306%202.06807C7.32947%202.33158%207.52961%202.69752%207.58617%203.09768C7.69161%203.89713%207.88715%204.68209%208.16906%205.43759C8.2811%205.73563%208.30534%206.05955%208.23893%206.37095C8.17252%206.68235%208.01823%206.96819%207.79434%207.1946L6.73681%208.25213C7.92221%2010.3369%209.64833%2012.063%2011.733%2013.2484L12.7906%2012.1908C13.017%2011.967%2013.3028%2011.8127%2013.6142%2011.7462C13.9256%2011.6798%2014.2495%2011.7041%2014.5476%2011.8161C15.3031%2012.098%2016.088%2012.2936%2016.8875%2012.399C17.292%2012.4561%2017.6614%2012.6598%2017.9255%2012.9715C18.1896%2013.2832%2018.3299%2013.681%2018.3198%2014.0894Z'%20stroke='%234B8B00'%20stroke-width='1.66541'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Vragen-block typografie + kader. */
html body #slide-out-widget-area #lp-panel-34871 .lp-mega-block.lp-mega-block--vragen {
	padding: 20px 20px 32px 20px !important;
	background-color: #F7F7F7 !important;
	border-radius: 16px !important;
}
html body #slide-out-widget-area #lp-panel-34871 .lp-mega-block__title {
	font-family: Inter !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	letter-spacing: -0.31px !important;
	color: #101828 !important;
	margin-bottom: 22px !important;
}
html body #slide-out-widget-area #lp-panel-34871 .lp-mega-block--vragen .lp-mega-block__link {
	font-family: Inter !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	letter-spacing: -0.15px !important;
	color: #4B8B00 !important;
}
html body #slide-out-widget-area #lp-panel-34871 .lp-mega-block--vragen .lp-mega-block__link:last-of-type {
	margin-top: 24px !important;
}

/* ---- OVERIG ---- */

/* Weply-chat verbergen zolang de OCM-drawer open is (iframe op z-index max). */
html body.material-ocm-open iframe[src*="weply.chat"] {
	visibility: hidden !important;
}

/* Salient hover/active-underline killen: alleen border, zodat iconen/badges/chevrons intact blijven. */
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm a::after,
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm a:hover::after,
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm__footer a::after,
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm__footer a:hover::after {
	border: 0 !important;
}

/* Gesynchroniseerde .25s-fade voor alle header-elementen, matchend met de drawer-fade. */
html body.material-ocm-open #header-outer {
	transition: background-color .25s ease !important;
}

html body.material-ocm-open #header-outer #logo img {
	transition: opacity .25s ease !important;
}

html body.material-ocm-open #header-outer #mobile-contact {
	transition: color .25s ease !important;
}

html body #header-space {
	height: 76px !important;
}

/* ---- 14. ACTIEVE PAGINA-INDICATIE ---- */

/* Top-level zonder subpaneel is de pagina zelf (geen ancestor). */
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm .lp-ocm__item.is-current > .lp-ocm__toplink {
	color: #4B8B00 !important;
}

/* De pagina zelf, in het subpaneel. */
html body #slide-out-widget-area .off-canvas-menu-container .lp-ocm .lp-ocm__subitem.is-current > a,
html body .lp-ocm__sublist .lp-ocm__subitem.is-current > a {
	color: #4B8B00 !important;
	font-weight: 600 !important;
}