/* ─────────────────────────────────────────────────────────────
   makeFLOWeasy – Header/Navigation
   Einzige Quelle fuer die Kopfzeile. Auf JEDER Seite einbinden.
   Nicht in sub.css oder Inline-Styles duplizieren.
   ───────────────────────────────────────────────────────────── */

.nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:68px;
  background:rgba(15,34,64,.94);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;transition:background .3s;}

.nav-inner,.wrap-nav{max-width:1180px;margin:0 auto;padding:0 28px;width:100%;
  display:flex;align-items:center;justify-content:space-between;}

.nav-logo{display:flex;align-items:center;gap:11px;text-decoration:none;}
.logo-icon{width:38px;height:38px;border-radius:11px;
  background:linear-gradient(135deg,var(--blue),var(--green));
  display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.logo-icon svg{width:21px;height:21px;}
.logo-word{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:700;color:#fff;}
.logo-word b{color:var(--cyan);font-weight:700;}

.nav-links{display:flex;align-items:center;gap:30px;list-style:none;}
.nav-links a{color:rgba(255,255,255,.78);text-decoration:none;font-size:15px;
  font-weight:500;transition:color .2s;}
.nav-links a:hover{color:#fff;}
/* aktive Seite: nur Farbe, kein Fettdruck – sonst springt die Zeile */
.nav-links a[aria-current="page"]{color:#fff;}

.nav-cta{background:var(--green);color:var(--navy)!important;font-weight:700;
  padding:10px 20px;border-radius:10px;font-size:14px;
  transition:transform .15s,box-shadow .2s;}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 22px -8px rgba(0,200,150,.6);}
.nav-cta[aria-current="page"]{color:var(--navy)!important;}

.hamburger{display:none;background:none;border:0;cursor:pointer;padding:8px;}
.hamburger span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;
  border-radius:2px;transition:transform .25s,opacity .25s;}

@media(max-width:680px){
  .nav-links{position:fixed;top:68px;left:0;right:0;flex-direction:column;
    background:var(--navy);padding:22px 28px;gap:18px;align-items:flex-start;
    transform:translateY(-130%);transition:transform .3s;
    border-bottom:1px solid rgba(255,255,255,.1);}
  .nav-links.open{transform:translateY(0);}
  .hamburger{display:block;}
}