/* ===== FINAL FIX Dropdown Galerie ===== */
/* Wichtig: verhindert dass Element volle Breite bekommt */
.nav-links {
align-items: center;
}
/* Nur so breit wie Inhalt */
.nav-item{
position: relative;
display: inline-block;
}
/* Dropdown exakt unter Galerie */
.nav-item .dropdown{
position: absolute;
top: 100%;
left: 0;
display: none;
flex-direction: column;
margin-top: 6px; /* kleine visuelle Distanz ohne Hover-Abbruch */
z-index: 2000;
}
/* Hover stabil halten */
.nav-item:hover .dropdown{
display: flex;
}
/* Klickfläche verbessern (Hover-Brücke) */
.nav-item::after{
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -8px;
height: 8px;
}
/* Styling unverändert lassen */
.dropdown .nav-link{
display: inline-block;
white-space: nowrap;
}
/* Mobile */
@media (max-width: 880px){
.nav-item{
display: block;
width: 100%;
}
.nav-item .dropdown{
position: static;
display: none;
margin-top: 5px;
}
.nav-item.open .dropdown{
display: block;
}
}