/* Sidebar mit sanfter Animation */
.sidebar-animated {
    width: 0;
    overflow: hidden;
    transition: width 0.6s ease-in-out;
    top: 116px;
}

/* Sidebar ausgeklappt */
.sidebar-animated.show {
    width: auto;
}

/* Sidebar-Button Styling */
.sidebar-button {
    position: fixed;
    top: 116px; /* Direkt unter der Navbar */
    left: 0; /* Startposition */
    background-color: rgb(255,216,98);
    color: black;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 0 10px 10px 0;
    font-size: 18px;
    transition: transform 0.6s ease-in-out; /* Sanfte Bewegung */
}

/* Pfeil-Animation */
.sidebar-button i {
    transition: transform 0.6s ease-in-out;
}

/* Pfeil dreht sich korrekt beim Öffnen
.sidebar-animated.show ~ .sidebar-button i {
    transform: rotate(180deg);
} */

/* Entfernt Hover-Effekt */
.sidebar-button:hover {
    background-color: rgb(255,216,98) !important;
    color: black !important;
    border: none !important;
    box-shadow: none !important;
    transition: none !important;
}