/* Einheitliche Navigations-Leiste (alle Seiten), klebt oben, mobil Hamburger */
.sitenav { background: var(--cream, #f6f1e3); border-bottom: 1px solid oklch(0.36 0.07 145 / .14); position: sticky; top: 0; z-index: 100; }
.sitenav-inner { align-items: center; display: flex; gap: 16px; justify-content: space-between; margin: 0 auto; max-width: 1180px; padding: 11px 21px; position: relative; }
.sitenav-brand { align-items: center; color: var(--forest-deep, #18301f); display: flex; font-family: var(--display, Georgia, serif); font-size: 1.18rem; font-weight: 700; gap: 9px; text-decoration: none; white-space: nowrap; }
.sitenav-brand svg { height: 32px; width: 32px; }
.sitenav-links { align-items: center; display: flex; gap: 2px; list-style: none; margin: 0; padding: 0; }
.sitenav-links a { border-radius: 999px; color: var(--forest, #2f5a40); display: block; font-family: var(--body, system-ui, sans-serif); font-size: .93rem; font-weight: 700; padding: 9px 13px; text-decoration: none; transition: background .2s ease-out, color .2s ease-out; white-space: nowrap; }
.sitenav-links a:hover { background: oklch(0.92 0.035 130); color: var(--forest-deep, #18301f); }
.sitenav-links a[aria-current="page"] { color: var(--coral, #d2603f); }
.sitenav-links a.sitenav-cta { background: var(--sun, #f3c537); color: var(--forest-deep, #18301f); margin-left: 6px; }
.sitenav-links a.sitenav-cta:hover { background: oklch(0.88 0.14 88); color: var(--forest-deep, #18301f); }
.sitenav-burger { background: transparent; border: 0; cursor: pointer; display: none; flex-direction: column; gap: 5px; padding: 8px; }
.sitenav-burger span { background: var(--forest-deep, #18301f); border-radius: 2px; display: block; height: 2.5px; transition: transform .25s ease, opacity .2s ease; width: 25px; }

@media (max-width: 1000px) {
  .sitenav-burger { display: flex; }
  .sitenav-links {
    background: var(--cream, #f6f1e3); border-top: 1px solid oklch(0.36 0.07 145 / .12);
    box-shadow: 0 18px 30px oklch(0.27 0.055 150 / .12); flex-direction: column; align-items: stretch;
    gap: 0; left: 0; max-height: 0; overflow: hidden; position: absolute; right: 0; top: 100%; transition: max-height .32s ease;
  }
  .sitenav.open .sitenav-links { max-height: 80vh; }
  .sitenav-links a { border-radius: 0; border-top: 1px solid oklch(0.36 0.07 145 / .08); padding: 15px 21px; }
  .sitenav-links a.sitenav-cta { margin: 0; }
  .sitenav.open .sitenav-burger span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
  .sitenav.open .sitenav-burger span:nth-child(2) { opacity: 0; }
  .sitenav.open .sitenav-burger span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }
}
@media (prefers-reduced-motion: reduce) {
  .sitenav-links, .sitenav-burger span { transition: none; }
}