/*
 * Tablet-Navigation
 * Auf Tablets gibt es genau ein Menü: die kompakte Leiste links.
 * Die große Seitenleiste und der Hamburger werden dort vollständig abgeschaltet.
 */
.mobile-nav button{
  position:relative;
}
.mobile-nav-badge{
  position:absolute;
  right:4px;
  top:3px;
  min-width:19px;
  height:19px;
  padding:0 5px;
  border-radius:999px;
  background:#f0a124;
  color:#17333d;
  font-size:.65rem;
  line-height:19px;
  text-align:center;
}

@media(max-width:1024px),(hover:none) and (pointer:coarse){
  .sidebar,
  .sidebar.open{
    display:none!important;
    transform:translateX(-105%)!important;
    pointer-events:none!important;
  }

  #menuButton{
    display:none!important;
  }

  .mobile-nav{
    display:grid;
    grid-template-columns:1fr;
    max-height:calc(100vh - 86px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:none;
  }

  .mobile-nav::-webkit-scrollbar{
    display:none;
  }
}