/* ===== Nav-Dropdown „Leistungen" – gemeinsam für alle immo-Seiten ===== */
header nav .nav-group{
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 40px;
}
header nav .nav-group .nav-trigger{ margin-left: 0; cursor: pointer; }
header nav .nav-dropdown{
    position: absolute;
    top: 100%; right: 0;
    display: flex; flex-direction: column; align-items: flex-end;
    white-space: nowrap;
    opacity: 0; visibility: hidden; pointer-events: none;
    transform: translateY(6px);
    transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;
    padding-top: 16px; /* überbrückt die Lücke zum Trigger → durchgehendes Hover */
}
header nav .nav-group.is-open .nav-dropdown{
    opacity: 1; visibility: visible; pointer-events: auto;
    transform: translateY(0);
}
header nav .nav-dropdown a{ display: block; margin-left: 0 !important; padding: 7px 0; }
/* Beim Öffnen werden die übrigen Punkte grau (= Footer-Hover-Grau); Leistungen + Dropdown bleiben schwarz */
header nav.dropdown-open a{ color: #8d8d8d; }
header nav.dropdown-open .nav-group .nav-trigger,
header nav.dropdown-open .nav-dropdown a{ color: #000; }

@media (max-width:768px){
    header.open nav .nav-group{ display: block; margin-left: 0; }
    header.open nav .nav-group .nav-trigger{ display: block; margin-left: 0; padding: 25px 0; font-size: 28px; color: #000 !important; cursor: pointer; }
    header.open nav .nav-dropdown{
        position: static; align-items: center; padding-top: 0;
        transform: none; opacity: 1; visibility: visible; pointer-events: auto; white-space: normal;
        max-height: 0; overflow: hidden;
        transition: max-height 320ms ease;
    }
    header.open nav .nav-group.is-open .nav-dropdown{ max-height: 60vh; }
    header.open nav .nav-dropdown a{ display: block; margin-left: 0 !important; padding: 14px 0; font-size: 28px; color: #000 !important; }
    /* Mobile: bei offenem Dropdown die übrigen Menüpunkte grau (wie Web) */
    header.open nav.dropdown-open a.p1{ color: #8d8d8d !important; }
}
