/* Standard */
@media all {
    .hide-on-lg {
        display: none !important;
    }

    .grid-md-rows {
        grid-template-columns: auto;
        grid-template-rows: 1fr 1fr;
    }

    .toast-list {
        position: fixed;
        top: 3rem;
        right: 0;
        bottom: auto;
        left: 0;
        width: auto;
        z-index: 999;
    }
}

/* Footer und Login */
@media (prefers-reduced-motion: no-preference) {
    .underline-on-hover {
        transition: text-decoration-color 333ms ease;
    }

    .collapse-toggle-container {
        transition: grid-template-rows 500ms ease;
    }

    #login-options .collapsing {
        transition: height 1s ease;
    }
}

/* Öffentliche Startseiten */
@media (max-width: 991.98px) {
    .landlord-hero__visual {
        max-width: 35rem;
    }
}

@media (max-width: 767.98px) {
    .student-gallery-modal__carousel {
        height: 75vh;
    }
}

@media (max-width: 575.98px) {
    .landlord-hero h1 {
        font-size: clamp(2.35rem, 12vw, 3.25rem);
    }
}

@media (max-width: 480px) {
    .student-hero h1 {
        font-size: clamp(2.2rem, 12vw, 3.2rem);
    }
}

/* sm */
@media (min-width: 576px) {}

/* md */
@media (min-width: 768px) {
    .grid-md-rows {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }

    .toast-list {
        position: fixed;
        top: auto;
        bottom: 3rem;
        z-index: 999;
    }

    .registration-content.registration-content-listing {
        max-width: 38rem !important;
    }

    .create-listing-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem !important;
    }

    .create-listing-form>* {
        margin-bottom: 0 !important;
    }

    .listing-type-section,
    .listing-images-section,
    .listing-description-section {
        grid-column: 1 / -1;
    }

    /* Admin-Navigation */

    @media (prefers-reduced-motion: no-preference) {
        body:has(.admin-nav) {
            transition: padding-left 200ms ease;
        }

        .admin-nav {
            transition: width 200ms ease;
        }
    }

    body:has(.admin-nav) {
        padding-left: 4.5rem;
    }

    .admin-nav {
        position: fixed;
        inset: 0 auto 0 0;
        width: 4.5rem;
        overflow-y: auto;
    }

    .admin-nav:hover {
        width: 17rem;
    }

    .admin-nav__header {
        justify-content: center !important;
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .admin-nav__section,
    .admin-nav-item span {
        display: none;
    }

    .admin-nav__logo-text {
        display: none;
    }

    .admin-nav #admin-navigation {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .admin-nav-item {
        justify-content: center;
        gap: 0 !important;
    }

    .admin-nav:hover .admin-nav__header {
        justify-content: space-between !important;
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .admin-nav:hover .admin-nav__header>a {
        display: inline-flex;
    }

    .admin-nav:hover .admin-nav__logo-text {
        display: block;
    }

    .admin-nav:hover .admin-nav__logo-icon {
        display: none;
    }

    .admin-nav:hover .admin-nav__section {
        display: list-item;
    }

    .admin-nav:hover .admin-nav-item span {
        display: inline;
    }

    .admin-nav:hover #admin-navigation {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .admin-nav:hover .admin-nav-item {
        justify-content: flex-start;
        gap: 0.5rem !important;
    }
}

/* lg */
@media (min-width: 992px) {
    .hide-on-lg {
        display: block !important;
    }
}

/* xl */
@media (min-width: 1200px) {
    .create-listing-form {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* xxl */
@media (min-width: 1400px) {}