@media (max-width: 899px) {
    .mobile-view {
        display: flex !important;
    }

    .desktop-view {
        display: none !important;
    }

    .kfw-collapse-stack {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .kfw-collapse-stack > * {
        flex: 0 0 auto !important;
    }

    .kfw-layout [style*="overflow-y: auto"] [style*="overflow-y: auto"]:not(.kfw-popup-content, .kfw-popup-content *) {
        flex: 0 0 auto !important;
        overflow: visible !important;
    }

    .kfw-layout [style*="overflow-y: auto"] [style*="flex: 1 1"][style*="overflow: hidden"]:not(.kfw-popup-content, .kfw-popup-content *) {
        flex: 0 0 auto !important;
        overflow: visible !important;
    }

    .kfw-collapse-hide {
        display: none !important;
    }
}

@media (min-width: 900px) {
    .mobile-view {
        display: none !important;
    }

    .desktop-view {
        display: flex !important;
    }
}


@media (max-width: 48rem) {
    :root {
        --kfw-p-large: 1rem;
        --kfw-p-extralarge: 1rem;
        --kfw-g-large: 1rem;
        --kfw-m-large: 1rem;
        --kfw-fs-title: 1.625rem;
        --kfw-fs-heading: 1.375rem;
        --kfw-grow-min: min(100%, 12rem);
    }

    .kfw-layout .rz-flex-row {
        flex-wrap: wrap !important;
    }

    .kfw-layout .rz-flex-row:has(> [style*="overflow-y: auto"], > [style*="overflow: auto"]) {
        flex-wrap: nowrap !important;
    }
}