.columnsection {
  padding: 90px 0;
  background-color: var(--white);
  color: var(--schwarz);
}
.columnsection h1.columnsection__title {
  font-size: 96px;
  line-height: 100%;
  text-transform: uppercase;
}
@media screen and (max-width: 1440px) {
  .columnsection h1.columnsection__title {
    font-size: 80px;
  }
}
@media screen and (max-width: 1023px) {
  .columnsection h1.columnsection__title {
    font-size: 40px;
  }
}
@supports (font-size: clamp(1px, 2vw, 3px)) {
  .columnsection h1.columnsection__title {
    font-size: clamp(40px, 6.25vw, 96px);
  }
}
.columnsection__content {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 60px;
  margin-top: 50px;
}
.columnsection__col {
  flex: 1 160px;
  line-height: 120%;
}

@media screen and (max-width: 1440px) {
  .columnsection__col {
    font-size: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .columnsection {
    padding: 32px 0 72px 0;
  }
  .columnsection:first-child {
    padding-top: 32px;
  }
  .columnsection__content {
    gap: 24px 16px;
  }
  .columnsection__col {
    font-size: 12px;
  }
}