/*
 * =========================================================
 * RPG OASE – HORIZONTALER MOBIL-SCROLLBEREICH
 * =========================================================
 *
 * Für Seiten, die auf kleinen Displays nicht zusammengedrückt
 * werden sollen.
 *
 * Verwendung:
 *
 * <div class="mobile-horizontal-scroll">
 *     <div class="mobile-horizontal-scroll-inner">
 *         ...
 *     </div>
 * </div>
 */

.mobile-horizontal-scroll {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}


.mobile-horizontal-scroll-inner {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}


@media (max-width: 900px) {

    .mobile-horizontal-scroll {
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
    }


    .mobile-horizontal-scroll-inner {
        min-width: 640px;
    }

}