/*
Diese Datei in custom.css umbenennen, um mit eigenen CSS Styles 
das Mega Menu anzupassen. 

In dieser Datei finden Sie die wichtigsten Regeln zum schnellen abändern nach Ihren Bedürfnissen.
*/

/* Mega Menu Hintergrund setzten */
#kk-mega-menu {
    background: #C5B0B0;  
    border: none;
    box-shadow: none;
    border-radius: 0px;
    display: block;
    height: 58px;

}

/* Alle Links im Mega Menu */
#kk-mega-menu .vgroup > a {
  text-shadow: none !important;
}

/* Mega Menu Einträge auf oberster Ebene und Hover */
#kk-mega-menu li.menu-top-item > a {
   color: white; 
   line-height: 58px;
   border-right: none;
   box-shadow: none;
   text-shadow: none;
   padding: 0 11px;
   font-size: 16px;
   letter-spacing: 0.2px;
   
}

#kk-mega-menu li.menu-top-item:hover > a{
   background: #A29090;
   color: #FFFFFF;
}


/* Menu Hintergrund */
#kk-mega-menu .submenu {
    background: #FFFFFF;
    border: 5px solid #F3F3F3;
}
#kk-mega-menu .submenu a:hover {
    background: #F3F3F3;
}

/* Links im Aufklappmenu und Hover */
#kk-mega-menu .vgroup > a {
  color: #3F4457;
}

#kk-mega-menu .vgroup > a:hover {

}

/* Labels von aktiven Kategorien */
#kk-mega-menu .active-category > .category-name, #kk-mega-menu .active-parent > .category-name, #kk-mega-menu .active-parent > .menu-label, #kk-mega-menu .active-category > .menu-label {
	font-weight: bold;
}