.elementor-24540 .elementor-element.elementor-element-19fe3635{--display:flex;--min-height:65vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-24540 .elementor-element.elementor-element-b29c419{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-24540 .elementor-element.elementor-element-2d28ea7{--display:flex;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-24540 .elementor-element.elementor-element-2d28ea7::before, .elementor-24540 .elementor-element.elementor-element-2d28ea7 > .elementor-background-video-container::before, .elementor-24540 .elementor-element.elementor-element-2d28ea7 > .e-con-inner > .elementor-background-video-container::before, .elementor-24540 .elementor-element.elementor-element-2d28ea7 > .elementor-background-slideshow::before, .elementor-24540 .elementor-element.elementor-element-2d28ea7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-24540 .elementor-element.elementor-element-2d28ea7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}:root{--page-title-display:none;}@media(min-width:768px){.elementor-24540 .elementor-element.elementor-element-19fe3635{--content-width:1600px;}}/* Start custom CSS for container, class: .elementor-element-19fe3635 *//* NL-Techniek – Pagina 24540, Gravity Forms #7
   Maak van velden met CSS-class "chip-choices" echte klik-knoppen
   (input onzichtbaar, label = knop) */

.postid-24540 #gform_wrapper_7 .gfield.chip-choices ul.gfield_checkbox,
.postid-24540 #gform_wrapper_7 .gfield.chip-choices ul.gfield_radio{
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
}
@media (min-width: 768px){
  .postid-24540 #gform_wrapper_7 .gfield.chip-choices ul.gfield_checkbox,
  .postid-24540 #gform_wrapper_7 .gfield.chip-choices ul.gfield_radio{
    grid-template-columns: 1fr 1fr; /* 2 kolommen; wil je 3? -> 1fr 1fr 1fr */
  }
}
.postid-24540 #gform_wrapper_7 .gfield.chip-choices li{
  list-style: none;
  margin: 0;
  position: relative;
}

/* 1) Verberg de echte input (toegankelijk, maar niet zichtbaar) */
.postid-24540 #gform_wrapper_7 .gfield.chip-choices input[type="checkbox"],
.postid-24540 #gform_wrapper_7 .gfield.chip-choices input[type="radio"]{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  /* geen clip nodig; zo blijft de focus netjes op het label vallen */
}

/* 2) Label = de ‘knop’ */
.postid-24540 #gform_wrapper_7 .gfield.chip-choices label{
  display: block;
  padding: 14px 16px;
  border: 2px solid #e6e9ef;
  border-radius: 12px;
  background: #fff;
  color: #0f172a;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(0,0,0,.06);
  transition: box-shadow .2s, border-color .2s, background .2s, color .2s, transform .06s;
}
.postid-24540 #gform_wrapper_7 .gfield.chip-choices label:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
}

/* 3) Geselecteerd */
.postid-24540 #gform_wrapper_7 .gfield.chip-choices input:checked + label{
  background: #ff6a00;       /* NL-Techniek oranje */
  color: #fff;
  border-color: #ff6a00;
}

/* 4) Toetsenbord-focus */
.postid-24540 #gform_wrapper_7 .gfield.chip-choices input:focus + label{
  outline: 3px solid rgba(255,106,0,.35);
  outline-offset: 2px;
}

/* 5) Falls er nog oude kaart/border styling op labels stond: neutraliseren */
.postid-24540 #gform_wrapper_7 .gfield.chip-choices .gchoice label::before,
.postid-24540 #gform_wrapper_7 .gfield.chip-choices .gchoice label::after{
  content: none !important;
}/* End custom CSS */