.jor-main-nav-button {
   padding: 0.6rem 1.2rem;
   border: 0;
   background-color: transparent;
   font-size: 1.125em;
   font-weight: 700;
   border-radius: 5px;
   text-decoration: none;
   min-width: 82px;
   display: flex;
   align-items: center;
}

.jor-main-nav-button:hover {
   background-color: #f2f2f2;
}

.jor-main-nav-button--active {
   background-color: #e3eed9!important;
}

.jor-main-nav-button span {
   margin-left: 15px;
   margin-top: 2px;
}


body:after {
   content: "";
   background: rgb(51 51 51 / 33%);
   z-index: 9;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   transition: 0.2s;
   opacity: 0;
   pointer-events: none;

}
body.menu-is-active:after {
   opacity: 1;
   pointer-events: auto:
}



#mainNavigation {
   position: relative;
   display: flex;
   justify-content: flex-end;
   margin-top: 2.5em;
   z-index: 100;
}

#mainMenuContainer {
   top: 44px;
   position: absolute;
   z-index: 999;
   border-left: 6px solid #63893c;
   right: 0;
   box-shadow: 0 0 20px rgb(0 0 0 / 13%);
}

#mainMenuContainer li a {
   border-bottom: 1px solid #ccc;
   min-width: 400px;
   padding-right: 40px;
   text-decoration: none;
}

.lan-main-menu a::after {
   content: "\f105";
   font-size: 20px;
   position: absolute;
   right: 1em;
   font-family: 'FontAwesome';
   font-weight: bold;
}
.lan-main-menu a:hover { 
   background: #f2f2f2; color: #33430a;
}

.lan-main-menu a {
   color: #33430a;
   text-decoration: none;
   font-size: 1rem;
   font-weight: normal;
   box-sizing: border-box;
   padding: 1.5rem;
   display: block;
   background-color: #fff;
   position: relative;
   /*z-index: 100;*/
}



.main-menu-closed {
   display: none;
}

#mainMenuContainer .jor-main-nav__top li a {
   background: #f8f8f8!important;
}
#mainMenuContainer .jor-main-nav__top li a:hover {
   background: #ebeee7!important;
}

#mainMenuContainer .jor-main-nav__bottom {
   padding-top: 1rem;
   padding-bottom: 1rem;
   background: #fff;
}

#mainMenuContainer .jor-main-nav__bottom li a {
   border: 0;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   background: #fff!important;
   font-size: 1rem;
}

#mainMenuContainer .jor-main-nav__bottom li a::after {
   content: none;
}
#mainMenuContainer .jor-main-nav__bottom li a:hover {
   text-decoration: underline;
}

/* Menu */
@media (max-width: 767px) {
   #mainNavigation {
      margin-top: 1.4em;
   }

   .jor-main-nav-button {
      padding: 0.6rem 0.8rem;
   }

}


@media (max-width: 480px) {
   .lan-page-header > div > div > div:first-child img {
      max-width: 180px;
   }

   #mainMenuContainer li a {
      min-width: 100%;
   }
}