.jbsvis-sidenavsub {
    --jbsvis-sidenavsub-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --jbsvis-sidenavsub-border-color: var(--bs-border-color);
    --jbsvis-sidenavsub-border-width: var(--bs-border-width);
    --jbsvis-sidenavsub-border-radius: var(--bs-border-radius);
    --jbsvis-sidenavsub-btn-color: var(--bs-body-color);
    --jbsvis-sidenavsub-btn-bg: var(--bs-sidenav-bg);
    --jbsvis-sidenavsub-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --jbsvis-sidenavsub-btn-icon-width: 0.75rem;
    --jbsvis-sidenavsub-btn-icon-transform: rotate(-180deg);
    --jbsvis-sidenavsub-btn-icon-transition: transform 0.2s ease-in-out;
    --jbsvis-sidenavsub-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --jbsvis-sidenavsub-btn-focus-border-color: #86b7fe;
    --jbsvis-sidenavsub-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --jbsvis-sidenavsub-body-padding-x: 1.25rem;
    --jbsvis-sidenavsub-body-padding-y: 1rem;
    --jbsvis-sidenavsub-active-color: var(--bs-primary-text-emphasis);
    --jbsvis-sidenavsub-active-bg: var(--bs-primary-bg-subtle);

    --jbsvis-sidenavsub-title-padding: 4px;

    padding: 8px;
}

.jbsvis-sidenavsub-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--jbsvis-sidenavsub-btn-padding-y) var(--jbsvis-sidenavsub-btn-padding-x);
    font-size: 1rem;
    color: var(--jbsvis-sidenavsub-btn-color);
    text-align: left;
    background-color: var(--jbsvis-sidenavsub-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--jbsvis-sidenavsub-transition);
    padding: 0;
    margin: 0;
}

@media (prefers-reduced-motion: reduce) {
    .jbsvis-sidenavsub-button {
        transition: none;
    }
}

.jbsvis-sidenavsub-button:hover,
.jbsvis-sidenavsub-button:focus {
    color: var(--jbsvis-sidenavsub-active-color);
    background-color: var(--jbsvis-sidenavsub-active-bg);
}

.jbsvis-sidenavsub-button:not(.collapsed) {
    color: var(--jbsvis-sidenavsub-active-color);
    background-color: var(--jbsvis-sidenavsub-active-bg);
}

.jbsvis-sidenavsub-button:not(.collapsed)::after {
    background-image: var(--jbsvis-sidenavsub-btn-active-icon);
    transform: var(--jbsvis-sidenavsub-btn-icon-transform);
}

.jbsvis-sidenavsub-button::after {
    flex-shrink: 0;
    width: var(--jbsvis-sidenavsub-btn-icon-width);
    height: var(--jbsvis-sidenavsub-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--jbsvis-sidenavsub-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--jbsvis-sidenavsub-btn-icon-width);
    transition: var(--jbsvis-sidenavsub-btn-icon-transition);
}

@media (prefers-reduced-motion: reduce) {
    .jbsvis-sidenavsub-button::after {
        transition: none;
    }
}

.jbsvis-sidenavsub-button:hover {
    z-index: 2;
}

.jbsvis-sidenavsub-button:focus {
    z-index: 3;
}

.jbsvis-sidenavsub-header {
    margin-bottom: 0;
}


















.jbsvis-sidenavsub-item {

}

.jbsvis-sidenavsub-item .jbsvis-sidenavsub-button {
    padding: 8px;
    display: flex;
}

.jbsvis-sidenavsub-item .jbsvis-sidenavsub-button span.title {
    flex-grow: 1 !important;
    white-space: nowrap; /* Verhindert den Zeilenumbruch */
    overflow: hidden; /* Stellt sicher, dass der überschüssige Text verborgen wird */
    text-overflow: ellipsis; /* Fügt die ... am Ende des sichtbaren Textes hinzu */
    width: 100%;
    padding: 0px 8px;
}

.jbsvis-sidenavsub-item .jbsvis-sidenavsub-button span.title .badge {
    margin: 0px 8px;
}

.jbsvis-sidenavsub-item .jbsvis-sidenavsub-button .rounded-pill {
    float: right;
    margin-right: 8px;
}

.jbsvis-sidenavsub-line {
    border-bottom:1px solid var(--bs-border-color);
    padding-top:12px;
    margin-bottom: 12px;
}

.jbsvis-sidenavsub-heading {
    padding: 8px;
    color: var(--bs-secondary-color);
    font-size: 0.675rem;
    font-weight: 900;
    text-transform: uppercase;
}

[data-bs-theme=dark] .jbsvis-sidenavsub-button::after {
    --jbsvis-sidenavsub-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --jbsvis-sidenavsub-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}