.Main .Section:first-child {
  padding-top: 120px;
}

.Main .Section:first-child .Headline--extraMargin {
    margin-top: 0;
  }

@media screen and (max-width: 768px) {

.Main .Section:first-child {
    padding-top: 88px;
}
  }

.Section {
  position: relative;
  width: 100%;
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

@media screen and (max-width: 768px) {

.Section {
    padding-top: 44px;
    padding-bottom: 44px;
}
  }

.Section.bg--01,
  .Section.bg--02,
  .Section.bg--03,
  .Section.bg--04,
  .Section.bg--05,
  .Section.bg--06,
  .Section.bg--07,
  .Section.bg--white {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-top: 120px;
    padding-bottom: 120px;
  }

@media screen and (max-width: 768px) {

.Section.bg--01,
  .Section.bg--02,
  .Section.bg--03,
  .Section.bg--04,
  .Section.bg--05,
  .Section.bg--06,
  .Section.bg--07,
  .Section.bg--white {
      margin-top: 44px;
      margin-bottom: 44px;
      padding-top: 88px;
      padding-bottom: 88px;
  }
    }

.Section.bg--01 .Headline-subtitle,
    .Section.bg--02 .Headline-subtitle,
    .Section.bg--04 .Headline-subtitle,
    .Section.bg--06 .Headline-subtitle,
    .Section.bg--01 .Headline,
    .Section.bg--02 .Headline,
    .Section.bg--04 .Headline,
    .Section.bg--06 .Headline,
    .Section.bg--01 .Text,
    .Section.bg--02 .Text,
    .Section.bg--04 .Text,
    .Section.bg--06 .Text,
    .Section.bg--01 .TabMenu-button,
    .Section.bg--02 .TabMenu-button,
    .Section.bg--04 .TabMenu-button,
    .Section.bg--06 .TabMenu-button {
      border-color: #ffffff !important;
    }

.Section.bg--01 .Headline-subtitle,
    .Section.bg--02 .Headline-subtitle,
    .Section.bg--04 .Headline-subtitle,
    .Section.bg--06 .Headline-subtitle,
    .Section.bg--01 .Headline,
    .Section.bg--02 .Headline,
    .Section.bg--04 .Headline,
    .Section.bg--06 .Headline,
    .Section.bg--01 .Text,
    .Section.bg--02 .Text,
    .Section.bg--04 .Text,
    .Section.bg--06 .Text,
    .Section.bg--01 .TabMenu-button,
    .Section.bg--02 .TabMenu-button,
    .Section.bg--04 .TabMenu-button,
    .Section.bg--06 .TabMenu-button {
      color: #ffffff;
      transition: opacity 250ms ease;
    }

.Section.bg--01 .TabMenu-button:hover, .Section.bg--02 .TabMenu-button:hover, .Section.bg--04 .TabMenu-button:hover, .Section.bg--06 .TabMenu-button:hover {
      color: #ffffff;
      opacity: 0.8;
    }

.Section.bg--03 .Headline-subtitle,
    .Section.bg--05 .Headline-subtitle,
    .Section.bg--07 .Headline-subtitle,
    .Section.bg--03 .Headline,
    .Section.bg--05 .Headline,
    .Section.bg--07 .Headline,
    .Section.bg--03 .Text,
    .Section.bg--05 .Text,
    .Section.bg--07 .Text,
    .Section.bg--03 .TabMenu-button,
    .Section.bg--05 .TabMenu-button,
    .Section.bg--07 .TabMenu-button {
      border-color: var(--clr-copy-900) !important;
    }

.Section.bg--03 .Headline-subtitle,
    .Section.bg--05 .Headline-subtitle,
    .Section.bg--07 .Headline-subtitle,
    .Section.bg--03 .Headline,
    .Section.bg--05 .Headline,
    .Section.bg--07 .Headline,
    .Section.bg--03 .Text,
    .Section.bg--05 .Text,
    .Section.bg--07 .Text,
    .Section.bg--03 .TabMenu-button,
    .Section.bg--05 .TabMenu-button,
    .Section.bg--07 .TabMenu-button {
      color: var(--clr-copy-900);
    }

.Section.bg--01 {
    background-color: var(--clr-primary-02);
  }

.Section.bg--02 {
    background-color: var(--clr-secondary-04);
  }

.Section.bg--03 {
    background-color: var(--clr-secondary-07);
  }

.Section.bg--04 {
    background-color: var(--clr-secondary-09);
  }

.Section.bg--05 {
    background-color: var(--clr-secondary-10);
  }

.Section.bg--06 {
    background-color: var(--clr-secondary-11);
  }

.Section.bg--07 {
    background-color: var(--clr-secondary-12);
  }

.Section.bg--white {
    background-color: #ffffff;
  }

.Section-content {
  display: flex;
  flex-direction: column;
}

.Section + .Quote {
  margin-top: -60px;
}

@media screen and (max-width: 768px) {

.Section + .Quote {
    margin-top: -44px;
}
  }