/* DartVision v7.46.56 · Menüleiste blendet sanft ein/aus, OHNE dass Zurück/Hauptmenü/Profil daneben springen. Logo/Hero-Hintergrundbild bleiben IMMER in ihrer Originalgröße, unverändert. --------------------------------------------------------------------- v7.46.53 hatte faelschlich auch die Kopf-/Hero-Hoehe selbst verkleinert (Hintergrundbild wurde nur zusammengequetscht) - v7.46.55 hat das korrigiert (nur noch .dvTopNav blendet aus/ein). Bei "display:none" sprangen dabei aber Zurueck/Hauptmenue/Profil daneben nach links/rechts, weil .dvTopNav komplett aus dem Layout genommen wurde. Jetzt bleibt der Platz fuer .dvTopNav immer reserviert (kein display:none mehr) - es blendet nur per Opacity + leichtem Slide sanft ein/aus, alles daneben bleibt an seinem festen Platz. Ausklappen - am Desktop per Maus-Hover oben am Rand, am Touchscreen durch Herunterziehen, ODER jederzeit über den Griff-Knopf (⌄) zum Antippen. Gesteuert über die Klasse `dvHeaderExpanded` auf (siehe js/07-page-navigation.js). */ :root:not(.dvHeaderExpanded) .dvTopNav{ opacity:0!important; transform:translateY(-8px); pointer-events:none!important; visibility:hidden; transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s; } html.dvHeaderExpanded .dvTopNav{ opacity:1; transform:translateY(0); visibility:visible; transition:opacity .22s ease,transform .22s ease; } .dvHeaderExpandHandle{ display:inline-flex;align-items:center;justify-content:center; width:30px;height:22px;margin-left:6px; border:1px solid rgba(255,255,255,.16);border-radius:0 0 9px 9px;border-top:0; background:rgba(8,8,9,.82);color:#c7ccd2;font-size:13px;line-height:1; cursor:pointer;transition:transform .2s ease,color .2s ease; } .dvHeaderExpandHandle:hover{color:#fff} html.dvHeaderExpanded .dvHeaderExpandHandle{transform:rotate(180deg)} @media(hover:none){ /* reiner Touch: der Griff ist der verlässlichste Weg, zusätzlich zum Herunterziehen */ .dvHeaderExpandHandle{width:38px;height:26px;font-size:16px} }