.column[style*="--span:12"] .block-type-heading,
.column[style*="--span:12"] .block-type-text,
.column[style*="--span:12"] .block-type-list,
.column[style*="--span:12"] .block-type-button,
.cta-gelb .column[style*="--span:12"] .block-type-image {
  padding: 0 var(--spacing-20);
}

.column[style*="--span:6"] {
  padding-left: var(--spacing-20);
}

.column[style*="--span:6"] ~ .column {
  padding-left: 0;
  padding-right: var(--spacing-24);
}

.block-type-text p {
  margin-bottom: var(--spacing-4);
}

.btn .icon::before {
  content: "";
  display: inline-flex;
  margin-right: var(--spacing-4);
  background-image: url("/assets/files/pdf.png");
  height: 30px;
  width: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.block-type-line hr {
  border: var(--spacing-px-sm) solid var(--color-gray-600);
}

/*
  Tablet
  ========================================================================== */
@media screen and (max-width: 72rem) {
  .column[style*="--span:12"] .block-type-heading,
  .column[style*="--span:12"] .block-type-text,
  .column[style*="--span:12"] .block-type-list,
  .column[style*="--span:12"] .block-type-button,
  .cta-gelb .column[style*="--span:12"] .block-type-image,
  .header-content {
    padding: 0 var(--spacing-12);
  }

  .column[style*="--span:6"] {
    padding-right: var(--spacing-12);
    padding-left: var(--spacing-12);
  }
  .column[style*="--span:6"] ~ .column {
    padding-left: 0;
    padding-right: var(--spacing-12);
    padding-left: var(--spacing-12);
  }
}

.footer-content .block-type-image {
  width: 20%;
  mix-blend-mode: multiply;
}

/*
  Mobile
  ========================================================================== */
@media screen and (max-width: 40em) {
  .column[style*="--span:12"] .block-type-heading,
  .column[style*="--span:12"] .block-type-text,
  .column[style*="--span:12"] .block-type-list,
  .column[style*="--span:12"] .block-type-button,
  .header-content {
    padding: 0 var(--spacing-6);
  }

  .cta-gelb .column[style*="--span:12"] .block-type-image {
    display: none;
  }
  .column[style*="--span:6"] {
    padding-right: var(--spacing-6);
    padding-left: var(--spacing-6);
  }

  .column[style*="--span:6"] ~ .column {
    padding-left: 0;
    padding-right: var(--spacing-6);
    padding-left: var(--spacing-6);
  }

  .block {
    margin-bottom: var(--spacing-4);
  }
}