:root {
    --pico-font-size: 95%;
}

/* Hide the checkbox indicator from view entirely */
#menu-toggle {
  display: none;
}

/* Hide the hamburger button by default on desktop viewports */
.hamburger-toggle {
  display: none;
  cursor: pointer;
  font-size: 1.5rem;
  padding: 0.5rem;
  user-select: none;
}

/* Mobile styles targeting viewports under Pico's medium breakpoint (992px) */
@media (max-width: 768px) {
  .hamburger-toggle {
    display: block; /* Show the ☰ icon */
  }

  /* Force the links list to wrap to a new line and hide it */
  .nav-links {
    display: none;
    width: 100%;
    text-align: left;
    flex-direction: column;
    padding-top: 10px;
  }

  /* Display links as stacked block items instead of side-by-side inline items */
  .nav-links li {
    width: 100%;
    padding: 0 0 5px 20px;
  }

  /* When checkbox is clicked, select adjacent list and display it */
  #menu-toggle:checked ~ .nav-links {
    display: flex;
  }
}

@media (min-width: 1024px) {
    .wertetabelle  {
        table-layout: fixed;
        width: 100%;
        max-width: 1500px;
    }
    .wertetabelle col {
        visibility:visible;
    }

    form {
        max-width: 1200px;
    }
}