
    /* Positionierung nur für Haupt-Navbar-Links (<a> in .nav-item) 
    .navbar .nav-item > a {
        position: relative;
        text-decoration: none; /* Verhindert Standard-Unterstreichung 
    }

    /* Einziger animierter Underline auf <a>::after 
    .navbar .nav-item > a::after {
        content: "";
        position: absolute;
        right: 0;
        left: 50%;
        bottom: 0;
        transform: translate3d(-50%, 0, 0);
        display: block;
        width: 0;
        height: 2px;
        background-color: #2c33d8;
        transition: 0.3s width ease;
    }

    /* Expansion von Mitte bei Hover, aktuell oder Vorfahren 
    .navbar .nav-item.current-menu-item > a::after,
    .navbar .nav-item.current-menu-ancestor > a::after,
    .navbar .nav-item > a:hover::after {
        width: 100%;
    }

    /* Explizit: Andere mögliche ::after (z. B. von .nav) deaktivieren, um Duplikate zu vermeiden 
    .navbar .nav > a::after {
        content: none !important;
    }

    /* Submenüs ausschließen – keine Animation 
    .navbar .dropdown-menu a::after {
        content: none !important;
        width: 0 !important;
    }

    /* Dropdown-Pfeile schützen (falls vorhanden) 
    .navbar .nav-item.dropdown > a.dropdown-toggle::before {
        content: "";
        position: static;
        display: inline-block;
        margin-left: 0.3em;
        border-top: 0.2em solid currentColor;
        border-right: 0.2em solid transparent;
        border-bottom: 0;
        border-left: 0.2em solid transparent;
    }