/* =====================================================================
   HSM – Gemeinsame Navigation (identisch auf allen Seiten)
   Einzige Quelle für Nav + Mobile-Menü. Hartkodierte Farben (keine
   Seiten-Variablen), !important setzt sich gegen alte Inline-Regeln durch.
   ===================================================================== */
.nav{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;padding:0 32px!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(0,0,0,.06)!important;box-shadow:0 4px 24px rgba(0,0,0,.05)!important}
.nav-i{max-width:1440px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;height:74px!important;gap:32px!important}
.nav-logo{display:flex!important;align-items:center!important;flex-shrink:0!important;margin-right:auto!important}
.nav-logo img{height:46px!important;width:auto!important;display:block!important;filter:none!important}
.nav-logo-fb{display:none;font-family:'Bebas Neue',Impact,sans-serif;font-size:1.7rem;color:#00a0dd;letter-spacing:.04em}

/* Hauptlinks */
.nav .nl{display:flex!important;align-items:center!important;gap:2px!important;list-style:none!important;margin:0!important;padding:0!important}
.nav .nl>li{position:relative!important}
.nav .nl>li::after{content:''!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;height:16px!important}
.nav .nl>li>a{display:flex!important;align-items:center!important;gap:6px!important;padding:10px 16px!important;border-radius:8px!important;font-size:.92rem!important;font-weight:600!important;color:#343a40!important;text-decoration:none!important;transition:background .25s,color .25s!important;white-space:nowrap!important}
.nav .nl>li>a:hover{background:rgba(0,160,221,.08)!important;color:#00a0dd!important}
.nav .nl>li>a[aria-current="page"]{color:#00a0dd!important}
.chev{width:12px!important;height:12px!important;transition:transform .25s!important;stroke:currentColor!important;fill:none!important;stroke-width:2.5!important}
.nav .nl>li:hover .chev{transform:rotate(180deg)!important}

/* Dropdown */
.nav .dd{position:absolute!important;top:calc(100% + 14px)!important;left:0!important;min-width:248px!important;background:#fff!important;border-radius:14px!important;box-shadow:0 20px 60px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.04)!important;padding:10px!important;opacity:0!important;visibility:hidden!important;transform:translateY(-8px)!important;transition:opacity .25s,transform .25s,visibility .25s!important;pointer-events:none!important}
.nav .nl>li:hover .dd{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:all!important}
.nav .dd a{display:flex!important;align-items:center!important;gap:12px!important;padding:11px 14px!important;border-radius:9px!important;font-size:.86rem!important;font-weight:500!important;color:#343a40!important;text-decoration:none!important;transition:background .2s,color .2s!important}
.nav .dd a:hover{background:#e6f6fd!important;color:#00a0dd!important}
.dd-ic{width:30px!important;height:30px!important;background:rgba(0,160,221,.09)!important;border-radius:7px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#00a0dd!important;flex-shrink:0!important;transition:.25s!important}
.nav .dd a:hover .dd-ic{background:#00a0dd!important;color:#fff!important}
.dd-ic svg{width:14px!important;height:14px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important}

/* Rechts: Telefon + CTA */
.nav .nc{display:flex!important;align-items:center!important;gap:14px!important;flex-shrink:0!important}
.nav .nc a.tel{font-size:.88rem!important;font-weight:700!important;color:#343a40!important;text-decoration:none!important;white-space:nowrap!important;width:auto!important;height:auto!important;min-width:0!important;padding:0!important;border:none!important;border-radius:0!important;background:none!important;box-shadow:none!important;display:inline!important}
.nav .nc a.tel:hover{color:#00a0dd!important;background:none!important;box-shadow:none!important;border:none!important}
.nav .nav-cta{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 20px!important;border-radius:100px!important;background:#00a0dd!important;color:#fff!important;font-weight:600!important;font-size:.85rem!important;text-decoration:none!important;box-shadow:0 8px 24px rgba(0,160,221,.32)!important;transition:background .25s,transform .25s!important;white-space:nowrap!important}
.nav .nav-cta:hover{background:#0082b8!important;transform:translateY(-2px)!important}

/* Burger */
.hb{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:8px;background:none;border:none;cursor:pointer}
.hb span{display:block!important;width:24px!important;height:2.5px!important;background:#212529!important;border-radius:2px!important;transition:transform .35s,opacity .25s!important}
.hb.open span:first-child{transform:translateY(7px) rotate(45deg)!important}
.hb.open span:nth-child(2){opacity:0!important}
.hb.open span:last-child{transform:translateY(-7px) rotate(-45deg)!important}

/* Mobile-Menü */
.mn{position:fixed!important;inset:0!important;background:#fff!important;z-index:999!important;transform:translateX(100%)!important;transition:transform .4s cubic-bezier(.22,1,.36,1)!important;display:flex!important;flex-direction:column!important;padding:100px 32px 48px!important;overflow-y:auto!important}
.mn.open{transform:none!important}
.mn a{font-size:1.5rem!important;font-family:'Bebas Neue',Impact,sans-serif!important;letter-spacing:.04em!important;padding:14px 0!important;border-bottom:1px solid #f1f3f5!important;color:#212529!important;text-decoration:none!important;display:block!important}
.mn a:hover{color:#00a0dd!important}

/* Responsive: ein einheitlicher Breakpoint für die ganze Seite */
@media(max-width:920px){
  .nav .nl,.nav .nc{display:none!important}
  .hb{display:flex!important}
}

/* Mobile-Menü Stagger (gestaffeltes Einblenden) */
.mn a{opacity:0;transform:translateY(12px);transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1),color .2s!important}
.mn.open a{opacity:1!important;transform:none!important}
.mn.open a:nth-child(1){transition-delay:.03s}.mn.open a:nth-child(2){transition-delay:.07s}.mn.open a:nth-child(3){transition-delay:.11s}.mn.open a:nth-child(4){transition-delay:.15s}.mn.open a:nth-child(5){transition-delay:.19s}.mn.open a:nth-child(6){transition-delay:.23s}.mn.open a:nth-child(7){transition-delay:.27s}
@media(prefers-reduced-motion:reduce){.mn a{opacity:1!important;transform:none!important;transition:color .2s!important}}