/* ============================================================
   nav.css · acamindo · einheitlicher Header + Footer + Burger-Menü
   Immer NACH mindo-core.css (und ggf. content.css / Inline-Styles)
   einbinden – diese Datei hat das letzte Wort über die Navigation.
   ============================================================ */

/* --- Header --- */
header { position: sticky; top: 0; background: rgba(255,255,255,.96); backdrop-filter: blur(6px); border-bottom: 1px solid var(--mindo-border); z-index: 50; }
header .nav { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 10px 24px; max-width: 1080px; margin: 0 auto; }
header .logo { display: flex; align-items: center; text-decoration: none; }
header .logo img { height: 56px; width: auto; display: block; }
header nav.menu { display: flex; gap: 6px 16px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
header nav.menu a { color: var(--mindo-navy); text-decoration: none; font-size: .92rem; font-weight: 700; white-space: nowrap; }
header nav.menu a:hover { color: var(--mindo-magenta); }
header .nav-cta { background: var(--mindo-orange); color: #fff !important; padding: 10px 20px; border-radius: 999px; }
header .nav-cta:hover { filter: brightness(.95); }

/* --- Burger-Button --- */
.nav-burger { display: none; background: none; border: 0; cursor: pointer; padding: 10px 6px; flex-direction: column; gap: 5px; }
.nav-burger span { display: block; width: 26px; height: 3px; border-radius: 2px; background: var(--mindo-navy); transition: .2s; }

@media (max-width: 960px) {
  .nav-burger { display: flex; }
  header .logo img { height: 46px; }
  header nav.menu { display: none !important; position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-bottom: 1px solid var(--mindo-border); box-shadow: 0 18px 34px rgba(30,42,90,.14); flex-direction: column; align-items: flex-start; gap: 0; padding: 8px 24px 20px; }
  header nav.menu.open { display: flex !important; }
  header nav.menu a { display: block !important; width: 100%; padding: 11px 0; font-size: 1.04rem; border-bottom: 1px solid var(--mindo-border); }
  header nav.menu a:last-child { border-bottom: 0; }
  header nav.menu a.nav-cta { width: auto; margin-top: 12px; padding: 11px 24px; border-bottom: 0; text-align: center; }
}

/* --- Footer --- */
footer { padding: 34px 0; color: #b9c2d8; font-size: .88rem; background: var(--mindo-navy); }
footer .wrap { display: block; max-width: 1080px; margin: 0 auto; padding: 0 24px; }
footer a { color: #b9c2d8; text-decoration: none; }
footer a:hover { color: #fff; }
footer .footer-top { display: block; margin-bottom: 16px; }
footer .footer-top nav { display: flex; flex-wrap: wrap; gap: 10px 18px; }
footer .footer-top nav a { margin: 0; }
footer .footer-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; border-top: 1px solid rgba(255,255,255,.15); padding-top: 14px; }
footer .footer-bottom .footer-legal { display: flex; flex-wrap: wrap; gap: 10px 18px; }
footer .footer-bottom .footer-legal a { margin: 0; }