/*
 * nav-footer.css
 * Styles für Nav und Footer
 */

/* ── NAV ── */
nav {
  position: fixed; top: 0; left: 0; width: 100%; z-index: 200;
  background: rgba(13,31,30,0.98);
  backdrop-filter: blur(12px);
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 6%; height: 68px;
  border-bottom: 1px solid rgba(74,173,160,0.15);
}

.nav-logo { display: flex; align-items: center; text-decoration: none; }
.nav-logo svg,
.logo svg { height: 36px; width: auto; }
.logo { display: flex; align-items: center; text-decoration: none; }

.nav-links { display: flex; gap: 2rem; list-style: none; margin: 0; padding: 0; }
.nav-links a {
  font-size: 0.78rem; font-weight: 500; letter-spacing: 0.06em;
  text-transform: uppercase; color: rgba(255,255,255,0.62);
  text-decoration: none; transition: color 0.18s;
  padding: 4px 0;
}
.nav-links a:hover,
.nav-links a.active { color: #4aada0; }
.nav-links a.active { position: relative; }
.nav-links a.active::after {
  content: ''; position: absolute; bottom: -4px; left: 0; right: 0;
  height: 2px; background: #4aada0; border-radius: 1px;
}

.nav-cta {
  background: #2a8a7f; color: #ffffff;
  font-size: 0.76rem; font-weight: 700; letter-spacing: 0.05em;
  text-transform: uppercase; text-decoration: none;
  padding: 10px 22px; border-radius: 3px;
  transition: background 0.18s; white-space: nowrap;
}
.nav-cta:hover { background: #4aada0; }

/* ── FOOTER ── */
footer {
  background: #0d1f1e;
  padding: 2.5rem 8%;
  display: flex; justify-content: space-between; align-items: center;
  flex-wrap: wrap; gap: 1rem;
  border-top: 1px solid rgba(74,173,160,0.1);
}
.footer-logo { display: flex; align-items: center; text-decoration: none; }
.footer-logo svg { height: 28px; width: auto; }
.footer-meta {
  font-size: 0.76rem; color: rgba(255,255,255,0.45);
  display: flex; gap: 1.5rem; align-items: center;
  font-family: 'Inter', sans-serif;
}
.footer-meta a { color: rgba(255,255,255,0.45); text-decoration: none; transition: color 0.2s; }
.footer-meta a:hover { color: #4aada0; }

/* ── MOBILE ── */
@media (max-width: 860px) {
  nav { padding: 0 5%; }
  .nav-links { display: none; }
  .nav-cta { padding: 9px 16px; font-size: 0.72rem; }
  footer { padding: 2rem 5%; flex-direction: column; align-items: flex-start; gap: 1.2rem; }
}