Hallo Rolf,
Popover wäre dafür eine Alternative, aber das kannst du per CSS nicht ein/ausschalten.
ich habe zur Navi mit popover und anchor-Technik mal einen Entwurf gemacht.
Diese Version funktioniert im Chrome und im FF mit dem Polyfill für achor-Positionierung.
Im Safari wird der Polyfill seit Version 26 nicht mehr benötigt. Leider öffnet sich im Safari aber die unterste Ebene (Bereich 2.x) nicht und ich habe keine Ahnung, woran das liegt.
Wenn man aber nur eine Ebene benötigt, kann es auch der Safari. Und das CSS kann deutlich schlanker werden.
Gruß
Jürgen