section.sidebar-layout .sidebar-layout-wrapper {
    max-width: calc(1312px);
    margin: 0 auto;
    overflow: hidden;
}

@media screen and (min-width: 768px) {

    section.sidebar-layout {
        padding: 0 var(--margin-s);
    }

    .sidebar-layout-navigation {
        padding-top: var(--margin-m);
        float: right;
        margin: 0 var(--margin-s);
        width: calc(35% - var(--margin-m));
    }

    .sidebar-layout-main-content {
        float: left;
        width: calc(65% - var(--margin-m));
        margin: 0 var(--margin-s);
    }

    .sidebar-layout-sidebar {
        padding-top: var(--margin-m);
        float: right;
        margin: 0 var(--margin-s);
        width: calc(35% - var(--margin-m));
    }

    .sidebar-layout-main-content .cards.preview.columns-one {
        padding: 0;
    }

}
