/* Seitenraster: zentrierte Inhaltsspalte und Abschnitte. */

.container {
  width: 100%;
  margin-inline: auto;
  padding-inline: var(--gutter);
}

.container--wide {
  max-width: calc(var(--width-wide) + 2 * var(--gutter));
}

.container--text {
  max-width: calc(var(--width-text) + 2 * var(--gutter));
}

.section {
  padding-block: var(--space-section);
}

.section + .section {
  padding-top: 0;
}

.section--tinted,
.section + .section--tinted {
  padding-block: var(--space-section);
  background: var(--color-paper-deep);
}