.elementor-4297 .elementor-element.elementor-element-58e899d{--display:flex;--padding-top:-10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4297 .elementor-element.elementor-element-b97b750{--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-4297 .elementor-element.elementor-element-b97b750:not(.elementor-motion-effects-element-type-background), .elementor-4297 .elementor-element.elementor-element-b97b750 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6B2E52;}.elementor-4297 .elementor-element.elementor-element-1dc3ced{--display:flex;}.elementor-4297 .elementor-element.elementor-element-c335bfd .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#CC3366 !important;color:#ffffff !important;}.elementor-4297 .elementor-element.elementor-element-8cb715e{--display:flex;}/* Start custom CSS for container, class: .elementor-element-b97b750 */<style>
/* ── FluentForms form 1 — donkere huisstijl ── */

/* Overschrijf FluentForms CSS variabele voor knopkleur */
:root {
  --fluentform-primary: #CC3366 !important;
}

/* Labels */
.fluentform .ff-el-group label,
.fluentform .ff-el-input--label label {
  color: rgba(239,218,199,0.7) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* Input velden */
.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="tel"],
.fluentform input[type="number"],
.fluentform select,
.fluentform textarea {
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(239,218,199,0.2) !important;
  border-radius: 6px !important;
  color: #FAF8F5 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.9rem !important;
  padding: 11px 14px !important;
  box-shadow: none !important;
}

.fluentform input::placeholder,
.fluentform textarea::placeholder {
  color: rgba(239,218,199,0.35) !important;
}

.fluentform select option {
  background: #6B2E52 !important;
  color: #FAF8F5 !important;
}

/* Verstuur knop — alle mogelijke .elementor-4297 .elementor-element.elementor-element-b97b750s */
.ff-btn-submit,
.ff_btn_style,
button.ff-btn,
.ff_submit_btn_wrapper button,
.fluentform button[type="submit"],
.fluentform .ff-btn-submit,
.fluentform .ff_btn_style {
  background: #CC3366 !important;
  background-color: #CC3366 !important;
  border-color: #CC3366 !important;
  color: #fff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  padding: 13px 32px !important;
  display: block !important;
  margin: 8px auto 0 !important;
  cursor: pointer !important;
}

.ff-btn-submit:hover,
.ff_btn_style:hover,
button.ff-btn:hover,
.fluentform button[type="submit"]:hover {
  background: #aa2a55 !important;
  background-color: #aa2a55 !important;
  border-color: #aa2a55 !important;
}

/* Foutmeldingen */
.fluentform .ff-el-is-error .ff-el-form-control {
  border-color: rgba(204,51,102,0.7) !important;
}
.fluentform .error.text-danger {
  color: rgba(253,232,226,0.85) !important;
  font-size: 0.78rem !important;
}

/* Succesbericht */
.fluentform .ff-message-success {
  background: rgba(239,218,199,0.1) !important;
  border: 1px solid rgba(239,218,199,0.25) !important;
  border-radius: 6px !important;
  color: #EFDAC7 !important;
  padding: 16px 20px !important;
  text-align: center !important;
}
</style>

<script>
/* JS fallback voor als CSS niet pakt */
(function() {
  function fix() {
    document.querySelectorAll('.ff-btn-submit, .ff_btn_style, .fluentform button[type="submit"]').forEach(function(btn) {
      btn.style.cssText += 'background:#CC3366!important;background-color:#CC3366!important;border-color:#CC3366!important;color:#fff!important;';
    });
  }
  fix();
  setTimeout(fix, 300);
  setTimeout(fix, 1000);
  document.addEventListener('DOMContentLoaded', fix);
})();
</script>/* End custom CSS */