#navbar-main {
  background-color: var(--dunkelblau);
  padding-top: 0;
  padding-bottom: 0;
}
#navbar-main .nav-link {
  color: white;
}

#navbar-main .navbar-toggler {
  background-color: var(--blau);
  color: white;
  fill: white;
}

#navbar-main .dropdown-toggle::after {
  content: '\f054';
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  right: 0;
  position: absolute;
  font-weight: 600;
  border: none;
  display: inline-block;
  padding: 0.5rem 0.75rem;
  top: 0;
}
#navbar-main .dropdown-toggle.open::after {
  content: '\f078';
}
#navbar-main .nav-link:hover, #navbar-main .nav-link:focus,
#navbar-main .dropdown-toggle:hover::after, #navbar-main .dropdown-toggle:focus::after {
  background-color: var(--blau);
}

#navbar-main .dropdown-menu {
  border-radius: 0 0 0.5rem 0.5rem;
}
#navbar-main .dropdown-menu .dropdown-item a {
  display: block;
  text-decoration: none;
}
#navbar-main .dropdown-menu .dropdown-toggle::after {
  padding: 0.25rem 0.75rem;
}

#navbar-main .dropdown-item {
  white-space: inherit;
}
#navbar-main .dropdown-item.active {
  background-color: inherit;
  color: inherit;
}
#navbar-main .dropdown-item.active > a {
  font-weight: bold;
}
#navbar-main .dropdown-menu .dropdown-toggle:hover::after, #navbar-main .dropdown-menu .dropdown-toggle:focus::after {
  color: white;
}

#navbar-main .dropdown-item:active {
  background-color: var(--lichtblau);
}

#navbar-main .navbar-toggler-icon {
  background: no-repeat;
  font-size: 0.8em;
  height: 2rem;
}

#CollapsingNavbar {
  background-color: var(--dunkelblau);
  color: white;
}
#CollapsingNavbar .btn-close {
  background-color: white;
  opacity: 1;
}
#CollapsingNavbar .btn-close:hover, #CollapsingNavbar .btn-close:focus {
  opacity: 0.7;
}
#navbar-main li.dropdown {
  padding-right: 2rem;
  /*margin-right: 0.5rem;*/
}
.offcanvas.show li.nav-item {
  max-width: 100%;
}
.offcanvas.show .dropdown-item {
  white-space: inherit;
}

.offcanvas.show .offcanvas-header {
  width: 100%;
  justify-content: right;
}
.offcanvas.show .offcanvas-body {
  width: 100%;
  padding: 0;
}
#navbar-main .offcanvas.show .dropdown-menu {
  border: none;
  background-color: transparent;
}
#navbar-main .offcanvas.show .dropdown-menu a,
#navbar-main .offcanvas.show .dropdown-toggle::after {
  color: white;
}
#navbar-main .offcanvas.show .nav-link:hover, #navbar-main .offcanvas.show .nav-link:focus,
#navbar-main .offcanvas.show .dropdown-toggle:hover::after, #navbar-main .offcanvas.show .dropdown-toggle:focus::after,
#navbar-main .offcanvas.show .dropdown-item:focus, #navbar-main .offcanvas.show .dropdown-item:hover {
  background-color: var(--blau);
  color: white;
}