/*################################# YAMM breites Menu oben #################################*/

.yamm .nav, .yamm .collapse,
.yamm .dropup, .yamm .dropdown { position: static;}

.yamm .container {position: relative;}

.yamm .dropdown-menu {left: auto;}

.yamm .yamm-content {padding: 20px 30px;}

.yamm .dropdown.yamm-fw .dropdown-menu {left: 0; right: 0;}




/*################################## megamenu navigation #####################################*/


.dropdown-menu li { font-size: 1.0em; }

.dropdown-menu li a:hover {
    
  -webkit-transition: all 0.3s ease; /* Firefox */
  -moz-transition: all 0.3s ease; /* WebKit */
  -o-transition: all 0.3s ease; /* Opera */
  transition: all 0.3s ease; /* Standard */
}



/*################################### Grid styles megamenu #################################### */

.grid-demo {
  padding: 10px 20px;
  background: #fff /*url(bg_nav_schraubtechnik.png) no-repeat right bottom*/;
  
  }

.grid-demo [class*="col-"] {
  margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1em;
    text-align: left;
    line-height: 1.5em;
    background-color: transparent;
    border: 0px solid #d1d1d1;
  }

.grid-demo > .row > [class*="col-"] > a { /* Ueberschrift Hauptpunkte */
  font-weight: 100;
  font-size: 1.2em;
  padding: 2px 5px;
  
  display: block;
  background: #ccc;
}

.grid-demo ul ul li a { /* Unterpunkt 1 */
  color: #666;
  padding-left: 10px;
}  

.grid-demo a:hover {color: #000; }

.grid-demo .submenu {
  list-style-type: none;
  padding: 0 0 0 15px;
}

.grid-demo .submenu li { border-top: 1px solid #ECF2E8;}

.grid-demo .submenu ul { /* Unterpunkt 2 */
  list-style-type: none;
  margin-left: 15px;
} 




/*############################## DESKTOP 992 ###############################################*/

@media (min-width: 992px) {

.navbar-fixed-top {border-bottom: 1px solid #ccc; box-shadow: 0 4px 6px 0 rgba(0,0,0,0.1);}

.navbar-main{ float: left;}

.navbar-collapse { padding-left: 0;  }

.navbar-main > li > a {  line-height: 70px; /* height: 70px;*/}

.navbar-brand {float: none; padding: 0;}


ul.dropdown-menu {

  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.dropdown-menu > li  a {
    padding: 6px 15px;
}

.breadcrumb-section { margin-top: 80px; }

.breadcrumb-section,
.breadcrumb { background-color: transparent; border: none;}

nav .nav-sidebar {margin-top: 20px; }
.nav.nav-sidebar ul { border-left: 15px solid rgb(255, 255, 255);
}


/*################################### NAVBAR OBEN #########################################*/

.navbar-main > li > a .bar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 6px;
    /*background: #32992c;*/
    opacity: 0;
    -webkit-transition: top 0.19s ease-in-out 0s, opacity 0.25s ease-in-out;
    -o-transition: top 0.19s ease-in-out 0s, opacity 0.25s ease-in-out;
    transition: top 0.19s ease-in-out 0s, opacity 0.25s ease-in-out;
}

.navbar-main > li:hover > a > .bar,
.navbar-main > li.active > a > .bar {
    top: 64px;
    opacity: 1;
}

.navbar-main > li > a {
    font-family: Economica,Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 1.2em;
    text-transform: uppercase;
}



navbg {background: url(../../pics/bg_nav.png) center -5px no-repeat;}


.navbar-main > li:nth-child(1) > a { background: url(../../pics/bg_bar_01.png) center -5px repeat-x;}
.navbar-main > li:nth-child(2) > a { background: url(../../pics/bg_bar_02.png) center -5px repeat-x;}
.navbar-main > li:nth-child(3) > a { background: url(../../pics/bg_bar_03.png) center -5px repeat-x;}
.navbar-main > li:nth-child(4) > a { background: url(../../pics/bg_bar_04.png) center -5px repeat-x;}
.navbar-main > li:nth-child(5) > a { background: url(../../pics/bg_bar_05.png) center -5px repeat-x;}
.navbar-main > li:nth-child(6) > a { background: url(../../pics/bg_bar_06.png) center -5px repeat-x;}
.navbar-main > li:nth-child(7) > a { background: url(../../pics/bg_bar_07.png) center -5px repeat-x;}




}/*----end 992----*/



@media only screen
and (min-device-width : 769px)
and (max-device-width : 991px) {
  
  .navbar-main > li > a {font-size: 0.95em;}
  }




.navbar-main > li:nth-child(1) .dropdown-menu > li > a:hover,
.navbar-main > li:nth-child(1) .dropdown-menu > li > a:focus,
.navbar-main > li:nth-child(1) > a .bar { background: #cccccc; }

.navbar-main > li:nth-child(2) .dropdown-menu > li > a:hover,
.navbar-main > li:nth-child(2) .dropdown-menu > li > a:focus,
.navbar-main > li:nth-child(2) > a .bar { background: #32992C;}

.navbar-main > li:nth-child(3) .dropdown-menu > li > a:hover,
.navbar-main > li:nth-child(3) .dropdown-menu > li > a:focus,
.navbar-main > li:nth-child(3) > a .bar { background-image: linear-gradient(90deg, #32992C 50%, #FFDD00 50%); }

.navbar-main > li:nth-child(4) .dropdown-menu > li > a:hover,
.navbar-main > li:nth-child(4) .dropdown-menu > li > a:focus,
.navbar-main > li:nth-child(4) > a .bar { background: #FFDD00; }

.navbar-main > li:nth-child(5) .dropdown-menu > li > a:hover,
.navbar-main > li:nth-child(5) .dropdown-menu > li > a:focus,
.navbar-main > li:nth-child(5) > a .bar { background: #F39C00; }

.navbar-main > li:nth-child(6) .dropdown-menu > li > a:hover,
.navbar-main > li:nth-child(6) .dropdown-menu > li > a:focus,
.navbar-main > li:nth-child(6) > a .bar { background: #024C95; }

.navbar-main > li:nth-child(7) .dropdown-menu > li > a:hover,
.navbar-main > li:nth-child(7) .dropdown-menu > li > a:focus,
.navbar-main > li:nth-child(7) > a .bar { background: #6EB86E; }


/* radius erster menuepunkt */

.navbar-main > li .grid-demo > .row > [class*="col-"] > a {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  padding-left: 10px;
  }

.navbar-main > li .grid-demo > .row > [class*="col-"] > ul.submenu > li > a { font-weight: 600;}

/* farben */

.navbar-main > li:nth-child(1) .grid-demo > .row > [class*="col-"] > a {background: #CCCCCC; color: #666666;}
.navbar-main > li:nth-child(1) .grid-demo > .row > [class*="col-"] > ul.submenu > li > a { color: #666;}

.navbar-main > li:nth-child(2) .grid-demo > .row > [class*="col-"] > a {background: #32992C; color: #FFFFFF; }
.navbar-main > li:nth-child(2) .grid-demo > .row > [class*="col-"] > ul.submenu > li > a { color: #32992C;}

.navbar-main > li:nth-child(4) .grid-demo > .row > [class*="col-"] > a {background: #FFDD00; color: #666666; }
.navbar-main > li:nth-child(4) .grid-demo > .row > [class*="col-"] > ul.submenu > li > a { color: #777777;}

.navbar-main > li:nth-child(5) .grid-demo > .row > [class*="col-"] > a {background: #F39C00; color: #FFFFFF; }
.navbar-main > li:nth-child(5) .grid-demo > .row > [class*="col-"] > ul.submenu > li > a { color: #F39C00;}





/* ------------- Nav sidebar rechts ------------------- */

.nav.nav-sidebar li a {
  border: none;
  padding: 3px 15px;
  font-size: 1.1em;
}

.nav.nav-sidebar > li > a,
.nav.nav-sidebar > li.active > a {
  font-weight: bold;
  
  border-left: 1px solid #d1e0c7;
}