
.navbar-xive-glass {
    /* Milchglas-Effekt (Blur) */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    
    /* Hintergrund: Dein Markenverlauf, aber stark transparent (0.07 bis 0.15 Opacity) */
    background: linear-gradient(135deg, rgba(0, 51, 255, 0.12) 0%, rgba(255, 0, 255, 0.07) 100%);
    background-color: rgba(5, 5, 10, 0.65); /* Solide Basis für die Lesbarkeit */
    
    /* Dezente Trennlinie unten */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.4s ease-in-out;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Stil für die einzelnen Navigations-Links */
.xive-nav-link {
    position: relative;
    padding: 8px 16px !important;
    font-size: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: color 0.3s ease;
}

/* Hover-Effekt: Färbt den Text sanft in dein Marken-Pink/Magenta ein */
.xive-nav-link:hover {
    color: var(--accent-pink) !important;
}

/* Der aktive/angeklickte Zustand mit voll umfänglich anpassbarem Unterstrich */
.xive-nav-link::after {
    content: "";
    position: absolute;
    bottom: -2px;      /* Abstand des Unterstrichs zum Text */
    left: 16px;        /* Startbündig mit dem Text-Padding */
    right: 16px;       /* Endbündig mit dem Text-Padding */
    
    /* EDITIERBAR: Höhe/Dicke des Unterstrichs */
    height: 3px;       
    
    /* EDITIERBAR: Der Verlauf oder die Farbe des Unterstrichs */
    background: linear-gradient(to right, var(--accent-blue), var(--accent-magenta));
    
    /* EDITIERBAR: Abrundung des Strichs */
    border-radius: 2px; 
    
    /* Animation-Setup */
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

/* Zeigt den Unterstrich permanent, wenn die Klasse .active vorhanden ist */
.xive-nav-link.active::after {
    transform: scaleX(1);
}

/* Optional: Lässt den Unterstrich auch beim Hovern dynamisch einblenden */
.xive-nav-link:hover::after {
    transform: scaleX(1);
}

/* Logo-Größe fixieren */
.navbar-logo {
    max-height: 45px;
    object-contain: fit;
}
