.elementor-136 .elementor-element.elementor-element-405dd22{--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-136 .elementor-element.elementor-element-dc5068b{transition:all 400ms;}:root{--page-title-display:none;}/* Start custom CSS *//* Basis grid */
#four-columns .rig {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 16px;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Kolommen op desktop: 6 */
@media (min-width: 992px) {
  #four-columns .rig {
    grid-template-columns: repeat(6, 1fr);
  }
}

/* Links in lijst netjes maken */
#four-columns .rig a {
  display: block;
  text-align: center;
  text-decoration: none;
}

/* Items (li) */
#four-columns .rig li {
  aspect-ratio: 1 / 1; /* vierkant */
  border: 0px solid #D4AE3D; /* blauwe rand */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: transform 0.3s ease;
  background: white;
}

/* Vergroten bij hover */
#four-columns .rig li:hover {
  transform: scale(1.05);
}

/* Afbeeldingen */
#four-columns .rig img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
  display: block;
  filter: grayscale(100%);
}

#four-columns .rig img:hover {
filter:unset;
}/* End custom CSS */