/* Sichtbare responsive Navigationsbuttons */
html, body { max-width: 100%; overflow-x: hidden; }
.site-header { width: 100%; max-width: 100%; overflow: visible; }
.shell.nav-row { width: 100%; max-width: 100%; box-sizing: border-box; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 12px clamp(12px, 2vw, 28px); }
.desktop-nav { flex: 1 1 680px; min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.desktop-nav a,
.desktop-nav .nav-chat-link { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; box-sizing: border-box; padding: 8px 14ppx; border: 2px solid var(--terracotta); border-radius: 999px; color: var(--forest-deep); background: #fffaf2; font: inherit; font-size: 13px; font-weight: 900; line-height: 1.15; text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; box-shadow: 0 2px 7px rgba(42, 67, 54, 0.12); transition: background .18s ease, color .18s ease, transform .18s ease; }
.desktop-nav a::after { display: none; }
.desktop-nav a:hover,
.desktop-nav .nav-chat-link:hover { color: #fff; background: var(--terracotta); transform: translateY(-1px); }
.nav-actions { margin-left: auto; max-width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
@media (max-width: 1100px) {
  .logo-link { margin-right: auto; }
  .desktop-nav { order: 3; flex-basis: 100%; justify-content: center; }
  .nav-actions { margin-left: 0; }
}