/* Dropdown "Leistungen" in der Hauptnavigation — wird auf allen Seiten mit Navigation eingebunden */

.nav-dd{position:relative;display:flex;align-items:center;}
.nav-links .nav-dd-trigger{display:inline-flex;align-items:center;gap:6px;}
.nav-dd-trigger .chev{width:12px;height:12px;transition:transform .2s ease;}
.nav-dd:hover .chev,
.nav-dd.open .chev,
.nav-dd:has(:focus-visible) .chev{transform:rotate(180deg);}

.nav-dd-menu{
  position:absolute;top:calc(100% + 16px);left:50%;
  width:350px;padding:8px;
  background:var(--panel);border:1px solid var(--line);border-radius:14px;
  box-shadow:0 24px 48px -20px rgba(15,26,28,0.30);
  opacity:0;visibility:hidden;transform:translate(-50%,6px);
  transition:opacity .2s ease, transform .2s ease, visibility .2s;
  z-index:60;
}
/* unsichtbare Brücke, damit das Menü beim Herunterfahren mit der Maus offen bleibt */
.nav-dd-menu::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px;}
.nav-dd:hover .nav-dd-menu,
.nav-dd.open .nav-dd-menu,
.nav-dd:has(:focus-visible) .nav-dd-menu{opacity:1;visibility:visible;transform:translate(-50%,0);}

.nav-links .nav-dd-menu a{
  display:flex;gap:13px;align-items:flex-start;
  padding:11px 12px;border-radius:10px;
  transition:background .2s ease;
}
.nav-links .nav-dd-menu a::after{display:none;}
.nav-links .nav-dd-menu a:hover,
.nav-links .nav-dd-menu a[aria-current="page"]{background:rgba(16,69,79,0.06);}
.nav-dd-menu .ic{
  width:36px;height:36px;border-radius:9px;background:var(--primary-deep);transition:transform .2s ease;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.nav-dd-menu .ic svg{width:18px;height:18px;stroke:var(--accent);fill:none;stroke-width:1.7;}
.nav-links .nav-dd-menu a:hover .ic{transform:scale(1.06);}
.nav-dd-menu b{display:block;font-size:14px;font-weight:600;color:var(--primary-deep);line-height:1.35;}
.nav-dd-menu small{display:block;font-size:12.5px;font-weight:400;color:var(--muted);line-height:1.4;margin-top:2px;}
.nav-links .nav-dd-menu a.dd-all{
  margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 8px 8px;
  padding:12px 12px 6px;font-family:'JetBrains Mono',monospace;font-size:12px;
  color:var(--primary);letter-spacing:.04em;text-transform:uppercase;
}
.nav-links .nav-dd-menu a.dd-all:hover{background:none;color:var(--accent-ink);}

/* Mobil: Unterpunkte direkt im aufgeklappten Burger-Menü anzeigen */
@media (max-width:760px){
  .nav-links{max-height:calc(100vh - 76px);overflow-y:auto;}
  .nav-dd{flex-direction:column;align-items:stretch;width:100%;}
  .nav-dd-trigger .chev{display:none;}
  .nav-links .nav-dd .nav-dd-menu{
    position:static;width:auto;padding:0 0 10px 14px;
    background:none;border:none;border-left:2px solid var(--line);box-shadow:none;border-radius:0;
    opacity:1;visibility:visible;transform:none;transition:none;
  }
  .nav-dd-menu::before{display:none;}
  .nav-links .nav-dd-menu a{padding:9px 0 9px 4px;border-top:none;width:100%;border-radius:0;}
  .nav-links .nav-dd-menu a:hover,
  .nav-links .nav-dd-menu a[aria-current="page"]{background:none;}
  .nav-links .nav-dd-menu a[aria-current="page"] b{color:var(--accent-ink);}
  .nav-dd-menu .ic,
  .nav-dd-menu small,
  .nav-links .nav-dd-menu a.dd-all{display:none;}
  .nav-dd-menu b{font-size:14px;font-weight:500;}
}