@media (min-width: 992px) {
    .hamburger-btn {
        display: none !important;
    }

    .sidebar-close-btn {
        display: none !important;
    }

    .sidebar {
        transform: translateX(0);
        position: sticky;
    }

    .sidebar-overlay {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    .hamburger-btn {
        display: flex;
    }

    .sidebar-close-btn {
        display: block;
    }

    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        transform: translateX(-100%); /* versteckt */
    }

    .sidebar.open {
        transform: translateX(0); /* eingeblendet */
    }
}

@media screen and (max-width: 768px) {
    .book-authors ,
    .category-dropdown-toggle ,
    .name-categories {
        font-size: 20px!important;
    }
    .book-rating {
        font-size: 25px!important;
    }
    .book-title {
        font-size: 23px!important;
    }
    .edit-panel {
        width: 100%!important;
    }

    .categories-list {
        max-width: 100%!important;
    }
}
@media (max-width: 540px) {
    .search-box {
        padding: 20px;
    }

    .search-form {
        flex-direction: column;
    }

    .search-input,
    .search-button,
    .search-type-select {
        width: 100%;
    }

    .search-button {
        padding: 12px 20px;
    }

    .detail-top {
        flex-direction: column;
        align-items: center; /* optional, schöner zentriert */
        gap: 20px;
    }

    .detail-header-info {
        width: 100%;
        text-align: center; /* optional */
    }

    .detail-cover img {
        max-width: 180px;
        width: 100%;
        height: auto;

}

@media (max-width: 600px) {
    .book-card .btn-detail,
    .book-card .book-rating,
    .book-card .book-meta,
    .book-card .book-authors,
    .book-card .btn-delete {
        /*font-size: 18px !important;*/
    }
}