/* Aufklappmenü "Für wen?" im Hauptmenü aller öffentlichen Seiten.
   Das Menü selbst erzeugt docs/gruppenseiten/build.py (Funktion nav), das Verhalten steht in assets/nav.js.
   Die übrigen Menü-Regeln (.nav, .nav-links, .nav-toggle) stehen in der jeweiligen Seite bzw. in gruppenseiten.css. */
.nav-dd{position:static;}
@media (min-width:1021px){ .nav-inner{position:relative;} }
.nav-dd-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;margin:0;font:inherit;font-weight:500;font-size:.94rem;color:var(--ink,#2B2B2B);cursor:pointer;white-space:nowrap;}
.nav-dd-btn:hover{color:var(--red,#C00000);}
.nav-dd-btn[data-current="1"]{color:var(--red,#C00000);font-weight:700;}
.nav-dd-btn:focus-visible,.nav-dd-list a:focus-visible{outline:2px solid var(--red,#C00000);outline-offset:3px;border-radius:4px;}
.nav-dd-btn svg{width:14px;height:14px;transition:transform .15s;}
.nav-dd-btn[aria-expanded="true"] svg{transform:rotate(180deg);}
.nav-dd-list{position:absolute;top:100%;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0;padding:10px;list-style:none;background:#fff;border:1px solid var(--line,#e7e2de);border-radius:0 0 14px 14px;box-shadow:0 22px 40px -22px rgba(34,31,29,.45);}
.nav-dd-list[hidden]{display:none;}
.nav-dd-list a{display:block;height:100%;box-sizing:border-box;padding:12px 14px;border-radius:8px;color:var(--ink,#2B2B2B);text-decoration:none;font-weight:700;font-size:.94rem;line-height:1.35;}
.nav-dd-list a span{display:block;margin-top:2px;font-weight:400;font-size:.84rem;color:var(--grey,#6b625c);}
.nav-dd-list a:hover{background:#f6efec;color:var(--red,#C00000);}
.nav-dd-list a[aria-current="page"]{color:var(--red,#C00000);background:#f6efec;}
@media (max-width:1020px){
  .nav-dd{border-bottom:1px solid var(--line,#e7e2de);}
  .nav-dd-btn{width:100%;justify-content:space-between;padding:13px 0;font-size:1rem;}
  .nav-dd-list{position:static;display:block;padding:0 0 8px 12px;border:0;border-radius:0;box-shadow:none;background:transparent;}
  .nav-dd-list[hidden]{display:none;}
  .nav-dd-list a{padding:9px 0;}
  .nav-dd-list a span{display:none;}
  .nav-dd-list a:hover,.nav-dd-list a[aria-current="page"]{background:transparent;}
}
