/**
 * @file
 * Container, Sektions-Layout.
 */

.section {
  padding: var(--section-padding-y) 0;
}

.section--dark {
  background: var(--color-bg-dark);
  color: var(--color-text-on-dark);
}

.section--alt {
  background: var(--color-bg-secondary);
}

.container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}

/* Body-Wrapper, falls vom Theme gerendert */
.layout-container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}