/* ==========================================================================
   Shop-Navigation / Kategorie-Menü (Abgestufte Größen)
   ========================================================================== */

/* 1. Ebene: Hauptpunkte im sichtbaren Menükopf (Groß) */
.cs-categories1 > li > .cs-menuItem .cs-categorieName {
    font-size: 1.15rem; /* Entspricht ca. 18.5px */
    font-weight: 500;   /* Macht die Hauptpunkte leicht fett */
}

/* 2. Ebene: Erste Unterkategorien (Mittel) */
.cs-categories2 .cs-categorieName {
    font-size: 0.9rem;  /* Entspricht ca. 16px */
    font-weight: 400;   /* Normale Schriftstärke */
}

/* 3. & 4. Ebene: Tiefe Unterkategorien (Etwas kleiner) */
.cs-categories3 .cs-categorieName,
.cs-categories4 .cs-categorieName {
    font-size: 0.9rem;  /* Entspricht ca. 14.5px */
    font-weight: 400;
}

/* Zurück-Buttons in der mobilen/Overlay-Ansicht (Optional anpassen) */
.cs-backMenu span {
    font-size: 1.0rem;
}