/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./components/text-intro/text-intro.scss ***!
  \*********************************************************************************************************************************************************************************************************/
/** GLOBALS **/
/************
/** VARIABLES
/****************************************/
/* EASING */
/* Font settings */
/** GLOBALS **/
/************
/** DEFINITION OF OWN MIXINS
/****************************************/
@keyframes shineEffect {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}
/** GLOBALS **/
/** GLOBALS **/
/** GLOBALS **/
.text-intro {
  --text-intro-width: 90.6666666667vw;
  --text-intro-alignment: center;
  --text-intro-margin: auto;
  --text-intro-col-width: 90.6666666667vw;
  text-align: var(--text-intro-alignment);
  margin-inline: var(--text-intro-margin);
  width: var(--text-intro-width);
  /* stylelint-disable */
  /* stylelint-enable */
}
.text-intro {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .text-intro {
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 1440px) {
  .text-intro {
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 768px) {
  .text-intro {
    --text-intro-width: 75.5208333333vw;
  }
}
@media only screen and (min-width: 1440px) {
  .text-intro {
    --text-intro-width: 75.5555555556vw;
  }
}
@media only screen and (min-width: 1920px) {
  .text-intro {
    --text-intro-width: 1450.6666666667px;
  }
}
@media only screen and (min-width: 1024px) {
  .text-intro.text-intro--columns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -moz-column-gap: var(--grid-gutter);
         column-gap: var(--grid-gutter);
  }
}

.text-intro--align-left {
  --text-intro-alignment: left;
}

.text-intro__topline {
  display: block;
  margin-bottom: 16px;
  color: var(--color-content-base-3);
  font-family: "Aleo", system-ui, serif;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.04875rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .text-intro__topline {
    margin-bottom: 24px;
  }
}
.text-intro--columns .text-intro__topline {
  text-align: left;
}
@media only screen and (min-width: 1024px) {
  .text-intro--columns .text-intro__topline {
    width: var(--text-intro-width);
    flex-basis: var(--text-intro-width);
  }
}

.text-intro__headline {
  color: var(--color-content-base-2);
  font-family: "Murecho", system-ui, Arial, sans-serif;
  font-weight: 700;
  line-height: 120%;
  font-size: 1.75rem;
  letter-spacing: -0.0525rem;
}
@media screen and (min-width: 768px) {
  .text-intro__headline {
    font-size: 2.5rem;
    letter-spacing: -0.075rem;
  }
}
@media screen and (min-width: 1280px) {
  .text-intro__headline {
    font-size: 2.5rem;
    letter-spacing: -0.075rem;
  }
}

.text-intro__subline {
  color: var(--color-content-base-6);
  font-family: "Murecho", system-ui, Arial, sans-serif;
  font-weight: 500;
  line-height: 120%;
  font-size: 1.25rem;
  letter-spacing: -0.025rem;
}
@media screen and (min-width: 768px) {
  .text-intro__subline {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
@media screen and (min-width: 1280px) {
  .text-intro__subline {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.text-intro__subline:not(:first-child) {
  margin-top: 16px;
}
@media only screen and (min-width: 768px) {
  .text-intro__subline:not(:first-child) {
    margin-top: 24px;
  }
}

.text-intro__copy {
  margin-top: 16px;
}
@media only screen and (min-width: 768px) {
  .text-intro__copy {
    margin-top: 24px;
  }
}
.text-intro__copy.rte p,
.text-intro__copy.rte li {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.025rem;
}

@media only screen and (min-width: 1024px) {
  .text-intro__col-right > *:first-child {
    margin-top: 0;
  }
}

.text-intro__col-left,
.text-intro__col-right {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: var(--text-intro-col-width);
  text-align: left;
  --text-intro-col-width: 90.6666666667vw;
}
@media only screen and (min-width: 768px) {
  .text-intro__col-left,
  .text-intro__col-right {
    --text-intro-col-width: 75.5208333333vw;
  }
}
@media only screen and (min-width: 1024px) {
  .text-intro__col-left,
  .text-intro__col-right {
    --text-intro-col-width: 36.4583333333vw;
  }
}
@media only screen and (min-width: 1440px) {
  .text-intro__col-left,
  .text-intro__col-right {
    --text-intro-col-width: 36.6666666667vw;
  }
}
@media only screen and (min-width: 1920px) {
  .text-intro__col-left,
  .text-intro__col-right {
    --text-intro-col-width: 704px;
  }
}