.sbb-grid,
.sbb-page-spacing {
  padding-inline: var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));
  margin-inline: auto;
  width: 100%;
}
@media (min-width: calc(90rem)) {
  .sbb-grid,
  .sbb-page-spacing {
    max-width: var(--sbb-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-page-spacing-padding, 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);
}

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