/**
 * CSS für die quadratischen Kästchen vor den Menüeinträgen
 */

/* Grundlegende Kästchen-Einstellungen (nur für Level 1) */
.navigation-item--level-1 > .navigation-link::before {
    content: '';
    display: var(--menu-boxes-display, inline-block);
    width: 10px;
    height: 10px;
    margin-right: 8px;
    background-color: var(--farbe-dorsten-gruen);
    vertical-align: middle;
    transform: translateY(-1px);
    transition: background-color var(--transition-speed, 0.3s) var(--transition-easing, ease);
}

/* Aktiver Menüpunkt Kästchen (nur Level 1) */
.navigation-item--level-1.navigation-item--state-active > .navigation-link::before {
    background-color: var(--farbe-dorsten-blau);
}

/* Mobile Navigation - Kästchen deaktivieren */
.mobile-navigation .navigation-item--level-1 > .navigation-link::before,
.mobile-navigation .navigation-item--level-1.navigation-item--state-active > .navigation-link::before {
    display: none !important;
    content: none !important;
}