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

.customer-styles .template_special .content-width {
  padding-top: 50px;
  padding-bottom: 50px;
  width: calc(((360px - (25px * 2)) / 15) * 15);
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

@media (min-width: 360px) {
  .customer-styles .template_special .content-width {
    padding-top: calc((50 * (100vw - 360px) / 440 + 50px));
  }
}

@media (min-width: 800px) {
  .customer-styles .template_special .content-width {
    padding-top: 100px;
  }
}

@media (min-width: 1200px) {
  .customer-styles .template_special .content-width {
    padding-top: calc((25 * (100vw - 1200px) / 400 + 100px));
  }
}

@media (min-width: 1600px) {
  .customer-styles .template_special .content-width {
    padding-top: 125px;
  }
}

@media (min-width: 360px) {
  .customer-styles .template_special .content-width {
    padding-bottom: calc((50 * (100vw - 360px) / 440 + 50px));
  }
}

@media (min-width: 800px) {
  .customer-styles .template_special .content-width {
    padding-bottom: 100px;
  }
}

@media (min-width: 1200px) {
  .customer-styles .template_special .content-width {
    padding-bottom: calc((25 * (100vw - 1200px) / 400 + 100px));
  }
}

@media (min-width: 1600px) {
  .customer-styles .template_special .content-width {
    padding-bottom: 125px;
  }
}

@media (min-width: 360px) {
  .customer-styles .template_special .content-width {
    width: calc(((100vw - ((13 * (100vw - 360px) / 440 + 25px) * 2)) / 15) * 15);
  }
}

@media (min-width: 800px) {
  .customer-styles .template_special .content-width {
    width: calc(((100vw - (38px * 2)) / 15) * 11);
  }
}

@media (min-width: 1200px) {
  .customer-styles .template_special .content-width {
    width: calc(((100vw - ((10 * (100vw - 1200px) / 400 + 38px) * 2)) / 15) * 7);
  }
}

@media (min-width: 1600px) {
  .customer-styles .template_special .content-width {
    width: calc(((1600px - (48px * 2)) / 15) * 7);
  }
}

.customer-styles .template_special .roofline {
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

.customer-styles .template_special .roofline:not(:last-child) {
  margin-bottom: 25px;
}

@media (min-width: 1200px) {
  .customer-styles .template_special .roofline:not(:last-child) {
    margin-bottom: calc((6 * (100vw - 1200px) / 400 + 25px));
  }
}

@media (min-width: 1600px) {
  .customer-styles .template_special .roofline:not(:last-child) {
    margin-bottom: 31px;
  }
}

.customer-styles .template_special .headline {
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

.customer-styles .template_special .headline:not(:last-child) {
  margin-bottom: 25px;
}

@media (min-width: 1200px) {
  .customer-styles .template_special .headline:not(:last-child) {
    margin-bottom: calc((6 * (100vw - 1200px) / 400 + 25px));
  }
}

@media (min-width: 1600px) {
  .customer-styles .template_special .headline:not(:last-child) {
    margin-bottom: 31px;
  }
}

.customer-styles .template_special .icon {
  height: 28px;
  width: 28px;
  display: block;
  fill: #fff;
  margin: 0 auto;
}

@media (min-width: 360px) {
  .customer-styles .template_special .icon {
    height: calc((4 * (100vw - 360px) / 440 + 28px));
  }
}

@media (min-width: 800px) {
  .customer-styles .template_special .icon {
    height: 32px;
  }
}

@media (min-width: 1200px) {
  .customer-styles .template_special .icon {
    height: calc((4 * (100vw - 1200px) / 400 + 32px));
  }
}

@media (min-width: 1600px) {
  .customer-styles .template_special .icon {
    height: 36px;
  }
}

@media (min-width: 360px) {
  .customer-styles .template_special .icon {
    width: calc((4 * (100vw - 360px) / 440 + 28px));
  }
}

@media (min-width: 800px) {
  .customer-styles .template_special .icon {
    width: 32px;
  }
}

@media (min-width: 1200px) {
  .customer-styles .template_special .icon {
    width: calc((4 * (100vw - 1200px) / 400 + 32px));
  }
}

@media (min-width: 1600px) {
  .customer-styles .template_special .icon {
    width: 36px;
  }
}

.customer-styles .template_special .icon:not(:last-child) {
  margin-bottom: 25px;
}

@media (min-width: 1200px) {
  .customer-styles .template_special .icon:not(:last-child) {
    margin-bottom: calc((6 * (100vw - 1200px) / 400 + 25px));
  }
}

@media (min-width: 1600px) {
  .customer-styles .template_special .icon:not(:last-child) {
    margin-bottom: 31px;
  }
}

.customer-styles .template_special .content {
  margin: 0;
  text-align: center;
  width: 100%;
}

.customer-styles .template_special .content:not(:last-child) {
  margin-bottom: 38px;
}

@media (min-width: 360px) {
  .customer-styles .template_special .content:not(:last-child) {
    margin-bottom: calc((12 * (100vw - 360px) / 440 + 38px));
  }
}

@media (min-width: 800px) {
  .customer-styles .template_special .content:not(:last-child) {
    margin-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  .customer-styles .template_special .content:not(:last-child) {
    margin-bottom: calc((12 * (100vw - 1200px) / 400 + 50px));
  }
}

@media (min-width: 1600px) {
  .customer-styles .template_special .content:not(:last-child) {
    margin-bottom: 62px;
  }
}

.customer-styles .template_special .content p {
  margin-bottom: 0;
  margin-top: 0;
}

.customer-styles .template_special .content p:not(:last-child) {
  margin-bottom: 25px;
}

@media (min-width: 1200px) {
  .customer-styles .template_special .content p:not(:last-child) {
    margin-bottom: calc((6 * (100vw - 1200px) / 400 + 25px));
  }
}

@media (min-width: 1600px) {
  .customer-styles .template_special .content p:not(:last-child) {
    margin-bottom: 31px;
  }
}

.customer-styles .template_special .illustration-wrapper {
  margin: 0 auto;
  width: 100%;
}

.customer-styles .template_special .illustration-wrapper:not(:last-child) {
  margin-bottom: 38px;
}

@media (min-width: 360px) {
  .customer-styles .template_special .illustration-wrapper:not(:last-child) {
    margin-bottom: calc((12 * (100vw - 360px) / 440 + 38px));
  }
}

@media (min-width: 800px) {
  .customer-styles .template_special .illustration-wrapper:not(:last-child) {
    margin-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  .customer-styles .template_special .illustration-wrapper:not(:last-child) {
    margin-bottom: calc((12 * (100vw - 1200px) / 400 + 50px));
  }
}

@media (min-width: 1600px) {
  .customer-styles .template_special .illustration-wrapper:not(:last-child) {
    margin-bottom: 62px;
  }
}

.customer-styles .template_special .image {
  width: 100%;
}

.customer-styles .template_special .illustration {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  min-height: 200px;
  width: 100%;
}

.customer-styles .template_special .button-area {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  width: 320px;
}

@media (min-width: 800px) {
  .customer-styles .template_special .button-area {
    flex-flow: nowrap;
    margin: 0 auto;
    width: auto;
  }
}

.customer-styles .template_special .button-area .global-button,
.customer-styles .template_special .button-area .global-button-cta {
  box-sizing: border-box;
  margin: 0 10px;
  text-align: center;
  width: 300px;
}

.customer-styles .template_special .button-area .global-button:not(:first-child),
.customer-styles .template_special .button-area .global-button-cta:not(:first-child) {
  margin-top: 10px;
}

@media (min-width: 800px) {
  .customer-styles .template_special .button-area .global-button:not(:first-child),
  .customer-styles .template_special .button-area .global-button-cta:not(:first-child) {
    margin-top: 0;
  }
}

.customer-styles .template_special .button-area .global-button:not(:last-child),
.customer-styles .template_special .button-area .global-button-cta:not(:last-child) {
  margin-bottom: 10px;
}

@media (min-width: 800px) {
  .customer-styles .template_special .button-area .global-button:not(:last-child),
  .customer-styles .template_special .button-area .global-button-cta:not(:last-child) {
    margin-bottom: 0;
  }
}

@media (min-width: 800px) {
  .customer-styles .template_special .button-area .global-button,
  .customer-styles .template_special .button-area .global-button-cta {
    margin: 0 10px;
    width: auto;
  }
}