.factBoxWrapper {
  max-width: var(--size-width-p);
  margin: 0 auto var(--spacing-m);
}

.factBox {
  background: var(--color-background-secondary);
  margin: 0 calc(var(--spacing-s) * -1);
  padding: var(--spacing-s);
  font-size: var(--font-size-body);

  &[data-background-color="betongGray"] {
    background-color: var(--color-betongGray);
  }

  &[data-background-color="deepBrick"] {
    background-color: var(--color-deepBrick);
  }

  &[data-background-color="neufPink"] {
    background-color: var(--color-neufPink);
  }

  &[data-background-color="goldenOrange"] {
    background-color: var(--color-goldenOrange);
    color: var(--color-deepBrick);
  }

  &[data-background-color="goldenBeige"] {
    background-color: var(--color-goldenBeige);
  }

  &[data-background-color="chateauBlue"] {
    background-color: var(--color-chateauBlue);
    color: var(--color-betongGray);
  }
}

.factBoxHeader {

}

.factBoxContent {
  ul,
  ol {
    margin: 1em auto 2em;
    padding-left: var(--spacing-s);
  }
}