.elementor-23 .elementor-element.elementor-element-6bdc7bf3{--display:flex;}.elementor-23 .elementor-element.elementor-element-4ec40ef{--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-23 .elementor-element.elementor-element-0caee3d{--display:flex;--min-height:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-0caee3d:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-0caee3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF5EF;}.elementor-23 .elementor-element.elementor-element-0caee3d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-526a7bf{--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-23 .elementor-element.elementor-element-526a7bf:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-526a7bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF5EF;}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-0caee3d{--width:100%;}.elementor-23 .elementor-element.elementor-element-526a7bf{--width:100%;}}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-6bdc7bf3{--width:100%;--min-height:0vh;}.elementor-23 .elementor-element.elementor-element-6bdc7bf3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-0caee3d{--width:280.35px;}.elementor-23 .elementor-element.elementor-element-526a7bf{--width:97%;}}/* Start custom CSS for text-editor, class: .elementor-element-1faa0de *//* ============================
   Flex-wrapper
============================ */
.flex-wrapper {
  display: flex !important;
  justify-content: center;
  gap: 0px;
  flex-wrap: nowrap;          /* altijd één rij */
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box;
}

/* ============================
   Flex-blokken
============================ */
.flex-block {
  flex: 1 1 45%;              /* groeit en krimpt automatisch */
  min-width: 150px;           /* voorkom te klein */
  border: 0px solid #000;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Tekst boven de streep altijd gecentreerd */
.flex-block h2,
.flex-block p {
  text-align: center;
}

/* HR lijn */
.flex-block hr {
  background-color: #000;
  height: 2px;
  border: none;
  margin: 10px 0 20px;
}

/* Lijst en knop */
.flex-block ul {
  padding-left: 15px;
  margin-bottom: 20px;
}

.flex-block a {
  background-color: #000;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 10px 0;
  border-radius: 40px;
  font-weight: bold;
  margin-top: auto;
}

/* ============================
   Desktop: lijst centreren en puntjes weg
============================ */
@media (min-width: 768px) {
  .flex-block ul {
    list-style: none;     /* bullets verwijderen */
    padding-left: 0;      /* inspringing verwijderen */
    text-align: center;   /* tekst centreren */
  }
}

/* ============================
   Mobiele weergave (<768px)
============================ */
@media (max-width: 768px) {
  .flex-block h2 {
    font-size: 20px;          /* kleiner dan desktop */
  }

  .flex-block p {
    font-size: 14px;          /* kleiner dan desktop */
  }

  .flex-block ul li {
    font-size: 13px;          /* kleiner dan desktop */
  }

  .flex-block a {
    font-size: 14px;          /* knoptekst kleiner */
    padding: 8px 0;           /* knop iets kleiner */
  }
}

/* ============================
   Optioneel: extra kleine schermen (<300px)
============================ */
@media (max-width: 300px) {
  .flex-block {
    flex: 1 1 100%;           /* valt onder elkaar als echt te smal */
  }
}/* End custom CSS */