.cmp-layout-container--fixed {
    --gutter-x: 1.5rem;
    --gutter-y: 0;
    padding: 0 var(--spacing-s);
    padding-right: var(--spacing-s) !important;
    padding-left: var(--spacing-s) !important;
}
@media only screen and (min-width: 1025px) {
    .cmp-layout-container--fixed {
        clear: both !important;
        display: block;
        float: unset !important;
        margin: 0 auto !important;
        max-width: 900pt !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media only screen and (max-width: 1024px) {
    .cmp-layout-container--fixed {
        margin-right: 0;
        margin-left: 0;
    }
    /*.cmp-layout-container--fixed.p-y:only-child {
        padding: var(--spacing-m) 0 !important;
    }*/
}

@media only screen and (min-width: 1200px) {
    .container.portrait {
        padding: 1rem 3rem 0 0 !important;
        margin-right: 2.2rem;
    }
}
.container.portrait {
    padding: 1rem 3rem 0 0 !important;
}
.container.portrait .text h3 {
    color: var(--brand-primary-lapis);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
}
.container.portrait .text p {
    font-style: italic;
    line-height: 1.2;
}
.container.portrait .image {
    margin-bottom: 1.5rem;
}

@media only screen and (min-width: 1024px) {
    .one-col, .two-col, .three-col, .four-col {
        padding: var(--spacing-l) 0 0;
    }
    .cmp-layout-container--fixed .one-col:first-child,
    .cmp-layout-container--fixed .two-col:first-child,
    .cmp-layout-container--fixed .three-col:first-child,
    .cmp-layout-container--fixed .four-col:first-child {
        padding-top: 0 !important;
    }
    .two-col .container:first-child, .two-col .container:last-child {
        padding-left: 0;
        padding-right: var(--spacing-s);
    }
    .three-col .container {
        padding: 0 var(--spacing-base);
    }
    .three-col .container:first-child {
        padding-left: 0;
    }
    .three-col .container:last-child {
        padding-right: 0;
    }
    .four-col .container {
        padding: 0 var(--spacing-xs);
    }
    .four-col .container:first-child {
        padding-left: 0;
    }
    .four-col .container:last-child {
        padding-right: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .two-col .container, .three-col .container, .four-col .container {
        padding-right: var(--spacing-xs);
    }
}
@media only screen and (max-width: 1024px) {
    .two-col, .three-col, .four-col {
        padding: var(--spacing-xs) 0;
    }
    .two-col .container:not(:last-child), .three-col .container:not(:last-child), .four-col .container:not(:last-child) {
        padding-bottom: var(--spacing-xs);
    }
}

/* Content Cards moved to a dedicated component (ftwa/components/content-cards)
   with its own clientlib - see apps/ftwa/components/content-cards/clientlib. */