/* legal-chrome.css - Kopfleiste (identisch zur Landingpage) + Footer fuer Impressum/Datenschutz.
   Basis-Nav bewusst auf #nav beschraenkt (NICHT bare nav{}), damit das mobile <nav class="mobile-menu-nav">
   die Layout-/Farb-Regeln nicht erbt. Aufklapper kommen aus megamenu.css + megamenu.js. */

/* .nav-wrapper liefert megamenu.css (position:fixed, Creme-Hintergrund). Fallback falls megamenu.css spaeter laedt: */
.nav-wrapper { position: fixed; top: 0; left: 0; right: 0; z-index: 100; }

#nav {
  display: flex; justify-content: space-between; align-items: center;
  padding-top: 16px; padding-bottom: 16px;
}
.logo { font-family: 'Fraunces', serif; font-size: 21px; font-weight: 500; letter-spacing: -0.02em; color: var(--forest); display: flex; align-items: center; gap: 12px; text-decoration: none; }
.logo-mark { width: 38px; height: 38px; border-radius: 50%; background: var(--forest); color: var(--cream); display: flex; align-items: center; justify-content: center; font-family: 'Fraunces', serif; font-size: 15px; font-weight: 500; position: relative; overflow: hidden; flex-shrink: 0; }
.logo-mark span { position: relative; z-index: 1; }
.logo-text { display: flex; flex-direction: column; line-height: 1.1; }
.logo-text .main { font-size: 18px; }
.logo-text .sub { font-size: 11px; color: var(--muted); letter-spacing: 0.05em; font-weight: 400; }

.nav-links { display: flex; gap: 30px; list-style: none; margin: 0; padding: 0; align-items: center; }
.nav-links a { color: var(--text); text-decoration: none; font-size: 14px; font-weight: 500; transition: color 0.4s var(--ease); position: relative; }
.nav-links a:hover { color: var(--forest); }

.nav-cta { padding: 11px 22px; background: var(--forest); color: var(--cream); border-radius: 100px; text-decoration: none; font-size: 14px; font-weight: 500; transition: all 0.5s var(--ease); white-space: nowrap; }
.nav-cta:hover { background: var(--forest-mist); color: var(--cream); }

/* mobilemenu.css versteckt .nav-links und zeigt den Trigger ab <=1024px; nav-cta blenden wir hier aus */
@media (max-width: 1024px) {
  .nav-links { display: none; }
  .nav-cta { display: none; }
}

/* B6 (15.08.2026): Der komplette Fussbereich stand hier ein zweites Mal
   (Kopie der Landingpage) und driftete gegen hausstil.css - die vierte
   Spalte war dadurch 21px hoeher als auf allen anderen Seiten. hausstil.css
   laedt auch hier als letzte Datei und liefert den Fussbereich allein.
   Die tote .kontakt-block-Gruppe (CSS-8) ist mit ausgebaut. */

/* Mobile-Menue "(Testmodus)"-Tag identisch zur Landingpage (gold, klein) statt cremefarben/gross */
html body .mobile-menu-panel .mobile-menu-tag {
  font-size: 0.72em !important;
  color: #C9AD77 !important;
  font-weight: 600 !important;
  margin-left: 7px !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
}