/* Custom CSS for Header Separators */
.main-menu > ul > li:not(:last-child)::after {
    content: '|';
    color: var(--color-white); /* Oder die gewünschte Farbe */
    margin-left: 44px; /* Abstand zum nächsten Element */
    opacity: 0.5;
    display: inline-block; /* Stellt sicher, dass es korrekt positioniert wird */
}

@media (max-width: 1599px) { /* Für XXL-Breakpoints */
    .main-menu > ul > li:not(:last-child)::after {
        margin-left: 15px;
    }
}

@media (max-width: 1199px) { /* Für XL-Breakpoints */
    .main-menu > ul > li:not(:last-child)::after {
        margin-left: 20px;
    }
}