diff --git a/css/style.css b/css/style.css index 141b77c..6347258 100644 --- a/css/style.css +++ b/css/style.css @@ -551,7 +551,15 @@ nav { } .nav-dropdown-menu { - display: none; + /* Versteckt – nur beim Hover sichtbar */ + visibility: hidden; + opacity: 0; + pointer-events: none; + transform: translateY(-6px); + transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease; + /* Layout */ + display: flex; + flex-direction: column; position: absolute; top: calc(100% + 8px); left: 0; @@ -560,7 +568,6 @@ nav { border: 2px solid rgba(255,105,180,0.35); border-radius: 14px; padding: 0.4rem; - flex-direction: column; gap: 0.1rem; box-shadow: 0 8px 28px rgba(255,20,147,0.15); z-index: 200; @@ -569,7 +576,10 @@ nav { .nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown.open .nav-dropdown-menu { - display: flex; + visibility: visible; + opacity: 1; + pointer-events: auto; + transform: translateY(0); } .nav-dropdown-menu a { @@ -2786,7 +2796,7 @@ body.dark .nav-toggle span { color: #ff1493; padding: 0.75rem 1rem; border-radius: 10px; - pointer-events: none; /* Im Hamburger nicht klickbar – immer offen */ + pointer-events: none; } nav#main-nav .nav-dropdown-trigger::after { @@ -2794,7 +2804,12 @@ body.dark .nav-toggle span { } nav#main-nav .nav-dropdown-menu { - display: flex; + /* Im Hamburger immer sichtbar */ + visibility: visible !important; + opacity: 1 !important; + pointer-events: auto !important; + transform: none !important; + /* Layout */ position: static; background: rgba(255,20,147,0.04); border: 1px solid rgba(255,105,180,0.2); diff --git a/eis_projekt.html b/eis_projekt.html index 595bcac..2ecd101 100644 --- a/eis_projekt.html +++ b/eis_projekt.html @@ -30,7 +30,7 @@