a.nav-link {
    color: #343434;
    text-decoration: none;
    min-width: 80px;
}
a.nav-link.active {
    color: #000;
    font-weight: bold
}
#scrollContent {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    white-space: nowrap;
}
#scrollContent>div {
    display: flex;
    animation: textScrollEffect 12s infinite linear;
}
@keyframes textScrollEffect {
    from {
    transform: translateX(0%);
    }
    to {
    transform: translateX(-50%);
    }
}

.navbar {
    padding: .05rem;
    background: -moz-linear-gradient(-45deg, rgba(0, 100, 0, 1) 0%, rgba(4, 100, 0, 1) 13%, rgba(4, 100, 0, 1) 13%, rgba(14, 100, 0, 1) 61%, rgba(14, 100, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 1) 0%, rgba(4, 100, 0, 1) 13%, rgba(4, 0, 0, 1) 13%, rgba(14, 0, 0, 1) 61%, rgba(14, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(0, 00, 0, 1) 0%, rgba(4, 0, 0, 1) 20%, rgba(4, 0, 0, 1) 13%, rgba(14, 0, 0, 1) 71%, rgba(14, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006400', endColorstr='#006400', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}
.nav-item:nth-child(2n+1) {
    border-left: 2px solid #eaeaea;
    border-right: 2px solid #eaeaea;
}
.nav-item>a {
    color: #fff !important;
    font-weight: bold;      
    text-shadow: 1px 2px 14px rgba(0, 0, 0, 0.3)
}

.nav-display-6 {
    color: #006400 !important;
    font-weight: bold;      
    text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.4);
    font-size:50px;
    margin-bottom: 10px;
}
.nav-display-7 {
    color: #006400 !important;
    font-weight: bold;      
    text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.4);
    font-size:20px;
    }
 
/* ===== Ende Style für Nav ===== */

  .style-megamenu h6 {
    align-items: center;
    font-weight: 700;
    font-size: 1.2rem;
    color:yellow;
  }
  .style-megamenu a {
    align-items: center;
    font-weight: 700;
    font-size: 1rem;
    color:#fff;
    text-decoration: none;
  }

/* ============ desktop view ============ */
@media all and (min-width: 765px) {
    .navbar .has-megamenu{position:static!important;}
    .navbar .megamenu{
        left:0px; right:0; width:100%; margin-top:0px; padding-left:52px;
        background: #373737;
        color: #fff;
    }
}
/* ============ mobile view ============ */
@media(max-width: 764px){
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
        overflow-y: auto;
        max-height: 90vh;
        margin-top:10px;
    }
    .navbar .megamenu{
        left:0px; right:0; width:100%; margin-top:10px;margin-bottom:-10px; padding-left:5px; padding-right:5px;
        background: #373737;
        color: #fff;
        border-top: 2px solid gray;  
    }
    .style-megamenu h6 {
        align-items: center;
        font-weight: 700;
        font-size: 2.5rem;
    }
    .style-megamenu a {
        align-items: center;
        font-weight: 700;
        font-size: 2.5rem;
        line-height: 2rem;
        color:#fff;
    }
    .nav-item {
        border: 0px solid #eaeaea;
        border-top: 2px solid gray;        
        padding-top: 10px;
        padding-bottom: 10px;       
        background: #000000;
    }
    .nav-item:last-child {
        margin-bottom: 10px;
    }
    .nav-item:nth-child(2n+1) {
        border-left: 0px solid #eaeaea;
        border-right: 0px solid #eaeaea;
    }

    .nav-item>a {
      color: #fff !important;
      font-weight: bold;
      font-size: 2.5rem;  
    //  text-shadow: 1px 2px 14px rgba(0, 0, 0, 0.3);
    }
    .nav-display-6 {
        font-size:34px;

    }
    .fas {
        line-height:1.5;
    }
}

.navbar-toggler {
    font-size: 18px;

}
/* ============ mobile view .end// ============ */
#login-a {
        text-decoration: none;
    font-size: 1rem;

}


.hot_menu_b {
    font-weight: bold;
    margin-left: 10px;
     color: #ffffff;   
}
.hot_menu_a {
    font-weight: bold;
    margin-left: 10px;
    color: yellow;
}

#title_mega_menu {
  color: yellow;
      font-size: 20px;
      font-weight: 700;
}
.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  /*font-size: 12px;*/
  font-weight: 200;
  background-color: #2e353d;
  position: fixed;
  top: 0px;
  width: 300px;
  height: 100%;
  color: #e1ffff;
}
.nav-side-menu .brand {
  background-color: #23282e;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
      font-weight: 700;
  /*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
  color:red;

}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #d19b3d;
  color:red;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #181c20;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #23282e;
  margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #020203;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
//  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}

.nav-side-menu li {
  padding-left: 0px;
  border-left: 3px solid #2e353d;
  border-bottom: 1px solid #23282e;
}
.nav-side-menu li a {
  text-decoration: none;

}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li:hover {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}
@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}
body {
  margin: 0px;
  padding: 0px;
}
#hot_menu_a {
    color:yellow;
}
.hot_menu_a2 {
    color:white;
}
#hot_menu_b {
    color:yellow;
      font-weight:bold;
      margin-left:10px;
}
#hot_menu_b2 {
    color:white;
}