.elementor-132267 .elementor-element.elementor-element-956e7b8{--display:flex;}.elementor-132267 .elementor-element.elementor-element-d7a6178{--spacer-size:20px;}.elementor-132267 .elementor-element.elementor-element-63932a0{--display:flex;}.elementor-132267 .elementor-element.elementor-element-63932a0:not(.elementor-motion-effects-element-type-background), .elementor-132267 .elementor-element.elementor-element-63932a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F4E34A;}/* Start custom CSS for html, class: .elementor-element-2ddf86a *//* --- Intro-tekst boven het grid --- */
.mw-kennisbank .mw-topic-heading {
  margin: 32px 0 4px;
  color: #2E5F3E;
}

/* --- Het grid zelf: responsive kolommen --- */
.mw-topic-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 18px;
  margin: 20px 0 8px;
}

/* --- De losse tile: donkergroene kaart (standaard) --- */
.mw-topic-tile {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 22px 22px 24px;
  background: #2E5F3E;                /* donkergroen */
  border: 1px solid #244b31;
  border-left: 5px solid #3a8b5b;    /* accentbalk links */
  border-radius: 0;                  /* vierkante hoeken */
  text-decoration: none;
  color: #ffffff;
  transition: background-color .15s ease, border-color .15s ease,
              transform .15s ease, box-shadow .15s ease;
}

.mw-topic-tile:hover,
.mw-topic-tile:focus-visible {
  background: #E5F4E3;               /* lichtgroen bij hover */
  border-color: #cfe6cf;
  border-left-color: #3a8b5b;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(46, 95, 62, .18);
}

/* Standaard tekst wit; bij hover naar donkergroen */
.mw-topic-title {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 1.08rem;
  line-height: 1.25;
  color: #ffffff;
}

.mw-topic-desc {
  font-size: .92rem;
  line-height: 1.4;
  color: #eaf3e9;
}

.mw-topic-tile:hover .mw-topic-title,
.mw-topic-tile:focus-visible .mw-topic-title {
  color: #2E5F3E;
}

.mw-topic-tile:hover .mw-topic-desc,
.mw-topic-tile:focus-visible .mw-topic-desc {
  color: #45604d;
}

/* Klein pijltje achter de titel als affordance */
.mw-topic-title::after {
  content: " \203A";  /* > */
  font-weight: 700;
}

/* --- Info-blokken (hergebruik bestaande .mw-info of deze fallback) --- */
.mw-kennisbank .mw-info {
  background: #E5F4E3;
  border-left: 5px solid #3a8b5b;
  border-radius: 0;
  padding: 16px 20px;
  margin: 20px 0;
}

.mw-kennisbank .mw-info a {
  color: #2E5F3E;
  font-weight: 600;
}

/* --- Toegankelijkheid: duidelijke focus --- */
.mw-topic-tile:focus-visible {
  outline: 3px solid #2E5F3E;
  outline-offset: 2px;
}

/* --- Kleine schermen: 1 kolom --- */
@media (max-width: 480px) {
  .mw-topic-grid { grid-template-columns: 1fr; }
}/* End custom CSS */