.elementor-24943 .elementor-element.elementor-element-5070975{--display:flex;}.elementor-24943 .elementor-element.elementor-element-93d0487{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-24943 .elementor-element.elementor-element-973907f{--display:flex;}@media(max-width:1366px){.elementor-24943 .elementor-element.elementor-element-93d0487{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-24943 .elementor-element.elementor-element-93d0487{--grid-auto-flow:row;}}@media(max-width:991px){.elementor-24943 .elementor-element.elementor-element-93d0487{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-24943 .elementor-element.elementor-element-93d0487{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS */.merk-grid-text {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* 6 kolommen per rij */
  gap: 20px;
  margin-top: 20px;
}

@media (max-width: 1024px) {
  .merk-grid-text {
    grid-template-columns: repeat(3, 1fr); /* 3 per rij op tablet */
  }
}

@media (max-width: 600px) {
  .merk-grid-text {
    grid-template-columns: repeat(2, 1fr); /* 2 per rij op mobiel */
  }
}

.merk-blok {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  background-color: #fffdf6;
  color: #222;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  border-radius: 6px;
  transition: all 0.3s ease;
  text-align: center;
  padding: 10px;
  border: 2px solid #d4af37; /* goudkleurige rand */
}

.merk-blok:hover {
  background-color: #fff8e1;
  color: #000;
  box-shadow: 0 2px 12px rgba(212, 175, 55, 0.3); /* zachte gouden gloed bij hover */
  transform: translateY(-2px);
}/* End custom CSS */