/*redesign 2024*/
.menu-bg .navbar-nav .nav-link {
    color:#542bff !important;
  }
  .menu-bg .navbar-nav .nav-link:hover {
    color:#16afff !important;
  }
  .navbar-expand-md .navbar-nav .nav-link {
      color: #582fe2;
      font-size: 18px;
      font-family: Comfortaa, sans-serif;
    }
    .navbar-expand-md .navbar-nav .nav-link .active{
      color: #582fe2;
    }
    .btn-trial {
      background: #542bff;
      border: 2px solid #542bff;
      color: white;
      padding: 5px 20px;
      margin-left: 30px;
    }
    
  .btn-trial:hover {
      background-color: white;
      color: #542bff;;
  }
  .navbar-expand-md .navbar-nav .active>.nav-link, .navbar-expand-md .navbar-nav .nav-link.active, .navbar-expand-md .navbar-nav .nav-link.active:before, .navbar-expand-md .navbar-nav .nav-link.open, .navbar-expand-md .navbar-nav .open>.nav-link {
      color: #16afff;
  }
  .navbar-expand-md .navbar-nav .nav-link:focus, .navbar-expand-md .navbar-nav .nav-link:hover, .navbar-expand-md .navbar-nav .nav-link:hover:before {
      color: #16afff;
  }
  .menu-bg {
    background:unset !important;
    background-color: white !important;
  }
  .navbar.navbar-expand-md.bg-inverse.fixed-top.scrolling-navbar {
    background-color: white;
    padding-top: 6px;
  }
  .menu-bg {
      box-shadow: 0 0 12px 5px rgba(0, 0, 0, .2);
  }
  .menu-bg .invisible-on-scrolldown {
    display:none;
  }
  .visible-on-scrolldown {
    display:none;
  }
  .menu-bg .visible-on-scrolldown {
    display:block;
  }
  .navbar-expand-md .navbar-toggler i {
      color: #362afd !important;
  }
  @media (max-width: 1200px) {
      .navbar-brand>img {
          width: 300px; /* Setzt die Breite auf 300px, wenn die Bedingung zutrifft */
      }
  }
  .navbar-nav {
    align-items: inherit;
  }