@media (max-width: 767px) {
    /* General */
    body {
        hyphens: auto;
    }

    input[type='checkbox'] {
        transform: scale(1.5);
    }

    .main {
        padding-bottom: 0;
    }

    /* to top */
    #toTop {
        bottom: 50px;
        right: 0;
        border-right: 0;
    }

    /* Modal */
    .close .icon {
        font-size: 20px;
    }

    /* Offcanvas */
    .offcanvas-body .close-x {
        font-size: 1.5rem;
    }

    /* Header */
    header .banner.container.navbar {
        padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
    }

    header .banner.container.navbar .navbar-toggle .icon {
        margin-right: 0;
    }

    header .banner.container.navbar #header-collapse {
        position: absolute;
        left: 0;
        top: 80px;
        z-index: 5;
        background-color: var(--main-color);
        width: 100%;
        opacity: 0.95;
    }

    header .banner.container.navbar #header-collapse .navbar-nav {
        margin: 0 15px;
    }

    header .banner.container.navbar .nav > li.language .active,
    header .banner.container.navbar .nav > li.language div > span {
        display: none;
    }

    header .banner.container.navbar .nav > li.language div {
        padding-left: 0;
    }

    /* Footer */
    footer {
        order: 2;
    }

    footer .footer-main #sbb-logo-footer {
        margin-left: calc(-1 * var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }

    footer .footer-main {
        font-size: 90%;
    }

    footer .footer-main > .container {
        flex-direction: column-reverse;
        padding-block: 0 10px;
    }

    footer .footer-main > .container > ul {
        padding: calc(var(--bs-gutter-x) * 0.5) 0;
        flex-direction: column;
        margin-left: 0;
    }

    footer .footer-main > .container > ul > li {
        margin: 0;
    }

    footer .footer-main > .container > ul > li > a {
        padding-left: 0;
        padding-right: 0;
    }

    /* Search */
    #searchForm {
        width: 100%;
    }

    #searchForm .input-group {
        width: 100%;
        flex-wrap: nowrap;
    }

    #searchForm .input-group .searchForm-query {
        width: 100%;
    }

    #searchForm .input-group .searchForm-query #searchForm_lookfor {
        min-width: 200px;
    }

    #searchForm #searchForm_button .icon--font {
        margin-right: 0;
    }

    #searchForm a,
    #searchForm_type,
    .search-header .search-controls,
    .searchbox-text {
        display: none;
    }

    /* Search results */
    .title.getFull .title-text.resultlist {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .record .container {
        padding: 0;
    }

    .result .media {
        flex-direction: column;
    }

    .result a:not(:hover) {
        text-decoration: none;
    }

    .record-cover-link {
        text-align: start;
    }

    .record-list .result.result-ul > .media > .media-body {
        margin-left: 0;
        margin-block: 8px;
    }

    .result-body {
        grid-template-columns: 1fr;
    }

    .result .media-body .result-links {
        flex-direction: row;
    }

    .result .media-body .result-links a .icon {
        font-size: 20px;
    }

    /* Record */
    .record .media {
        padding: 0;
    }

    .detail-cover {
        display: none;
    }

    .detail-title {
        margin-block: 1rem;
    }

    /* Record nav */
    .record-nav .action-toolbar {
        flex-direction: row;
        flex-wrap: wrap;
    }

    /* Facets */
    .search-filter-toggle {
        --bs-btn-color: var(--secondary-color);
        --bs-btn-border-color: var(--secondary-color);
        margin: 0.5em 0;
    }

    .active-filters {
        display: none;
    }

    /* Sidebar fixes */
    .template-dir-search.template-name-history:not(.vufind-offcanvas.active) .sidebar {
        width: min-content;
    }

    .vufind-offcanvas.active.vufind-offcanvas-right .vufind-offcanvas-overlay {
        left: 0;
    }

    .vufind-offcanvas .sidebar {
        z-index: 10;
    }

    .vufind-offcanvas.active.vufind-offcanvas-right {
        margin-left: 0;
        margin-right: 0;
    }

    /* Login */
    .account-links {
        display: flex;
        flex-direction: column;
    }

    /* Breadcrumbs */
    .breadcrumbs {
        order: 1;
    }

    .breadcrumbs .container {
        padding: 0;
    }

    /* Clipboard */
    .cart-control-btns {
        gap: 0.5rem;
    }

    /* AvailabilityPlus */
    .jop_order {
        flex-direction: row !important;
        flex-wrap: wrap;
        width: 180px;
    }
}