.elementor-17 .elementor-element.elementor-element-d445db5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17 .elementor-element.elementor-element-8421dad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-8421dad.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-b2e20c8{text-align:left;}.elementor-17 .elementor-element.elementor-element-4c625a3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-17 .elementor-element.elementor-element-4c625a3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-ae05601{text-align:center;}.elementor-17 .elementor-element.elementor-element-ae05601 .elementor-heading-title{font-size:40px;}.elementor-17 .elementor-element.elementor-element-50e451b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-3a67ae6 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-17 .elementor-element.elementor-element-3a67ae6 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-17 .elementor-element.elementor-element-3a67ae6 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-17 .elementor-element.elementor-element-3a67ae6 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-17 .elementor-element.elementor-element-3a67ae6 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-3a67ae6 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-17 .elementor-element.elementor-element-3a67ae6 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-17 .elementor-element.elementor-element-3a67ae6 .elementor-field-type-html{padding-bottom:0px;}.elementor-17 .elementor-element.elementor-element-3a67ae6 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-17 .elementor-element.elementor-element-3a67ae6 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-17 .elementor-element.elementor-element-3a67ae6 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-3a67ae6 .elementor-button[type="submit"]{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-3a67ae6 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-17 .elementor-element.elementor-element-3a67ae6 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-3a67ae6 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-3a67ae6 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-3a67ae6 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-17 .elementor-element.elementor-element-3a67ae6 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-3a67ae6 .e-form__indicators__indicator, .elementor-17 .elementor-element.elementor-element-3a67ae6 .e-form__indicators__indicator__label{font-size:20px;}.elementor-17 .elementor-element.elementor-element-3a67ae6{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-icon-size:35px;--e-form-steps-indicator-padding:45px;--e-form-steps-indicator-inactive-primary-color:#000000;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-primary-color:#CC444478;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-primary-color:var( --e-global-color-75523da );--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-17 .elementor-element.elementor-element-6a4cae0{--display:flex;}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-8421dad{--width:12.42%;}.elementor-17 .elementor-element.elementor-element-4c625a3{--width:73.867%;}}/* Start custom CSS for form, class: .elementor-element-3a67ae6 */#vergaderzaal_reserveren {
  background-color: white;
  border: 2px solid #CC4444;
  padding: 20px;
  border-radius: 6px;
  color: #000;
  font-size: 16px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

#vergaderzaal_reserveren input,
#vergaderzaal_reserveren textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background-color: #fff;
  color: #000;
}

#vergaderzaal_reserveren .elementor-field-label {
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
  color: #000;
}

#vergaderzaal_reserveren button {
  background-color: #CC4444;
  color: white;
  border: none;
  padding: 12px 20px;
  font-size: 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.3s ease;
}

#vergaderzaal_reserveren button:hover {
  background-color: #a73333;
}

/* Styling voor de checkboxes */
.elementor-field-type-checkbox input[type="checkbox"] {
  display: none; /* Verberg standaard checkbox */
}

.elementor-field-type-checkbox label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.6;
  color: #000000;
  display: block;
  margin-bottom: 10px;
}

/* Aangepaste checkbox stijl */
.elementor-field-type-checkbox label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 18px;
  height: 18px;
  border: 2px solid #CC4444;
  border-radius: 4px;
  background-color: #fff;
  transition: 0.2s;
}

/* Vinkje als geselecteerd */
.elementor-field-type-checkbox input[type="checkbox"]:checked + label::after {
  content: "✔";
  position: absolute;
  left: 3px;
  top: 0;
  font-size: 16px;
  color: #CC4444;
}

/* Hover effect */
.elementor-field-type-checkbox label:hover::before {
  background-color: #ffecec;
}

/* Verberg de standaard checkbox */
.elementor-field-type-checkbox .elementor-field-option input[type="checkbox"] {
  display: none;
}

/* Stijl het label alsof het een checkbox is */
.elementor-field-type-checkbox .elementor-field-option label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.6;
  color: #000;
  display: inline-block;
}

/* Aangepaste checkbox */
.elementor-field-type-checkbox .elementor-field-option label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 18px;
  height: 18px;
  border: 2px solid #CC4444;
  border-radius: 4px;
  background-color: #fff;
  transition: 0.2s;
}

/* Het vinkje (zichtbaar als de checkbox is aangevinkt) */
.elementor-field-type-checkbox .elementor-field-option input[type="checkbox"]:checked + label::after {
  content: "✔";
  position: absolute;
  left: 4px;
  top: 0;
  font-size: 14px;
  color: #CC4444;
}

/* 1. Verberg het standaard checkbox‐input van het group-label (Cateringopties) */
.elementor-field-type-checkbox > input[type="checkbox"] {
  display: none !important;
}

/* 2. Verberg de pseudo‐elementen op het group-label zelf */
.elementor-field-type-checkbox > .elementor-field-label::before,
.elementor-field-type-checkbox > .elementor-field-label::after {
  content: none !important;
}

/* 1) Zet de opties-container van de checkboxen in een 2-koloms grid */
.elementor-field-type-checkbox .elementor-field-subgroup {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px 24px !important;
}

/* 2) Laat de hoofdlabel (“Cateringopties”) gewoon boven het grid staan */
.elementor-field-type-checkbox > .elementor-field-label {
  display: block;
  margin-bottom: 8px;
}

/* Voeg marge toe tussen de 'Cateringopties' en 'Extra wensen' secties */
.elementor-form .elementor-field-group-catering, /* Cateringopties */
.elementor-form .elementor-field-group-extra-wishes { /* Extra wensen */
  margin-bottom: 50px !important; /* Voeg ruimte toe tussen beide secties */
}

/* Als de klasse voor 'Extra wensen' anders is, probeer deze te inspecteren en pas de klasse aan */

@media (max-width: 768px) {
  /* Zet de catering-opties op één kolom */
  .elementor-field-type-checkbox .elementor-field-subgroup {
    /* behoud grid maar met één kolom */
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important; /* zelfde gap als desktop */
  }

  /* Zorg dat elke optie de volle breedte pakt */
  .elementor-field-type-checkbox .elementor-field-option {
    width: auto !important;
    margin-bottom: 10px !important;
  }
}

/* Cateringopties-label links uitlijnen */
.elementor-field-type-checkbox > .elementor-field-label {
  text-align: left !important;
  padding: 0 !important;
  margin: 0 0 8px 0 !important; /* zelfde onderlinge spacing als andere labels */
}

/* Zorg ervoor dat de opties in twee kolommen worden weergegeven */
.elementor-field-type-checkbox .elementor-field-subgroup {
  display: flex;
  flex-wrap: wrap;
  gap: 12px; /* Tussenruimte tussen de opties */
}

/* Algemeen: gebruik grid voor de checkbox‐opties */
.elementor-field-type-checkbox .elementor-field-subgroup {
  display: grid !important;
  gap: 12px 24px !important;
}

/* Desktop (breedte > 768px): 2 kolommen met eigen volgorde */
@media (min-width: 769px) {
  .elementor-field-type-checkbox .elementor-field-subgroup {
    grid-template-columns: 1fr 1fr !important;
  }
  /* 1. Koffie (1) links boven */
  .elementor-field-type-checkbox .elementor-field-option:nth-child(1) {
    grid-column: 1; grid-row: 1;
  }
  /* 4. Dag arrangement (4) rechts boven */
  .elementor-field-type-checkbox .elementor-field-option:nth-child(4) {
    grid-column: 2; grid-row: 1;
  }
  /* 2. Fris (2) links midden */
  .elementor-field-type-checkbox .elementor-field-option:nth-child(2) {
    grid-column: 1; grid-row: 2;
  }
  /* 5. Borrel Light (5) rechts midden */
  .elementor-field-type-checkbox .elementor-field-option:nth-child(5) {
    grid-column: 2; grid-row: 2;
  }
  /* 3. Lunch (3) links onder */
  .elementor-field-type-checkbox .elementor-field-option:nth-child(3) {
    grid-column: 1; grid-row: 3;
  }
  /* 6. Borrel Extra (6) rechts onder */
  .elementor-field-type-checkbox .elementor-field-option:nth-child(6) {
    grid-column: 2; grid-row: 3;
  }
}

/* Mobiel (≤768px): 1 kolom, natuurlijke volgorde */
@media (max-width: 768px) {
  .elementor-field-type-checkbox .elementor-field-subgroup {
    grid-template-columns: 1fr !important;
  }
  /* Herstel grid‐posities zodat volgorde DOM‐volgorde is */
  .elementor-field-type-checkbox .elementor-field-option {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}/* End custom CSS */