/* #gruemenu.grue_92 ul ul li a,  */
#navigation-toggle {
    background-color: #fbfe02 !important;
}
#navigation-toggle span.nav-line {
    background: #006137 !important;
}

#gruemenu, #gruemenu ul, #gruemenu ul li, #gruemenu ul li a {
  z-index: 1000 !important;
}

#menu-wrapper  {
    -webkit-box-shadow: 0px 10px 14px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 14px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 14px -8px rgba(0,0,0,0.75);
}
#menu-wrapper .sub-menu li:first-child a {
    -webkit-box-shadow: inset 0px 10px 14px -8px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 10px 14px -8px rgba(0,0,0,0.75);
box-shadow: inset 0px 10px 14px -8px rgba(0,0,0,0.75);
 }
#gruemenu.grue_169 ul ul {
    padding-top: 0 !important;
 }
#gruemenu > ul,
#gruemenu ul ul li a {
    box-shadow: none !important;
}
#gruemenu > ul > li > a {
    border: 0 !important;
}
#gruemenu.grue_92 ul ul {
    padding-top: 0 !important;
}
.sidr {
    background-color: #fb861f !important;
    width: 100% !important;
    opacity: 0.95;
}
.sidr ul li,
.sidr ul li ul li,
.sidr ul li ul li ul li {
  line-height: 1.5em !important;
}
.sidr ul li:hover ul li, .sidr ul li.active ul li, .sidr ul li.sidr-class-active ul li {
    background-color: #fb861f !important;
}

.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active,
.sidr ul li ul li:hover, .sidr ul li ul  li.active, .sidr ul li ul  li.sidr-class-active {
    background-color: #d26e15 !important;
}

.sidr-class-current > a {
    background-color: #d26e15 !important;
}
a.sidr-class-toggle-sidr-close::before {
    background-color: #d26e15 !important;
}
.sidr ul,
.sidr ul li {
    border-bottom: 0 !important;
    border-top: 0 !important;
}
.sidr ul li span {
  padding-left: 0 !important;
}
.sidr ul li ul li ul li a {
  padding-left: 60px !important;
}
.sidr ul li ul li ul i a span {
  padding-left: 0px !important;
}
#gruemenu.grue_169 > ul > li > a, #gruemenu.grue_169 > ul > li > a, #gruemenu.grue_169 > ul > li.active > a {
     -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
}

#gruemenu.grue_92.gruefixed {
    padding-left: 180px;
    background-image: url(../images/beeldmerkrood.png);
    background-size: contain;
    background-repeat : no-repeat;


}

/* Force readability for Gruemenu inside the module wrapper */
.moduletable.gruefix #gruemenu.grue_169 { background: #02492B !important; }
.moduletable.gruefix #gruemenu.grue_169 > ul > li > a { color: #EBFAF3 !important; }
.moduletable.gruefix #gruemenu.grue_169 > ul > li:hover > a,
.moduletable.gruefix #gruemenu.grue_169 > ul > li.active > a { background: #03804B !important; }
.moduletable.gruefix #gruemenu.grue_169 ul ul li a { color: #EBFAF3 !important; }


/* === Fix: main menu spacing + dropdown positioning (archief) === */

/* Zorg dat het menu zelf normaal opbouwt */
.moduletable.gruefix #gruemenu.grue_169 > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* Items niet “aan elkaar geplakt” */
.moduletable.gruefix #gruemenu.grue_169 > ul > li {
  position: relative;        /* anker voor dropdown */
  padding: 0 !important;
  margin: 0 6px 0 0 !important;
}

/* Klikvlak/padding voor leesbaar menu */
.moduletable.gruefix #gruemenu.grue_169 > ul > li > a {
  display: block;
  padding: 12px 14px !important;
  white-space: nowrap;
}

/* Dropdown direct onder het juiste menu-item */
.moduletable.gruefix #gruemenu.grue_169 > ul > li > ul {
  left: 0 !important;
  top: 100% !important;
}

/* Submenu niet over de pagina heen */
.moduletable.gruefix #gruemenu.grue_169 ul ul {
  min-width: 220px;
}

/* === Fix: dropdowns alleen tonen bij hover === */

/* Verstop submenu's standaard */
.moduletable.gruefix #gruemenu.grue_169 ul ul {
  display: none !important;
}

/* Toon submenu alleen als je over de parent hovert */
.moduletable.gruefix #gruemenu.grue_169 li:hover > ul {
  display: block !important;
}

/* Zorg dat submenu goed “zweeft” */
.moduletable.gruefix #gruemenu.grue_169 ul ul {
  position: absolute !important;
  left: 0 !important;
  top: 100% !important;
  z-index: 10001;
}

/* === Fix: sub-submenu (niveau 2) naast het submenu === */
.moduletable.gruefix #gruemenu.grue_169 ul ul li {
  position: relative; /* anker voor 2e niveau */
}

.moduletable.gruefix #gruemenu.grue_169 ul ul ul {
  left: 100% !important;  /* naast */
  top: 0 !important;      /* uitlijnen */
}


/* === Fix: hover-gap tussen submenu en sub-submenu === */

/* haal de ruimte weg */
.moduletable.gruefix #gruemenu.grue_169 ul ul ul {
  margin-left: 0 !important;
}

/* maak het sub-submenu iets overlap naar links zodat er geen “lucht” blijft */
.moduletable.gruefix #gruemenu.grue_169 ul ul ul {
  left: calc(100% - 2px) !important;
}

/* zorg dat de parent li een stabiele hover-zone heeft */
.moduletable.gruefix #gruemenu.grue_169 ul ul li.has-sub {
  padding-right: 10px; /* kleine buffer */
}