.elementor-kit-6{--e-global-color-primary:#24452F;--e-global-color-secondary:#1D201E;--e-global-color-text:#5A5650;--e-global-color-accent:#C28A48;--e-global-color-10d2e9b:#FFFFFF;--e-global-color-f8fa775:#000000;--e-global-color-4c96edb:#24452F;--e-global-color-0b94b89:#F4EFE6;--e-global-color-bd6302b:#1D201E;--e-global-color-hvdzand:#F4EFE6;--e-global-color-hvdzand2:#E9E1D3;--e-global-color-hvdlijn:#E2DCD0;--e-global-color-hvdgrn2:#1B3624;--e-global-color-hvddiep:#0B2313;--e-global-color-hvdkaart:#262A27;--e-global-color-hvdband:rgba(11,35,19,0.1);--e-global-color-hvdtdonk:rgba(244,239,230,0.82);--e-global-color-hvdldonk:rgba(244,239,230,0.12);--e-global-color-hvdschb:rgba(29,32,30,0.5);--e-global-color-hvdscho:rgba(27,54,36,0.85);--e-global-color-hvdgeen:rgba(0,0,0,0);--e-global-color-hvdveld:#D9D2C4;--e-global-typography-primary-font-family:"Barlow";--e-global-typography-primary-font-size:clamp(36px, 3.6vw, 54px);--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:1.04em;--e-global-typography-primary-letter-spacing:-0.01em;--e-global-typography-secondary-font-family:"Barlow";--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:-0.01em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1em;--e-global-typography-hvdh1-font-family:"Barlow";--e-global-typography-hvdh1-font-size:clamp(76px, 10vw, 156px);--e-global-typography-hvdh1-font-weight:800;--e-global-typography-hvdh1-line-height:0.9em;--e-global-typography-hvdh1-letter-spacing:-0.03em;--e-global-typography-hvdh1p-font-family:"Barlow";--e-global-typography-hvdh1p-font-size:clamp(64px, 8vw, 128px);--e-global-typography-hvdh1p-font-weight:800;--e-global-typography-hvdh1p-line-height:0.92em;--e-global-typography-hvdh1p-letter-spacing:-0.03em;--e-global-typography-hvdh1c-font-family:"Barlow";--e-global-typography-hvdh1c-font-size:clamp(50px, 5.6vw, 86px);--e-global-typography-hvdh1c-font-weight:800;--e-global-typography-hvdh1c-line-height:0.96em;--e-global-typography-hvdh1c-letter-spacing:-0.03em;--e-global-typography-hvdgroot-font-family:"Barlow";--e-global-typography-hvdgroot-font-size:clamp(52px, 5.2vw, 82px);--e-global-typography-hvdgroot-font-weight:800;--e-global-typography-hvdgroot-line-height:0.96em;--e-global-typography-hvdgroot-letter-spacing:-0.03em;--e-global-typography-hvdkick-font-family:"Barlow";--e-global-typography-hvdkick-font-size:clamp(18px, 1.6vw, 24px);--e-global-typography-hvdkick-font-weight:700;--e-global-typography-hvdkick-line-height:1.2em;--e-global-typography-hvdkick-letter-spacing:0.01em;--e-global-typography-hvdlabel-font-family:"Inter";--e-global-typography-hvdlabel-font-size:13.5px;--e-global-typography-hvdlabel-font-weight:700;--e-global-typography-hvdlabel-text-transform:uppercase;--e-global-typography-hvdlabel-line-height:1em;--e-global-typography-hvdlabel-letter-spacing:0.1em;--e-global-typography-hvdlead-font-family:"Inter";--e-global-typography-hvdlead-font-size:18.5px;--e-global-typography-hvdlead-font-weight:400;--e-global-typography-hvdlead-line-height:1.6em;--e-global-typography-hvdgroot2-font-family:"Inter";--e-global-typography-hvdgroot2-font-size:20px;--e-global-typography-hvdgroot2-font-weight:400;--e-global-typography-hvdgroot2-line-height:1.55em;--e-global-typography-hvdklein-font-family:"Inter";--e-global-typography-hvdklein-font-size:15px;--e-global-typography-hvdklein-font-weight:400;--e-global-typography-hvdklein-line-height:1.6em;--e-global-typography-hvdkaartp-font-family:"Inter";--e-global-typography-hvdkaartp-font-size:16px;--e-global-typography-hvdkaartp-font-weight:400;--e-global-typography-hvdkaartp-line-height:1.6em;--e-global-typography-hvdnav-font-family:"Inter";--e-global-typography-hvdnav-font-size:16px;--e-global-typography-hvdnav-font-weight:600;--e-global-typography-hvdnav-line-height:1.2em;--e-global-typography-hvdh4-font-family:"Barlow";--e-global-typography-hvdh4-font-size:19px;--e-global-typography-hvdh4-font-weight:700;--e-global-typography-hvdh4-line-height:1.2em;--e-global-typography-hvdh4-letter-spacing:-0.01em;--e-global-typography-hvdrij-font-family:"Barlow";--e-global-typography-hvdrij-font-size:28px;--e-global-typography-hvdrij-font-weight:700;--e-global-typography-hvdrij-line-height:1.1em;--e-global-typography-hvdrij-letter-spacing:-0.01em;--e-global-typography-hvdkaart-font-family:"Barlow";--e-global-typography-hvdkaart-font-size:42px;--e-global-typography-hvdkaart-font-weight:800;--e-global-typography-hvdkaart-line-height:1em;--e-global-typography-hvdkaart-letter-spacing:-0.02em;--e-global-typography-hvdcijfer-font-family:"Barlow";--e-global-typography-hvdcijfer-font-size:110px;--e-global-typography-hvdcijfer-font-weight:600;--e-global-typography-hvdcijfer-line-height:0.9em;--e-global-typography-hvdcijfer-letter-spacing:-0.04em;--e-global-typography-hvdcijf1-font-family:"Barlow";--e-global-typography-hvdcijf1-font-size:104px;--e-global-typography-hvdcijf1-font-weight:600;--e-global-typography-hvdcijf1-line-height:0.85em;--e-global-typography-hvdcijf1-letter-spacing:-0.04em;--e-global-typography-hvdcitaat-font-family:"Barlow";--e-global-typography-hvdcitaat-font-size:24px;--e-global-typography-hvdcitaat-font-weight:700;--e-global-typography-hvdcitaat-line-height:1.3em;--e-global-typography-hvdplaats-font-family:"Barlow";--e-global-typography-hvdplaats-font-size:clamp(40px, 4vw, 60px);--e-global-typography-hvdplaats-font-weight:800;--e-global-typography-hvdplaats-line-height:1em;--e-global-typography-hvdplaats-letter-spacing:-0.02em;--e-global-typography-hvdmenu-font-family:"Barlow";--e-global-typography-hvdmenu-font-size:26px;--e-global-typography-hvdmenu-font-weight:700;--e-global-typography-hvdmenu-line-height:1.2em;--e-global-typography-hvdcijfer2-font-family:"Barlow";--e-global-typography-hvdcijfer2-font-size:18px;--e-global-typography-hvdcijfer2-font-weight:600;--e-global-typography-hvdcijfer2-line-height:1em;background-color:var( --e-global-color-10d2e9b );color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), system-ui, sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#02010100;border-style:solid;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:"Barlow", system-ui, sans-serif;font-size:54px;font-weight:800;line-height:1.15em;}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-family:"Barlow", system-ui, sans-serif;font-size:36px;font-weight:800;line-height:1.15em;}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-family:"Barlow", system-ui, sans-serif;font-size:24px;font-weight:700;line-height:1.15em;}.elementor-kit-6 h4{color:var( --e-global-color-primary );font-family:"Barlow", system-ui, sans-serif;font-size:20px;font-weight:700;line-height:1.15em;}.elementor-kit-6 h5{color:var( --e-global-color-primary );font-family:"Barlow", system-ui, sans-serif;font-size:18px;font-weight:700;line-height:1.15em;}.elementor-kit-6 h6{color:var( --e-global-color-primary );font-family:"Barlow", system-ui, sans-serif;font-size:16px;font-weight:700;line-height:1.15em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:"Inter", system-ui, sans-serif;font-size:16px;font-weight:700;line-height:1em;border-style:solid;border-width:1px 1px 1px 1px;border-radius:99px 99px 99px 99px;padding:18px 26px 18px 26px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1380px;}.e-con{--container-max-width:1380px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h1{font-size:44px;line-height:1.15em;}.elementor-kit-6 h2{font-size:32px;line-height:1.15em;}.elementor-kit-6 h3{font-size:22px;line-height:1.15em;}.elementor-kit-6 h4{font-size:19px;line-height:1.15em;}.elementor-kit-6 h5{font-size:17px;line-height:1.15em;}.elementor-kit-6 h6{font-size:16px;line-height:1.15em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:16px;padding:18px 26px 18px 26px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-text-font-size:16px;--e-global-typography-hvdh1-font-size:64px;--e-global-typography-hvdh1p-font-size:54px;--e-global-typography-hvdh1c-font-size:42px;--e-global-typography-hvdgroot-font-size:48px;--e-global-typography-hvdlead-font-size:17px;--e-global-typography-hvdrij-font-size:22px;--e-global-typography-hvdkaart-font-size:34px;--e-global-typography-hvdcijfer-font-size:84px;--e-global-typography-hvdcijf1-font-size:84px;--e-global-typography-hvdplaats-font-size:40px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h1{font-size:36px;line-height:1.15em;}.elementor-kit-6 h2{font-size:28px;line-height:1.15em;}.elementor-kit-6 h3{font-size:20px;line-height:1.15em;}.elementor-kit-6 h4{font-size:18px;line-height:1.15em;}.elementor-kit-6 h5{font-size:16px;line-height:1.15em;}.elementor-kit-6 h6{font-size:15px;line-height:1.15em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* HVD Bouw — the site's own CSS (Site Settings → Custom CSS), from design/direction-5/d5.css + d5-pages.css (direction 5,
   "Rustig en open", with his round of 2026-10-23). Only what Elementor has no setting for; colours are the kit's globals
   (var(--e-global-color-…)), lines and shadows the design's own see-through shades. Classes: hvd-…
   gen_kit.py writes kit-custom.built.css from this file (the footer's houses drawing in place of data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 2348 262%22 preserveAspectRatio=%22xMidYMax slice%22 fill=%22none%22 stroke=%22%2324452F%22 stroke-width=%221.5%22 stroke-opacity=%22.08%22%3E%3Cpath d=%22M0 260V140l60.0 -54l60.0 54V260%22/%3E%3Crect x=%2246%22 y=%22200%22 width=%2229%22 height=%2260%22/%3E%3Crect x=%2217%22 y=%22162%22 width=%2226%22 height=%2226%22/%3E%3Crect x=%2277%22 y=%22162%22 width=%2226%22 height=%2226%22/%3E%3Cpath d=%22M138 260V100l75.0 -68l75.0 68V260%22/%3E%3Crect x=%22195%22 y=%22200%22 width=%2236%22 height=%2260%22/%3E%3Crect x=%22159%22 y=%22122%22 width=%2233%22 height=%2226%22/%3E%3Crect x=%22234%22 y=%22122%22 width=%2233%22 height=%2226%22/%3E%3Cpath d=%22M306 260V160l55.0 -50l55.0 50V260%22/%3E%3Crect x=%22348%22 y=%22200%22 width=%2226%22 height=%2260%22/%3E%3Crect x=%22321%22 y=%22182%22 width=%2224%22 height=%2226%22/%3E%3Crect x=%22376%22 y=%22182%22 width=%2224%22 height=%2226%22/%3E%3Cpath d=%22M434 260V120l67.5 -61l67.5 61V260%22/%3E%3Crect x=%22485%22 y=%22200%22 width=%2232%22 height=%2260%22/%3E%3Crect x=%22453%22 y=%22142%22 width=%2230%22 height=%2226%22/%3E%3Crect x=%22520%22 y=%22142%22 width=%2230%22 height=%2226%22/%3E%3Cpath d=%22M587 260V140l60.0 -54l60.0 54V260%22/%3E%3Crect x=%22633%22 y=%22200%22 width=%2229%22 height=%2260%22/%3E%3Crect x=%22604%22 y=%22162%22 width=%2226%22 height=%2226%22/%3E%3Crect x=%22664%22 y=%22162%22 width=%2226%22 height=%2226%22/%3E%3Cpath d=%22M725 260V100l75.0 -68l75.0 68V260%22/%3E%3Crect x=%22782%22 y=%22200%22 width=%2236%22 height=%2260%22/%3E%3Crect x=%22746%22 y=%22122%22 width=%2233%22 height=%2226%22/%3E%3Crect x=%22821%22 y=%22122%22 width=%2233%22 height=%2226%22/%3E%3Cpath d=%22M893 260V160l55.0 -50l55.0 50V260%22/%3E%3Crect x=%22935%22 y=%22200%22 width=%2226%22 height=%2260%22/%3E%3Crect x=%22908%22 y=%22182%22 width=%2224%22 height=%2226%22/%3E%3Crect x=%22963%22 y=%22182%22 width=%2224%22 height=%2226%22/%3E%3Cpath d=%22M1021 260V120l67.5 -61l67.5 61V260%22/%3E%3Crect x=%221072%22 y=%22200%22 width=%2232%22 height=%2260%22/%3E%3Crect x=%221040%22 y=%22142%22 width=%2230%22 height=%2226%22/%3E%3Crect x=%221107%22 y=%22142%22 width=%2230%22 height=%2226%22/%3E%3Cpath d=%22M1174 260V140l60.0 -54l60.0 54V260%22/%3E%3Crect x=%221220%22 y=%22200%22 width=%2229%22 height=%2260%22/%3E%3Crect x=%221191%22 y=%22162%22 width=%2226%22 height=%2226%22/%3E%3Crect x=%221251%22 y=%22162%22 width=%2226%22 height=%2226%22/%3E%3Cpath d=%22M1312 260V100l75.0 -68l75.0 68V260%22/%3E%3Crect x=%221369%22 y=%22200%22 width=%2236%22 height=%2260%22/%3E%3Crect x=%221333%22 y=%22122%22 width=%2233%22 height=%2226%22/%3E%3Crect x=%221408%22 y=%22122%22 width=%2233%22 height=%2226%22/%3E%3Cpath d=%22M1480 260V160l55.0 -50l55.0 50V260%22/%3E%3Crect x=%221522%22 y=%22200%22 width=%2226%22 height=%2260%22/%3E%3Crect x=%221495%22 y=%22182%22 width=%2224%22 height=%2226%22/%3E%3Crect x=%221550%22 y=%22182%22 width=%2224%22 height=%2226%22/%3E%3Cpath d=%22M1608 260V120l67.5 -61l67.5 61V260%22/%3E%3Crect x=%221659%22 y=%22200%22 width=%2232%22 height=%2260%22/%3E%3Crect x=%221627%22 y=%22142%22 width=%2230%22 height=%2226%22/%3E%3Crect x=%221694%22 y=%22142%22 width=%2230%22 height=%2226%22/%3E%3Cpath d=%22M1761 260V140l60.0 -54l60.0 54V260%22/%3E%3Crect x=%221807%22 y=%22200%22 width=%2229%22 height=%2260%22/%3E%3Crect x=%221778%22 y=%22162%22 width=%2226%22 height=%2226%22/%3E%3Crect x=%221838%22 y=%22162%22 width=%2226%22 height=%2226%22/%3E%3Cpath d=%22M1899 260V100l75.0 -68l75.0 68V260%22/%3E%3Crect x=%221956%22 y=%22200%22 width=%2236%22 height=%2260%22/%3E%3Crect x=%221920%22 y=%22122%22 width=%2233%22 height=%2226%22/%3E%3Crect x=%221995%22 y=%22122%22 width=%2233%22 height=%2226%22/%3E%3Cpath d=%22M2067 260V160l55.0 -50l55.0 50V260%22/%3E%3Crect x=%222109%22 y=%22200%22 width=%2226%22 height=%2260%22/%3E%3Crect x=%222082%22 y=%22182%22 width=%2224%22 height=%2226%22/%3E%3Crect x=%222137%22 y=%22182%22 width=%2224%22 height=%2226%22/%3E%3Cpath d=%22M2195 260V120l67.5 -61l67.5 61V260%22/%3E%3Crect x=%222246%22 y=%22200%22 width=%2232%22 height=%2260%22/%3E%3Crect x=%222214%22 y=%22142%22 width=%2230%22 height=%2226%22/%3E%3Crect x=%222281%22 y=%22142%22 width=%2230%22 height=%2226%22/%3E%3C/svg%3E). */

body {
	--hvd-g: var(--e-global-color-primary); --hvd-char: var(--e-global-color-secondary); --hvd-grey: var(--e-global-color-text);
	--hvd-oak: var(--e-global-color-accent); --hvd-sand: var(--e-global-color-hvdzand); --hvd-white: var(--e-global-color-10d2e9b);
	--hvd-line: var(--e-global-color-hvdlijn); --hvd-deep: var(--e-global-color-hvddiep); --hvd-card: var(--e-global-color-hvdkaart);
	--hvd-barlow: var(--e-global-typography-secondary-font-family), sans-serif; --hvd-inter: var(--e-global-typography-text-font-family), sans-serif;
	--hvd-r: 18px;
	-webkit-font-smoothing: antialiased;
}
html { scroll-padding-top: 100px; }
/* the design's spacing is exact: no theme margin under a text's last paragraph, no line-height gap under an icon */
.elementor-widget-text-editor p:last-child { margin-bottom: 0; }
.elementor-widget-icon .elementor-icon-wrapper { line-height: 0; }
.elementor-widget-icon .elementor-icon { vertical-align: top; }
.elementor-widget-icon .elementor-icon svg { width: 1em; height: 1em; }
.elementor-widget-heading .elementor-heading-title { margin: 0; }
.elementor-widget-html.hvd-script { display: none; }

/* ── labels: the maatlat mark before the text (d5 .eyebrow) ── */
.hvd-eyebrow .elementor-heading-title { display: flex; width: fit-content; align-items: center; gap: 12px; }   /* block-level: inline-flex sat in a 27 px body line (+13 px per label) */
.hvd-eyebrow .elementor-heading-title::before { content: ""; width: 34px; height: 12px; flex: none;
	background: linear-gradient(var(--hvd-oak), var(--hvd-oak)) 0 0 / 100% 2px no-repeat,
		repeating-linear-gradient(90deg, var(--hvd-oak) 0 2px, transparent 2px 8px) 0 0 / 100% 7px no-repeat,
		linear-gradient(var(--hvd-oak), var(--hvd-oak)) 0 0 / 2px 12px no-repeat, linear-gradient(var(--hvd-oak), var(--hvd-oak)) 32px 0 / 2px 12px no-repeat; }

/* ── the two-line heading: heavy Barlow + a lighter second line (grey on light, Eiken on dark) ── */
.hvd-l2 .elementor-heading-title .l2 { display: block; font-weight: 600; color: var(--hvd-grey); letter-spacing: -0.005em; }
.hvd-l2--dark .elementor-heading-title .l2 { color: var(--hvd-oak); }
.hvd-h1 .elementor-heading-title .l2 { display: inline; font-weight: 800; letter-spacing: inherit; }
.hvd-giant .elementor-heading-title .l2, .hvd-ch1 .elementor-heading-title .l2 { margin-top: .06em; letter-spacing: -0.02em; }

/* ── the maatlat ticks (d5 .ruler: a tick every step, a long one every 5th) on a Spacer ── */
.hvd-ruler .elementor-spacer-inner { --n: 80; height: 18px; color: var(--hvd-oak);
	background: linear-gradient(90deg, currentColor 2px, transparent 0) 0 0 / calc((100% - 2px) / (var(--n) / 5)) 18px repeat-x,
		linear-gradient(90deg, color-mix(in srgb, currentColor 55%, transparent) 2px, transparent 0) 0 0 / calc((100% - 2px) / var(--n)) 8px repeat-x; }
.hvd-ruler--41 .elementor-spacer-inner { --n: 40; }

/* ── "Voorbeeldfoto" on every stand-in photo (removed when Ink puts the client's own photo in) ── */
.hvd-vb { position: relative; }
.hvd-vb::after { content: "Voorbeeldfoto"; position: absolute; right: 14px; top: 14px; z-index: 3; pointer-events: none;
	background: rgba(29,32,30,.6); color: #fff; font: 400 11px/1 var(--hvd-inter); padding: 5px 9px; border-radius: 99px; }
.hvd-vb--low::after { top: auto; bottom: 18px; right: 24px; }
.elementor-widget-image.hvd-vb { overflow: hidden; border-radius: var(--hvd-r); }

/* ── line drawings (window · door · inside door · square): Image widgets, a light touch; Ink can swap them ── */
.hvd-draw { pointer-events: none; }
.hvd-draw img { width: 100%; height: auto; }
/* (widgets: Elementor's own widget rules weigh 0,2,0 — ours start at .elementor .elementor-element.hvd-…) */
.elementor .elementor-element.elementor-widget.hvd-draw:is(.hvd-dl, .hvd-dr, .hvd-dt, .hvd-da, .hvd-dcl, .hvd-dcr, .hvd-dki, .hvd-dwy) { position: absolute; z-index: 0; margin: 0; max-width: none; }
.e-con-inner:has(> .hvd-draw), .e-con:has(> .hvd-draw) { position: relative; }
.elementor .hvd-proms .elementor-element.hvd-draw { top: -40px; width: 180px; }
.elementor .hvd-proms .elementor-element.hvd-dl, .elementor .hvd-chero .elementor-element.hvd-dl { left: 0; }
.elementor .hvd-proms .elementor-element.hvd-dr, .elementor .hvd-chero .elementor-element.hvd-dr { right: 0; }
.elementor .elementor-element.elementor-widget.hvd-dt { right: 44px; top: -88px; width: 72px; opacity: .55; }
.elementor .elementor-element.elementor-widget.hvd-da { right: 0; bottom: -6px; width: 96px; opacity: .5; }
.elementor .hvd-contact .elementor-element.hvd-draw { top: 50%; width: 150px; transform: translateY(-50%); opacity: .28; }
.elementor .hvd-contact .elementor-element.hvd-dcl { left: 0; } .elementor .hvd-contact .elementor-element.hvd-dcr { right: 0; }
.elementor .elementor-element.elementor-widget.hvd-dki { right: 36px; top: -86px; width: 74px; opacity: .55; z-index: 2; }
.elementor .elementor-element.elementor-widget.hvd-dwy { right: 44px; top: 40px; width: 104px; opacity: .2; }
.elementor .hvd-chero .elementor-element.hvd-draw { top: 56%; width: 170px; transform: translateY(-50%); opacity: .22; }
.elementor .elementor-element.elementor-widget.hvd-kart { width: 128px; transition: transform .35s; }
.hvd-kc:hover .elementor-element.hvd-kart { transform: translateY(-4px); }
.elementor .elementor-element.elementor-widget.hvd-area-p { max-width: 470px; }

/* ── the house Button Types (d5 .btn): round, the arrow moves on hover ──
   primary = green (light backgrounds) · black-outline = green line · white-outline = glass (on dark / photo) ·
   white-fill = Eiken (on dark). ⚠️ The base's Additional CSS sets these Types with !important — pinned here. */
.elementor-widget-button a.elementor-button { display: inline-flex; align-items: center; padding: 18px 26px; border-radius: 99px; border: 2px solid transparent !important;
	white-space: nowrap; line-height: 1; transition: background-color .2s, color .2s, border-color .2s; }
.elementor-widget-button a.elementor-button .elementor-button-content-wrapper { align-items: center; gap: 10px; }
.elementor-widget-button .elementor-button-icon svg { width: 18px; height: 18px; transition: transform .2s; }
.elementor-widget-button a.elementor-button:hover .elementor-button-icon svg { transform: translateX(3px); }
.elementor-widget-button.elementor-button-primary a.elementor-button { background-color: var(--hvd-g) !important; color: var(--hvd-sand) !important; }
.elementor-widget-button.elementor-button-primary a.elementor-button:hover,
.elementor-widget-button.elementor-button-primary a.elementor-button:focus-visible { background-color: var(--hvd-char) !important; color: var(--hvd-sand) !important; }
/* d5 .btn-dark (Over mij): the green button's charcoal variant — charcoal, green on hover */
.elementor-widget-button.elementor-button-primary.hvd-btn-dark a.elementor-button { background-color: var(--hvd-char) !important; }
.elementor-widget-button.elementor-button-primary.hvd-btn-dark a.elementor-button:hover,
.elementor-widget-button.elementor-button-primary.hvd-btn-dark a.elementor-button:focus-visible { background-color: var(--hvd-g) !important; }
.elementor-widget-button.elementor-button-black-outline a.elementor-button { background-color: transparent !important; color: var(--hvd-g) !important; border-color: var(--hvd-g) !important; box-shadow: none !important; }
.elementor-widget-button.elementor-button-black-outline a.elementor-button:hover,
.elementor-widget-button.elementor-button-black-outline a.elementor-button:focus-visible { background-color: var(--hvd-g) !important; color: var(--hvd-sand) !important; }
.elementor-widget-button.elementor-button-white-outline a.elementor-button { background-color: var(--e-global-color-hvdldonk) !important; color: var(--hvd-white) !important;
	border-color: rgba(244,239,230,.4) !important; box-shadow: none !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.elementor-widget-button.elementor-button-white-outline a.elementor-button:hover,
.elementor-widget-button.elementor-button-white-outline a.elementor-button:focus-visible { background-color: var(--hvd-sand) !important; color: var(--hvd-g) !important; border-color: var(--hvd-sand) !important; }
.elementor-widget-button.elementor-button-white-fill a.elementor-button { background-color: var(--hvd-oak) !important; color: var(--hvd-char) !important; box-shadow: none !important; }
.elementor-widget-button.elementor-button-white-fill a.elementor-button:hover,
.elementor-widget-button.elementor-button-white-fill a.elementor-button:focus-visible { background-color: var(--hvd-sand) !important; color: var(--hvd-char) !important; }
.elementor-widget-button.hvd-hdr-btn a.elementor-button { padding: 15px 22px; font-size: 15.5px; }
/* the contact band's "Liever een bericht sturen?" = an underlined text link, not a button */
.elementor-widget-button.hvd-c-more.elementor-button-white-outline a.elementor-button { background-color: transparent !important; border: 0 !important; border-radius: 0;
	padding: 0 0 4px; box-shadow: inset 0 -1px 0 rgba(244,239,230,.4) !important; color: var(--hvd-sand) !important; font-weight: 600; -webkit-backdrop-filter: none; backdrop-filter: none; transition: box-shadow .2s; }
.elementor-widget-button.hvd-c-more.elementor-button-white-outline a.elementor-button:hover { background-color: transparent !important; color: var(--hvd-sand) !important; box-shadow: inset 0 -1px 0 var(--hvd-oak) !important; }
.elementor-widget-button.hvd-c-more .elementor-button-content-wrapper { gap: 8px; }
.elementor-widget-button.hvd-c-more .elementor-button-text { text-align: left; line-height: 1.4; }   /* wraps on a phone: left, not squeezed */

/* ── icons on round plates (Elementor's Stacked view gives plate + colour): the lines + hovers ── */
.hvd-sgo .elementor-icon, .hvd-cgo .elementor-icon, .hvd-mgo .elementor-icon { box-shadow: inset 0 0 0 1.5px rgba(29,32,30,.2); transition: background-color .2s, color .2s, box-shadow .2s; }
.hvd-cgo .elementor-icon { box-shadow: inset 0 0 0 1.5px rgba(29,32,30,.16); }
.hvd-srow:hover .hvd-sgo .elementor-icon, .hvd-cr:hover .hvd-cgo .elementor-icon, .hvd-mc:hover .hvd-mgo .elementor-icon {
	background-color: var(--hvd-oak) !important; color: var(--hvd-char) !important; box-shadow: none; }
.hvd-pbtn .elementor-icon { box-shadow: 0 0 0 10px rgba(194,138,72,.25); }
.hvd-pbtn .elementor-icon svg { margin-left: 4px; }
.hvd-go .elementor-icon { transition: background-color .2s, color .2s; }
.hvd-pc-oak:hover .hvd-go .elementor-icon { background-color: var(--hvd-oak) !important; color: var(--hvd-char) !important; }

/* ── icon lists with check marks (d5 .checks · .pfacts): an Eiken circle with a dark check ── */
/* widget weight: Elementor's display: flex and the widget's own 10 px inner padding squeezed the check into a corner */
.elementor .elementor-element.elementor-widget.hvd-checks .elementor-icon-list-icon { width: 26px; height: 26px; flex: none; display: grid; place-items: center;
	box-sizing: border-box; padding: 0 !important; margin-inline-end: 12px; border-radius: 99px; background: var(--hvd-oak); }
.elementor .elementor-element.elementor-widget.hvd-checks .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; margin: 0; color: var(--hvd-char); }
.elementor .elementor-element.elementor-widget.hvd-checks .elementor-icon-list-text { padding-inline-start: 0; }   /* Elementor's own 5 px on top of d5's gap */
.elementor .elementor-element.elementor-widget.hvd-pfacts .elementor-icon-list-icon { width: 24px; height: 24px; margin-inline-end: 10px; }
.elementor .elementor-element.elementor-widget.hvd-pfacts .elementor-icon-list-icon svg { width: 14px !important; height: 14px !important; }
.elementor .elementor-element.elementor-widget-icon-list.hvd-pfacts { width: 100%; margin-top: 22px; padding-top: 26px; border-top: 1px solid rgba(244,239,230,.25); }
.hvd-pfacts .elementor-icon-list-items { row-gap: 12px; }
.hvd-pfacts .elementor-icon-list-text { color: rgba(244,239,230,.92) !important; }

/* ══ 1 header (sync_header) — over the photo a see-through deep-green band with a soft blur, so logo, menu and
   button stay readable on a light photo; after scrolling solid #0b2313 (his words 2026-10-23) ══ */
.elementor-location-header .e-con.hvd-hdr { position: fixed; top: 0; left: 0; right: 0; z-index: 99; background-color: var(--e-global-color-hvdband);
	-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(244,239,230,.18);
	transition: background-color .25s, border-color .25s, box-shadow .25s; }
.elementor-location-header .e-con.hvd-hdr.is-solid { background-color: var(--hvd-deep); border-bottom-color: transparent; box-shadow: 0 8px 24px rgba(29,32,30,.14); }
body.admin-bar .elementor-location-header .e-con.hvd-hdr { top: 32px; }
/* in the editor of the header itself: in its place, on its dark colour */
.elementor-edit-area-active .e-con.hvd-hdr, .elementor-editor-active .elementor-location-header .e-con.hvd-hdr { position: relative; top: auto !important; background-color: var(--hvd-deep); }
.e-con.hvd-hdr-in { min-height: 112px; transition: min-height .25s; }
.hvd-hdr.is-solid .e-con.hvd-hdr-in { min-height: 92px; }
/* ⚠️ Elementor gives a LINKED svg image a fixed 48 px width (.elementor-widget-image a img[src$=".svg"]) — the logos
   are linked SVGs, so their width is set back to auto here, at a higher weight */
.elementor .elementor-widget-image:is(.hvd-logo, .hvd-mlogo, .hvd-flogo) a img[src] { width: auto; max-width: none; }
.elementor-widget-image.hvd-logo img { height: 80px; width: auto; max-width: none; transition: height .25s; }
.hvd-hdr.is-solid .elementor-widget-image.hvd-logo img { height: 66px; }
/* the menu: round hover plates, the sub-menu a white card */
.hvd-nav { --e-nav-menu-horizontal-menu-item-margin: 6px; }
.hvd-nav .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item { padding: 12px 16px; border-radius: 99px; transition: background-color .2s, color .2s; white-space: nowrap; }
.hvd-nav .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover,
.hvd-nav .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item.highlighted,
.hvd-nav .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:focus-visible { background-color: rgba(244,239,230,.14); }
.hvd-nav .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor > a.elementor-item { color: var(--hvd-oak); }
.hvd-nav .elementor-nav-menu .menu-item.hvd-mob { display: none; }   /* Home + Contact: only in the phone menu */
.hvd-nav .elementor-nav-menu .sub-arrow { padding-inline-start: 6px; }
.hvd-nav .elementor-nav-menu .sub-arrow i { font-size: 12px; }
.hvd-nav .elementor-nav-menu .sub-arrow svg { width: 12px; height: 12px; }
.hvd-nav .elementor-nav-menu--main .elementor-nav-menu--dropdown { min-width: 320px !important; width: auto !important; margin-top: 10px !important; padding: 10px; border: 0;
	border-radius: 16px; background-color: var(--hvd-white); box-shadow: 0 24px 60px rgba(29,32,30,.2); }
.hvd-nav .elementor-nav-menu--main .elementor-nav-menu--dropdown::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.hvd-nav .elementor-nav-menu--dropdown a.elementor-sub-item { padding: 12px 14px !important; border: 0 !important; border-radius: 10px; font-weight: 500; white-space: nowrap; }
.hvd-nav .elementor-nav-menu--dropdown li + li { margin-top: 0; }
/* the Menu button (tablet / phone) */
.e-con.hvd-burger { display: none; height: 50px; padding: 0 20px 0 16px; border-radius: 99px; background-color: rgba(244,239,230,.16); }
.e-con.hvd-burger:hover { background-color: rgba(244,239,230,.24); }

/* ══ the phone menu (sync_menu): the full-screen green layer ══ */
.elementor-widget-image.hvd-mlogo img { height: 58px; width: auto; max-width: none; }
.e-con.hvd-mclose { border-radius: 99px; }
.e-con.hvd-mnav > .elementor-widget.hvd-mruler { margin-top: auto; }
.e-con.hvd-mnav > .elementor-widget.hvd-mcta { align-self: flex-start; }
.hvd-mlist .elementor-nav-menu--main .elementor-nav-menu > li { border-bottom: 1px solid rgba(244,239,230,.14); }
.hvd-mlist .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item { justify-content: space-between; padding: 14px 0 !important; }
.hvd-mlist .elementor-nav-menu .sub-arrow { margin-left: auto; padding: 0 0 0 14px; }
.hvd-mlist .elementor-nav-menu .sub-arrow i { font-size: 18px; transition: transform .2s; }
.hvd-mlist .elementor-nav-menu .sub-arrow svg { width: 18px; height: 18px; transition: transform .2s; }
.hvd-mlist .elementor-item.highlighted .sub-arrow i, .hvd-mlist .elementor-item.highlighted .sub-arrow svg { transform: rotate(180deg); }
/* the sub-menu opens in place (SmartMenus' collapsible mode = position static) */
.hvd-mlist .elementor-nav-menu--main .elementor-nav-menu ul { position: static !important; width: auto !important; min-width: 0 !important; margin: 0 !important;
	padding: 0 0 12px; border: 0; box-shadow: none; background: transparent; }
.hvd-mlist .elementor-nav-menu--main .elementor-nav-menu ul li { border: 0; }
.hvd-mlist .elementor-nav-menu--dropdown a.elementor-sub-item { padding: 10px 0 10px 16px !important; border: 0 !important; font-weight: 500; }

/* ══ 2 hero (homepage) — full photo / the video later, a big two-part headline, a play button, three small pictures ══ */
.e-con.hvd-hero { min-height: max(760px, 100vh); overflow: hidden; }
.e-con.hvd-hero > .e-con, .e-con.hvd-phero > .e-con { position: relative; z-index: 2; }
.elementor .elementor-element.elementor-widget.hvd-hero-p { max-width: 580px; }
.hvd-hero-p, .hvd-hero-p p { color: rgba(244,239,230,.9); }
.e-con.hvd-hero-foot { margin-top: 30px; padding-top: 28px; border-top: 1px solid rgba(244,239,230,.25); }
.hvd-play-s { font-size: 13px; }
.hvd-play-s, .hvd-play-s p { color: rgba(244,239,230,.75) !important; font-weight: 500 !important; font-size: 13px !important; line-height: 1.4 !important; }
.e-con.hvd-th { position: relative; border-radius: 12px; overflow: hidden; border: 2px solid rgba(244,239,230,.5); padding: 0; transition: border-color .2s; }
.e-con.hvd-th:hover { border-color: var(--hvd-oak); }
.hvd-th-l .elementor-heading-title { display: block; padding: 18px 10px 7px; background: linear-gradient(transparent, rgba(29,32,30,.8));
	font: 700 14px/1 var(--hvd-barlow) !important; }

/* ══ 3 promises — mixed cards (photo · Zand · green · Eiken) ══ */
.e-con.hvd-proms-h { max-width: 780px; margin-left: auto; margin-right: auto; text-align: center; }
.e-con.hvd-pc { min-height: 400px; border-radius: var(--hvd-r); overflow: hidden; }
.hvd-pc .elementor-widget-text-editor { font-size: 16px; }
.hvd-lab .elementor-heading-title { font-size: 16px !important; line-height: 1.3 !important; }
.e-con.hvd-pc-box { border-radius: 14px; }
.e-con.hvd-pc-box > .hvd-pi { margin-bottom: 4px; }
.e-con.hvd-pc-light > .elementor-widget.hvd-pc-ruler { margin-block: auto !important; }
.e-con.hvd-pc-stack > .e-con.hvd-pc-dark { flex: 1 1 auto; min-height: 0; }
.hvd-pn1 .elementor-heading-title { line-height: .85 !important; letter-spacing: -0.04em; }
.e-con.hvd-pc-oak { min-height: 0; transition: background-color .2s; }
.e-con.hvd-pc-oak:hover { background-color: var(--hvd-g) !important; }
.elementor-widget-heading.hvd-oak-s .elementor-heading-title { color: var(--hvd-char); opacity: .8; font-weight: 600 !important; font-size: 14px !important; transition: color .2s; }
.elementor-widget-heading.hvd-oak-t .elementor-heading-title { color: var(--hvd-char); font-size: 21px !important; transition: color .2s; }
.hvd-pc-oak:hover .elementor-widget-heading .elementor-heading-title { color: var(--hvd-sand); }

/* ══ 4 timmerwerk — the tabs inside one dark card, the active tab marked by an Eiken bar ══
   (Elementor writes its tab looks with very long .elementor-kit-6s — the title's own look here is pinned with !important) */
.elementor-widget-n-tabs.hvd-tcard { --n-tabs-gap: 0px; --n-tabs-title-gap: 0px; }
.elementor-widget-n-tabs.hvd-tcard .e-n-tabs { gap: 0 !important; background-color: var(--hvd-card); border: 1px solid rgba(244,239,230,.08); border-radius: 24px; overflow: hidden; }
.elementor-widget-n-tabs.hvd-tcard .e-n-tabs-heading { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 !important; border-bottom: 1px solid rgba(244,239,230,.12); }
.elementor-widget-n-tabs.hvd-tcard .e-n-tab-title { position: relative; display: flex; align-items: center; justify-content: center !important; gap: 14px !important; margin: 0 !important;
	padding: 28px 24px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: rgba(244,239,230,.62) !important;
	font: 700 21px/1.15 var(--hvd-barlow) !important; text-align: left; transition: background-color .2s, color .2s; }
.elementor-widget-n-tabs.hvd-tcard .e-n-tab-title + .e-n-tab-title { border-left: 1px solid rgba(244,239,230,.08) !important; }
.elementor-widget-n-tabs.hvd-tcard .e-n-tab-title::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 4px; background: var(--hvd-oak); transform: scaleX(0); transition: transform .25s; }
.elementor-widget-n-tabs.hvd-tcard .e-n-tab-title:hover { color: #fff !important; background: rgba(244,239,230,.03) !important; }
.elementor-widget-n-tabs.hvd-tcard .e-n-tab-title[aria-selected="true"] { color: #fff !important; background: rgba(244,239,230,.05) !important; }
.elementor-widget-n-tabs.hvd-tcard .e-n-tab-title[aria-selected="true"]::after { transform: scaleX(1); }
.elementor-widget-n-tabs.hvd-tcard .e-n-tab-title-text { font: inherit !important; color: inherit !important; text-align: left; }
.elementor-widget-n-tabs.hvd-tcard .e-n-tab-icon { color: var(--hvd-oak) !important; opacity: .7; line-height: 0; }
.elementor-widget-n-tabs.hvd-tcard .e-n-tab-title[aria-selected="true"] .e-n-tab-icon { opacity: 1; }
.elementor-widget-n-tabs.hvd-tcard .e-n-tab-icon svg { width: 26px !important; height: 26px !important; fill: none !important; color: var(--hvd-oak) !important; }
/* Elementor keeps the normal and the active icon and hides one with height 0 — the 26 px above must not show both */
.elementor-widget-n-tabs.hvd-tcard .e-n-tab-title[aria-selected="false"] .e-n-tab-icon svg:last-child,
.elementor-widget-n-tabs.hvd-tcard .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg:first-child { height: 0 !important; }
.elementor-widget-n-tabs.hvd-tcard .e-n-tabs-content > .e-con { border: 0 !important; border-radius: 0 !important; background: transparent !important; }
.hvd-tp-t .elementor-widget-text-editor, .hvd-tp-t .elementor-widget-text-editor p { font-size: 18px !important; }

/* ══ 5 mijn werk — a numbered list beside a heading that stays in place ══ */
.e-con.hvd-svc-h { position: sticky; top: 130px; }
.elementor .elementor-element.elementor-widget.hvd-svc-p { max-width: 440px; }
.e-con.hvd-srows { border-top: 1px solid rgba(29,32,30,.14); }
.e-con.hvd-srow { border-bottom: 1px solid rgba(29,32,30,.14); }
.hvd-sph { overflow: hidden; border-radius: 12px; }
.hvd-sph img { transition: transform .4s; }
.hvd-srow:hover .hvd-sph img { transform: scale(1.08); }
.hvd-srow .elementor-widget-text-editor { font-size: 15.5px; }

/* ══ 6 over Harm — photo half + text half ══ */
.e-con.hvd-about-ph, .e-con.hvd-why-ph { position: relative; }
.elementor-widget-heading.hvd-harm-note .elementor-heading-title { display: inline-block; background: rgba(29,32,30,.6); color: #fff; font-size: 12px !important; line-height: 1.3 !important;
	padding: 6px 12px; border-radius: 99px; }
@media (min-width: 1025px) {
	.e-con.hvd-about-t { --padding-right: max(24px, calc((100vw - 1380px) / 2)) !important; padding-right: max(24px, calc((100vw - 1380px) / 2)) !important; }
}
.hvd-quote .elementor-heading-title { padding-left: 18px; border-left: 3px solid var(--hvd-oak); }
.e-con.hvd-alines { width: 100%; margin: 6px 0 10px; }
.e-con.hvd-aline { border-bottom: 1px solid var(--hvd-line); }
.hvd-aline-a .elementor-heading-title { font-size: 13px !important; letter-spacing: .08em !important; line-height: 1.4 !important; }
.hvd-aline-b .elementor-heading-title { text-align: right; }

/* ══ 7 werkwijze (sync_stappen) · Na je bericht — the big numbers on the maatlat ══ */
.hvd-nn .elementor-heading-title { opacity: .95; }
.hvd-nstep-h .elementor-heading-title { font-size: 23px !important; }
.hvd-nstep .elementor-widget-text-editor, .hvd-cn .elementor-widget-text-editor { font-size: 15.5px; }
.hvd-cn .elementor-widget-text-editor { font-size: 16px; }

/* ══ 8 recent werk — a gallery: image + title ══ */
.hvd-gph img { aspect-ratio: 4 / 3; object-fit: cover; height: auto; transition: transform .5s; }
.hvd-fig:hover .hvd-gph img { transform: scale(1.04); }
.hvd-gcap .elementor-heading-title { font-size: 21px !important; }

/* ══ 9 werkgebied (sync_werkgebied) — the places themselves ══ */
.hvd-area-p, .hvd-area-p p { font-size: 18px !important; }
.e-con.hvd-places { border-radius: var(--hvd-r); background: rgba(244,239,230,.05); border: 1px solid rgba(244,239,230,.12); }
.e-con.hvd-home-pl { padding-bottom: 26px; border-bottom: 1px solid rgba(244,239,230,.14); }
.elementor-widget-heading.hvd-pl-small .elementor-heading-title, .elementor-widget-heading.hvd-pl-lab .elementor-heading-title { color: rgba(244,239,230,.7); font-size: 13px !important; line-height: 1.4 !important; }
.hvd-pl-list .elementor-icon-list-items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 28px; }
.hvd-pl-list .elementor-icon-list-item { margin: 0 !important; padding: 14px 0 !important; border-bottom: 1px solid rgba(244,239,230,.12); }
.hvd-pl-list .elementor-icon-list-icon svg { color: var(--hvd-oak); }
/* d5 .pl-list li gap 10px: the pin 18 px wide, then 10 px (Elementor added its own 10 + 5 + a wider box) */
.elementor .elementor-element.elementor-widget.hvd-pl-list .elementor-icon-list-icon { width: 18px; padding-inline-end: 0; }
.elementor .elementor-element.elementor-widget.hvd-pl-list .elementor-icon-list-icon svg { margin: 0; flex: none; }
.elementor .elementor-element.elementor-widget.hvd-pl-list .elementor-icon-list-text { padding-inline-start: 10px; }
.hvd-pl-note, .hvd-pl-note p { font-size: 15px !important; color: rgba(244,239,230,.72) !important; }

/* ══ questions — Elementor's Accordion as the design's cards with a +/− plate; draft answers marked ══ */
.elementor-widget-n-accordion.hvd-faq { --n-accordion-border-width: 0px; --n-accordion-padding: 0px; --n-accordion-item-title-space-between: 14px; }
.elementor-widget-n-accordion.hvd-faq .e-n-accordion-item { border: 1px solid var(--hvd-line); border-radius: 16px; background-color: var(--hvd-white); overflow: hidden; transition: border-color .2s; }
.elementor-widget-n-accordion.hvd-faq .e-n-accordion-item[open] { border-color: var(--hvd-oak); }
.elementor-widget-n-accordion.hvd-faq .e-n-accordion-item-title { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 26px; border: 0; background: transparent; }
.elementor-widget-n-accordion.hvd-faq .e-n-accordion-item-title-text { margin: 0; font: 700 22px/1.2 var(--hvd-barlow); color: var(--hvd-g); }
.elementor-widget-n-accordion.hvd-faq .e-n-accordion-item-title-icon { position: relative; width: 38px; height: 38px; flex: none; border-radius: 99px; background-color: var(--hvd-sand); }
.elementor-widget-n-accordion.hvd-faq .e-n-accordion-item-title-icon > span { display: none !important; }
.elementor-widget-n-accordion.hvd-faq .e-n-accordion-item-title-icon::before,
.elementor-widget-n-accordion.hvd-faq .e-n-accordion-item-title-icon::after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; background-color: var(--hvd-g); }
.elementor-widget-n-accordion.hvd-faq .e-n-accordion-item-title-icon::after { transform: rotate(90deg); }
.elementor-widget-n-accordion.hvd-faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon { background-color: var(--hvd-oak); }
.elementor-widget-n-accordion.hvd-faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon::after { display: none; }
.elementor-widget-n-accordion.hvd-faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon::before { background-color: var(--hvd-char); }
.elementor-widget-n-accordion.hvd-faq .e-n-accordion-item > .e-con { padding: 0 26px 24px !important; border: 0 !important; }
.hvd-draft { display: inline-block; margin-left: 6px; font: 600 11px/1 var(--hvd-inter); font-style: normal; text-transform: uppercase; letter-spacing: .08em;
	color: var(--hvd-grey); background-color: var(--hvd-sand); padding: 4px 8px; border-radius: 99px; vertical-align: middle; }

/* ══ 10 contact band (sync_cta) — call · WhatsApp · e-mail as big round buttons ══ */
.e-con.hvd-c-head { max-width: 820px; margin-left: auto; margin-right: auto; text-align: center; }
.hvd-c-head .elementor-widget-text-editor, .hvd-c-head .elementor-widget-text-editor p { color: rgba(244,239,230,.85) !important; }
.e-con.hvd-cbtn { border-radius: 99px; border: 2px solid transparent; transition: background-color .2s, border-color .2s, transform .2s; }
.e-con.hvd-cbtn:hover { transform: translateY(-2px); }
.e-con.hvd-cbtn--mail { border-color: rgba(244,239,230,.45); }
.e-con.hvd-cbtn--mail:hover { border-color: var(--hvd-sand); }
.hvd-cb-l .elementor-heading-title { font-weight: 500 !important; font-size: 13px !important; line-height: 1.4 !important; opacity: .8; }
.hvd-cb-v .elementor-heading-title { line-height: 1.15 !important; }

/* ══ 11 footer (sync_footer) — light, 4 columns, a faint row of houses behind ══ */
.e-con.hvd-ftr { position: relative; overflow: hidden; }
.e-con.hvd-ftr::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 220px; z-index: 0; pointer-events: none;
	background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 2348 262%22 preserveAspectRatio=%22xMidYMax slice%22 fill=%22none%22 stroke=%22%2324452F%22 stroke-width=%221.5%22 stroke-opacity=%22.08%22%3E%3Cpath d=%22M0 260V140l60.0 -54l60.0 54V260%22/%3E%3Crect x=%2246%22 y=%22200%22 width=%2229%22 height=%2260%22/%3E%3Crect x=%2217%22 y=%22162%22 width=%2226%22 height=%2226%22/%3E%3Crect x=%2277%22 y=%22162%22 width=%2226%22 height=%2226%22/%3E%3Cpath d=%22M138 260V100l75.0 -68l75.0 68V260%22/%3E%3Crect x=%22195%22 y=%22200%22 width=%2236%22 height=%2260%22/%3E%3Crect x=%22159%22 y=%22122%22 width=%2233%22 height=%2226%22/%3E%3Crect x=%22234%22 y=%22122%22 width=%2233%22 height=%2226%22/%3E%3Cpath d=%22M306 260V160l55.0 -50l55.0 50V260%22/%3E%3Crect x=%22348%22 y=%22200%22 width=%2226%22 height=%2260%22/%3E%3Crect x=%22321%22 y=%22182%22 width=%2224%22 height=%2226%22/%3E%3Crect x=%22376%22 y=%22182%22 width=%2224%22 height=%2226%22/%3E%3Cpath d=%22M434 260V120l67.5 -61l67.5 61V260%22/%3E%3Crect x=%22485%22 y=%22200%22 width=%2232%22 height=%2260%22/%3E%3Crect x=%22453%22 y=%22142%22 width=%2230%22 height=%2226%22/%3E%3Crect x=%22520%22 y=%22142%22 width=%2230%22 height=%2226%22/%3E%3Cpath d=%22M587 260V140l60.0 -54l60.0 54V260%22/%3E%3Crect x=%22633%22 y=%22200%22 width=%2229%22 height=%2260%22/%3E%3Crect x=%22604%22 y=%22162%22 width=%2226%22 height=%2226%22/%3E%3Crect x=%22664%22 y=%22162%22 width=%2226%22 height=%2226%22/%3E%3Cpath d=%22M725 260V100l75.0 -68l75.0 68V260%22/%3E%3Crect x=%22782%22 y=%22200%22 width=%2236%22 height=%2260%22/%3E%3Crect x=%22746%22 y=%22122%22 width=%2233%22 height=%2226%22/%3E%3Crect x=%22821%22 y=%22122%22 width=%2233%22 height=%2226%22/%3E%3Cpath d=%22M893 260V160l55.0 -50l55.0 50V260%22/%3E%3Crect x=%22935%22 y=%22200%22 width=%2226%22 height=%2260%22/%3E%3Crect x=%22908%22 y=%22182%22 width=%2224%22 height=%2226%22/%3E%3Crect x=%22963%22 y=%22182%22 width=%2224%22 height=%2226%22/%3E%3Cpath d=%22M1021 260V120l67.5 -61l67.5 61V260%22/%3E%3Crect x=%221072%22 y=%22200%22 width=%2232%22 height=%2260%22/%3E%3Crect x=%221040%22 y=%22142%22 width=%2230%22 height=%2226%22/%3E%3Crect x=%221107%22 y=%22142%22 width=%2230%22 height=%2226%22/%3E%3Cpath d=%22M1174 260V140l60.0 -54l60.0 54V260%22/%3E%3Crect x=%221220%22 y=%22200%22 width=%2229%22 height=%2260%22/%3E%3Crect x=%221191%22 y=%22162%22 width=%2226%22 height=%2226%22/%3E%3Crect x=%221251%22 y=%22162%22 width=%2226%22 height=%2226%22/%3E%3Cpath d=%22M1312 260V100l75.0 -68l75.0 68V260%22/%3E%3Crect x=%221369%22 y=%22200%22 width=%2236%22 height=%2260%22/%3E%3Crect x=%221333%22 y=%22122%22 width=%2233%22 height=%2226%22/%3E%3Crect x=%221408%22 y=%22122%22 width=%2233%22 height=%2226%22/%3E%3Cpath d=%22M1480 260V160l55.0 -50l55.0 50V260%22/%3E%3Crect x=%221522%22 y=%22200%22 width=%2226%22 height=%2260%22/%3E%3Crect x=%221495%22 y=%22182%22 width=%2224%22 height=%2226%22/%3E%3Crect x=%221550%22 y=%22182%22 width=%2224%22 height=%2226%22/%3E%3Cpath d=%22M1608 260V120l67.5 -61l67.5 61V260%22/%3E%3Crect x=%221659%22 y=%22200%22 width=%2232%22 height=%2260%22/%3E%3Crect x=%221627%22 y=%22142%22 width=%2230%22 height=%2226%22/%3E%3Crect x=%221694%22 y=%22142%22 width=%2230%22 height=%2226%22/%3E%3Cpath d=%22M1761 260V140l60.0 -54l60.0 54V260%22/%3E%3Crect x=%221807%22 y=%22200%22 width=%2229%22 height=%2260%22/%3E%3Crect x=%221778%22 y=%22162%22 width=%2226%22 height=%2226%22/%3E%3Crect x=%221838%22 y=%22162%22 width=%2226%22 height=%2226%22/%3E%3Cpath d=%22M1899 260V100l75.0 -68l75.0 68V260%22/%3E%3Crect x=%221956%22 y=%22200%22 width=%2236%22 height=%2260%22/%3E%3Crect x=%221920%22 y=%22122%22 width=%2233%22 height=%2226%22/%3E%3Crect x=%221995%22 y=%22122%22 width=%2233%22 height=%2226%22/%3E%3Cpath d=%22M2067 260V160l55.0 -50l55.0 50V260%22/%3E%3Crect x=%222109%22 y=%22200%22 width=%2226%22 height=%2260%22/%3E%3Crect x=%222082%22 y=%22182%22 width=%2224%22 height=%2226%22/%3E%3Crect x=%222137%22 y=%22182%22 width=%2224%22 height=%2226%22/%3E%3Cpath d=%22M2195 260V120l67.5 -61l67.5 61V260%22/%3E%3Crect x=%222246%22 y=%22200%22 width=%2232%22 height=%2260%22/%3E%3Crect x=%222214%22 y=%22142%22 width=%2230%22 height=%2226%22/%3E%3Crect x=%222281%22 y=%22142%22 width=%2230%22 height=%2226%22/%3E%3C/svg%3E") center bottom / cover no-repeat; }
.e-con.hvd-ftr > .e-con-inner { position: relative; z-index: 1; }
.elementor-widget-image.hvd-flogo img { height: 84px; width: auto; max-width: none; }
.elementor .elementor-element.elementor-widget.hvd-fbrand-p { max-width: 340px; }
.hvd-fh .elementor-heading-title { font-size: 21px !important; margin-bottom: 15px; }
.hvd-flink .elementor-heading-title a:hover { color: var(--hvd-g); }
.hvd-fnav .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item { padding: 0 !important; justify-content: flex-start; }
.hvd-fnav .elementor-nav-menu > li:not(:last-child) { margin-bottom: 10px; }
.e-con.hvd-fbot { border-top: 1px solid rgba(29,32,30,.12); }
.hvd-fbot .elementor-heading-title { font-size: 14px !important; }

/* ══ service page ══ */
/* the breadcrumb */
.elementor-widget-text-editor.hvd-crumbs, .elementor-widget-text-editor.hvd-crumbs p { font-size: 14.5px !important; line-height: 1.3 !important; color: rgba(244,239,230,.78); }
.elementor-widget-text-editor.hvd-crumbs a { color: inherit; text-decoration: none; }
.elementor-widget-text-editor.hvd-crumbs a:hover { color: #fff; }
.hvd-crumbs .sep { opacity: .5; margin: 0 4px; }
.hvd-crumbs b { color: #fff; font-weight: 700; }
.hvd-crumbs--c { text-align: center; }
/* page hero: darker on the text side, so the breadcrumb and the Eiken words stay readable on a light photo */
.e-con.hvd-phero { overflow: hidden; }
.e-con.hvd-phero::before { background-image: linear-gradient(90deg, rgba(11,35,19,.62) 0%, rgba(11,35,19,.3) 55%, rgba(11,35,19,.08) 100%),
	linear-gradient(180deg, rgba(29,32,30,.5) 0%, rgba(29,32,30,.18) 40%, rgba(27,54,36,.85) 100%) !important; opacity: 1 !important; }
.e-con.hvd-btns { margin-top: 6px; }
/* my speciality */
.elementor .hvd-ki-t > .elementor-element.elementor-widget-button { margin-top: 6px; }
.e-con.hvd-ki-ph { position: relative; }
.hvd-ki-img img { border-radius: var(--hvd-r); }
.e-con.hvd-ki-card { position: absolute; left: -48px; bottom: 48px; z-index: 2; max-width: 340px; width: auto; border-radius: 16px; box-shadow: 0 24px 60px rgba(29,32,30,.16); }
.hvd-ki-card .elementor-widget-text-editor { font-size: 15px; }
.hvd-ki-card .elementor-widget-heading .elementor-heading-title { font-size: 20px !important; }
/* what I do: four cards with a line drawing */
.elementor .elementor-element.elementor-widget.hvd-kdo-p { max-width: 470px; }
.e-con.hvd-kc { border-radius: var(--hvd-r); overflow: hidden; }
.e-con.hvd-kc-art { height: 230px; border-bottom: 1px solid var(--hvd-line); }
.hvd-kn .elementor-heading-title { font-size: 15px !important; letter-spacing: .04em; }
.hvd-kc-h .elementor-heading-title { font-size: 24px !important; }
/* why HVD Bouw: one green card */
.e-con.hvd-why-card { border-radius: 24px; overflow: hidden; }
.e-con.hvd-why-t { position: relative; }
.e-con.hvd-why-t > .e-con.hvd-wgrid { width: 100%; margin: 6px 0 10px; }
.hvd-wy .elementor-widget-text-editor { font-size: 15px; }
/* other work: photo cards */
.hvd-mc-ph img { aspect-ratio: 4 / 5; object-fit: cover; height: auto; transition: transform .5s; }
.hvd-mc:hover .hvd-mc-ph img { transform: scale(1.05); }

/* ══ contact page ══ */
.e-con.hvd-chero-in { max-width: 1100px; margin: 0 auto; text-align: center; }
.elementor .elementor-element.elementor-widget.hvd-chero-p { max-width: 600px; }
.hvd-chero-p, .hvd-chero-p p { font-size: 19px !important; color: rgba(244,239,230,.85) !important; }
.e-con.hvd-cmain { position: relative; }
.e-con.hvd-cbox { background-color: var(--hvd-white); border-radius: 24px; overflow: hidden; box-shadow: 0 30px 80px rgba(29,32,30,.16); }
.hvd-ch2 .elementor-heading-title { font-size: clamp(32px, 2.8vw, 42px) !important; }
.e-con.hvd-harm { padding-bottom: 22px; margin-bottom: 6px; border-bottom: 1px solid rgba(29,32,30,.12); }
.hvd-harm .elementor-widget-text-editor { font-size: 15px; }
.elementor-widget-heading.hvd-harm-av .elementor-heading-title { width: 68px; height: 68px; display: grid; place-items: center; text-align: center; border-radius: 99px;
	background-color: var(--hvd-g); color: var(--hvd-sand); font-size: 10.5px !important; line-height: 1.15 !important; font-weight: 600 !important; letter-spacing: .06em !important;
	border: 3px solid #fff; box-shadow: 0 0 0 2px var(--hvd-oak); }
.e-con.hvd-crs { margin-top: 6px; }
.e-con.hvd-cr { border-radius: 18px; border: 1.5px solid transparent; transition: border-color .2s, transform .2s; }
.e-con.hvd-cr:hover { border-color: var(--hvd-oak); transform: translateY(-2px); }
.hvd-cr-l .elementor-heading-title { font-size: 12.5px !important; font-weight: 600 !important; letter-spacing: .08em !important; line-height: 1.3 !important; }
.hvd-cr-v .elementor-heading-title { font-size: 23px !important; line-height: 1.15 !important; overflow-wrap: anywhere; }
.e-con.hvd-cinfo { margin-top: 10px; padding-top: 20px; border-top: 1px solid rgba(29,32,30,.12); }
.hvd-cinfo .elementor-widget-text-editor, .hvd-cinfo .elementor-heading-title { font-size: 15.5px !important; }
.e-con.hvd-cform { scroll-margin-top: 110px; }
.hvd-cform-p { margin-bottom: 8px !important; }
/* the form (Elementor Pro): the intake's fields + woonplaats, no "bedrijf" */
.elementor-widget-form.hvd-form .elementor-field-group > label.elementor-field-label { margin-bottom: 8px; font: 600 15px/1.3 var(--hvd-inter); color: var(--hvd-char); }
.elementor-widget-form.hvd-form .elementor-field-group .elementor-field-textual { min-height: 0; padding: 15px 18px; border: 1.5px solid var(--e-global-color-hvdveld); border-radius: 14px;
	background-color: var(--hvd-white); color: var(--hvd-char); font: 400 16px/1.4 var(--hvd-inter); transition: border-color .2s, box-shadow .2s; }
.elementor-widget-form.hvd-form .elementor-field-group textarea.elementor-field-textual { min-height: 170px; resize: vertical; }
.elementor-widget-form.hvd-form .elementor-field-textual::placeholder { color: var(--hvd-grey); opacity: .7; }
.elementor-widget-form.hvd-form .elementor-field-group .elementor-field-textual:focus { outline: none; border-color: var(--hvd-oak); box-shadow: 0 0 0 4px rgba(194,138,72,.18); }
.elementor-widget-form.hvd-form .elementor-mark-required .elementor-field-label::after { color: var(--hvd-oak); }
.elementor-widget-form.hvd-form .e-form__buttons { margin-top: 4px; }
.elementor-widget-form.hvd-form .e-form__buttons .elementor-button { display: inline-flex; align-items: center; min-height: 0; padding: 18px 26px; border: 0; border-radius: 99px;
	background-color: var(--hvd-g) !important; color: var(--hvd-sand) !important; font: 700 16px/1 var(--hvd-inter); transition: background-color .2s; }
.elementor-widget-form.hvd-form .e-form__buttons .elementor-button:hover { background-color: var(--hvd-char) !important; }
.elementor-widget-form.hvd-form .elementor-button .elementor-button-content-wrapper { gap: 10px; align-items: center; }
.elementor-widget-form.hvd-form .elementor-button .elementor-button-icon svg { width: 18px; height: 18px; transition: transform .2s; }
.elementor-widget-form.hvd-form .elementor-button:hover .elementor-button-icon svg { transform: translateX(3px); }
.elementor-widget-form.hvd-form .elementor-message { margin-top: 14px; font: 600 15px/1.4 var(--hvd-inter); }
.elementor-widget-form.hvd-form .elementor-message.elementor-message-success { color: var(--hvd-g); }
.elementor-widget-form.hvd-form .elementor-error .elementor-field-textual { border-color: #B3261E; }
.hvd-fnote, .hvd-fnote p { font-size: 14px !important; }
/* d5 .fsend: the privacy line beside the send button when both fit on one line (wide form box), else under it.
   The line is its own text widget under the form (Ink can edit it), moved up next to the 54 px button. */
.e-con.hvd-cform { container-type: inline-size; }
@container (min-width: 650px) {
	.e-con.hvd-cform > .elementor-widget.hvd-fnote { margin-top: -54px; margin-bottom: 16px; padding-left: 230px; pointer-events: none; }
}

/* ══ base pages (sync_hero_slim): their own text in the site's fonts ══ */
.hvd-slim-h .elementor-heading-title { max-width: 1100px; }

/* ══ widths — the design's own steps: 1180 (menu → Menu button) · 1024 tablet · 767 phone ══ */
@media (max-width: 1180px) {
	.elementor-widget-nav-menu.hvd-nav, .elementor-widget-button.hvd-hdr-btn { display: none !important; }
	.e-con.hvd-burger { display: flex; }
	.hvd-proms .hvd-draw, .hvd-contact .hvd-draw, .e-con > .elementor-widget.hvd-da, .hvd-chero .hvd-draw { display: none; }
	.elementor-widget-n-tabs.hvd-tcard .e-n-tab-title { font-size: 18px !important; padding: 24px 16px !important; justify-content: flex-start !important; }
	.e-con.hvd-srow { --e-con-grid-template-columns: 56px minmax(0, 1fr) 48px !important; grid-template-columns: 56px minmax(0, 1fr) 48px !important; }
	.elementor-widget-image.hvd-sph { display: none; }
	.hvd-pl-list .elementor-icon-list-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.e-con.hvd-ki-card { left: 24px; }
}
@media (max-width: 1024px) {
	body.admin-bar .elementor-location-header .e-con.hvd-hdr { top: 32px; }
	.e-con.hvd-hdr-in { min-height: 92px; }
	.elementor-widget-image.hvd-logo img { height: 64px; }
	.e-con.hvd-hero { min-height: 680px; }
	.e-con.hvd-svc-h { position: relative; top: auto; }
	.e-con > .elementor-widget.hvd-dki, .e-con > .elementor-widget.hvd-dwy { display: none; }
	.e-con.hvd-pc-stack { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }
	.hvd-pl-list .elementor-icon-list-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.e-con.hvd-tpanel > .elementor-widget.hvd-tp-ph { order: -1; }   /* d5: one column → the photo first */
	.e-con.hvd-ki-card { left: 24px; }
}
@media (max-width: 782px) {
	body.admin-bar .elementor-location-header .e-con.hvd-hdr { top: 46px; }
}
@media (max-width: 767px) {
	.e-con.hvd-hdr-in { min-height: 80px; }
	.hvd-hdr.is-solid .e-con.hvd-hdr-in { min-height: 74px; }
	.elementor-widget-image.hvd-logo img { height: 54px; }
	.hvd-hdr.is-solid .elementor-widget-image.hvd-logo img { height: 50px; }
	.e-con.hvd-hero { min-height: 640px; }
	.hvd-hero.hvd-vb--low::after { bottom: 6px; right: 16px; }   /* under the small pictures, not on them */
	.elementor .elementor-element.elementor-widget.hvd-pbtn .elementor-icon { padding: 19px !important; }   /* d5 .pbtn 60 px on the phone */
	.elementor .elementor-element.elementor-widget.hvd-hi .elementor-icon { padding: 13px !important; }     /* d5 .hi 52 px on the phone */
	.elementor-widget-button a.elementor-button { white-space: normal; }
	.hvd-phero .elementor-widget-button a.elementor-button { width: 100%; justify-content: center; }
	.elementor .elementor-element.elementor-widget-icon-list.hvd-pfacts { margin-top: 14px; padding-top: 20px; }
	.e-con.hvd-pc-stack { display: flex; }
	.e-con.hvd-pc { min-height: 0; }
	.e-con.hvd-pc-photo { min-height: 400px; }
	.e-con.hvd-pc-light { min-height: 280px; }
	.e-con.hvd-pc-box { margin: 0; }
	.e-con > .elementor-widget.hvd-dt { width: 56px; top: -66px; right: 20px; }
	.elementor-widget-n-tabs.hvd-tcard .e-n-tabs { border-radius: 18px; }
	.elementor-widget-n-tabs.hvd-tcard .e-n-tabs-heading { grid-template-columns: minmax(0, 1fr); }
	.elementor-widget-n-tabs.hvd-tcard .e-n-tab-title { font-size: 17px !important; padding: 18px 20px !important; }
	.elementor-widget-n-tabs.hvd-tcard .e-n-tab-title + .e-n-tab-title { border-left: 0 !important; border-top: 1px solid rgba(244,239,230,.08) !important; }
	.elementor-widget-n-tabs.hvd-tcard .e-n-tab-title::after { left: 0; right: auto; top: 0; bottom: 0; width: 4px; height: auto; transform: scaleY(0); }
	.elementor-widget-n-tabs.hvd-tcard .e-n-tab-title[aria-selected="true"]::after { transform: scaleY(1); }
	.e-con.hvd-srow { --e-con-grid-template-columns: 44px minmax(0, 1fr) 40px !important; grid-template-columns: 44px minmax(0, 1fr) 40px !important; }
	.hvd-srow .hvd-sgo .elementor-icon { font-size: 18px !important; padding: 11px !important; }
	.hvd-aline-b .elementor-heading-title { text-align: left; }
	.hvd-pl-list .elementor-icon-list-items { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; }
	.hvd-pl-list .elementor-icon-list-text { font-size: 19px !important; }
	.elementor-widget-n-accordion.hvd-faq .e-n-accordion-item-title { padding: 20px; }
	.elementor-widget-n-accordion.hvd-faq .e-n-accordion-item-title-text { font-size: 19px; }
	.elementor-widget-n-accordion.hvd-faq .e-n-accordion-item > .e-con { padding: 0 20px 20px !important; }
	.e-con.hvd-cbtn { width: 100%; }
	.hvd-cb-v .elementor-heading-title { font-size: 19px !important; }
	.e-con.hvd-ki-card { position: relative; left: auto; bottom: auto; max-width: none; margin: -56px 16px 0; }
	.e-con.hvd-kc { display: grid; grid-template-columns: 104px minmax(0, 1fr); }
	.e-con.hvd-kc-art { height: auto; border-bottom: 0; border-right: 1px solid var(--hvd-line); }
	.hvd-kart { width: 70px; }
	.hvd-kc-h .elementor-heading-title { font-size: 21px !important; }
	.hvd-kc .elementor-widget-text-editor { font-size: 15px !important; }
	.hvd-mc-h .elementor-heading-title { font-size: 16px !important; }
	.elementor-widget-icon.hvd-mgo { display: none; }
	.hvd-chero-p, .hvd-chero-p p { font-size: 17px !important; }
	.hvd-cr-v .elementor-heading-title { font-size: 19px !important; }
	.elementor-widget-icon.hvd-cgo { display: none; }
}

/* >>> privacy-check */
/* the privacy checkbox (his rule 20, 2026-10-24) — in HVD's form style: a 20 px box in Dennengroen, the line in the
   form's label type, the link green and underlined, Eiken focus ring like the fields, red border when left empty */
.elementor-widget-form.hvd-form .elementor-field-type-acceptance .elementor-field-option { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0 12px; }
.elementor-widget-form.hvd-form .elementor-field-type-acceptance .elementor-field-option label { flex: 1 1 0; min-width: 0; }
.elementor-widget-form.hvd-form .elementor-field-type-acceptance input[type="checkbox"] { flex: none; width: 20px; height: 20px; margin: 1px 0 0;
	accent-color: var(--hvd-g); cursor: pointer; }
.elementor-widget-form.hvd-form .elementor-field-type-acceptance input[type="checkbox"]:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(194,138,72,.3); border-radius: 4px; }
.elementor-widget-form.hvd-form .elementor-field-type-acceptance label { font: 400 15px/1.5 var(--hvd-inter); color: var(--hvd-grey); cursor: pointer; }
.elementor-widget-form.hvd-form .elementor-field-type-acceptance label a { color: var(--hvd-g); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.elementor-widget-form.hvd-form .elementor-field-type-acceptance label a:hover { color: var(--hvd-oak); }
.elementor-widget-form.hvd-form .elementor-field-type-acceptance .elementor-message { flex-basis: 100%; box-sizing: border-box; margin: 6px 0 0; padding-left: 32px; }   /* under the text, not beside it */
.elementor-widget-form.hvd-form .elementor-field-option.elementor-error input[type="checkbox"] { outline: 1.5px solid #B3261E; outline-offset: 1px; }   /* left empty */
/* a message under the button (refused / thank-you) → the privacy note goes below the form instead of beside the button */
@container (min-width: 650px) {
	.e-con.hvd-cform:has(.hvd-form .elementor-message) > .elementor-widget.hvd-fnote { margin-top: 0; margin-bottom: 0; padding-left: 0; }
}
/* <<< privacy-check */

/* >>> hero-cta-video */
/* the home hero's call to action (2026-11-02, his "make this cta instead of video playing button"): the glass Type while
   the header's oak "Vrijblijvend langskomen" shows right above it (rule 23: never two of the same button under each other),
   the oak fill below 1180 px where the header shows only "Menu" and this is the one call to action; full width on a phone */
@media (max-width: 1180px) {
	.elementor-widget-button.hvd-hero-cta.elementor-button-white-outline a.elementor-button { background-color: var(--hvd-oak) !important; color: var(--hvd-char) !important;
		border-color: var(--hvd-oak) !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
	.elementor-widget-button.hvd-hero-cta.elementor-button-white-outline a.elementor-button:hover,
	.elementor-widget-button.hvd-hero-cta.elementor-button-white-outline a.elementor-button:focus-visible { background-color: var(--hvd-sand) !important;
		color: var(--hvd-char) !important; border-color: var(--hvd-sand) !important; }
}
@media (max-width: 767px) {
	.elementor .elementor-element.elementor-widget-button.hvd-hero-cta { width: 100%; }
	.elementor-widget-button.hvd-hero-cta a.elementor-button { width: 100%; justify-content: center; }
}
/* <<< hero-cta-video *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://hvd-bouw.inthedemo.com/wp-content/uploads/2026/10/barlow-latin-600-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://hvd-bouw.inthedemo.com/wp-content/uploads/2026/10/barlow-latin-700-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://hvd-bouw.inthedemo.com/wp-content/uploads/2026/10/barlow-latin-800-normal.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: auto;
	src: url('https://hvd-bouw.inthedemo.com/wp-content/uploads/2026/10/inter-latin-wght-normal.woff2') format('woff2');
}
/* End Custom Fonts CSS */