.nav__grandchild-list{
  display:none;
}
  li.nav__item {
    display: none;
}
  
li.nav__sub-toggle{
  flex:none;
  max-width:100%;
  display:flex;
}

  
.nav__sub-list:has(.nav__sub-toggle--open) .nav__sub-toggle:not(.nav__sub-toggle--open) {
    display: none;
}
  .nav__sub-list .nav__sub-toggle.nav__sub-toggle--open ~ .nav__sub-toggle.nav__sub-toggle--open {
  display: none;
}

  
  li.nav__item.nav__toggle--open {
    display: block;
}
  
  ul.nav__sub-list {
    display: flex;
    gap: 10px;
    flex-wrap:wrap;
    padding-bottom:20px;
}
  .nav__sub-title {
    padding: 4px 15px;
    background: #DBE5DE;
    border-radius: 50px;
    transition:all 0.3s ease;
}
  .nav__sub-title:hover {
   transform:translateY(-2px);
}
  li.nav__sub-toggle.nav__sub-toggle--open .nav__sub-title {
    display: none;
}
  
  li.nav__sub-toggle.nav__sub-toggle--open .nav__grandchild-list {
    display: flex;
    gap: 10px;
    flex-wrap:wrap;
}


  a.nav__grandchild-link.flex-between {
    padding: 4px 15px;
    background: #DBE5DE;
    border-radius: 50px;
    transition:all 0.3s ease;
}
  a.nav__grandchild-link.flex-between:hover {
   transform:translateY(-2px);
}

  li.nav__grandchild-item {
    flex: none;
}



  @media (max-width:767px){

    ul.nav__sub-list {
    flex-wrap:nowrap;
    overflow-x: auto;
      padding-bottom:8px;
      padding-top:15px;
}  

  li.nav__sub-toggle.nav__sub-toggle--open .nav__grandchild-list {
  flex-wrap:nowrap;
    overflow-x: auto;
      padding-bottom:8px;
      padding-top: 8px;
    
}

    
    /*scrollbar*/
ul.nav__sub-list::-webkit-scrollbar {
  width: 8px;
  height: 0px;
  opacity:0;
}
ul.nav__sub-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px #a5aaad;
  border-radius: 10px;
  opacity:0;
}
ul.nav__sub-list::-webkit-scrollbar-thumb {
  background: #314b46;
  border-radius: 10px;
  opacity:0;
}
ul.nav__sub-list::-webkit-scrollbar-thumb:hover {
  background: #a5aaad;
}

/* Scrollbar für die `nav__grandchild-list` */

li.nav__sub-toggle.nav__sub-toggle--open .nav__grandchild-list::-webkit-scrollbar {
  height: 0px;
  opacity:0;
}

li.nav__sub-toggle.nav__sub-toggle--open .nav__grandchild-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px #a5aaad;
  border-radius: 10px;
  opacity:0;
}

li.nav__sub-toggle.nav__sub-toggle--open .nav__grandchild-list::-webkit-scrollbar-thumb {
  background: #314b46;
  border-radius: 10px;
  opacity:0;
}

li.nav__sub-toggle.nav__sub-toggle--open .nav__grandchild-list::-webkit-scrollbar-thumb:hover {
  background: #a5aaad;
  opacity:0;
}
  }