/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./components/textblock/src/textblock.scss ***!
  \********************************************************************************************************************************************************************************************************/
.Textblock {
  max-width: 124rem;
  margin-inline: auto;
}
.Textblock.has_image {
  display: flex;
  gap: 8rem;
}
@media only screen and (max-width: 767px) {
  .Textblock.has_image {
    flex-direction: column-reverse;
  }
}
.Textblock.has_image .Heading {
  margin-left: 0;
  text-align: left;
}
.Textblock.has_image .Content {
  text-align: left;
}
.Textblock.has_image figure {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .Textblock.has_image figure {
    width: 100%;
  }
}
.Textblock.text_left .Heading, .Textblock.text_left .Content {
  text-align: left;
}
.Textblock.text_center .Heading, .Textblock.text_center .Content {
  text-align: center;
}
.Textblock.text_right .Heading, .Textblock.text_right .Content {
  text-align: right;
}
.Textblock .inner {
  margin-inline: auto;
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .Textblock .inner {
    width: 100%;
  }
}
.Textblock .Heading {
  margin-bottom: 3rem;
  width: 100%;
}
.Textblock .Content {
  max-width: 110rem;
  text-align: center;
}
.Textblock .Content ul {
  padding-left: 3rem;
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/*# sourceMappingURL=textblock.css.map*/