/* Slotenmaker Klinke: nabouw van slotenmakerklinke.be (Craft + Tailwind) in Salient + WPBakery.
   Maten en kleuren: analyse/design.md. Breakpoints zoals live: 401, 720, 960 (container ook 296, 351, 1248, 1464).
   Rasterplaatsing van kolommen: raster.css (gegenereerd). Klassen hebben prefix sk- (Salient gebruikt .container, .row, .col). */

:root {
	--sk-primary: #28503c;
	--sk-secondary: #8cb4a0;
	--sk-tertiary: #e6faf0;
	--sk-text: #030712;
	--sk-error: #dc2626;
	--sk-primary-50: rgba(40, 80, 60, .5);
	--sk-primary-75: rgba(40, 80, 60, .75);
	--sk-font: "PP Pangram Sans", Helvetica, Arial, sans-serif;
	--sk-ease-menu: cubic-bezier(.645, .045, .355, 1);
}

/* Geen 400-face, zoals live: gewicht 400 rendert de Medium (500). */
@font-face { font-family: "PP Pangram Sans"; font-weight: 500; font-style: normal; font-display: swap; src: url(fonts/PPPangramSans-Medium.woff2) format("woff2"); }
@font-face { font-family: "PP Pangram Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url(fonts/PPPangramSans-Bold.woff2) format("woff2"); }
@font-face { font-family: "PP Pangram Sans"; font-weight: 300; font-style: normal; font-display: swap; src: url(fonts/PPPangramSans-Light.woff2) format("woff2"); }
@font-face { font-family: "PP Pangram Sans"; font-weight: 600; font-style: normal; font-display: swap; src: url(fonts/PPPangramSans-Semibold.woff2) format("woff2"); }
@font-face { font-family: "PP Pangram Sans"; font-weight: 100; font-style: normal; font-display: swap; src: url(fonts/PPPangramSans-Thin.woff2) format("woff2"); }

/* ---------- basis ---------- */
html body.sk { font-family: var(--sk-font); font-size: 16px; line-height: 24px; font-weight: 400; color: var(--sk-text); letter-spacing: normal;
	-webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; background: #fff; }
/* Salient zet body op overflow hidden (sticky werkt dan niet) en --scroll-bar-w op -2px (rijen 2px te breed op gsm) */
html { overflow-x: hidden; }
body.sk { overflow-x: clip; overflow-y: visible; --scroll-bar-w: 0px; }
body.sk .container-wrap, body.sk .container-wrap .main-content { padding: 0 !important; margin: 0 !important; background: #fff; }
body.sk .container-wrap { min-height: 0 !important; }
body.sk .main-content > .row { padding: 0 !important; margin: 0 !important; }
body.sk #ajax-content-wrap .container-wrap { padding-bottom: 0 !important; }

/* container: getrapte breedte zoals de Tailwind-container van live, 12px zijruimte */
body.sk .container,
body.sk #header-outer #top > .container,
body.sk .container-wrap .container.main-content { width: 100% !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box; }
@media (min-width: 296px) { body.sk .container, body.sk #header-outer #top > .container, body.sk .container-wrap .container.main-content { max-width: 296px !important; } }
@media (min-width: 351px) { body.sk .container, body.sk #header-outer #top > .container, body.sk .container-wrap .container.main-content { max-width: 351px !important; } }
@media (min-width: 401px) { body.sk .container, body.sk #header-outer #top > .container, body.sk .container-wrap .container.main-content { max-width: 401px !important; } }
@media (min-width: 720px) { body.sk .container, body.sk #header-outer #top > .container, body.sk .container-wrap .container.main-content { max-width: 720px !important; } }
@media (min-width: 960px) { body.sk .container, body.sk #header-outer #top > .container, body.sk .container-wrap .container.main-content { max-width: 960px !important; } }
@media (min-width: 1248px) { body.sk .container, body.sk #header-outer #top > .container, body.sk .container-wrap .container.main-content { max-width: 1248px !important; } }
@media (min-width: 1464px) { body.sk .container, body.sk #header-outer #top > .container, body.sk .container-wrap .container.main-content { max-width: 1464px !important; } }

/* ---------- rijen en raster ---------- */
body.sk .sk-rij { margin: 0 !important; position: relative; }
body.sk .sk-rij.sk-mt-80 { margin-top: 80px !important; }
body.sk .sk-rij.sk-mt-40 { margin-top: 40px !important; }
body.sk .sk-rij.sk-mt-32 { margin-top: 32px !important; }
body.sk .sk-rij.sk-mb-40 { margin-bottom: 40px !important; }
body.sk .sk-rij.sk-mb-80 { margin-bottom: 80px !important; }
body.sk .sk-rij.sk-my-80 { margin-top: 80px !important; margin-bottom: 80px !important; }
body.sk .sk-rij.sk-my-160 { margin-top: 160px !important; margin-bottom: 160px !important; }
@media (min-width: 960px) { body.sk .sk-rij.sk-lg-my-120 { margin-top: 120px !important; margin-bottom: 120px !important; } }
body.sk .sk-rij.sk-bg-tertiary > .row-bg-wrap .row-bg { background-color: var(--sk-tertiary); }
body.sk .sk-rij.sk-bg-primary > .row-bg-wrap .row-bg { background-color: var(--sk-primary); }

body.sk .sk-raster > .row_col_wrap_12 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 24px; row-gap: 0;
	float: none !important; width: auto !important; margin: 0 !important; flex-wrap: initial; }
@media (min-width: 720px) { body.sk .sk-raster > .row_col_wrap_12 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (min-width: 960px) { body.sk .sk-raster > .row_col_wrap_12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } }
body.sk .sk-raster > .row_col_wrap_12::before, body.sk .sk-raster > .row_col_wrap_12::after { display: none !important; content: none !important; }
body.sk .sk-raster > .row_col_wrap_12 > .wpb_column { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; min-width: 0; grid-column: 1 / -1; }
body.sk .sk-raster > .row_col_wrap_12 > .wpb_column > .vc_column-inner { padding: 0 !important; margin: 0 !important; }
body.sk .sk-raster.sk-gy-48 > .row_col_wrap_12 { row-gap: 48px; }
body.sk .sk-raster.sk-gy-32 > .row_col_wrap_12 { row-gap: 32px; }
body.sk .sk-raster.sk-gy-24 > .row_col_wrap_12 { row-gap: 24px; }
body.sk .sk-raster.sk-items-center > .row_col_wrap_12 { align-items: center; }
/* kolommen met een plaatsingsklasse volgen raster.css (specifieker); de rest (sk-c-vol) neemt de volle breedte */
body.sk .sk-max-md, body.sk .sk-raster > .row_col_wrap_12 > .wpb_column.sk-max-md { max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; }
body.sk .sk-rij.sk-dubbel .wpb_column.sk-max-md { max-width: min(720px, calc(100% - 24px)) !important; }   /* privacy: live .container in .container */
body.sk .sk-max-lg, body.sk .sk-raster > .row_col_wrap_12 > .wpb_column.sk-max-lg { max-width: 960px !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; }

/* Salient- en WPBakery-marges op elementen weg; de marges komen van de klassen hieronder */
body.sk .sk-rij .wpb_wrapper > *, body.sk .sk-rij .wpb_content_element, body.sk .sk-rij .wpb_text_column,
body.sk .sk-rij .img-with-aniamtion-wrap, body.sk .sk-rij .wpb_row.inner_row { margin-top: 0; margin-bottom: 0; }
body.sk .sk-rij .wpb_row.inner_row { margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; }
body.sk .sk-rij .inner_row > .row_col_wrap_12_inner { margin: 0 !important; width: 100% !important; }
body.sk .sk-rij .inner_row .wpb_column, body.sk .sk-rij .inner_row .vc_column-inner { padding: 0 !important; margin: 0 !important; width: 100% !important; }
body.sk .sk-rij .row .col img, body.sk .sk-rij img { margin-bottom: 0 !important; }
body.sk .sk-rij .img-with-aniamtion-wrap .inner, body.sk .sk-rij .img-with-aniamtion-wrap .hover-wrap, body.sk .sk-rij .img-with-aniamtion-wrap .hover-wrap-inner { width: 100%; transform: none !important; }
/* Salient: .hover-wrap heeft margin-bottom 15px */
body.sk .sk-rij .img-with-aniamtion-wrap .hover-wrap { margin: 0 !important; }

/* ---------- typografie in de inhoud (live: main) ---------- */
body.sk .sk-rij :is(h1, h2, h3, h4, h5, h6) { font-family: var(--sk-font); font-weight: 500; letter-spacing: .05em; color: var(--sk-primary); margin: 0; padding: 0; text-transform: none; }
body.sk .sk-rij h1 { font-size: 32px; line-height: 40px; }
body.sk .sk-rij h2 { font-size: 24px; line-height: 32px; }
body.sk .sk-rij h3 { font-size: 18px; line-height: 24px; }
body.sk .sk-rij h4 { font-size: 16px; line-height: 24px; }
body.sk .sk-rij h5 { font-size: 14px; line-height: 24px; }
body.sk .sk-rij h6 { font-size: 12px; line-height: 16px; }
@media (min-width: 720px) {
	body.sk .sk-rij h1 { font-size: 40px; line-height: 48px; }
	body.sk .sk-rij h2 { font-size: 32px; line-height: 40px; }
	body.sk .sk-rij h3 { font-size: 24px; line-height: 32px; }
	body.sk .sk-rij h4 { font-size: 18px; line-height: 24px; }
}
body.sk .sk-rij p { font-family: var(--sk-font); font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: .05em; color: var(--sk-primary); margin: 0; padding: 0; }
body.sk .sk-rij ul { font-size: 16px; line-height: 24px; letter-spacing: .05em; list-style: disc inside; margin: 0; padding: 0; }
/* live (Tailwind preflight): ol zonder nummers en zonder marges; alleen ul li is groen (html main ul li), ol li erft de tekstkleur */
body.sk .sk-rij ol { margin: 0; padding: 0; list-style: none; color: var(--sk-text); }
body.sk .sk-rij li { color: var(--sk-primary); list-style: inherit; margin: 0; padding: 0; }
body.sk .sk-rij ol > li { color: inherit; }
body.sk .sk-rij a { color: var(--sk-primary); white-space: nowrap; transition: color .2s ease; text-decoration: none; }
body.sk .sk-rij a:hover { color: var(--sk-secondary); }
body.sk :is(strong, b) { font-weight: bolder; }   /* Tailwind-preflight: genest strong wordt 900 zoals live */
body.sk mark { background: transparent; color: var(--sk-secondary); font-weight: 600; }

/* tekstutilities (niet responsief, winnen van de kopmaten) */
body.sk .sk-rij .sk-text-md { font-size: 24px; line-height: 32px; }
body.sk .sk-rij .sk-text-lg { font-size: 32px; line-height: 40px; }
body.sk .sk-rij .sk-text-base { font-size: 16px; line-height: 24px; }
body.sk .sk-rij .sk-text-center { text-align: center; }
body.sk .sk-rij .sk-semibold { font-weight: 600; }
body.sk .sk-rij .sk-text-tertiary { color: var(--sk-tertiary); }
body.sk .sk-rij .sk-mb-8 { margin-bottom: 8px; }
body.sk .sk-rij .sk-mb-16 { margin-bottom: 16px; }
body.sk .sk-rij .sk-mb-32 { margin-bottom: 32px; }
body.sk .sk-rij .sk-mt-8 { margin-top: 8px; }
body.sk .sk-rij .wpb_text_column.sk-mt-16 { margin-top: 16px; } body.sk .sk-rij .wpb_text_column.sk-mt-24 { margin-top: 24px; }
body.sk .sk-rij .wpb_text_column.sk-mt-32 { margin-top: 32px; } body.sk .sk-rij .wpb_text_column.sk-mt-40 { margin-top: 40px; }
body.sk .sk-rij .wpb_text_column.sk-mb-16 { margin-bottom: 16px; } body.sk .sk-rij .wpb_text_column.sk-mb-32 { margin-bottom: 32px; }
body.sk .sk-rij .wpb_text_column.sk-mb-40 { margin-bottom: 40px; }

/* .content */
body.sk .sk-content :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 16px; }
body.sk .sk-content :is(h1, h2, h3, h4, h5, h6):not(:first-child) { margin-top: 32px; }
body.sk .sk-content p:not(:last-child) { margin-bottom: 16px; }
/* live: lege <p> als laatste in een los tekstblok; de marge van de alinea ervoor valt weg in mt-80 van de volgende sectie (ekeren) */
body.sk .sk-rij.sk-tekstblok .wpb_column:last-child .wpb_text_column.sk-content:last-child > :has(+ .sk-leeg:last-child) { margin-bottom: 0; }   /* alleen losse tekstblokken: in tekst+beeld staat live een grid-item, daar collapst niets. Salient: tekst staat rechtstreeks in .wpb_text_column */
body.sk .sk-rij.sk-knoprij.sk-knop-mb .sk-knoppen > .vc_column-inner > .wpb_wrapper { padding-bottom: 16px; }   /* over-ons: zie b_knoprij (vc_column-inner staat op padding 0 !important) */
body.sk .sk-rij .sk-leeg { height: 0; margin: 0; padding: 0; }   /* live: lege <p></p> (zie leeg_bewaren in de generator) */
body.sk .sk-rij .sk-los { font-size: 16px; line-height: 24px; letter-spacing: normal; color: var(--sk-text); }   /* live: losse tekst zonder <p> erft de body */
body.sk .sk-rij .sk-los :is(strong, b, a) { color: inherit; }
body.sk .sk-rij .sk-sysfont { font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; }   /* kluis: lege span uit live, maakt de regel 2 px hoger */
body.sk .sk-content ul { margin-top: 16px; }
body.sk .sk-content ul:not(:last-child) { margin-bottom: 16px; }
body.sk .sk-content ul li:not(:last-of-type) { margin-bottom: 4px; }
/* .content--services en .content--sm: kleinere koppen op elke breedte */
body.sk .sk-rij :is(.sk-content--sm, .sk-content--services) h1 { font-size: 32px; line-height: 40px; }
body.sk .sk-rij :is(.sk-content--sm, .sk-content--services) h2 { font-size: 24px; line-height: 32px; }
body.sk .sk-rij :is(.sk-content--sm, .sk-content--services) h3 { font-size: 18px; line-height: 24px; }
body.sk .sk-content.sk-content--sm :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 8px; }
body.sk .sk-content.sk-content--sm :is(h1, h2, h3, h4, h5, h6):not(:first-child) { margin-top: 16px; }
body.sk .sk-rij .sk-content--sm p { font-size: 14px; line-height: 24px; }
body.sk .sk-content.sk-content--sm p:not(:last-child) { margin-bottom: 8px; }
body.sk .sk-rij .sk-content--sm ul { font-size: 14px; line-height: 24px; }
body.sk .sk-content.sk-content--sm ul { margin-top: 8px; }
body.sk .sk-content.sk-content--sm ul:not(:last-child) { margin-bottom: 8px; }
body.sk .sk-content.sk-content--sm ul li:not(:last-of-type) { margin-bottom: 2px; }
body.sk .sk-rij .sk-content--sm a { border-bottom: 1px solid var(--sk-primary); padding-bottom: 1px; font-weight: 400; }
/* about-band: lichte tekst op groen */
body.sk .sk-about :is(h1, h2, h3, h4, p) { color: var(--sk-tertiary); }

/* ---------- beelden ---------- */
body.sk .sk-rij :is(img.sk-img-rond, .sk-img-rond img, img.sk-overlay-img, .sk-overlay-img img) { display: block; width: 100% !important; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 24px; }
body.sk .sk-rij .img-with-aniamtion-wrap { line-height: 0; }
body.sk .sk-rij .img-with-aniamtion-wrap[data-max-width] .inner { max-width: 100% !important; }

/* foto met tekst erop (hero rechts): titel boven, knop onder, op dezelfde rastercel */
body.sk .sk-overlay > .vc_column-inner > .wpb_wrapper { display: grid; }
body.sk .sk-overlay > .vc_column-inner > .wpb_wrapper > * { grid-area: 1 / 1; min-width: 0; }
body.sk .sk-overlay .sk-overlay-titel { z-index: 10; align-self: start; padding: 32px 24px 0; }
body.sk .sk-rij .sk-overlay .wpb_row.inner_row.sk-overlay-knoppen { z-index: 10; align-self: end; padding: 0 24px 32px !important; }
@media (min-width: 720px) {
	body.sk .sk-overlay .sk-overlay-titel { padding: 32px 32px 0; }
	body.sk .sk-rij .sk-overlay .wpb_row.inner_row.sk-overlay-knoppen { padding: 0 32px 32px !important; }
}
html body.sk .sk-overlay a.sk-btn { font-size: 14px !important; }
@media (min-width: 720px) { html body.sk .sk-overlay a.sk-btn { font-size: 16px !important; } }

/* ---------- knoppen ---------- */
body.sk .sk-knoppen > .vc_column-inner > .wpb_wrapper,
body.sk .sk-knoppen .sk-knoppen-kolom > .vc_column-inner > .wpb_wrapper { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
body.sk .sk-knoppen.sk-gap-8 .sk-knoppen-kolom > .vc_column-inner > .wpb_wrapper, body.sk .sk-knoppen.sk-gap-8 > .vc_column-inner > .wpb_wrapper { gap: 8px; }
body.sk .sk-knoppen.sk-justify-center > .vc_column-inner > .wpb_wrapper,
body.sk .sk-knoppen.sk-justify-center .sk-knoppen-kolom > .vc_column-inner > .wpb_wrapper { justify-content: center; }
body.sk .sk-rij .wpb_row.inner_row.sk-mt-24 { margin-top: 24px; }
body.sk .sk-rij .wpb_row.inner_row.sk-mt-32 { margin-top: 32px; }
body.sk .sk-rij .wpb_row.inner_row.sk-mt-40 { margin-top: 40px; }

/* basis: geen randkleur hier (die zetten de varianten); html body.sk + element + 2 klassen wint van Salient (.nectar-button.accent-color ...) */
html body.sk :is(a, button).sk-btn {
	display: inline-block; position: relative; box-sizing: border-box; margin: 0 !important; padding: 12px 32px !important;
	font-family: var(--sk-font) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 500 !important;
	letter-spacing: .05em !important; text-transform: none !important; white-space: nowrap; text-align: start; text-decoration: none;
	border-width: 1px !important; border-style: solid !important; border-radius: 9999px !important; box-shadow: none !important; transform: none !important;
	opacity: 1 !important; height: auto; min-width: 0; min-height: 0; overflow: visible; cursor: pointer; -webkit-appearance: none; appearance: none;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease !important; }
/* Salient: body[data-form-submit="regular"] .container-wrap button[type="submit"] { padding: 15px 22px !important; border-radius: 0 !important } */
html body.sk .container-wrap form.sk-gf button.sk-btn[type="submit"] { padding: 12px 32px !important; border-radius: 9999px !important; margin: 0 !important; }
html body.sk button.sk-btn { text-align: center; }
html body.sk a.nectar-button.sk-btn::before, html body.sk a.nectar-button.sk-btn::after { display: none !important; }
html body.sk a.nectar-button.sk-btn > span { position: static !important; display: inline !important; color: inherit !important; transform: none !important; opacity: 1 !important; padding: 0 !important; }
html body.sk :is(a, button).sk-btn.sk-btn--primary { background-color: var(--sk-primary) !important; border-color: var(--sk-primary) !important; color: #fff !important; }
html body.sk :is(a, button).sk-btn.sk-btn--primary:hover { background-color: transparent !important; border-color: var(--sk-primary) !important; color: var(--sk-primary) !important; }
html body.sk :is(a, button).sk-btn.sk-btn--outline-primary { background-color: transparent !important; border-color: var(--sk-primary) !important; color: var(--sk-primary) !important; }
html body.sk :is(a, button).sk-btn.sk-btn--outline-primary:hover { background-color: var(--sk-primary) !important; border-color: var(--sk-primary) !important; color: var(--sk-tertiary) !important; }
html body.sk :is(a, button).sk-btn.sk-btn--tertiary { background-color: var(--sk-tertiary) !important; border-color: var(--sk-tertiary) !important; color: var(--sk-primary) !important; }
html body.sk :is(a, button).sk-btn.sk-btn--tertiary:hover { background-color: transparent !important; border-color: var(--sk-tertiary) !important; color: var(--sk-tertiary) !important; }
html body.sk :is(a, button).sk-btn.sk-btn--outline-tertiary { background-color: transparent !important; border-color: var(--sk-tertiary) !important; color: var(--sk-tertiary) !important; }
html body.sk :is(a, button).sk-btn.sk-btn--outline-tertiary:hover { background-color: var(--sk-tertiary) !important; border-color: var(--sk-tertiary) !important; color: var(--sk-primary) !important; }
html body.sk :is(a, button).sk-btn.sk-btn--secondary { background-color: var(--sk-secondary) !important; border-color: var(--sk-secondary) !important; color: var(--sk-tertiary) !important; }
html body.sk :is(a, button).sk-btn.sk-btn--secondary:hover { background-color: transparent !important; border-color: var(--sk-primary) !important; color: var(--sk-primary) !important; }

/* ---------- dienstkaarten (slider op home, raster op /diensten) ---------- */
body.sk .sk-dienst-kop { display: grid; gap: 24px; margin-bottom: 32px; }
body.sk .sk-dienst-kop .sk-pijlen { display: grid; grid-auto-flow: column; gap: 8px; justify-self: end; align-self: end; }
@media (min-width: 960px) { body.sk .sk-dienstblok--slider .sk-dienst-kop { grid-auto-flow: column; justify-content: space-between; } }
body.sk .sk-btn-icoon { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 8px; margin: 0; border: 1px solid var(--sk-primary); border-radius: 9999px;
	background: var(--sk-primary); color: var(--sk-tertiary); cursor: pointer; transition: background-color .2s ease, color .2s ease, border-color .2s ease; box-shadow: none; }
body.sk .sk-btn-icoon:hover { background: transparent; color: var(--sk-primary); }
body.sk .sk-btn-icoon svg { width: 24px; height: 24px; fill: currentColor; display: block; }
body.sk .sk-dienst-venster { overflow: hidden; overflow: clip; }
body.sk .sk-diensten-spoor { display: grid; gap: 24px; grid-template-columns: repeat(99, 100%); transition: transform .45s var(--sk-ease-menu); }
body.sk .sk-diensten-spoor > * { grid-row-start: 1; }
@media (min-width: 720px) { body.sk .sk-diensten-spoor { grid-template-columns: repeat(99, calc(50% - 12px)); } }
@media (min-width: 960px) { body.sk .sk-diensten-spoor { grid-template-columns: repeat(99, calc(25% - 18px)); } }
body.sk .sk-diensten-raster { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
body.sk .sk-diensten-raster > * { grid-column: span 4 / span 4; }
@media (min-width: 720px) { body.sk .sk-diensten-raster { grid-template-columns: repeat(6, minmax(0, 1fr)); } body.sk .sk-diensten-raster > * { grid-column: span 3 / span 3; } }
@media (min-width: 960px) { body.sk .sk-diensten-raster { grid-template-columns: repeat(12, minmax(0, 1fr)); } }
body.sk .sk-rij a.sk-dienst { display: flex; flex-direction: column; border-radius: 24px; overflow: hidden; color: var(--sk-primary); white-space: normal; }
body.sk .sk-dienst img.sk-dienst-beeld { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; margin: 0 !important; }
body.sk .sk-rij .sk-dienst .sk-dienst-titel { display: flex; flex-grow: 1; align-items: center; justify-content: center; margin: 0; padding: 24px 8px; background: var(--sk-primary);
	color: var(--sk-tertiary); font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; text-align: center;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
body.sk .sk-rij .sk-dienst:hover .sk-dienst-titel { background: var(--sk-secondary); color: var(--sk-tertiary); }

/* ---------- regio's ---------- */
body.sk .sk-regiolijst { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
html body.sk a.sk-btn.sk-regio { padding: 8px 16px !important; }
@media (min-width: 960px) { html body.sk a.sk-btn.sk-regio { padding: 16px 32px !important; } }
body.sk .sk-regio-cta { margin-top: 48px !important; text-align: center; }
body.sk .sk-rij .sk-regio-cta h3 { font-size: 16px; line-height: 24px; margin-bottom: 8px; }
body.sk .sk-rij .sk-regio-cta h4 { font-size: 18px; line-height: 24px; }
@media (min-width: 720px) {
	body.sk .sk-rij .sk-regio-cta h3 { font-size: 18px; line-height: 24px; }
	body.sk .sk-rij .sk-regio-cta h4 { font-size: 24px; line-height: 32px; }
}
body.sk .sk-rij .sk-regio-cta a { border-bottom: 1px solid var(--sk-primary); padding-bottom: 1px; }

/* ---------- header (Salient, desktop vanaf 960) ---------- */
body.sk #header-outer { box-shadow: none !important; background: #fff !important; padding-top: 0 !important; padding-bottom: 0 !important; }
/* Salient geeft #header-outer op mobiel 12px boven en onder; live is de header overal 120 hoog */
body.sk #header-space { height: 120px !important; }
body.sk #header-outer #top { height: 120px; background: #fff; }   /* wit boven het open mobiele paneel (zit in #header-outer) */
body.sk #header-outer #top > .container > .row { display: flex; align-items: center; height: 120px; }
body.sk #header-outer #top #logo { display: flex; align-items: center; height: 120px; margin: 0 !important; }
body.sk #header-outer #top #logo img { height: 80px !important; width: auto !important; max-height: none !important; }
body.sk #header-outer #top nav > ul > li > a,
body.sk #header-outer #top nav > ul.sf-menu > li > a { font-family: var(--sk-font) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 500 !important; letter-spacing: .05em !important;
	color: var(--sk-primary) !important; text-transform: none !important; white-space: nowrap; transition: color .2s ease !important; }
body.sk #header-outer #top nav .sf-sub-indicator, body.sk #header-outer #top nav > ul.buttons, body.sk #header-outer .nectar-header-text-content { display: none !important; }
/* ul.buttons heeft ook de klasse sf-menu: dubbele klasse wint van de flex-regel hieronder */
body.sk #header-outer #top nav > ul.buttons.buttons { display: none !important; margin: 0 !important; }
@media (min-width: 960px) {
	body.sk #header-outer #top nav > ul.sf-menu { display: flex !important; align-items: center; column-gap: 24px; }
	body.sk #header-outer #top nav > ul.sf-menu > li { display: block !important; margin: 0 !important; padding: 8px 0 !important; position: relative; float: none; }
	/* live: de links zijn inline (17 px hoog, CTA 51 px), de li geeft de 24 px regelhoogte */
	body.sk #header-outer #top nav > ul.sf-menu > li > a { padding: 0 !important; margin: 0 !important; display: inline !important; }
	/* live: headerlinks dimmen naar 50% bij hover (alleen de link zelf, niet bij hover op de dropdown) */
	html body.sk #header-outer #top nav > ul.sf-menu > li:not(.sk-menu-cta) > a:hover, html body.sk #header-outer #top nav > ul.sf-menu > li:not(.sk-menu-cta) > a:hover .menu-title-text { color: var(--sk-primary-50) !important; }
	body.sk #header-outer #top nav > ul.sf-menu > li > a::after, body.sk #header-outer #top nav > ul.sf-menu > li > a .menu-title-text::after { display: none !important; }
	body.sk #header-outer #top nav > ul.sf-menu > li.sk-actief > a { border-bottom: 1px solid var(--sk-primary); padding-bottom: 2px !important; }
	/* Contact als pil */
	body.sk #header-outer #top nav > ul.sf-menu > li.sk-menu-cta { padding: 0 !important; }
	body.sk #header-outer #top nav > ul.sf-menu > li.sk-menu-cta > a { padding: 16px 32px !important; background: var(--sk-primary); border: 1px solid var(--sk-primary); border-radius: 9999px;
		color: var(--sk-tertiary) !important; display: inline; transition: background-color .2s ease, color .2s ease, border-color .2s ease !important; }
	body.sk #header-outer #top nav > ul.sf-menu > li.sk-menu-cta > a:hover { background: transparent; color: var(--sk-primary) !important; }
	/* dropdown Diensten: op hover, fade .3s, sluit meteen */
	body.sk #header-outer #top nav > ul.sf-menu > li > ul.sub-menu { position: absolute; top: 100% !important; left: 0 !important; z-index: 10; display: grid !important; row-gap: 4px; width: auto !important; min-width: 0 !important;
		padding: 16px 24px !important; margin: 0 !important; background: var(--sk-primary) !important; border: 1px solid rgba(230, 250, 240, .5); border-radius: 0 16px 16px 16px !important;
		box-shadow: none !important; opacity: 0 !important; visibility: hidden !important; transform: none !important; transition: none !important; }
	body.sk #header-outer #top nav > ul.sf-menu > li:hover > ul.sub-menu { animation: sk-fade .3s ease forwards; visibility: visible !important; opacity: 1 !important; }
	body.sk #header-outer #top nav > ul.sf-menu > li > ul.sub-menu > li { width: auto !important; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; }
	body.sk #header-outer #top nav > ul.sf-menu > li > ul.sub-menu > li > a { padding: 0 !important; margin: 0 !important; background: none !important; color: #fff !important; font-family: var(--sk-font) !important;
		font-size: 14px !important; line-height: 24px !important; font-weight: 500 !important; letter-spacing: .8px !important; text-transform: none !important; white-space: nowrap; transition: color .2s ease !important; border: 0; }
	body.sk #header-outer #top nav > ul.sf-menu > li > ul.sub-menu > li > a:hover { color: rgba(255, 255, 255, .5) !important; }
	body.sk #header-outer #top nav > ul.sf-menu > li > ul.sub-menu > li.sk-actief > a { border-bottom: 1px solid #fff; }
	body.sk #header-outer .slide-out-widget-area-toggle { display: none !important; }
}
@keyframes sk-fade { 0% { opacity: 0; visibility: hidden; } to { opacity: 1; visibility: visible; } }

/* ---------- header en menu op gsm/tablet (tot en met 959) ---------- */
@media (max-width: 959px) {
	body.sk #header-outer #top nav > ul.sf-menu { display: none !important; }
	body.sk #header-outer .slide-out-widget-area-toggle.mobile-icon { display: flex !important; align-items: center; margin: 0 0 0 auto !important; }
	/* Salient: top 50% op de binnenste div (rekende met de oude padding); het icoon staat zo onderaan */
	body.sk #header-outer .slide-out-widget-area-toggle.mobile-icon > div { display: block; top: auto !important; transform: none !important; }
	body.sk #header-outer .slide-out-widget-area-toggle.mobile-icon a { display: flex !important; align-items: center; justify-content: center; width: 40px !important; height: 40px !important; padding: 8px !important;
		border-radius: 9999px; background: var(--sk-secondary) !important; color: var(--sk-tertiary) !important; margin: 0 !important; }
	body.sk #header-outer .slide-out-widget-area-toggle.mobile-icon a > span:not(.screen-reader-text) { display: none !important; }
	body.sk #header-outer .slide-out-widget-area-toggle.mobile-icon a .sk-icoon { width: 24px; height: 24px; fill: currentColor; display: block; }
	body.sk #header-outer .slide-out-widget-area-toggle.mobile-icon a .sk-icoon--sluiten { display: none; }
	html.sk-mm-open body.sk #header-outer .slide-out-widget-area-toggle.mobile-icon a .sk-icoon--menu { display: none; }
	html.sk-mm-open body.sk #header-outer .slide-out-widget-area-toggle.mobile-icon a .sk-icoon--sluiten { display: block; }
}
body.sk #slide-out-widget-area, body.sk #slide-out-widget-area-bg, body.sk #mobile-menu { display: none !important; }
html.sk-mm-open { overflow: hidden; }

.sk-mm { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding-top: 120px; z-index: 9990; background: var(--sk-tertiary); text-align: center;
	transform: translateY(-100%); transition: transform .4s var(--sk-ease-menu) .2s; box-sizing: border-box; }
.sk-mm .sk-mm-laag { display: none; height: 100%; background: rgba(140, 180, 160, .2); overflow-y: auto; }
html.sk-mm-open .sk-mm { transform: translateY(0); transition-delay: 0s; }
html.sk-mm-open .sk-mm .sk-mm-laag { display: block; }
@media (min-width: 960px) { .sk-mm { display: none; } }
.sk-mm .sk-mm-binnen { padding: 64px 12px; font-family: var(--sk-font); }
.sk-mm ul { list-style: none; margin: 0; padding: 0; }
.sk-mm .sk-mm-lijst { display: grid; row-gap: 32px; }
/* live: links inline, li 16/24 (posities Diensten 181, eerste dienst 225, stap 36, Over ons 493, Contact 552 bij 390) */
.sk-mm .sk-mm-lijst li { display: list-item; font-size: 16px; line-height: 24px; margin: 0; padding: 0; }
.sk-mm .sk-mm-lijst > li.sk-menu-cta { display: block; }
.sk-mm .sk-mm-lijst > li > a { display: inline; padding: 4px 0; font-size: 18px; line-height: 1; font-weight: 400; letter-spacing: .8px; text-transform: uppercase; color: var(--sk-primary); text-decoration: none; }
.sk-mm .sk-mm-lijst .sub-menu { display: grid; row-gap: 12px; padding-top: 16px; }
.sk-mm .sk-mm-lijst .sub-menu a { display: inline; padding: 2px 0; font-size: 16px; line-height: 1; font-weight: 400; letter-spacing: .8px; color: var(--sk-primary); text-decoration: none; }
.sk-mm .sk-mm-lijst a:hover { color: var(--sk-primary-50); }
.sk-mm .sk-mm-lijst li.sk-actief > a { border-bottom: 1px solid var(--sk-primary); }
.sk-mm .sk-mm-lijst > li.sk-menu-cta > a { display: inline-flex; padding: 16px 32px; font-size: 16px; line-height: 24px; font-weight: 500; text-transform: none; background: var(--sk-primary);
	border: 1px solid var(--sk-primary); border-radius: 9999px; color: var(--sk-tertiary); transition: background-color .2s ease, color .2s ease; }
.sk-mm .sk-mm-lijst > li.sk-menu-cta > a:hover { background: transparent; color: var(--sk-primary); }

/* ---------- footer (globale sectie) ---------- */
body.sk #footer-outer { display: none !important; }
body.sk .sk-footer { padding: 40px 0 !important; text-transform: uppercase; }
@media (min-width: 720px) { body.sk .sk-footer { padding: 80px 0 !important; } }
body.sk .sk-footer > .row_col_wrap_12 { row-gap: 40px !important; align-items: start; }
body.sk .sk-footer :is(img.sk-footer-logo, .sk-footer-logo img) { width: 120px !important; height: auto; display: block; }
body.sk .sk-footer p, body.sk .sk-footer li { font-size: 14px; line-height: 24px; letter-spacing: .05em; color: var(--sk-primary); font-weight: 400; }
body.sk .sk-footer p.sk-footer-titel { font-size: 16px; line-height: 24px; margin-bottom: 16px !important; letter-spacing: .8px; }
body.sk .sk-footer .sk-footer-info p:not(:last-child) { margin-bottom: 16px; }
body.sk .sk-footer a { color: var(--sk-primary); font-weight: 500; white-space: nowrap; }
body.sk .sk-footer a:hover { color: var(--sk-primary-50); }
body.sk .sk-footer ul { list-style: none; letter-spacing: .8px; }
body.sk .sk-footer .sk-footer-links li { font-size: 14px; line-height: 24px; letter-spacing: .8px; }
body.sk .sk-footer .sk-footer-duo > .vc_column-inner > .wpb_wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; row-gap: 32px; align-items: start; }
@media (min-width: 720px) { body.sk .sk-footer .sk-footer-duo > .vc_column-inner > .wpb_wrapper { grid-template-columns: minmax(0, 1fr); } }
body.sk .sk-footer :is(img.sk-footer-vsu, .sk-footer-vsu img) { width: 160px !important; max-width: none !important; height: auto; display: block; }   /* live steekt op gsm uit de kolom */
body.sk .sk-footer .sk-footer-socials, body.sk .sk-footer .sk-footer-betaal { display: flex; flex-wrap: wrap; margin: 0 -8px; }
body.sk .sk-footer .sk-footer-socials li, body.sk .sk-footer .sk-footer-betaal li { margin: 0 8px; line-height: 0; }
body.sk .sk-footer .sk-footer-socials a { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 8px; box-sizing: border-box; border-radius: 9999px;
	background: var(--sk-secondary); color: var(--sk-tertiary); transition: background-color .3s ease, color .3s ease; }
body.sk .sk-footer .sk-footer-socials a:hover { background: rgba(140, 180, 160, .6); color: rgba(230, 250, 240, .5); }
body.sk .sk-footer .sk-footer-socials svg { width: 16px; height: 16px; fill: currentColor; display: block; }
body.sk .sk-footer .sk-footer-betaal img { width: 32px; height: 32px; display: block; }

body.sk .sk-copyright > .row_col_wrap_12 { row-gap: 8px !important; }
body.sk .sk-copyright { padding: 12px 0 !important; }
body.sk .sk-copyright p { font-size: 12px; line-height: 16px; letter-spacing: .6px; text-transform: uppercase; font-weight: 400; color: var(--sk-primary); }
body.sk .sk-copyright a { font-weight: 500; white-space: nowrap; color: var(--sk-primary); }
body.sk .sk-copyright a:hover { color: var(--sk-primary-50); }
body.sk .sk-copyright .sk-copy-notice { grid-column: span 4 / span 4; grid-row: 2; justify-self: end; text-align: right; }
body.sk .sk-copyright .sk-copy-links { grid-column: span 4 / span 4; grid-row: 1; }
body.sk .sk-copyright .sk-copy-partner { grid-column: span 4 / span 4; grid-row: 3; justify-self: end; text-align: right; }
@media (min-width: 720px) {
	body.sk .sk-copyright .sk-copy-notice { grid-column: span 3 / span 3; grid-row: 2; justify-self: start; text-align: start; }
	body.sk .sk-copyright .sk-copy-links { grid-column: span 6 / span 6; grid-row: 1; }
	body.sk .sk-copyright .sk-copy-partner { grid-column: span 3 / span 3; grid-row: 2; justify-self: end; text-align: start; }
}
@media (min-width: 960px) {
	body.sk .sk-copyright .sk-copy-notice { grid-column: 1 / 5; grid-row: 1; justify-self: start; }
	body.sk .sk-copyright .sk-copy-links { grid-column: 5 / 9; grid-row: 1; justify-self: center; }
	body.sk .sk-copyright .sk-copy-partner { grid-column: 9 / 13; grid-row: 1; justify-self: end; }
}

/* ---------- formulier (Gravity Forms, eigen opmaak; GF-CSS staat uit) ----------
   GF zet de formulierklasse sk-gf op <form>. Velden: 1 radio sk-opties, 2 sectie sk-groep-kop "Gegevens",
   3 naam sk-float sk-vol, 4 e-mail sk-float sk-half sk-half--1, 5 telefoon sk-float sk-half sk-half--2, 6 bericht sk-float sk-vol sk-bericht.
   Live: inline-variant max 960, vanaf 960 links de pills en rechts de gegevens (gap 40); contact-variant max 720. */
body.sk .sk-formulier .gform_wrapper, body.sk .sk-rij .gform_wrapper { margin: 0 auto !important; padding: 0; max-width: none; }
body.sk form.sk-gf { position: relative; margin: 0 auto; }
body.sk .sk-form--inline form.sk-gf { max-width: 960px; }
body.sk .sk-form--contact form.sk-gf { max-width: 720px; }
body.sk .sk-gf_wrapper .gform_heading, body.sk .sk-gf_wrapper .gform_validation_errors, body.sk form.sk-gf .gform_validation_errors,
body.sk form.sk-gf .gform_required_legend, body.sk form.sk-gf .gfield_required, body.sk form.sk-gf .gfield_description { display: none !important; }
body.sk form.sk-gf .gform_body, body.sk form.sk-gf .gform-body { margin: 0; padding: 0; }
body.sk form.sk-gf .gform_fields { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: 24px; row-gap: 0; margin: 0; padding: 0; list-style: none; }
@media (min-width: 720px) { body.sk form.sk-gf .gform_fields { grid-template-columns: repeat(12, minmax(0, 1fr)); } }
body.sk form.sk-gf .gfield { grid-column: 1 / -1; margin: 0; padding: 0; border: 0; min-width: 0; max-width: none; }
@media (min-width: 720px) { body.sk form.sk-gf .gfield.sk-half { grid-column: span 6 / span 6; } }
body.sk form.sk-gf .gfield--type-honeypot, body.sk form.sk-gf .gform_validation_container { display: none !important; position: absolute !important; left: -9000px !important; }
body.sk form.sk-gf .gfield.sk-float { margin-bottom: 24px; }
body.sk form.sk-gf .gfield.sk-bericht { margin-bottom: 0; }

/* koppen van de groepen: h3 16/24 (inline) of h2 24/32 en 32/40 (contact), gecentreerd */
body.sk form.sk-gf .sk-opties legend, body.sk form.sk-gf .sk-groep-kop .gsection_title { display: block; float: none; width: 100%; margin: 0 0 16px; padding: 0; border: 0; text-align: center;
	font-family: var(--sk-font); font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: .05em; color: var(--sk-primary); text-transform: none; }
body.sk form.sk-gf .sk-groep-kop { border: 0; padding: 0; margin: 0; }
body.sk .sk-form--contact form.sk-gf .sk-opties legend, body.sk .sk-form--contact form.sk-gf .sk-groep-kop .gsection_title { font-size: 24px; line-height: 32px; margin-bottom: 32px; }
@media (min-width: 720px) { body.sk .sk-form--contact form.sk-gf .sk-opties legend, body.sk .sk-form--contact form.sk-gf .sk-groep-kop .gsection_title { font-size: 32px; line-height: 40px; } }
body.sk .sk-form--inline form.sk-gf .gfield.sk-opties { margin-bottom: 40px; }
body.sk .sk-form--contact form.sk-gf .gfield.sk-opties { margin-bottom: 80px; }

/* pills */
body.sk form.sk-gf .sk-opties .ginput_container { margin: 0; }
body.sk form.sk-gf .sk-opties .gfield_radio { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -8px -16px; padding: 0; }
body.sk form.sk-gf .sk-opties .gchoice { display: flex; position: relative; padding: 0 8px; margin: 0 0 16px; }
body.sk form.sk-gf .sk-opties .gchoice input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
body.sk form.sk-gf .sk-opties .gchoice label { display: inline-block; margin: 0; padding: 16px 32px; border: 1px solid var(--sk-primary-50); border-radius: 9999px; background: transparent;
	color: var(--sk-primary); font-family: var(--sk-font); font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: normal; text-align: center; cursor: pointer; max-width: none;
	transition: background-color .2s ease, color .2s ease; }
body.sk form.sk-gf .sk-opties .gchoice label:hover, body.sk form.sk-gf .sk-opties .gchoice input:checked + label { background: var(--sk-primary); color: var(--sk-tertiary); }
body.sk form.sk-gf .sk-opties .gchoice input:focus-visible + label { outline: 2px solid var(--sk-primary); outline-offset: 2px; }

/* velden met zwevend label */
body.sk form.sk-gf .sk-float { position: relative; }
body.sk form.sk-gf .sk-float .ginput_container { position: relative; display: flex; flex-direction: column; margin: 0; }
body.sk form.sk-gf .sk-float .gfield_label { position: absolute; top: 0; left: 0; z-index: 0; margin: 0; padding: 12px 16px; border-top: 1px solid transparent; border-bottom: 1px solid transparent;
	font-family: var(--sk-font); font-size: 14px; line-height: 24px; font-weight: 400; letter-spacing: normal; color: var(--sk-primary-75); text-transform: none;
	transition: all .2s cubic-bezier(.4, 0, .2, 1); pointer-events: none; }
body.sk form.sk-gf .sk-float[data-focused="true"] .gfield_label { font-size: 12px; line-height: 16px; padding-top: 0; }
body.sk form.sk-gf .sk-float :is(input, textarea) { position: relative; z-index: 10; display: block; width: 100% !important; box-sizing: border-box; margin: 0; padding: 12px 16px !important;
	background: transparent !important; border: 1px solid var(--sk-primary-50) !important; border-radius: 0 !important; box-shadow: none !important; outline: none; -webkit-appearance: none; appearance: none;
	font-family: var(--sk-font) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 400; letter-spacing: normal; color: var(--sk-text) !important; }
body.sk form.sk-gf .sk-float input { height: 50px !important; }
body.sk form.sk-gf .sk-float textarea { height: 80px !important; min-height: 0 !important; resize: none; }
body.sk form.sk-gf .sk-float :is(input, textarea)::placeholder { color: transparent; }
body.sk form.sk-gf .sk-float :is(input, textarea):focus { border-color: var(--sk-primary) !important; }
body.sk form.sk-gf .sk-float :is(input, textarea).error, body.sk form.sk-gf .gfield_error .sk-float :is(input, textarea), body.sk form.sk-gf .gfield_error.sk-float :is(input, textarea) { border-color: var(--sk-error) !important; }
body.sk form.sk-gf .error-message, body.sk form.sk-gf .gfield_validation_message { display: block; margin: 0; padding: 8px 0 0; background: none; border: 0; color: var(--sk-error);
	font-family: var(--sk-font); font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: normal; }
/* GF-melding wijkt voor de eigen melding van klinke.js */
body.sk form.sk-gf .error-message ~ .gfield_validation_message, body.sk form.sk-gf .ginput_container:has(.error-message:not(:empty)) + .gfield_validation_message { display: none; }

/* verzendknop: gecentreerd, 32 px onder de velden */
body.sk form.sk-gf .gform_footer, body.sk form.sk-gf .gform-footer { display: flex; justify-content: center; margin: 32px 0 0; padding: 0; }
body.sk form.sk-gf .gform_ajax_spinner, body.sk form.sk-gf .gform-loader { display: none !important; }
body.sk .sk-gf_wrapper + .gform_confirmation_wrapper, body.sk .gform_confirmation_message { text-align: center; color: var(--sk-primary); }

/* inline vanaf 960: links de pills, rechts gegevens en knop */
@media (min-width: 960px) {
	/* live: twee kolommen, de knop in kolom 2 direct onder het bericht. body en velden vallen weg (contents), zodat velden en footer in één raster staan */
	body.sk .sk-form--inline form.sk-gf { display: grid; grid-template-columns: calc(50% - 20px) 40px calc(25% - 22px) 24px calc(25% - 22px); grid-template-rows: repeat(5, auto) 1fr; column-gap: 0; }
	body.sk .sk-form--inline form.sk-gf > .gform_body, body.sk .sk-form--inline form.sk-gf > .gform-body, body.sk .sk-form--inline form.sk-gf .gform_fields { display: contents; }
	body.sk .sk-form--inline form.sk-gf > .gform_footer, body.sk .sk-form--inline form.sk-gf > .gform-footer { grid-column: 3 / 6; }
	body.sk .sk-form--inline form.sk-gf > :not(.gform_body):not(.gform-body):not(.gform_footer):not(.gform-footer) { grid-column: 1 / -1; }
	body.sk .sk-form--inline form.sk-gf .gfield.sk-opties { grid-column: 1; grid-row: 1 / span 6; align-self: start; }
	body.sk .sk-form--inline form.sk-gf .gfield:not(.sk-opties) { grid-column: 3 / 6; }
	body.sk .sk-form--inline form.sk-gf .gfield.sk-half--1 { grid-column: 3; }
	body.sk .sk-form--inline form.sk-gf .gfield.sk-half--2 { grid-column: 5; }
}

/* reCAPTCHA-badge en Salient-extra's die live niet heeft */
.grecaptcha-badge { display: none !important; }
body.sk #to-top, body.sk .nectar-social.fixed { display: none !important; }