/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/headerExt.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* from _b-header_ext.scss */
.b-header_ext.m-horizontal_left, .b-header_ext.m-horizontal_center, .b-header_ext.m-horizontal_right {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.b-header_ext.m-horizontal_left.component--full-screen-width, .b-header_ext.m-horizontal_center.component--full-screen-width, .b-header_ext.m-horizontal_right.component--full-screen-width {
  width: calc(var(--vw, 1vw) * 100);
}
.b-header_ext.m-horizontal_left {
  justify-content: flex-start;
}
.b-header_ext.m-horizontal_center {
  justify-content: center;
}
.b-header_ext.m-horizontal_right {
  justify-content: flex-end;
}
.b-header_ext.m-vertical_top {
  align-self: flex-start;
}
.b-header_ext.m-vertical_middle {
  align-self: center;
}
.b-header_ext.m-vertical_bottom {
  align-self: flex-end;
}
.b-header_ext-wrapper {
  display: flex;
}
@media screen and (min-width: 768px) {
  .b-header_ext-wrapper {
    max-width: var(--max-width, none);
  }
}
.b-header_ext-wrapper.m-pictute_before .b-header_ext-img {
  margin-right: 20px;
}
.b-header_ext-wrapper.m-pictute_after {
  flex-direction: row-reverse;
}
.b-header_ext-wrapper.m-pictute_after .b-header_ext-img {
  margin-left: 20px;
}
.b-header_ext-wrapper.m-pictute_above {
  flex-direction: column;
}
.b-header_ext-wrapper.m-pictute_above .b-header_ext-img {
  align-self: center;
  margin-bottom: 20px;
}
.b-header_ext-picture {
  display: block;
  height: 48px;
  position: relative;
  width: 48px;
}
.b-header_ext-picture img {
  border: none;
  bottom: 0;
  color: hsl(0, 0%, 95%);
  display: block;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.b-header_ext .b-text_block {
  align-self: center;
}

/* 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;
  }
}

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