/* ======== Navigation ======== */
    nav {
      position: sticky;
      top: 0;
      background: #333;
      z-index: 1000;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.5em 1em;
    }

    .logo {
      color: white;
      font-weight: bold;
      font-size: 1.2em;
    }

    .nav-links {
      display: flex;
      gap: 1em;
    }

    .nav-links a {
      color: #fff;
      text-decoration: none;
      padding: 0.7em 1em;
      border-radius: 4px;
      transition: background 0.3s;
    }

    .nav-links a:hover {
      background: #555;
    }

    /* ======== Hamburger Button ======== */
    .hamburger {
      display: none;
      flex-direction: column;
      cursor: pointer;
      gap: 4px;
    }

    .hamburger div {
      width: 25px;
      height: 3px;
      background: white;
      border-radius: 2px;
      transition: all 0.3s ease;
    }


    /* ======== Offset für Sticky Navigation ======== */
    h1, h2, h3, h4, h5, h6 {
	scroll-margin-top: 100px; /* Höhe deiner Navigation */
    }
    
    /* Optional: Smooth Scroll */
    html {
	scroll-behavior: smooth;
    }



    /* ======== Responsive Design ======== */
@media (max-width: 1000px) {
  .hamburger {
    display: flex;
  }

  .nav-links {
    display: none;            /* Standard zugeklappt */
    position: absolute;
    top: 60px;                /* Höhe Navbar */
    left: 0;
    width: 100%;              /* Vollbreite */
    flex-direction: column;   /* vertikale Links */
    background: #333;         /* Hintergrund */
    text-align: center;
    z-index: 9999;            /* über Content */
  }

  .nav-links a {  /* Die Links im aufgeklappten Menue im Handy Modus */
    padding: 1em;
    border-top: 1px solid #444;
    color: #fff;
    font-size: 1.2rem; /* <— Schriftgröße, etwas groesser */
  }

  .nav-links.active {
    display: flex;           /* Menü geöffnet */
    z-index: 9999;           /* sicher über anderen Content */
  }
}



/* ======== Tabellenanpassung für sehr kleine Screens ======== */
@media (max-width: 480px) {
  /* Erste Spalte (z. B. Saison) komplett ausblenden */
  .preise-tabelle th:first-child,
  .preise-tabelle td:first-child {
    display: none;
  }
}