/* ── Navigation seit Startseiten-Relaunch (15.10.2026): Demo-Button rechts ──
   Gilt fuer die Startseite und alle Seiten mit partials/landing/navbar.html.
   Bestand: unter 768px uebernimmt das Hamburger-Menue (lp_bundle.css). */
.lp-navbar .lp-nav-right .lp-nav-demo {
    padding: 8px 16px;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
}
/* Fuenf Menuepunkte + Demo + Logins passen erst ab ~1500px absolut
   zentriert: darunter laufen die Menuepunkte im Fluss neben dem Logo. */
@media (max-width: 1500px) and (min-width: 1181px) {
    .lp-nav-links {
        position: static;
        transform: none;
        margin-left: 16px;
    }
    .lp-nav-link { padding: 8px 9px; }
    .lp-nav-right { gap: 8px; }
    .lp-logo-brand { display: none; }
}
/* Tablet / kleines Notebook: Menuepunkte ins Hamburger-Menue,
   Demo + Anmelden + Sprache bleiben sichtbar. */
@media (max-width: 1180px) and (min-width: 769px) {
    .lp-nav-links { display: none; }
    .lp-hamburger { display: block; }
    .lp-logo-brand { display: none; }
    .lp-nav-right { gap: 8px; }
    .lp-nav-right .lp-nav-login[href*="partner"] { display: none; }
}
@media (max-width: 768px) {
    .lp-navbar .lp-nav-right .lp-nav-demo { display: none; }
}

/* "Loesungen" als Aufklappmenue (seit 15.10.2026): Trigger wie ein Menuepunkt */
.lp-nav-links .lp-dropdown-trigger { color: rgba(255,255,255,0.82); font-weight: 500; }
.lp-nav-links .lp-dropdown-trigger:hover,
.lp-nav-links .lp-dropdown.is-open .lp-dropdown-trigger { color: #ffffff; background: rgba(255,255,255,0.08); }
.lp-dropdown-caret { font-size: 10px; opacity: 0.7; }
.lp-nav-links .lp-dropdown-menu { min-width: 260px; }
.lp-nav-links .lp-dropdown-menu a { display: block; padding: 11px 18px; font-size: 14px; font-weight: 600; color: var(--lp-text); text-decoration: none; }