.menuClass a, .menuClass li, .menuClass ul { margin: 0; padding: 0; position: relative;}

.menuClass { position: relative; z-index: 10000; }
.menuClass a:hover { text-decoration: none; }
.menuClass ul{ list-style-type:none;margin:0;padding:0; }
.menuClass > ul > li{ display:block; }

.menuClass > ul > li > ul { display:none; max-height: 450px; overflow-y: auto; }
.menuClass > ul > li > ul ul { padding-left: 15px; }
.menuClass > ul > li ul li { display: block; }
.menuClass > ul > li:hover > ul{ min-width: 250px; position: absolute; left: 0;}

/**
* .mainMenuStyle
**/
.mainMenuStyle { position: relative; }
.mainMenuStyle a { color: #303030; }
.mainMenuStyle > ul { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; }
.mainMenuStyle > ul > li { position:relative; }
.mainMenuStyle > ul > li:last-child { border-right: none; }
.mainMenuStyle > ul > li > a { padding: 13px 1rem; transition: background-color 0.2s ease; display: block; margin-right: 5px; font-weight: bold; }
.mainMenuStyle > ul > li:hover a { background-color: #5b5b5b; color: #ffffff; }
.mainMenuStyle > ul ul li a:hover { color: #000000; }

.mainMenuStyle > ul > li:hover > ul { background: #ffffff; border: 1px solid #efefef; padding: 0 20px; position: absolute; z-index: 11000; }
.mainMenuStyle > ul > li ul li a { display: block; padding: 6px 0px; }

.mainMenuStyle > ul > li > ul > li:first-child { margin-top: 15px; }
.mainMenuStyle > ul > li > ul > li:last-child { margin-bottom: 15px; }

.mainMenuStyle .menuShow { display: block; }

.menu-collapsePanel{ max-height: 20vh; overflow: hidden; }


/* sitemapstyler */
.categoryPanel .sitemap { width:100%; position: relative; }
.categoryPanel .sitemap, .categoryPanel .sitemap ul, .categoryPanel .sitemap li{ margin:0; padding:0; list-style:none; }
.categoryPanel .sitemap .inactiveItem a { color: #c30404; text-decoration:line-through; }
.categoryPanel .sitemap a { color:#333333; padding: 0.45rem 0; text-decoration:none; display:block; transition: all 0.25s ease; max-width: 95%;}
.categoryPanel .sitemap a:hover { text-indent:5px; text-decoration: underline; }

.categoryPanel .sitemap ul{ display:none; }
.categoryPanel .sitemap li{ position:relative; word-wrap: break-word; }



/* second level */
.categoryPanel .sitemap li li{ padding-left: 20px; }
.categoryPanel .sitemap li > a { padding: 0.5rem 0; }
.categoryPanel .sitemap li > a:not(:last-child):after { content:""; width: 3px; height: 3px; position: absolute; margin-left: 1rem; margin-top: 0.55em; border: solid black; border-width: 0 0 1px 1px; display: inline-block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.categoryPanel li.selectedLi > a:not(:last-child):after { border-width: 0 0 2px 2px; }

.categoryPanel .sitemap li.expanded > ul { display: block; }
.categoryPanel .sitemap li.selectedLi > a { font-weight:bold; color:#000000; text-decoration: underline; }

.responsive_menu_trg{ display: none; }

@media only screen and (max-width: 800px) {

  .responsive_menu_trg{ padding-left: 32px; display: inline-block; background: url('../images/responsive_menu.svg') 0 center no-repeat; margin-left: 2%; background-size: 26px 24px; width: 24px; height: 40px; line-height: 40px; cursor: pointer; user-select: none; flex-grow: 1; color: #000; }
  .responsive_menu_trg *{ vertical-align: middle; }
  .responsive_menu_trg.ce-trg-opened { background:url('../images/close.svg') 50% 50% no-repeat; background-size:18px; }

  .ceres_menu_main { position: absolute; left: 0px; top:25px; z-index: 100000; padding-left: 2%; }
  .ceres_menu_main li a, .ceres_menu_main .icon-expand:after { font-weight: bold; }
  .ceres_menu_main li.collapsed > .icon-expand:after { border-width: 0 0 2px 2px; }
  .ceres_menu_main .b_res-tree > ul { margin-top: 0; }

  .ceres_menu_main li.selected > a{ color: #bf9b30; }
  .ceres_menu_main li.selected > .icon-expand::after { border-color: #bf9b30; }

  .noscroll .pageContent, .noscroll footer{ visibility: hidden; }
  .noscroll .pageHeader{ display: none; }
  .noscroll .ceres_menu_main { height: calc(100vh - 50px); }
}

@media only screen and (max-width: 480px) {
  .ce_menu { display: none; }

}