/* v167: Navigation */
.topbar{backdrop-filter:saturate(120%) blur(12px);-webkit-backdrop-filter:saturate(120%) blur(12px)}
.menu-dropdown,.nested-dropdown{box-shadow:0 16px 38px rgba(0,0,0,.28)}
.menu-toggle:focus-visible,.nav-btn:focus-visible,.logout:focus-visible{outline:2px solid rgba(255,255,255,.72);outline-offset:2px}

/* v215: Seitliche Untermenüs sichtbar halten und Mauswege überbrücken. */
.menu-dropdown,.nested-dropdown{overflow:visible}
.menu-dropdown::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.nested-dropdown::before{content:"";position:absolute;top:0;bottom:0;left:-8px;width:8px}
.menu-group.open > .menu-dropdown,.nested-menu.open > .nested-dropdown{display:grid}
.nested-menu:hover > .nested-dropdown{display:none}
.nested-menu.open:hover > .nested-dropdown{display:grid}
@media(hover:hover) and (pointer:fine){
 .menu-group:hover > .menu-dropdown,.nested-menu:hover > .nested-dropdown{display:grid}
 .menu-group:hover > .menu-toggle{background:var(--red);color:#fff}
 .menu-group:hover > .menu-toggle span{transform:rotate(180deg)}
 .nested-menu:hover > .nested-toggle span{transform:rotate(90deg)}
}
@media(max-width:620px){
 .menu-group > .menu-dropdown{position:absolute;top:calc(100% + 7px);left:0;max-width:calc(100vw - 30px)}
 .nested-dropdown{position:static;min-width:0;margin:3px 0 3px 10px;box-shadow:none}
 .nested-dropdown::before{display:none}
}