/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./deps/sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./deps/sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./deps/sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/app_schaffrath/cartridges/app_page_designer/cartridge/client/default/scss/experience/components/assets/textBlock.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* from _b-text_block.scss */
.b-text_block {
  background-color: var(--bg-text-block, transparent);
  width: 100%;
}
.b-text_block.m-vertical_top {
  align-items: flex-start;
}
.b-text_block.m-vertical_middle {
  align-items: center;
}
.b-text_block.m-vertical_bottom {
  align-items: flex-end;
}
.b-text_block.m-vertical_fill {
  align-self: stretch;
}
.b-text_block.m-horizontal_left, .b-text_block.m-horizontal_center, .b-text_block.m-horizontal_right {
  display: flex;
  flex-wrap: wrap;
}
.b-text_block.m-horizontal_left {
  justify-content: flex-start;
}
.b-text_block.m-horizontal_center {
  justify-content: center;
}
.b-text_block.m-horizontal_right {
  justify-content: flex-end;
}
@media screen and (max-width: 767.9px) {
  .b-text_block.m-padding_top_sm .b-text_block-container {
    padding-top: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .b-text_block.m-padding_top_sm .b-text_block-container {
    padding-top: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .b-text_block.m-padding_top_sm .b-text_block-container {
    padding-top: 12px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-text_block.m-padding_top_md .b-text_block-container {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .b-text_block.m-padding_top_md .b-text_block-container {
    padding-top: 52px;
  }
}
@media screen and (min-width: 1024px) {
  .b-text_block.m-padding_top_md .b-text_block-container {
    padding-top: 52px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-text_block.m-padding_top_lg .b-text_block-container {
    padding-top: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .b-text_block.m-padding_top_lg .b-text_block-container {
    padding-top: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .b-text_block.m-padding_top_lg .b-text_block-container {
    padding-top: 64px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-text_block.m-padding_top_xl .b-text_block-container {
    padding-top: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .b-text_block.m-padding_top_xl .b-text_block-container {
    padding-top: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .b-text_block.m-padding_top_xl .b-text_block-container {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-text_block.m-padding_right_sm .b-text_block-container {
    padding-right: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .b-text_block.m-padding_right_sm .b-text_block-container {
    padding-right: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .b-text_block.m-padding_right_sm .b-text_block-container {
    padding-right: 12px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-text_block.m-padding_right_md .b-text_block-container {
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .b-text_block.m-padding_right_md .b-text_block-container {
    padding-right: 52px;
  }
}
@media screen and (min-width: 1024px) {
  .b-text_block.m-padding_right_md .b-text_block-container {
    padding-right: 52px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-text_block.m-padding_right_lg .b-text_block-container {
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .b-text_block.m-padding_right_lg .b-text_block-container {
    padding-right: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .b-text_block.m-padding_right_lg .b-text_block-container {
    padding-right: 64px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-text_block.m-padding_right_xl .b-text_block-container {
    padding-right: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .b-text_block.m-padding_right_xl .b-text_block-container {
    padding-right: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .b-text_block.m-padding_right_xl .b-text_block-container {
    padding-right: 80px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-text_block.m-padding_bottom_sm .b-text_block-container {
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .b-text_block.m-padding_bottom_sm .b-text_block-container {
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .b-text_block.m-padding_bottom_sm .b-text_block-container {
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-text_block.m-padding_bottom_md .b-text_block-container {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .b-text_block.m-padding_bottom_md .b-text_block-container {
    padding-bottom: 52px;
  }
}
@media screen and (min-width: 1024px) {
  .b-text_block.m-padding_bottom_md .b-text_block-container {
    padding-bottom: 52px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-text_block.m-padding_bottom_lg .b-text_block-container {
    padding-bottom: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .b-text_block.m-padding_bottom_lg .b-text_block-container {
    padding-bottom: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .b-text_block.m-padding_bottom_lg .b-text_block-container {
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-text_block.m-padding_bottom_xl .b-text_block-container {
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .b-text_block.m-padding_bottom_xl .b-text_block-container {
    padding-bottom: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .b-text_block.m-padding_bottom_xl .b-text_block-container {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-text_block.m-padding_left_sm .b-text_block-container {
    padding-left: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .b-text_block.m-padding_left_sm .b-text_block-container {
    padding-left: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .b-text_block.m-padding_left_sm .b-text_block-container {
    padding-left: 12px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-text_block.m-padding_left_md .b-text_block-container {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .b-text_block.m-padding_left_md .b-text_block-container {
    padding-left: 52px;
  }
}
@media screen and (min-width: 1024px) {
  .b-text_block.m-padding_left_md .b-text_block-container {
    padding-left: 52px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-text_block.m-padding_left_lg .b-text_block-container {
    padding-left: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .b-text_block.m-padding_left_lg .b-text_block-container {
    padding-left: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .b-text_block.m-padding_left_lg .b-text_block-container {
    padding-left: 64px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-text_block.m-padding_left_xl .b-text_block-container {
    padding-left: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .b-text_block.m-padding_left_xl .b-text_block-container {
    padding-left: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .b-text_block.m-padding_left_xl .b-text_block-container {
    padding-left: 80px;
  }
}
.b-text_block-container {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .b-text_block-container {
    width: var(--width, auto);
  }
}
.b-text_block pre {
  white-space: pre-line;
}
@media screen and (min-width: 1024px) {
  .b-text_block .hidden-lg {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .b-text_block .hidden-md {
    display: none;
  }
}
@media screen and (max-width: 767.9px) {
  .b-text_block .hidden-sm {
    display: none;
  }
}

/* from _b-actions.scss */
.b-actions {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 32px;
  margin: 44px 0 0;
  position: relative;
  width: 100%;
}
.b-actions-item {
  width: var(--button-width, auto);
}
.b-actions-container.m-horizontal_left, .b-actions-container.m-horizontal_center, .b-actions-container.m-horizontal_right {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.b-actions-container.m-horizontal_left.component--full-screen-width, .b-actions-container.m-horizontal_center.component--full-screen-width, .b-actions-container.m-horizontal_right.component--full-screen-width {
  width: calc(var(--vw, 1vw) * 100);
}
.b-actions-container.m-horizontal_left {
  justify-content: flex-start;
}
.b-actions-container.m-horizontal_center {
  justify-content: center;
}
.b-actions-container.m-horizontal_right {
  justify-content: flex-end;
}
.b-actions-container.m-vertical_top {
  align-self: flex-start;
}
.b-actions-container.m-vertical_middle {
  align-self: center;
}
.b-actions-container.m-vertical_bottom {
  align-self: flex-end;
}
.b-actions-container .b-button {
  height: auto;
  min-height: 48px;
  padding-bottom: 4px;
  padding-top: 4px;
  text-align: center;
  white-space: normal;
  width: var(--button-width, auto);
}
.b-actions-container .b-button-icon_left {
  margin-right: 8px;
}
.b-actions-container .b-button-icon_right {
  margin-left: 8px;
}
.b-actions-container .b-button.m-link, .b-actions-container .b-button.m-link_action, .b-actions-container .b-button.m-link_regular, .b-actions-container .b-button.m-link_no_underline, .b-actions-container .b-button.m-link_small, .b-actions-container .b-button.m-link_small_bold {
  background: transparent;
  border: 0;
  border-color: transparent;
  color: inherit;
  cursor: pointer;
  font-weight: 400;
  height: auto;
  letter-spacing: 0;
  min-height: auto;
  padding: 0;
  text-decoration: underline;
  text-transform: none;
  border: 0;
  padding: 0;
}
@media not all and (pointer: coarse) {
  .b-actions-container .b-button.m-link:hover, .b-actions-container .b-button.m-link_action:hover, .b-actions-container .b-button.m-link_regular:hover, .b-actions-container .b-button.m-link_no_underline:hover, .b-actions-container .b-button.m-link_small:hover, .b-actions-container .b-button.m-link_small_bold:hover {
    color: hsl(0, 0%, 0%);
    text-decoration: none;
  }
}
.b-actions-container .b-button.m-link_action {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.5rem;
  padding-bottom: 6px;
  -webkit-text-decoration: underline solid hsl(0, 0%, 0%);
          text-decoration: underline solid hsl(0, 0%, 0%);
  text-decoration-thickness: 2px;
  text-transform: none;
  text-underline-offset: 6px;
  transition: text-decoration-color cubic-bezier(0.3, 0.46, 0.45, 0.94) 0.2s;
}
@media not all and (pointer: coarse) {
  .b-actions-container .b-button.m-link_action:hover {
    -webkit-text-decoration: underline solid hsl(0, 0%, 0%);
            text-decoration: underline solid hsl(0, 0%, 0%);
    text-decoration-thickness: 2px;
  }
}
.b-actions-container .b-button.m-link_action.m-with_icon {
  text-decoration: none;
  text-transform: uppercase;
}
.b-actions-container .b-button.m-link_regular {
  font-size: 1.15rem;
}
.b-actions-container .b-button.m-link_no_underline {
  font-size: 1.15rem;
  text-decoration: none;
}
.b-actions-container .b-button.m-link_small_bold {
  font-weight: 700;
  text-decoration: none;
}
.b-actions.m-one-cta .b-actions-item {
  width: 100%;
}
.b-actions.m-one-cta .b-button {
  width: var(--button-width, auto);
}
.b-actions.m-column {
  flex-direction: column;
}
.b-actions.m-center {
  align-items: center;
  justify-content: center;
}
.b-actions.m-right {
  align-items: flex-end;
  justify-content: flex-end;
}

.btn {
  width: var(--button-width, auto);
  line-height: inherit;
  font-weight: 400;
  min-width: 100px;
}
.btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled:active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
  color: #000;
  opacity: 1;
  outline: none;
  pointer-events: none;
}
.btn.m-link, .btn.m-link_action, .btn.m-link_regular, .btn.m-link_underline, .btn.m-link_small, .btn.m-link_small_bold {
  background: transparent;
  border: 0;
  border-color: transparent;
  color: inherit;
  cursor: pointer;
  font-weight: 400;
  height: auto;
  letter-spacing: 0;
  min-height: auto;
  padding: 0;
  text-decoration: underline;
  text-transform: none;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: none;
}
@media not all and (pointer: coarse) {
  .btn.m-link:hover, .btn.m-link_action:hover, .btn.m-link_regular:hover, .btn.m-link_underline:hover, .btn.m-link_small:hover, .btn.m-link_small_bold:hover {
    color: hsl(0, 0%, 0%);
    text-decoration: none;
  }
}
@media not all and (pointer: coarse) {
  .btn.m-link_regular:hover, .btn.m-link_underline:hover, .btn.m-link_small:hover, .btn.m-link_small_bold:hover {
    color: #3769e2;
  }
}
.btn.m-link_underline, .btn.m-link_small, .btn.m-link_action {
  position: relative;
}
.btn.m-link_underline::after, .btn.m-link_small::after, .btn.m-link_action::after {
  content: " ";
  position: absolute;
  bottom: 1px;
  display: block;
  width: 100%;
  border-bottom: 1px solid;
  transition: inherit;
}
@media not all and (pointer: coarse) {
  .btn.m-link_underline:hover::after, .btn.m-link_small:hover::after, .btn.m-link_action:hover::after {
    display: none;
  }
}
.btn.m-link_small, .btn.m-link_small_bold {
  font-size: 0.875rem;
}
.btn.m-link_small_bold, .btn.m-link_action {
  font-weight: 700;
}
.btn.m-link_action::after {
  border-bottom: 2px solid #e0e0e0;
  bottom: -5px;
}
@media not all and (pointer: coarse) {
  .btn.m-link_action:hover {
    color: #3769e2;
  }
  .btn.m-link_action:hover::after {
    display: block;
    border-color: #3769e2;
  }
}
.btn.m-link_action.m-with_icon {
  text-decoration: none;
  text-transform: uppercase;
}

.btn-type-1 {
  background-color: #e30714;
  border-color: #e30714;
  color: #fff;
  border-width: 2px;
}
.btn-type-1:hover:not(:active):not(:focus) {
  background-color: #fff;
  border-color: #e30714;
  color: #e30714 !important;
}
.btn-type-1:not(:disabled):not(.disabled):focus:not([disabled]), .btn-type-1:not(:disabled):not(.disabled):active:not([disabled]) {
  background-color: #c20c16;
  border-color: #c20c16;
  outline: 4px solid #fff !important;
  color: #fff;
  box-shadow: 0px 0px 8px 5px #c20c16;
}

.btn-type-2 {
  background-color: #fff;
  border-color: #fff;
  color: #424242;
  border-width: 2px;
}
.btn-type-2:hover {
  background-color: #424242;
  border-color: #fff;
  color: #fff !important;
}
.btn-type-2:not(:disabled):not(.disabled):focus:not([disabled]), .btn-type-2:not(:disabled):not(.disabled):active:not([disabled]) {
  background-color: #fff;
  border-color: #5e5c5c;
  outline: 4px solid #fff !important;
  color: #424242 !important;
  box-shadow: 0px 0px 8px 5px #5e5c5c;
  border-width: 2px;
}

.btn-type-3 {
  background-color: #424242;
  border-color: #424242;
  color: #fff;
  border-width: 2px;
}
.btn-type-3:hover:not(:active):not(:focus) {
  background-color: #fff;
  border-color: #424242;
  color: #424242 !important;
}
.btn-type-3:not(:disabled):not(.disabled):focus:not([disabled]), .btn-type-3:not(:disabled):not(.disabled):active:not([disabled]) {
  background-color: #424242;
  border-color: #989898;
  outline: 4px solid #fff !important;
  color: #fff;
  box-shadow: 0px 0px 8px 5px #989898;
}
.btn-type-3.disabled, .btn-type-3.disabled:hover, .btn-type-3.disabled:focus, .btn-type-3.disabled:active, .btn-type-3:disabled, .btn-type-3:disabled:hover, .btn-type-3:disabled:focus, .btn-type-3:disabled:active, .btn-type-3[disabled], .btn-type-3[disabled]:hover, .btn-type-3[disabled]:focus, .btn-type-3[disabled]:active {
  background-color: #000;
  border-color: #e0e0e0;
  color: #e0e0e0 !important;
  opacity: 1;
  outline: none;
  pointer-events: none;
}

.btn-type-4 {
  background-color: #fff;
  border-color: #fff;
  color: #e30714;
  border-width: 2px;
}
.btn-type-4:hover {
  background-color: #e30714;
  border-color: #fff;
  color: #fff !important;
}
.btn-type-4:not(:disabled):not(.disabled):focus:not([disabled]), .btn-type-4:not(:disabled):not(.disabled):active:not([disabled]) {
  background-color: #e30714;
  border-color: #e30714;
  outline: 4px solid #fff !important;
  color: #fff;
  box-shadow: 0px 0px 8px 5px #e30714;
}

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