.navbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 20px;
      background-color: var(--background);
      color: var(--fontColor);
      height: 70px;
      font-size: 1rem;
    }

    .navbar .logo {
      flex: 1;
    }

    .navbar .logo a {
      text-decoration: none;
      color: var(--fontColor);
      font-weight: bold;
      font-size: 1.2em;
    }

    .navbar .menu {
      flex: 2;
      display: flex;
      justify-content: center;
      gap: 30px; /* Abstand zwischen Menüpunkten */
    }

    .navbar .menu a {
      text-decoration: none;
      color: var(--fontColor);
      transition: 0.3s;
    }

    .navbar .menu a:hover {
     color: black;
    }

    .navbar .right-link {
      flex: 1;
      display: flex;
      justify-content: flex-end;
    }

    .navbar .right-link a {
      text-decoration: none;
      color: var(--fontColor);
    }

    .logo a img{
        max-width: 150px;
        
    }