.sbb-grid,
.sbb-page-spacing {
  padding-inline: var(--sbb-layout-base-offset-responsive);
  margin-inline: auto;
  width: 100%;
}
@media (min-width: calc(90rem)) {
  .sbb-grid,
  .sbb-page-spacing {
    max-width: calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive));
  }
}

.sbb-grid-expanded,
.sbb-page-spacing-expanded {
  padding-inline: var(--sbb-spacing-responsive-xxs);
}

.sbb-grid,
.sbb-grid-expanded {
  display: grid;
  gap: var(--sbb-grid-base-gutter-responsive);
  grid-template-columns: repeat(var(--sbb-grid-base-columns), 1fr);
}