.holcim_richtext .text {
  overflow-x: auto;
  /*  This is necessary to adjust the before for each use case
  *   The rules are:
  *   1 - Height = 1/3 of text height
  *   2 - Left and right overflow = underline height
  *   3 - Underline must half over text half below 
  */
}
.holcim_richtext .text .align-left {
  margin-right: 1.25rem;
}
.holcim_richtext .text .align-right {
  margin-left: 1.25rem;
}
.holcim_richtext .text .xl-heading {
  text-transform: uppercase;
  font-size: 5rem;
  line-height: 100%;
  font-weight: 900;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 119.99875rem) {
  .holcim_richtext .text .xl-heading {
    font-size: 3.125rem;
  }
}
@media (max-width: 79.99875rem) {
  .holcim_richtext .text .xl-heading {
    font-size: 2.875rem;
  }
}
@media (max-width: 47.99875rem) {
  .holcim_richtext .text .xl-heading {
    font-size: 2.75rem;
  }
}
@media (max-width: 0.06125rem) {
  .holcim_richtext .text .xl-heading {
    font-size: 1.875rem;
  }
}
.holcim_richtext .text p.eyebrow {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.125rem;
  margin-bottom: 0;
}
@media (max-width: 79.99875rem) {
  .holcim_richtext .text p.eyebrow {
    font-size: 1.125rem;
  }
}
@media (max-width: 47.99875rem) {
  .holcim_richtext .text p.eyebrow {
    font-size: 1rem;
  }
}
.holcim_richtext .text p.bigParagraph {
  font-weight: 700;
  font-size: 3rem;
  line-height: 110%;
}
@media (max-width: 119.99875rem) {
  .holcim_richtext .text p.bigParagraph {
    font-size: 2.75rem;
  }
}
@media (max-width: 79.99875rem) {
  .holcim_richtext .text p.bigParagraph {
    font-size: 2.25rem;
  }
}
@media (max-width: 47.99875rem) {
  .holcim_richtext .text p.bigParagraph {
    font-size: 1.5rem;
    line-height: 120%;
  }
}
.holcim_richtext .text u.gradientUnderline {
  position: relative;
  z-index: 1;
  line-height: 1;
  text-decoration: none;
  display: inline-block;
}
.holcim_richtext .text u.gradientUnderline span.gradient_underline {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 33%;
  background: linear-gradient(to right, var(--corporate-bright-green), var(--corporate-bright-blue), var(--corporate-blue));
  z-index: -1;
}
.holcim_richtext .text h1.lightHeading,
.holcim_richtext .text h2.lightHeading,
.holcim_richtext .text h3.lightHeading {
  font-weight: 200;
}
@media (min-width: 120rem) {
  .holcim_richtext .text .xl-heading u.gradientUnderline span.gradient_underline {
    bottom: 1px;
  }
}
@media (min-width: 120rem) {
  .holcim_richtext .text .h1 u.gradientUnderline span.gradient_underline, .holcim_richtext .text h1 u.gradientUnderline span.gradient_underline {
    bottom: 1px;
  }
}
@media (min-width: 120rem) {
  .holcim_richtext .text .h2 u.gradientUnderline span.gradient_underline, .holcim_richtext .text h2 u.gradientUnderline span.gradient_underline {
    bottom: 1px;
  }
}
@media (min-width: 120rem) {
  .holcim_richtext .text .h3 u.gradientUnderline span.gradient_underline, .holcim_richtext .text h3 u.gradientUnderline span.gradient_underline {
    bottom: 1px;
  }
}
.holcim_richtext .text .material-icons {
  position: relative;
  top: 5px;
  padding-right: 0.3125rem;
}
.holcim_richtext .text strong.gradient-text-color-bold {
  background-image: linear-gradient(to right, var(--corporate-bright-green), var(--corporate-bright-blue), var(--corporate-blue));
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 900;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.holcim_richtext .text span.gradient-text-color {
  background-image: linear-gradient(to right, var(--corporate-bright-green), var(--corporate-bright-blue), var(--corporate-blue));
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 400;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.holcim_richtext .text p {
  font-size: 1.25rem;
  line-height: 2rem;
}
@media (max-width: 119.99875rem) {
  .holcim_richtext .text p {
    font-size: 1.1875rem;
    line-height: 1.75rem;
  }
}
@media (max-width: 79.99875rem) {
  .holcim_richtext .text p {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (max-width: 47.99875rem) {
  .holcim_richtext .text p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.holcim_richtext .text h1 {
  font-size: 3.375rem;
  font-weight: 900;
}
@media (max-width: 119.99875rem) {
  .holcim_richtext .text h1 {
    font-size: 2.25rem;
  }
}
@media (max-width: 79.99875rem) {
  .holcim_richtext .text h1 {
    font-size: 2.125rem;
  }
}
@media (max-width: 47.99875rem) {
  .holcim_richtext .text h1 {
    font-size: 1.875rem;
  }
}
.holcim_richtext .text h1 sup,
.holcim_richtext .text h1 sub {
  position: inherit;
}
.holcim_richtext .text h1 sup {
  vertical-align: super;
}
.holcim_richtext .text h1 sub {
  vertical-align: sub;
}
.holcim_richtext .text h2 {
  font-size: 2.75rem;
}
@media (max-width: 119.99875rem) {
  .holcim_richtext .text h2 {
    font-size: 2rem;
  }
}
@media (max-width: 79.99875rem) {
  .holcim_richtext .text h2 {
    font-size: 1.875rem;
  }
}
@media (max-width: 47.99875rem) {
  .holcim_richtext .text h2 {
    font-size: 1.6875rem;
  }
}
.holcim_richtext .text h3 {
  font-size: 2.25rem;
}
@media (max-width: 119.99875rem) {
  .holcim_richtext .text h3 {
    font-size: 1.75rem;
  }
}
@media (max-width: 79.99875rem) {
  .holcim_richtext .text h3 {
    font-size: 1.625rem;
  }
}
@media (max-width: 47.99875rem) {
  .holcim_richtext .text h3 {
    font-size: 1.4375rem;
  }
}
.holcim_richtext .text h4 {
  font-size: 1.8125rem;
}
@media (max-width: 119.99875rem) {
  .holcim_richtext .text h4 {
    font-size: 1.5rem;
  }
}
@media (max-width: 79.99875rem) {
  .holcim_richtext .text h4 {
    font-size: 1.4375rem;
  }
}
@media (max-width: 47.99875rem) {
  .holcim_richtext .text h4 {
    font-size: 1.25rem;
  }
}
.holcim_richtext .text h5 {
  font-size: 1.5rem;
}
@media (max-width: 119.99875rem) {
  .holcim_richtext .text h5 {
    font-size: 1.3125rem;
  }
}
@media (max-width: 79.99875rem) {
  .holcim_richtext .text h5 {
    font-size: 1.25rem;
  }
}
@media (max-width: 47.99875rem) {
  .holcim_richtext .text h5 {
    font-size: 1.125rem;
  }
}
.holcim_richtext .text h6 {
  font-size: 1.25rem;
}
@media (max-width: 119.99875rem) {
  .holcim_richtext .text h6 {
    font-size: 1.1875rem;
  }
}
@media (max-width: 79.99875rem) {
  .holcim_richtext .text h6 {
    font-size: 1rem;
  }
}
@media (max-width: 47.99875rem) {
  .holcim_richtext .text h6 {
    font-size: 1rem;
  }
}
.holcim_richtext .text a:not(.button_cta) {
  text-decoration: none;
  color: var(--corporate-bright-blue);
}
.holcim_richtext .text a:not(.button_cta):hover {
  text-decoration: underline;
}
.holcim_richtext .text a.button_cta {
  text-transform: uppercase;
}
.holcim_richtext .text ul li {
  font-size: 1.1875rem;
}
@media (max-width: 119.99875rem) {
  .holcim_richtext .text ul li {
    font-size: 1.1875rem;
  }
}
@media (max-width: 79.99875rem) {
  .holcim_richtext .text ul li {
    font-size: 1.125rem;
  }
}
@media (max-width: 47.99875rem) {
  .holcim_richtext .text ul li {
    font-size: 1rem;
  }
}
.holcim_richtext .text ol li {
  font-size: 1.1875rem;
}
@media (max-width: 119.99875rem) {
  .holcim_richtext .text ol li {
    font-size: 1.1875rem;
  }
}
@media (max-width: 79.99875rem) {
  .holcim_richtext .text ol li {
    font-size: 1.125rem;
  }
}
@media (max-width: 47.99875rem) {
  .holcim_richtext .text ol li {
    font-size: 1rem;
  }
}
.holcim_richtext .text ol > p,
.holcim_richtext .text ol h1,
.holcim_richtext .text ol h2,
.holcim_richtext .text ol h3,
.holcim_richtext .text ol h4,
.holcim_richtext .text ol h5,
.holcim_richtext .text ol h6,
.holcim_richtext .text ol pre {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  width: calc(100% - 30px);
}
.holcim_richtext .text table {
  border: 1px solid var(--corporate-white);
  font-size: 0.9375rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.holcim_richtext .text table thead th,
.holcim_richtext .text table thead td {
  color: var(--corporate-white);
  background-color: var(--corporate-main-color);
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  margin: 0.625rem;
  padding: 0.625rem;
  border: 1px solid var(--corporate-white);
}
.holcim_richtext .text table thead th > p,
.holcim_richtext .text table thead td > p {
  color: inherit;
  font-size: 1rem;
  margin: 0;
}
.holcim_richtext .text table.blue thead {
  background-color: var(--corporate-bright-blue);
}
.holcim_richtext .text table.green thead {
  background-color: var(--corporate-bright-green);
}
.holcim_richtext .text table.gradient {
  background: linear-gradient(to right, var(--corporate-bright-green), var(--corporate-bright-blue), var(--corporate-blue));
}
.holcim_richtext .text table.gradient thead {
  background: transparent;
}
.holcim_richtext .text table.white thead {
  background-color: var(--corporate-white);
}
.holcim_richtext .text table tbody tr {
  background-color: var(--corporate-lightgrey);
}
.holcim_richtext .text table tbody th,
.holcim_richtext .text table tbody td {
  border: 1px solid var(--corporate-white);
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  padding: 0.625rem;
}
.holcim_richtext .text table tbody th > p,
.holcim_richtext .text table tbody td > p {
  font-size: 0.875rem;
}
.holcim_richtext .text table tbody th {
  color: var(--corporate-white);
  background-color: var(--corporate-main-color);
  padding-left: 0.625rem;
}
.holcim_richtext .text table.coloredone tbody td:first-child {
  background-color: var(--corporate-palette-24);
}
.holcim_richtext .text table.blue th {
  background-color: var(--corporate-bright-blue);
}
.holcim_richtext .text table.blue.coloredone tbody td:first-child {
  background-color: var(--corporate-palette-25);
}
.holcim_richtext .text table.green th {
  background-color: var(--corporate-bright-green);
}
.holcim_richtext .text table.green.coloredone tbody td:first-child {
  background-color: var(--corporate-palette-26);
}
.holcim_richtext .text table.gradient th {
  background: transparent;
}
.holcim_richtext .text table.white th,
.holcim_richtext .text table.white td {
  background-color: var(--corporate-white);
  color: var(--corporate-black);
}
.holcim_richtext .text table caption {
  font-size: 0.875rem;
  line-height: 1.2727272727rem;
  color: var(--corporate-grey);
}
.holcim_richtext .text img {
  max-width: 100%;
  height: auto;
}
.holcim_richtext .text .showmore {
  display: inline-block;
}
.holcim_richtext .text .showmore .toggle {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 1.25rem;
}
.holcim_richtext .text .showmore .data {
  display: none;
}
.holcim_richtext .text .showmore .data.show {
  display: block;
}
.holcim_richtext .text.body-color-1, .holcim_richtext .text.body-color-1 h1, .holcim_richtext .text.body-color-1 h2, .holcim_richtext .text.body-color-1 h3, .holcim_richtext .text.body-color-1 h4, .holcim_richtext .text.body-color-1 h5, .holcim_richtext .text.body-color-1 h6, .holcim_richtext .text.body-color-1 li::marker {
  color: var(--corporate-field-color-1);
}
.holcim_richtext .text.body-color-2, .holcim_richtext .text.body-color-2 h1, .holcim_richtext .text.body-color-2 h2, .holcim_richtext .text.body-color-2 h3, .holcim_richtext .text.body-color-2 h4, .holcim_richtext .text.body-color-2 h5, .holcim_richtext .text.body-color-2 h6, .holcim_richtext .text.body-color-2 li::marker {
  color: var(--corporate-field-color-2);
}
.holcim_richtext .text.body-color-3, .holcim_richtext .text.body-color-3 h1, .holcim_richtext .text.body-color-3 h2, .holcim_richtext .text.body-color-3 h3, .holcim_richtext .text.body-color-3 h4, .holcim_richtext .text.body-color-3 h5, .holcim_richtext .text.body-color-3 h6, .holcim_richtext .text.body-color-3 li::marker {
  color: var(--corporate-field-color-3);
}
.holcim_richtext .text.body-color-4, .holcim_richtext .text.body-color-4 h1, .holcim_richtext .text.body-color-4 h2, .holcim_richtext .text.body-color-4 h3, .holcim_richtext .text.body-color-4 h4, .holcim_richtext .text.body-color-4 h5, .holcim_richtext .text.body-color-4 h6, .holcim_richtext .text.body-color-4 li::marker {
  color: var(--corporate-field-color-4);
}
.holcim_richtext .text.body-color-5, .holcim_richtext .text.body-color-5 h1, .holcim_richtext .text.body-color-5 h2, .holcim_richtext .text.body-color-5 h3, .holcim_richtext .text.body-color-5 h4, .holcim_richtext .text.body-color-5 h5, .holcim_richtext .text.body-color-5 h6, .holcim_richtext .text.body-color-5 li::marker {
  color: var(--corporate-field-color-5);
}
.holcim_richtext[class*=lb-background-color-] .text, .holcim_richtext.lb-background-ecopact-color .text {
  padding: 1.25rem;
}
.holcim_richtext.lb-background-ecopact-color ul li::before {
  background-color: var(--corporate-white);
}
.holcim_richtext.lb-background-color-3 .text h1,
.holcim_richtext.lb-background-color-3 .text h2,
.holcim_richtext.lb-background-color-3 .text h3,
.holcim_richtext.lb-background-color-3 .text h4,
.holcim_richtext.lb-background-color-3 .text h5,
.holcim_richtext.lb-background-color-3 .text h6 {
  color: var(--corporate-white) !important;
}
.holcim_richtext.lb-background-color-3 .text ul li::marker {
  color: var(--corporate-white) !important;
}
.holcim_richtext.lb-background-color-4 .text h1,
.holcim_richtext.lb-background-color-4 .text h2,
.holcim_richtext.lb-background-color-4 .text h3,
.holcim_richtext.lb-background-color-4 .text h4,
.holcim_richtext.lb-background-color-4 .text h5,
.holcim_richtext.lb-background-color-4 .text h6 {
  color: var(--corporate-white) !important;
}
.holcim_richtext.lb-background-color-4 .text ul li::marker {
  color: var(--corporate-white) !important;
}
.holcim_richtext.lb-background-color-5 .text h1,
.holcim_richtext.lb-background-color-5 .text h2,
.holcim_richtext.lb-background-color-5 .text h3,
.holcim_richtext.lb-background-color-5 .text h4,
.holcim_richtext.lb-background-color-5 .text h5,
.holcim_richtext.lb-background-color-5 .text h6 {
  color: var(--corporate-white) !important;
}
.holcim_richtext.lb-background-color-5 .text ul li::marker {
  color: var(--corporate-white) !important;
}

a.button_cta.blockcta-secondary {
  background-color: var(--corporate-lightgrey);
}

[class=col-12] .holcim_richtext:not(.fullwidth) .text,
[class="col-xl-12 col-lg-12 col-md-12 col-12"] .holcim_richtext:not(.fullwidth) .text,
[class="col-12 layout-builder__region js-layout-builder-region"] .holcim_richtext:not(.fullwidth) .text {
  width: 75%;
}
@media (max-width: 79.99875rem) {
  [class=col-12] .holcim_richtext:not(.fullwidth) .text,
[class="col-xl-12 col-lg-12 col-md-12 col-12"] .holcim_richtext:not(.fullwidth) .text,
[class="col-12 layout-builder__region js-layout-builder-region"] .holcim_richtext:not(.fullwidth) .text {
    width: 100%;
  }
}

.lb-background-ecopact-color .holcim_richtext:not([class*=lb-background-color-]) ul li::before {
  background-color: var(--corporate-white);
}
.lb-background-ecopact-color .holcim_richtext:not([class*=lb-background-color-]) h1, .lb-background-ecopact-color .holcim_richtext:not([class*=lb-background-color-]) h2, .lb-background-ecopact-color .holcim_richtext:not([class*=lb-background-color-]) h3, .lb-background-ecopact-color .holcim_richtext:not([class*=lb-background-color-]) h4, .lb-background-ecopact-color .holcim_richtext:not([class*=lb-background-color-]) h5, .lb-background-ecopact-color .holcim_richtext:not([class*=lb-background-color-]) h6 {
  color: var(--corporate-white);
}
/*# sourceMappingURL=style.css.map */