.elementor-kit-6{--e-global-color-primary:#0070BB;--e-global-color-secondary:#0B2540;--e-global-color-text:#33404F;--e-global-color-accent:#C79A6B;--e-global-color-hw01:#005A96;--e-global-color-hw02:#14365A;--e-global-color-hw03:#1D3E61;--e-global-color-hw04:#2A4E75;--e-global-color-hw05:#5B6776;--e-global-color-hw06:#A9B8C9;--e-global-color-hw07:#E8F2FA;--e-global-color-hw08:#7CC0F0;--e-global-color-hw09:#F6F1EA;--e-global-color-hw10:#EFE6DA;--e-global-color-hw11:#E9DDCC;--e-global-color-hw12:#FAF7F2;--e-global-color-hw13:#FBF8F3;--e-global-color-hw14:#FFFFFF;--e-global-color-hw15:#F1E8DC;--e-global-color-hw16:#E8F2FA;--e-global-color-hw17:#BFD9EE;--e-global-color-hw18:#E2D6C6;--e-global-color-hw19:#D5DEE8;--e-global-color-hw20:#808D9C;--e-global-color-hw21:#8A5A2F;--e-global-color-hw22:#6E4723;--e-global-color-hw23:#D9B48C;--e-global-color-hw24:#1E7A4C;--e-global-color-hw25:#E7F4EC;--e-global-color-hw26:#C0392B;--e-global-color-hw27:#9E2A1E;--e-global-color-hw28:#FBEAE8;--e-global-color-hw29:#178A48;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-size:46px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.12em;--e-global-typography-secondary-font-family:"Outfit";--e-global-typography-secondary-font-size:23px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.65em;--e-global-typography-accent-font-family:"Outfit";--e-global-typography-accent-font-size:17px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1em;background-color:#F6F1EA;color:#33404F;font-family:"DM Sans", Sans-serif;font-size:17px;font-weight:400;line-height:1.65em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#0070BB;font-family:"Outfit", Sans-serif;font-size:17px;font-weight:600;line-height:1em;color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:17px 24px 17px 24px;}.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:#005A96;color:#FFFFFF;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#0070BB;}.elementor-kit-6 a:hover{color:#005A96;}.elementor-kit-6 h1{color:#0B2540;font-family:"Outfit", Sans-serif;font-size:60px;font-weight:700;line-height:1.06em;letter-spacing:-0.025em;}.elementor-kit-6 h2{color:#0B2540;font-family:"Outfit", Sans-serif;font-size:46px;font-weight:700;line-height:1.12em;letter-spacing:-0.02em;}.elementor-kit-6 h3{color:#0B2540;font-family:"Outfit", Sans-serif;font-size:23px;font-weight:600;line-height:1.3em;letter-spacing:0em;}.elementor-kit-6 h4{color:#0B2540;font-family:"Outfit", Sans-serif;font-size:19px;font-weight:600;line-height:1.3em;}.elementor-kit-6 h5{color:#0B2540;font-family:"Outfit", Sans-serif;font-size:17px;font-weight:600;line-height:1.3em;}.elementor-kit-6 h6{color:#8A5A2F;font-family:"Outfit", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;line-height:1em;letter-spacing:0.08em;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{background-color:#FBF8F3;border-style:solid;border-width:1.5px 1.5px 1.5px 1.5px;border-color:#808D9C;border-radius:8px 8px 8px 8px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:32px;--container-default-padding-bottom:0px;--container-default-padding-left:32px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6 h1{font-size:47px;line-height:1.06em;}.elementor-kit-6 h2{font-size:37px;line-height:1.12em;}.elementor-kit-6 h3{font-size:21px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:36px;line-height:1.08em;}.elementor-kit-6 h2{font-size:30px;line-height:1.15em;}.elementor-kit-6 h3{font-size:20px;}.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;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}}:root { --primary:#0070BB; --primary-hover:#005A96; --heading:#0B2540; --navy-2:#14365A; --navy-line:#1D3E61; --navy-border:#2A4E75; --body:#33404F; --muted:#5B6776; --on-dark-muted:#A9B8C9; --on-dark-soft:#E8F2FA; --light-blue-accent:#7CC0F0; --background:#F6F1EA; --background-alt:#EFE6DA; --background-sand:#E9DDCC; --surface-soft:#FAF7F2; --surface:#FBF8F3; --white:#FFFFFF; --tan-surface:#F1E8DC; --light-blue:#E8F2FA; --light-blue-border:#BFD9EE; --border:#E2D6C6; --border-cool:#D5DEE8; --input-border:#808D9C; --accent:#C79A6B; --accent-text:#8A5A2F; --accent-text-dark:#6E4723; --accent-on-dark:#D9B48C; --success:#1E7A4C; --success-bg:#E7F4EC; --error:#C0392B; --error-text:#9E2A1E; --error-bg:#FBEAE8; --whatsapp:#178A48; --font-heading:Outfit; --font-body:DM Sans; }
/* Start custom CSS *//* Hutten Webdesign – site-brede aanvullingen (niet native in Elementor V4) */
.elementor-location-header{position:sticky;top:0;z-index:50}
.admin-bar .elementor-location-header{top:32px}
@media (max-width:782px){.admin-bar .elementor-location-header{top:46px}}
html{scroll-padding-top:140px;scroll-behavior:smooth} /* C08: vloeiend naar #kennismaking */
/* Menuwissel op 1240px (design: volledig menu vanaf 1241px) */
@media (max-width:1240px){[data-hw="desktop"]{display:none!important}}
@media (min-width:1241px){[data-hw="mobiel"]{display:none!important}}
/* Keuzetabs alleen op mobiel: op tablet/desktop alle panelen tonen */
@media (min-width:768px){[data-hw-tabs] [role=tabpanel][hidden]{display:flex!important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-interactions]{opacity:1!important;transform:none!important}}

/* C06.3: interne tekstlinks in lopende tekst - hover via dikkere onderstreping (kleurneutraal, werkt op elke achtergrond) */
[data-elementor-type="wp-page"] .e-paragraph-base a[href]:hover,[data-elementor-type="wp-page"] .e-paragraph-base a[href]:focus-visible{text-decoration-thickness:2px;text-underline-offset:4px}

/* C07: dynamisch aanvraagformulier - vervolgvraag verschijnt bij de gekozen hoofdkeuze */
[data-hw-q]{display:none!important}
form:has(#optie-hulpvraag-website-laten-maken:checked) [data-hw-q="website"],form:has(#optie-hulpvraag-branding-en-huisstijl:checked) [data-hw-q="branding"]{display:flex!important}
/* Footerformulier niet dubbel tonen op pagina's met een eigen formulier (home, contact) */
.page-id-16 [data-hw="footer-form"],.page-id-156 [data-hw="footer-form"]{display:none!important}

/* C07: native keuzevakjes (vierkant) en keuzerondjes (rond) in formulieren, in de merkkleur */
input.e-form-checkbox-base{appearance:auto!important;border-radius:4px!important;accent-color:var(--primary)}
input.e-form-radio-button-base{appearance:auto!important;border-radius:50%!important;accent-color:var(--primary)}
[data-hw-q]{padding-left:16px!important}

/* C09: verplicht-/optioneel-markering via CSS, zodat de formuliermail schone veldnamen toont */
.e-form-label-base:is([for$="veld-naam"],[for$="veld-email"],[for$="veld-tel"],[for$="veld-bericht"],[for$="veld-onderwerp"])::after{content:" *";color:var(--error)}
.e-form-label-base[for$="veld-bedrijf"]::after{content:" (optioneel)";font-family:var(--font-body);font-weight:400;font-size:14px;color:#5B6776}/* End custom CSS */