.KC-breadcrumbs {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;     /* ❗ Zentriert den Inhalt */
    align-items: center;         /* Optional: vertikal zentrieren */
    padding: 0;
    margin: 0 auto;              /* ❗ Automatische horizontale Zentrierung */
    font-size: 0.9rem;
    text-align: center;          /* Optional für inline content */
}

.KC-breadcrumbs li {
    display: flex;
    align-items: center;
}

.KC-breadcrumbs li + li::before {
    content: "›";
    margin: 0 0.5em;
    color: #888;
}

.KC-breadcrumbs a {
    text-decoration: none;
    color: #007BFF;
}

.KC-breadcrumbs a:hover {
    text-decoration: underline;
}