.Section {
  position: relative;
  width: 100%;
  margin-top: 0;
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}

@media screen and (min-width: 600.02px) {

.Section {
    padding-top: var(--spacing-2xl);
    padding-bottom: var(--spacing-2xl);
}
  }

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

.Section--grey {
  --headline-borderColor: #ffffff;
  --font-clr-primary: #ffffff;
  background-color: var(--clr-grey);
}

.Section--turkis {
  --headline-borderColor: transparent;
  --font-clr-primary: var(--clr-grey);
  background-color: var(--clr-turkis);
}

.Section--light-turkis {
  --headline-borderColor: var(--clr-grey);
  --font-clr-primary: var(--clr-grey);
  background-color: rgba(173, 212, 212, 0.1);
}

.Section--white {
  --headline-borderColor: var(--clr-grey);
  --font-clr-primary: #000000;
  background-color: #ffffff;
}