<style>
  /* Dark dropdown to match navbar */
  .navbar-dark .dropdown-menu {
      background-color: #343a40 !important; /* force dark bg */
      border: none;
      text-align: right;   /* align items right */
  }

  .navbar-dark .dropdown-item {
      color: #ffffff !important;      /* white text */
      opacity: 0.9;
  }

  .navbar-dark .dropdown-item:hover,
  .navbar-dark .dropdown-item:focus {
      background-color: rgba(255, 255, 255, 0.1) !important;
      color: #ffffff !important;
      opacity: 1;
  }

  .navbar-dark .dropdown-divider {
      border-color: rgba(255, 255, 255, 0.2);
  }

  .navbar-dark .dropdown-menu-dark {
    border-radius: 0.5rem;
    border: none;
  }
  
  @media (max-width: 991.98px) { /* entspricht Bootstrap's lg-breakpoint */
      .navbar-dark .dropdown-menu-dark .dropdown-item {
          text-align: right;
      }
  }
</style>
