.customer-styles {
  /* START article: text */
  /* END article: text */
}

.customer-styles .template_text .global-content {
  grid-column: 1/7;
}

@media (min-width: 768px) {
  .customer-styles .template_text .global-content {
    grid-column: 3 / 15;
  }
}

.customer-styles .template_text .global-content .headline-container {
  width: -moz-fit-content;
  width: fit-content;
}

.customer-styles .template_text .global-content .headline-container .h2 {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin-top: 0;
  padding-bottom: calc(8 * var(--font-size));
  font-size: calc(50 * var(--font-size));
}

@media (min-width: 768px) {
  .customer-styles .template_text .global-content .headline-container .h2 {
    padding-bottom: calc(20 * var(--font-size));
  }
}

.customer-styles .template_text .global-content .headline-container .separator {
  position: relative;
  border-bottom: 1px solid #fbba00;
  margin-bottom: calc(50 * var(--font-size));
  width: calc(100% + calc(17 * var(--font-size)));
}

@media (min-width: 768px) {
  .customer-styles .template_text .global-content .headline-container .separator {
    margin-bottom: calc(80 * var(--font-size));
  }
}

.customer-styles .template_text .global-content .headline-container .separator:before {
  background-color: #fbba00;
  content: '';
  height: 1px;
  width: 100px;
  position: absolute;
  bottom: -1px;
  left: -100px;
}

@media (min-width: 768px) {
  .customer-styles .template_text .global-content .headline-container .separator:before {
    width: 100vw;
    left: -100vw;
  }
}

.customer-styles .template_text .global-content .headline-container .separator:after {
  background-color: #fbba00;
  content: '';
  height: calc(10 * var(--font-size));
  width: calc(17 * var(--font-size));
  position: absolute;
  bottom: -1px;
  right: 0;
  transform: translateY(50%);
}

.customer-styles .template_text .global-content h3 {
  margin-bottom: calc(25 * var(--font-size));
}

.customer-styles .template_text .global-content .button-container {
  display: flex;
  grid-column: 1 / 7;
  justify-content: center;
  margin-top: calc(30 * var(--font-size));
}

@media (min-width: 768px) {
  .customer-styles .template_text .global-content .button-container {
    grid-column: 1 / 17;
    margin-top: calc(62 * var(--font-size));
  }
}
