/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  z-index: 20;
  padding-top: 0px;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
  height: 35px;

}
.navbar-wrapper .navbar {
  padding-right: 0px;
  padding-left: 0px;

  margin-bottom: 5px; 
}
.navbar-wrapper .navbar .container {
  width: auto;
}

/* Navbar Höhe */
.navbar {
  min-height: 20px;
  border:0px;
  margin-top:2px;
}
.navbar-brand,
.navbar-nav li a {
    line-height: 25px;
    height: 25px;
    padding-top: 0;
    font-weight: normal;
}

/* Navbar Farbverlauf */
.navbar-inner  {
  font-weight: bold;

}

/* Navbar Hover und Aktiv */
.navbar .navbar-nav > li:hover > a,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li.active > a,
.navbar .navbar-nav > li.active > a:hover,
.multi-column-dropdown li a:hover  {
	/*background: rgba(255,255,255,.6);
	color: #000; */
  color: #FFFFFF;
  background-color: #000000;
  
  -moz-transition: background-color 0.4s, border-color 0.4s;
	-o-transition: background-color 0.4s, border-color 0.4s;
	-webkit-transition: background-color 0.4s, border-color 0.4s;
	transition: background-color 0.4s, border-color 0.4s;
}

@media (max-width: 767px) {
  .navbar-inner {
  	background-color:#FFFFFF;
    z-index: 100;
  }
  .navbar {
    background:transparent;
    z-index: 100;
  }

}