.elementor-1739 .elementor-element.elementor-element-10dc0c6 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1739 .elementor-element.elementor-element-10dc0c6 > .elementor-container{min-height:600px;}.elementor-1739 .elementor-element.elementor-element-10dc0c6{margin-top:0px;margin-bottom:80px;padding:0% 5% 0% 5%;}.elementor-1739 .elementor-element.elementor-element-8c0955c:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1739 .elementor-element.elementor-element-8c0955c > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F6FC;}.elementor-1739 .elementor-element.elementor-element-8c0955c > .elementor-element-populated, .elementor-1739 .elementor-element.elementor-element-8c0955c > .elementor-element-populated > .elementor-background-overlay, .elementor-1739 .elementor-element.elementor-element-8c0955c > .elementor-background-slideshow{border-radius:0px 0px 50px 50px;}.elementor-1739 .elementor-element.elementor-element-8c0955c > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1739 .elementor-element.elementor-element-8c0955c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1739 .elementor-element.elementor-element-7ae321c > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1739 .elementor-element.elementor-element-7ae321c > .elementor-container{max-width:1440px;}.elementor-1739 .elementor-element.elementor-element-7ae321c{padding:180px 50px 0px 50px;}.elementor-bc-flex-widget .elementor-1739 .elementor-element.elementor-element-3319898.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1739 .elementor-element.elementor-element-3319898.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1739 .elementor-element.elementor-element-3319898 > .elementor-element-populated, .elementor-1739 .elementor-element.elementor-element-3319898 > .elementor-element-populated > .elementor-background-overlay, .elementor-1739 .elementor-element.elementor-element-3319898 > .elementor-background-slideshow{border-radius:24px 24px 24px 24px;}.elementor-1739 .elementor-element.elementor-element-3319898 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 24px 40px;}.elementor-1739 .elementor-element.elementor-element-3319898 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1739 .elementor-element.elementor-element-29d160c{text-align:left;}.elementor-1739 .elementor-element.elementor-element-29d160c .elementor-heading-title{font-family:"Mosk", Sans-serif;font-size:50px;font-weight:900;line-height:62px;color:var( --e-global-color-text );}.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-1739 .elementor-element.elementor-element-f9c4ebc > .elementor-widget-container{margin:-12px 0px 0px 0px;}.elementor-1739 .elementor-element.elementor-element-f9c4ebc{font-family:"Mosk", Sans-serif;font-size:24px;font-weight:300;color:var( --e-global-color-text );}.elementor-bc-flex-widget .elementor-1739 .elementor-element.elementor-element-6606516.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1739 .elementor-element.elementor-element-6606516.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1739 .elementor-element.elementor-element-6606516 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1739 .elementor-element.elementor-element-a649167 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1739 .elementor-element.elementor-element-a649167 > .elementor-container{max-width:1440px;}.elementor-1739 .elementor-element.elementor-element-a649167{padding:0px 50px 75px 50px;}.elementor-1739 .elementor-element.elementor-element-b656d0e:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1739 .elementor-element.elementor-element-b656d0e > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6439eaaa );}.elementor-bc-flex-widget .elementor-1739 .elementor-element.elementor-element-b656d0e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1739 .elementor-element.elementor-element-b656d0e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1739 .elementor-element.elementor-element-b656d0e > .elementor-element-populated, .elementor-1739 .elementor-element.elementor-element-b656d0e > .elementor-element-populated > .elementor-background-overlay, .elementor-1739 .elementor-element.elementor-element-b656d0e > .elementor-background-slideshow{border-radius:24px 24px 24px 24px;}.elementor-1739 .elementor-element.elementor-element-b656d0e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:8px 40px 40px 40px;}.elementor-1739 .elementor-element.elementor-element-b656d0e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1739 .elementor-element.elementor-element-8dcfb68{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--border-radius:12px 12px 12px 12px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1739 .elementor-element.elementor-element-8dcfb68:not(.elementor-motion-effects-element-type-background), .elementor-1739 .elementor-element.elementor-element-8dcfb68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5CC9741A;}.elementor-1739 .elementor-element.elementor-element-f2e2c48 .elementor-heading-title{font-family:"Mosk", Sans-serif;font-size:20px;font-weight:700;color:var( --e-global-color-text );}.elementor-1739 .elementor-element.elementor-element-474b915 > .elementor-widget-container{margin:0px 0px -16px 0px;padding:0px 0px 0px 0px;}.elementor-1739 .elementor-element.elementor-element-474b915{color:var( --e-global-color-text );}.elementor-bc-flex-widget .elementor-1739 .elementor-element.elementor-element-2ecc363.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1739 .elementor-element.elementor-element-2ecc363.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1739 .elementor-element.elementor-element-2ecc363 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1739 .elementor-element.elementor-element-b892972{--display:flex;}.elementor-1739 .elementor-element.elementor-element-6b81f4c > .elementor-container{max-width:1240px;}.elementor-1739 .elementor-element.elementor-element-6b81f4c{margin-top:050px;margin-bottom:050px;padding:50px 50px 75px 50px;}.elementor-1739 .elementor-element.elementor-element-45668f9.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1739 .elementor-element.elementor-element-45668f9 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1739 .elementor-element.elementor-element-afa3c10{width:auto;max-width:auto;}.elementor-1739 .elementor-element.elementor-element-afa3c10 > .elementor-widget-container{background-color:var( --e-global-color-07a8903 );margin:0px 0px 25px 0px;padding:12px 25px 12px 25px;border-radius:250px 250px 250px 250px;}.elementor-1739 .elementor-element.elementor-element-afa3c10 .elementor-heading-title{font-family:"Mosk", Sans-serif;font-size:18px;font-weight:700;}.elementor-1739 .elementor-element.elementor-element-5d9de56{text-align:center;}.elementor-1739 .elementor-element.elementor-element-5d9de56 .elementor-heading-title{font-family:"Mosk", Sans-serif;font-size:50px;font-weight:900;line-height:62px;color:var( --e-global-color-text );}.elementor-1739 .elementor-element.elementor-element-69a94d0 > .elementor-container{max-width:1440px;}.elementor-1739 .elementor-element.elementor-element-69a94d0{margin-top:25px;margin-bottom:25px;padding:25px 50px 25px 50px;}.elementor-1739 .elementor-element.elementor-element-5b53894.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1739 .elementor-element.elementor-element-5b53894 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1739 .elementor-element.elementor-element-de78d9d{width:auto;max-width:auto;}.elementor-1739 .elementor-element.elementor-element-de78d9d > .elementor-widget-container{background-color:var( --e-global-color-07a8903 );margin:0px 0px 25px 0px;padding:12px 25px 12px 25px;border-radius:250px 250px 250px 250px;}.elementor-1739 .elementor-element.elementor-element-de78d9d .elementor-heading-title{font-family:"Mosk", Sans-serif;font-size:18px;font-weight:700;}.elementor-1739 .elementor-element.elementor-element-6dc4edd > .elementor-container{max-width:750px;}.elementor-1739 .elementor-element.elementor-element-c19ee63{text-align:center;}.elementor-1739 .elementor-element.elementor-element-c19ee63 .elementor-heading-title{font-family:"Mosk", Sans-serif;font-size:50px;font-weight:900;line-height:62px;color:var( --e-global-color-text );}.elementor-1739 .elementor-element.elementor-element-ed6b540.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1739 .elementor-element.elementor-element-96dc8e4{--grid-columns:1;--grid-row-gap:25px;--grid-column-gap:0px;}.elementor-1739 .elementor-element.elementor-element-96dc8e4 > .elementor-widget-container{margin:5% 10% 0% 10%;}.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-1739 .elementor-element.elementor-element-41d07a6 .elementor-button{background-color:var( --e-global-color-secondary );}.elementor-1739 .elementor-element.elementor-element-41d07a6 .elementor-button:hover, .elementor-1739 .elementor-element.elementor-element-41d07a6 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-6439eaaa );}.elementor-1739 .elementor-element.elementor-element-41d07a6{width:auto;max-width:auto;align-self:center;}.elementor-1739 .elementor-element.elementor-element-41d07a6 > .elementor-widget-container{margin:32px 0px 0px 0px;}.elementor-1739 .elementor-element.elementor-element-41d07a6 .elementor-button:hover svg, .elementor-1739 .elementor-element.elementor-element-41d07a6 .elementor-button:focus svg{fill:var( --e-global-color-6439eaaa );}.elementor-1739 .elementor-element.elementor-element-8c9bd9f{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1739 .elementor-element.elementor-element-3bf7723 > .elementor-element-populated{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-1739 .elementor-element.elementor-element-7ae321c{padding:180px 50px 0px 50px;}.elementor-1739 .elementor-element.elementor-element-3319898 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1739 .elementor-element.elementor-element-a649167{padding:0px 50px 50px 50px;}.elementor-1739 .elementor-element.elementor-element-8dcfb68{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-1739 .elementor-element.elementor-element-96dc8e4{--grid-columns:1;}.elementor-1739 .elementor-element.elementor-element-96dc8e4 > .elementor-widget-container{margin:0% 0% 0% 0%;}}@media(max-width:767px){.elementor-1739 .elementor-element.elementor-element-10dc0c6 > .elementor-container{min-height:600px;}.elementor-1739 .elementor-element.elementor-element-10dc0c6{margin-top:0px;margin-bottom:48px;padding:0px 0px 0px 0px;}.elementor-1739 .elementor-element.elementor-element-8c0955c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1739 .elementor-element.elementor-element-7ae321c{margin-top:0px;margin-bottom:0px;padding:160px 25px 0px 25px;}.elementor-1739 .elementor-element.elementor-element-3319898.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1739 .elementor-element.elementor-element-29d160c > .elementor-widget-container{padding:0px 24px 0px 24px;}.elementor-1739 .elementor-element.elementor-element-29d160c .elementor-heading-title{font-size:32px;line-height:36px;}.elementor-1739 .elementor-element.elementor-element-f9c4ebc > .elementor-widget-container{margin:-12px 0px 0px 0px;padding:0px 0px 8px 24px;}.elementor-1739 .elementor-element.elementor-element-f9c4ebc{text-align:left;font-size:4.3vw;}.elementor-1739 .elementor-element.elementor-element-a649167{margin-top:0px;margin-bottom:0px;padding:0px 24px 24px 24px;}.elementor-1739 .elementor-element.elementor-element-b656d0e.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1739 .elementor-element.elementor-element-b656d0e > .elementor-element-populated{padding:0px 24px 24px 24px;}.elementor-1739 .elementor-element.elementor-element-84c76f2 > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-1739 .elementor-element.elementor-element-8dcfb68{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1739 .elementor-element.elementor-element-f2e2c48 .elementor-heading-title{font-size:18px;}.elementor-1739 .elementor-element.elementor-element-6b81f4c{margin-top:25px;margin-bottom:50px;padding:25px 25px 25px 25px;}.elementor-1739 .elementor-element.elementor-element-45668f9 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1739 .elementor-element.elementor-element-afa3c10 > .elementor-widget-container{margin:0px 0px 15px 0px;padding:10px 10px 10px 10px;}.elementor-1739 .elementor-element.elementor-element-afa3c10 .elementor-heading-title{font-size:14px;}.elementor-1739 .elementor-element.elementor-element-5d9de56 .elementor-heading-title{font-size:32px;line-height:36px;}.elementor-1739 .elementor-element.elementor-element-69a94d0{margin-top:125px;margin-bottom:50px;padding:25px 25px 25px 25px;}.elementor-1739 .elementor-element.elementor-element-5b53894 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1739 .elementor-element.elementor-element-de78d9d > .elementor-widget-container{margin:0px 0px 15px 0px;padding:10px 10px 10px 10px;}.elementor-1739 .elementor-element.elementor-element-de78d9d .elementor-heading-title{font-size:14px;}.elementor-1739 .elementor-element.elementor-element-c19ee63 .elementor-heading-title{font-size:32px;line-height:36px;}.elementor-1739 .elementor-element.elementor-element-96dc8e4{--grid-columns:1;}.elementor-1739 .elementor-element.elementor-element-41d07a6 > .elementor-widget-container{margin:0px 15px 15px 0px;}}@media(min-width:768px){.elementor-1739 .elementor-element.elementor-element-3319898{width:57.014%;}.elementor-1739 .elementor-element.elementor-element-6606516{width:42.952%;}.elementor-1739 .elementor-element.elementor-element-b656d0e{width:57.014%;}.elementor-1739 .elementor-element.elementor-element-2ecc363{width:42.952%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1739 .elementor-element.elementor-element-3319898{width:100%;}.elementor-1739 .elementor-element.elementor-element-6606516{width:100%;}.elementor-1739 .elementor-element.elementor-element-b656d0e{width:100%;}.elementor-1739 .elementor-element.elementor-element-2ecc363{width:100%;}.elementor-1739 .elementor-element.elementor-element-45668f9{width:100%;}.elementor-1739 .elementor-element.elementor-element-5b53894{width:100%;}}/* Start custom CSS for heading, class: .elementor-element-29d160c */.elementor-1739 .elementor-element.elementor-element-29d160c span { 
    color: #00AEEF;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f9c4ebc */.elementor-1739 .elementor-element.elementor-element-f9c4ebc a {
    color: #182555;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-84c76f2 */#calculator-form div#wpforms-10165-field_32-container {
    display: none;
}

@media (min-width: 1024px) {
  /* Zet het hele formulier in relative positie */
  #calculator-form .elementor-shortcode {
    position: relative;
  }

  /* Prijsblok rechts positioneren */
  #wpforms-10165-field_31-container {
    position: absolute;
    top: 0;
    right: -492px;
    width: 420px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    border-radius: 8px;
  }

  /* Optioneel: ruimte rechts van het formulier toevoegen, zodat het blok niet buiten viewport valt */
  #calculator-form .elementor-shortcode {
    /*padding-right: 400px;*/
  }
}

@media (max-width: 1023px) {
  /* Terug naar normale flow op mobiel */
  #wpforms-10165-field_31-container {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    padding: 0;
    box-shadow: none;
  }

  #calculator-form .elementor-shortcode {
    padding-right: 0;
  }
}

/* Blokje rechts */
/* ====== Container netjes gestapeld ====== */
#wpforms-10165-field_31-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* ====== Alle rijen standaard stijl ====== */
#wpforms-10165-field_31-container .wpforms-field {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin: 0;
  border: none;
}

/* ====== Basis opmaak voor input (alle bedragen) ====== */
#wpforms-10165-field_31-container input[type="text"] {
  all: unset;
  font-weight: 700;
  color: #1b2451;
}

/* ====== Specifieke groottes voor bedragen ====== */
#wpforms-10165-field_5-container input, /* Prijs per maand */
#wpforms-10165-field_15-container input  /* Vooruit te betalen bedrag */ {
  font-size: 24px;
}

#wpforms-10165-field_25-container input,
#wpforms-10165-field_27-container input {
  font-size: 18px;
}

/* ====== €-teken voor ieder bedrag als pseudo-element ====== */
#wpforms-10165-field_5-container .wpforms-field::before,
#wpforms-10165-field_25-container .wpforms-field::before,
#wpforms-10165-field_27-container .wpforms-field::before,
#wpforms-10165-field_15-container .wpforms-field::before {
  content: "€";
  font-weight: 700;
  color: #1b2451!important;
  margin-right: 6px;
  font-size: inherit;
}

/* ====== Labels als badge (alleen voor de eerste drie) ====== */
#wpforms-10165-field_5-container label,
#wpforms-10165-field_25-container label,
#wpforms-10165-field_27-container label {
  font-size: 14px;
  background: #f3f3f3;
  padding: 6px 14px;
  border-radius: 999px;
  color: #1b2451;
  white-space: nowrap;
  margin-left: 20px;
}

/* ====== Blauw accent voor korting totaal ====== */
#wpforms-10165-field_27-container label {
  background: #d6efff;
}

/* ====== 'Vooruit te betalen bedrag' normaal label, links naast bedrag ====== */
#wpforms-10165-field_15-container {
  flex-direction: row;
  justify-content: space-between;
}

#wpforms-10165-field_15-container label {
  all: unset;
  font-size: 16px;
  font-weight: 500;
  margin-right: 12px;
  order: -1; /* Zet label links */
}

/* ====== Lijn onder eerste item ====== */
#wpforms-10165-field_5-container {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/* ====== Mobiel layout fix ====== */
@media (max-width: 767px) {
  #wpforms-10165-field_31-container .wpforms-field {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  #wpforms-10165-field_31-container label {
    margin-left: 0 !important;
  }

  #wpforms-10165-field_15-container {
    flex-direction: column;
    align-items: flex-start;
  }

  #wpforms-10165-field_15-container label {
    order: unset;
    margin-bottom: 4px;
  }
}


/* === GRID LAYOUT voor abonnementsduur === */
#wpforms-10165-field_18 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px 8px; /* Gelijke ruimte tussen rijen en kolommen */
  margin-top: 10px;
}

/* === LIST ITEM RESET === */
#wpforms-10165-field_18 li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* === RADIO BUTTONS zichtbaar, maar gepositioneerd === */
#wpforms-10165-field_18 input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* === LABEL STYLING als knop-blok === */
#wpforms-10165-field_18 label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px; /* ruimte tussen bolletje en tekst */
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 500;
  color: #1b2451;
  cursor: pointer;
  transition: border 0.2s ease, box-shadow 0.2s ease;
  background-color: #fff;
  height: 100%;
}

/* === Geselecteerde stijl === */
#wpforms-10165-field_18 input:checked + label {
  border-color: #0095ff;
  box-shadow: 0 0 0 2px #d6efff inset;
}

/* === Radiobutton stijl (custom ronde cirkel) === */
#wpforms-10165-field_18 label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
  flex-shrink: 0;
}

/* === Radiobutton geselecteerd (gevulde cirkel) === */
#wpforms-10165-field_18 input:checked + label::before {
  border-color: #0095ff;
  background: radial-gradient(circle, #0095ff 0%, #0095ff 40%, transparent 41%);
}

/* === Responsive: 1 kolom op mobiel === */
@media (max-width: 600px) {
  #wpforms-10165-field_18 {
    grid-template-columns: 1fr;
  }
}


/* === GRID LAYOUT voor verlenging en betaling === */
#wpforms-10165-field_19 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px 8px;
  margin-top: 10px;
}

/* === LIST ITEM RESET === */
#wpforms-10165-field_19 li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* === RADIO BUTTONS verbergen maar behouden functionaliteit === */
#wpforms-10165-field_19 input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* === LABEL STYLING als klikbare blokken === */
#wpforms-10165-field_19 label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 500;
  color: #1b2451;
  cursor: pointer;
  transition: border 0.2s ease, box-shadow 0.2s ease;
  background-color: #fff;
  height: 100%;
}

/* === Geselecteerde blokstijl === */
#wpforms-10165-field_19 input:checked + label {
  border-color: #0095ff;
  box-shadow: 0 0 0 2px #d6efff inset;
}

/* === Radiobutton visueel custom (de cirkel) === */
#wpforms-10165-field_19 label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
  flex-shrink: 0;
}

/* === Radiobutton geselecteerd (met bolletje) === */
#wpforms-10165-field_19 input:checked + label::before {
  border-color: #0095ff;
  background: radial-gradient(circle, #0095ff 0%, #0095ff 40%, transparent 41%);
}

/* === Responsive: 1 kolom op mobiel === */
@media (max-width: 600px) {
  #wpforms-10165-field_19 {
    grid-template-columns: 1fr;
  }
}


/* === Radiobutton blokken (veld 18 & 19) unified styling === */
#wpforms-10165-field_18 label,
#wpforms-10165-field_19 label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  border: 2px solid rgba(0,0,0,0.24); /* 24% opacity */
  border-radius: 12px;
  padding: 12px 24px 12px 24px; /* extra padding links voor ruimte vóór bolletje */
  font-size: 16px;
  font-weight: 500;
  color: #1b2451;
  cursor: pointer;
  transition: border 0.2s ease, box-shadow 0.2s ease;
  background-color: #fff;
  height: 100%;
}

/* === Geselecteerd label: blauwe border & lichte achtergrond === */
#wpforms-10165-field_18 input:checked + label,
#wpforms-10165-field_19 input:checked + label {
  border-color: #0095ff;
  box-shadow: 0 0 0 2px #d6efff inset;
}

/* === Custom cirkel voor radiobuttons === */
#wpforms-10165-field_18 label::before,
#wpforms-10165-field_19 label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(0,0,0,0.24);
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
  flex-shrink: 0;
}

/* === Cirkel op geselecteerd: blauw bolletje binnenin === */
#wpforms-10165-field_18 input:checked + label::before,
#wpforms-10165-field_19 input:checked + label::before {
  border-color: #0095ff;
  background: radial-gradient(circle, #0095ff 0%, #0095ff 40%, transparent 41%);
}


#wpforms-10165-field_18 input:checked + label, #wpforms-10165-field_19 input:checked + label {
    border-color: #06aeef!important;
}

#wpforms-10165-field_18 input:checked + label::before, #wpforms-10165-field_19 input:checked + label::before {
    border-color: #06aeef;
    background: radial-gradient(circle, #06aeef 0%, #06aeef 40%, transparent 41%);
}

#wpforms-10165-field_18 label, #wpforms-10165-field_19 label {
    border: 2px solid rgb(24 37 85 / 7%);
}

.elementor-1739 .elementor-element.elementor-element-84c76f2 ::before {
    margin-left: 12px;
}


/* === Radiobutton: extra ruimte tussen bolletje en tekst (minimaal 12px) === */
#wpforms-10165-field_18 label,
#wpforms-10165-field_19 label {
  padding-right: 24px; /* zorgt voor genoeg ruimte rechts van tekst */
}

/* ========================================= */
/* == Stijl voor de leeftijd select dropdown == */
/* ========================================= */

select#wpforms-10165-field_2 {
  background-color: #fff;
    border: 2px solid rgb(24 37 85 / 7%);
  border-radius: 12px;
  padding: 16px;
  min-height: 52px!important;
  font-family: inherit;
}

/* Focus state consistent met rest */
select#wpforms-10165-field_2:focus {
  outline: none;
  border-color: #0095ff;
  box-shadow: 0 0 0 2px #d6efff;
}


select#wpforms-10165-field_2 {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.24);
  border-radius: 12px;
  padding: 12px 40px 12px 16px; /* ← Right padding increased here */
  font-size: 16px;
  font-family: inherit;
  color: #1b2451;
  width: 100%;
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L7 7L12 2' stroke='%230095FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center; /* Was right 14px, now more balanced */
  background-size: 12px;
}


#wpforms-10165-field_18 label::before, #wpforms-10165-field_19 label::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #e0e0e0;
    border-radius: 50%;
    background: #f4f4f4;
    box-sizing: border-box;
    flex-shrink: 0;
}

/* === Algemeen font fix === */
#wpforms-10165-field_18 label,
#wpforms-10165-field_19 label {
  font-size: 16px;
  font-weight: 500;
  color: #1b2451;
}

/* === Zachte border bij actieve selectie === */
#wpforms-10165-field_18 input:checked + label,
#wpforms-10165-field_19 input:checked + label {
  border-color: #0095ff;
  box-shadow: 0 0 0 2px rgba(0, 149, 255, 0.24) inset;
}

/* === Radio-knop styling === */
#wpforms-10165-field_18 label::before,
#wpforms-10165-field_19 label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-radius: 50%;
  background: #fff;
  flex-shrink: 0;
  box-sizing: border-box;
  margin-right: 12px; /* <<< Belangrijk: ruimte tussen bolletje en tekst */
}

/* === Actieve radio button bolletje === */
#wpforms-10165-field_18 input:checked + label::before,
#wpforms-10165-field_19 input:checked + label::before {
  border-color: #0095ff;
  background: radial-gradient(circle, #0095ff 0%, #0095ff 40%, transparent 41%);
}

/* === Dropdown styling (Alle leeftijden) === */
#wpforms-10165-field_2 {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%231B2451' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 16px center;
  background-size: 12px 8px;
  padding: 14px 44px 14px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  font-size: 16px;
  font-family: inherit;
  font-weight: 400;
  color: #1b2451;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
}



div#wpforms-10165-field_31-container div.wpforms-container-full, div.wpforms-container-full .wpforms-form * {
    margin-top: 4px;
}


#wpforms-10165-field_18 label, #wpforms-10165-field_19 label {
    padding-left: 40px;
    font-size: 15.5px
}


/* Eerste rij: zwart label */
#wpforms-10165-field_31-container .wpforms-layout-row:nth-child(1) .field-suffix {
  background-color: #cdedfb !important;
  color: #003f66 !important;
}

/* Derde rij: blauw label */
#wpforms-10165-field_31-container .wpforms-layout-row:nth-child(3) .field-suffix {
  background-color: #ffd15c !important;
  color: #182555 !important;
}



div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
    background: #ffd15c !important;
    color: #182555;
    font-weight: 700;
    border-radius: 40px;
    border: 1px solid #ffd15c !important;
}


div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    width: 100%;
margin-top: 8px;
}


.elementor-1739 .elementor-element.elementor-element-84c76f2 span.field-suffix {
    font-weight: 600;
}

/* Label 'Vooruit te betalen bedrag' wat kleiner en meer naar rechts */
#wpforms-10165-field_15-container label {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin-right: 24px; /* ruimte naar rechts */
  flex: 1;
}

/* Input stylen */
input#wpforms-10165-field_15 {
  all: unset;
  font-weight: 700;
  font-size: 24px;
  color: #1b2451;
  position: relative;
  padding-left: 22px;
}

/* Euro-teken vóór het bedrag */
input#wpforms-10165-field_15::before {
  content: "€";
  position: absolute;
  left: 0;
  color: #1b2451!important;
  font-weight: 700;
  font-size: 24px;
}


div#wpforms-10165-field_15-container {
    background-color: #f5f5f5;
    padding: 12px 16px 12px 16px !important;
    border-radius: 8px;
    margin-top: 16px !important;
}

#wpforms-10165-field_31-container .wpforms-field {
    display: flex
;
    justify-content: flex-end;
    flex-direction: row-reverse;
}

#wpforms-10165-field_15-container label {
    margin-left: -80px;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #182555 !important;
    padding-top: 3px!important;
}


#wpforms-10165-field_18 input:checked + label, #wpforms-10165-field_19 input:checked + label {
    box-shadow: none!important;
}


@media (max-width: 768px) {
    #wpforms-10165-field_15-container label {
        margin-left: -120px !important;
    }
}

#wpforms-10165-field_15-container {
    position: relative;
}

#wpforms-10165-field_15-container::before {
    content: "€";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #182555!important;
}

#wpforms-10165-field_15 {
    padding-left: 20px; /* Zorgt dat tekst niet over het €-teken valt */
}

input#wpforms-10165-field_15 {
    padding-left: 24px !important;
}

div#wpforms-10165-field_20-container {
    display: none;
}

div#wpforms-10165-field_26-container {
    display: none;
}

div#wpforms-10165-field_24-container {
    display: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-474b915 */.elementor-1739 .elementor-element.elementor-element-474b915 a {
    color: #5CC974 ;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d9de56 */.elementor-1739 .elementor-element.elementor-element-5d9de56 span { 
    color: #00AEEF;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c19ee63 */.elementor-1739 .elementor-element.elementor-element-c19ee63 span { 
    color: #00AEEF;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Mosk';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://bouwersbende.nl/wp-content/uploads/2021/08/Mosk-Light-300.woff2') format('woff2'),
		url('https://bouwersbende.nl/wp-content/uploads/2021/08/Mosk-Light-300.woff') format('woff'),
		url('https://bouwersbende.nl/wp-content/uploads/2021/08/Mosk-Light-300.ttf') format('truetype');
}
@font-face {
	font-family: 'Mosk';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://bouwersbende.nl/wp-content/uploads/2021/08/Mosk-Medium-500.woff2') format('woff2'),
		url('https://bouwersbende.nl/wp-content/uploads/2021/08/Mosk-Medium-500.woff') format('woff'),
		url('https://bouwersbende.nl/wp-content/uploads/2021/08/Mosk-Medium-500.ttf') format('truetype');
}
@font-face {
	font-family: 'Mosk';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://bouwersbende.nl/wp-content/uploads/2021/08/Mosk-Bold-700.woff2') format('woff2'),
		url('https://bouwersbende.nl/wp-content/uploads/2021/08/Mosk-Bold-700.woff') format('woff'),
		url('https://bouwersbende.nl/wp-content/uploads/2021/08/Mosk-Bold-700.ttf') format('truetype');
}
@font-face {
	font-family: 'Mosk';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://bouwersbende.nl/wp-content/uploads/2021/08/Mosk-Ultra-Bold-900.woff') format('woff'),
		url('https://bouwersbende.nl/wp-content/uploads/2021/08/Mosk-Ultra-Bold-900.ttf') format('truetype');
}
/* End Custom Fonts CSS */