.flocker {
  margin-bottom: var(--section-margin);

  &.colored {
    padding: var(--section-padding) 0;
    background-color: var(--theme-color-primary-dimmed-04);

    h2 {
      margin-top: var(--section-headline-margin);
    }
  }
}

.has-sidebar {
  .flocker {
    &.colored {
      padding: var(--content-box-padding);
    }
  }
}