/*!*******************************************************************************************************************************************************************************************!*\
  !*** 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/rte/rte.scss ***!
  \*******************************************************************************************************************************************************************************************/
/** GLOBALS **/
/************
/** VARIABLES
/****************************************/
/* EASING */
/* Font settings */
/** GLOBALS **/
/************
/** DEFINITION OF OWN MIXINS
/****************************************/
@keyframes shineEffect {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}
.rte ul,
.rte ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/** GLOBALS **/
/** GLOBALS **/
/** GLOBALS **/
.rte ul,
.rte ol {
  margin-top: 0;
}
.rte ul li,
.rte ol li {
  padding-left: 24px;
  position: relative;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.02rem;
}
.rte ul li + li,
.rte ol li + li {
  margin-top: 4px;
}
.rte ul li:first-child,
.rte ol li:first-child {
  margin-top: 0;
}
.rte ul li::before,
.rte ol li::before {
  position: absolute;
  left: 0;
}

.rte ul li::before, .rte ol li[data-list=bullet]::before {
  content: "";
  font-weight: 700;
  display: block;
  position: absolute;
  top: 9px;
  left: auto;
  right: calc(100% - 8px);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--rte-bullet-background-color);
  border: 1px solid var(--rte-bullet-border-color);
}

.rte {
  --rte-bullet-background-color: var(--color-content-base-2);
  --rte-bullet-border-color: var(--color-content-base-2);
  --rte-link-foreground-color: var(--color-content-base-2);
  --rte-link-background-color: transparent;
  --rte-link-underline: false;
  --rte-link-underline-offset: 2px;
  --rte-link-underline-thickness: 1px;
  --rte-link-padding-inline: 3px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.02rem;
}
.rte h2:not(:has(span)) {
  font-family: "Murecho", system-ui, Arial, sans-serif;
  font-weight: 700;
  line-height: 120%;
  font-size: 2.5rem;
  letter-spacing: -0.075rem;
}
@media screen and (min-width: 768px) {
  .rte h2:not(:has(span)) {
    font-size: 3.75rem;
    letter-spacing: -0.1125rem;
  }
}
@media screen and (min-width: 1280px) {
  .rte h2:not(:has(span)) {
    font-size: 3.75rem;
    letter-spacing: -0.1125rem;
  }
}
.rte h3:not(:has(span)) {
  font-family: "Murecho", system-ui, Arial, sans-serif;
  font-weight: 700;
  line-height: 120%;
  font-size: 2rem;
  letter-spacing: -0.06rem;
}
@media screen and (min-width: 768px) {
  .rte h3:not(:has(span)) {
    font-size: 3.125rem;
    letter-spacing: -0.09375rem;
  }
}
@media screen and (min-width: 1280px) {
  .rte h3:not(:has(span)) {
    font-size: 3.125rem;
    letter-spacing: -0.09375rem;
  }
}
.rte h4:not(:has(span)) {
  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) {
  .rte h4:not(:has(span)) {
    font-size: 2.5rem;
    letter-spacing: -0.075rem;
  }
}
@media screen and (min-width: 1280px) {
  .rte h4:not(:has(span)) {
    font-size: 2.5rem;
    letter-spacing: -0.075rem;
  }
}
.rte h5:not(:has(span)) {
  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) {
  .rte h5:not(:has(span)) {
    font-size: 2.5rem;
    letter-spacing: -0.075rem;
  }
}
@media screen and (min-width: 1280px) {
  .rte h5:not(:has(span)) {
    font-size: 2.5rem;
    letter-spacing: -0.075rem;
  }
}
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
  color: var(--color-content-base-2);
}
.rte .headline--xl {
  font-family: "Murecho", system-ui, Arial, sans-serif;
  font-weight: 700;
  line-height: 120%;
  font-size: 3.125rem;
  letter-spacing: -0.09375rem;
}
@media screen and (min-width: 768px) {
  .rte .headline--xl {
    font-size: 4.375rem;
    letter-spacing: -0.13125rem;
  }
}
@media screen and (min-width: 1280px) {
  .rte .headline--xl {
    font-size: 4.375rem;
    letter-spacing: -0.13125rem;
  }
}
.rte .headline--l {
  font-family: "Murecho", system-ui, Arial, sans-serif;
  font-weight: 700;
  line-height: 120%;
  font-size: 2.5rem;
  letter-spacing: -0.075rem;
}
@media screen and (min-width: 768px) {
  .rte .headline--l {
    font-size: 3.75rem;
    letter-spacing: -0.1125rem;
  }
}
@media screen and (min-width: 1280px) {
  .rte .headline--l {
    font-size: 3.75rem;
    letter-spacing: -0.1125rem;
  }
}
.rte .headline--m {
  font-family: "Murecho", system-ui, Arial, sans-serif;
  font-weight: 700;
  line-height: 120%;
  font-size: 2rem;
  letter-spacing: -0.06rem;
}
@media screen and (min-width: 768px) {
  .rte .headline--m {
    font-size: 3.125rem;
    letter-spacing: -0.09375rem;
  }
}
@media screen and (min-width: 1280px) {
  .rte .headline--m {
    font-size: 3.125rem;
    letter-spacing: -0.09375rem;
  }
}
.rte .headline--s {
  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) {
  .rte .headline--s {
    font-size: 2.5rem;
    letter-spacing: -0.075rem;
  }
}
@media screen and (min-width: 1280px) {
  .rte .headline--s {
    font-size: 2.5rem;
    letter-spacing: -0.075rem;
  }
}
.rte .headline--xl,
.rte .headline--l,
.rte .headline--m,
.rte .headline--s {
  color: var(--color-content-base-2);
}
.rte .headline--xl:is(span),
.rte .headline--l:is(span),
.rte .headline--m:is(span),
.rte .headline--s:is(span) {
  display: inline-block;
}
.rte b,
.rte strong {
  font-weight: 700;
}
.rte p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.02rem;
}
.rte .copy {
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.02rem;
}
.rte .topline {
  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;
}
.rte .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) {
  .rte .subline {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
@media screen and (min-width: 1280px) {
  .rte .subline {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
}
.rte .borderbox {
  border: 1px solid var(--color-border-base-1);
  padding: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.02rem;
}
.rte ul li,
.rte ol li {
  margin-top: 0;
  margin-bottom: 0;
}
.rte ul li + li,
.rte ol li + li {
  margin-top: 0;
}
.rte ol {
  counter-reset: section;
}
.rte ol:has(.has--roman) {
  border: 1px solid green;
}
.rte ol li:not([data-list=bullet]):not([data-list=unchecked])::before {
  counter-increment: section;
  content: counter(section) ".";
  font-weight: 400;
  color: var(--color-content-base-2);
  margin-right: -8px;
  padding-right: 8px;
  text-align: right;
}
.rte ol li + li {
  margin-top: 4px;
}
.rte ol.has--roman li::before {
  content: counter(section, upper-roman);
}
.rte ol.has--alpha li::before {
  content: counter(section, lower-alpha) ".";
}
.rte ul:has(.has--checkmarks) {
  color: var(--color-surface-error-1);
}
.rte ul:has(.has--square-checkmarks) {
  color: var(--color-surface-action-1);
}
.rte ul li + li {
  margin-top: 4px;
}
.rte sub,
.rte sup {
  font-size: 0.625rem;
  vertical-align: middle;
}
.rte sup {
  top: -0.6em;
}
.rte sup {
  bottom: -0.5em;
}
.rte abbr[title] {
  text-decoration: none;
}
.rte tbody,
.rte table {
  table-layout: fixed;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  width: 100% !important;
  border-color: transparent;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.02rem;
}
.rte th,
.rte td {
  width: 23.4666666667vw;
  padding: 16px;
}
@media only screen and (min-width: 768px) {
  .rte th,
  .rte td {
    width: 23.4375vw;
  }
}
@media only screen and (min-width: 1024px) {
  .rte th,
  .rte td {
    width: 15.625vw;
  }
}
@media only screen and (min-width: 1440px) {
  .rte th,
  .rte td {
    width: 15.5555555556vw;
  }
}
@media only screen and (min-width: 1920px) {
  .rte th,
  .rte td {
    width: 298.6666666667px;
  }
}
.rte th:last-child,
.rte td:last-child {
  width: 20.2666666667vw;
}
@media only screen and (min-width: 768px) {
  .rte th:last-child,
  .rte td:last-child {
    width: 20.8333333333vw;
  }
}
@media only screen and (min-width: 1024px) {
  .rte th:last-child,
  .rte td:last-child {
    width: 13.0208333333vw;
  }
}
@media only screen and (min-width: 1440px) {
  .rte th:last-child,
  .rte td:last-child {
    width: 13.3333333333vw;
  }
}
@media only screen and (min-width: 1920px) {
  .rte th:last-child,
  .rte td:last-child {
    width: 256px;
  }
}
.rte thead th {
  background-color: var(--color-surface-base-5);
}
.rte tbody p {
  margin: unset;
}
.rte tbody tr:nth-child(odd) td {
  background-color: var(--color-surface-base-5);
}
.rte tbody tr:nth-child(even) td {
  background-color: var(--color-surface-base-1);
}
.rte .ql-table-block {
  margin: unset;
  width: auto !important;
}
.rte .ql-align-center {
  text-align: center;
}
.rte .ql-align-left {
  text-align: left;
}
.rte .ql-align-right {
  text-align: right;
}
.rte a:not(.button):not(.textlink) {
  color: var(--rte-link-foreground-color, var(--color-content-action-1));
  background-color: var(--rte-link-background-color);
  -webkit-text-decoration: var(--rte-link-underline);
          text-decoration: var(--rte-link-underline);
  text-underline-offset: var(--rte-link-underline-offset);
  text-decoration-thickness: var(--rte-link-underline-thickness);
  margin-inline: calc(-1 * var(--rte-link-padding-inline));
  padding-inline: var(--rte-link-padding-inline);
  transition: color 0.33s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (hover: hover) {
  .rte a:not(.button):not(.textlink):hover {
    --rte-link-background-color: var(--rte-link-background-color);
    --rte-link-foreground-color: var(--color-content-base-2);
    text-decoration: underline;
  }
}
.rte a:not(.button):not(.textlink):focus-visible {
  outline-offset: 0;
  outline-color: var(--color-border-focus-1);
  outline-style: solid;
  outline-width: 2px;
  border-radius: 4px;
}
.rte > *:first-child {
  margin-top: 0;
}
.rte > *:last-child {
  margin-bottom: 0;
}

.highlight-table--first-row-and-column table tr:first-child,
.highlight-table--first-row table tr:first-child {
  background: var(--color-surface-base-3);
}
.highlight-table--first-row-and-column table tr:first-child td,
.highlight-table--first-row table tr:first-child td {
  background: var(--color-surface-base-3);
  color: var(--color-content-base-5);
}

.highlight-table--first-row-and-column table tr td:first-child,
.highlight-table--first-column table tr td:first-child {
  background: var(--color-surface-base-3);
  color: var(--color-content-base-5);
}