/********************
    Navi
********************/
/*
nav{
	padding:0.5rem 2.5rem !important;
	min-width:20rem;
}
*/
.nav-item a:hover{
  background-color: #ccc;
}
.nav-item a:active{
	background-color: #dfdfdf;
}
.nav-item li a {
	color: rgba(0,0,0,0.6);
}
.nav-item.dropdown.active  {
	background-color: #dfdfdf;
}
div.dropdown-menu {
	background-color: #f8f9fa;
	width:max-content;
	padding-right: 15px;
  }
.dropdown-menu li a:hover {
	color:rgba(0,0,0,0.8);
	background-color: #dfdfdf;
} 
div.dropdown-menu.show li:first-child a{
	color: #009FE3;
}
.dropdown-menu ul li:first-child {
	color: #009FE3;
}
div.dropdown-menu.show ul{
	list-style-type: square; /* für den IE und alle anderen*/
	list-style-type: disclosure-closed; /* den wollen wir, kann aber der IE nicht */
}
li.nav-item li.active a{
	color:#111;
	background-color:#dfdfdf;
}

/* erster Eintrag unter Reiter "Service" nicht blau darstellen */
div.dropdown-menu.show ul li.notBlue a {
	color: rgba(0,0,0,0.6);
}
div.dropdown-menu.show ul li.notBlue {
	color: rgba(0,0,0,0.6);
}
div.dropdown-menu.show ul li.active.notBlue a {
	color: #111;
}

/* Reiter "Startseite" */
li#startseite li.a:active {
	color:#111;
}
#startseite.active{
	background-color:#dfdfdf;
}
/* Burger-Icon */
.navbar-toggler {
	padding: 1.25rem 1.5rem;
	border: 2px solid rgba(0,0,0,.1);
	border-radius: .25rem;
}
/* Ansonsten gibt es ein X */ 
.navbar-toggler-icon {
    top: 50%;
    left: 50%;
    height: 2px;
    transform: translate(-50%,-50%);
}
.navbar-toggler-icon::after {
  transform: rotate(0);
  top: 6px;
}
.navbar-toggler-icon::before {
transform: rotate(0);
  top: -6px;
}