@media screen and (max-width: 61rem) {
    :root {
        --gp-size-content-width: calc(100%);
        --size-content-padding: 0.75rem;
        --font-size-h1: 2rem;
        --font-size-p: 1rem;
        --gp-size-sticky-header-height: 3.25rem;
    }

    .gp-visible-on-desktop {
        display: none !important;
    }

    .gp-visible-on-mobile {
        display: unset !important;
    }

    #gp-menu-primary {
        display: none;
    }

    .gp-header-topbar .gp-btn-hamburger {
        font-size: 1rem;
    }

    .gp-header-topbar .gp-header-topbar-widget-secondary {
        display: none;
    }

    .gp-header-topbar {
        display: flex;
        justify-content: center;
    }

    .gp-layout-section {
        flex-direction: column;
    }

    .gp-topbar .gp-topbar-content {
        grid-template-areas:
            "c c c"
            "a b d";
        grid-template-columns: min-content 1fr min-content;
    }

    .gp-topbar .gp-topbar-widgetn {
        display: block;
    }

    .gp-topbar .gp-topbar-widgetn .gp-widget {
        width: fit-content;
        margin: auto;
    }

    .gp-layout-content-aside-primary,
    .gp-layout-content-aside-secondary,
    .gp-layout-content-aside-article {
        width: 100%;
        max-width: unset;
    }

    .gp-layout-content-aside-article {
        border: none;
        margin-bottom: 0;
        margin-left: -0.25rem;
    }

    /* #region change order on mobile. Experimental! */

    #gp-layout-main > .gp-layout-section:first-child > .gp-layout-content-aside.gp-layout-content-aside-primary,
    #gp-layout-main > .gp-layout-section:first-child > .gp-layout-content:first-child {
        display: contents;
    }

    #gp-layout-sidebar-primary-1 {
        order: 10;
    }

    #gp-layout-main > .gp-layout-section:first-child > .gp-layout-content:first-child > .gp-layout-section:nth-child(1) {
        order: 20;
    }

    #gp-layout-sidebar-primary-2 {
        order: 30;
    }

    #gp-layout-main > .gp-layout-section:first-child > .gp-layout-content:first-child > .gp-layout-section:nth-child(2) {
        order: 40;
    }

    #gp-layout-sidebar-primary-3 {
        order: 50;
    }

    /* #endregion */

    /* #region Banners */

    .gp-sidebar-footer-top {
        padding: 1.25rem;
    }

    .gp-sidebar-header-under-menu {
        padding: 0rem;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        border: 0px;
        margin-top: 0rem;
    }

    .gp-sidebar-articlelist-between {
        padding: 0rem;
        width: fit-content;
        border: 0px;
    }

    #gp-sidebar-frame img {
        width: auto;
        height: auto;
        object-position: center top;
        position: absolute;
        left: 50%;
        top: 0.75rem;
        transform: translateX(-50%);
    }

    /* #endregion */

    /* #region gp Popup */

    .gp-popup.gp-popup-modal .gp-popup-content {
        inset: 0;
        margin: auto;
        max-width: calc(100vw - 2rem);
        max-height: calc(100vh - 8rem);
        aspect-ratio: 9/16;
    }

    #gp-popup-overlay-main {
        width: 100%;
        bottom: 0rem;
    }

    /* #endregion */

    /* #region App page */

    .page-id-34173 .gp-page-app-grid-111 {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr;
    }

    /* #endregion */
}