/* Desktop: Button ausblenden, Menü normal anzeigen */
.nav-check,
.nav-label {
  display: none;
}

@media screen and (max-width: 900px) {
  /* Button sichtbar */
  .nav-label {
    display: flex;
    background-color: rgba(255, 204, 0, 0.6);
    padding: 10px 15px;
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  /* Navigation ausblenden, wenn nicht aktiv */
  #menuebar ul {
    display: none;
    flex-direction: column;
    background: #fff;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  /* Wenn Checkbox aktiv → Menü einblenden */
  .nav-check:checked ~ ul {
    display: flex;
  }

  /* Checkbox verstecken */
  .nav-check {
    display: none;
  }
}