/* All rules are scoped to the builder, ready for custom per-container classes. */
.it-winkel-page-layout { margin-block: 0; display: flow-root; }
/* Break out of the centered article; the inner wrapper controls content width. */
.it-winkel-page-layout .section--fullwidth { width: 100vw; margin-inline: calc(50% - 50vw); margin-bottom: clamp(32px, 5vw, 64px); }
@supports (width: 100cqw) {
 body { container-type: inline-size; }
 .it-winkel-page-layout .section--fullwidth { width: 100cqw; margin-inline: calc(50% - 50cqw); }
}
.it-winkel-page-layout .section__inner { width: min(var(--container), calc(100% - 2 * var(--gutter))); margin-inline: auto; }
.it-winkel-page-layout .section--full-content > .section__inner { width: 100%; }
.it-winkel-page-layout .section--fullwidth .content-container { margin-bottom: 0; }
.it-winkel-page-layout .content-container { width: 100%; margin-inline: auto; display: grid; gap: clamp(20px, 3vw, 40px); margin-bottom: clamp(32px, 5vw, 64px); }
.it-winkel-page-layout .layout-100 { grid-template-columns: minmax(0, 1fr); }
.it-winkel-page-layout .layout-50-50 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.it-winkel-page-layout .layout-33-67 { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
.it-winkel-page-layout .layout-67-33 { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.it-winkel-page-layout .layout-33-33-33 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.it-winkel-page-layout .layout-25-75 { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); }
.it-winkel-page-layout .layout-75-25 { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); }
.it-winkel-page-layout .layout-25-50-25 { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); }
.it-winkel-page-layout .content-column { min-width: 0; overflow-wrap: anywhere; }
.it-winkel-page-layout .content-column > :last-child { margin-bottom: 0; }
@media (min-width: 601px) and (max-width: 900px) {
 .it-winkel-page-layout .layout-33-33-33, .it-winkel-page-layout .layout-25-50-25 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .it-winkel-page-layout .layout-33-33-33 > :last-child, .it-winkel-page-layout .layout-25-50-25 > :last-child { grid-column: 1 / -1; }
}
@media (max-width: 600px) { .it-winkel-page-layout .content-container { grid-template-columns: minmax(0, 1fr); } }