.elementor-4220 .elementor-element.elementor-element-52115c2{--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;--border-radius:15px 15px 15px 15px;}.elementor-4220 .elementor-element.elementor-element-54b873d{border-radius:15px 15px 15px 15px;}body.elementor-page-4220{padding:5% 0% 0% 0%;}/* Start custom CSS *//* --- FONT IMPORTEREN --- */
@font-face {
  font-family: 'Sen Medium';
  src: url('https://nidohome.eu/wp-content/uploads/2025/04/Sen-Medium-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* --- MEGA MENU CONTAINER --- */
.mega-menu {
  display: flex;
  position: relative;
  gap: 0;
  background: #fff;
  border-radius: 15px;
  padding: 30px 40px;
  font-family: 'Sen Medium', sans-serif;
  z-index: 99;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 100%;
}

/* --- KOLOMMEN --- */
.menu-column {
  list-style: none;
  margin: 0;
  flex: 1;
  display: none;
  font-size: 16px;
  min-height: 100%;
  border-left: 1px solid #e0e0e0;
  padding: 0 20px;
  box-sizing: border-box;
}

.menu-column:first-child {
  border-left: none;
  padding-left: 0;
}

.menu-column.level-1 {
  display: block;
}

.menu-column.level-2,
.menu-column.level-3 {
  display: none;
  position: absolute;
  top: 0;
  background: #fff;
  border-radius: 0;
  padding: 30px 20px;
  z-index: 10;
  min-width: 220px;
  height: 100%;
  box-sizing: border-box;
  border-left: 1px solid #e0e0e0;
}

.menu-column.level-2 {
  left: 33.33%;
}

.menu-column.level-3 {
  left: 66.66%;
}

.menu-column.level-2.active,
.menu-column.level-3.active {
  display: block !important;
  animation: fadeIn 0.2s ease-in-out;
}

/* --- LIJST ITEMS --- */
.menu-column li {
  padding: 8px 10px;
  cursor: pointer;
  transition: background 0.2s ease;
  font-size: 16px;
}

.menu-column li:hover {
  background-color: transparent;
  border-radius: 0;
}

/* --- LINKS --- */
.menu-column li a {
  text-decoration: none;
  color: #111;
  font-weight: 500;
  display: block;
  font-size: 16px;
}

.menu-column li a:hover {
  text-decoration: underline;
}

/* --- TITELS --- */
.menu-column .column-title {
  font-size: 22px;
  font-weight: 500;
  color: #444;
  padding: 6px 10px;
  text-transform: uppercase;
  pointer-events: none;
  margin-bottom: 10px;
  border-bottom: none;
  letter-spacing: 0.08em;
}

/* --- ANIMATIE --- */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
  .mega-menu {
    flex-direction: column;
    padding: 20px;
  }

  .menu-column.level-2,
  .menu-column.level-3 {
    position: relative;
    left: 0 !important;
    top: 0 !important;
    padding: 0;
    border-left: none;
  }
}

/* --- GEEN SCHADUW --- */
.mega-menu,
.menu-column.level-2,
.menu-column.level-3 {
  box-shadow: none !important;
}/* End custom CSS */