/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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_base/cartridge/client/default/scss/experience/components/layouts/imageWithCtaShowcase.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* 1820px */
.b-image-with-cta-showcase {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
  align-items: stretch;
}
@media (max-width: 991.98px) {
  .b-image-with-cta-showcase {
    display: flex;
    flex-flow: column;
    row-gap: 1.75rem;
  }
}
.b-image-with-cta-showcase .experience-featured {
  height: 100%;
}
.b-image-with-cta-showcase-featured {
  height: 100%;
}
.b-image-with-cta-showcase-featured .b-image-with-cta {
  height: 100%;
  gap: 1.25rem;
}
.b-image-with-cta-showcase-featured .b-image-with-cta-content {
  min-height: 9.5rem;
}
@media (max-width: 991.98px) {
  .b-image-with-cta-showcase-featured .b-image-with-cta-content {
    min-height: auto;
    flex-flow: column;
  }
}
.b-image-with-cta-showcase-featured .b-image-with-cta-heading {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.01em;
}
@media (min-width: 992px) {
  .b-image-with-cta-showcase-featured .b-image-with-cta-heading {
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: 0.01em;
  }
}
.b-image-with-cta-showcase-featured .b-image-with-cta-description {
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.01em;
}
@media (max-width: 991.98px) {
  .b-image-with-cta-showcase-featured .b-image-with-cta-description {
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: 0.01em;
    margin: 0.5rem 0 0;
  }
}
@media (max-width: 991.98px) {
  .b-image-with-cta-showcase-featured .b-image-with-cta-cta {
    width: 100%;
    margin-top: 1.25rem;
  }
}
.b-image-with-cta-showcase-featured .b-image-with-cta-image {
  aspect-ratio: 870/730;
}
.b-image-with-cta-showcase-featured-item, .b-image-with-cta-showcase-secondary {
  width: 100%;
  height: 100%;
}
.b-image-with-cta-showcase-secondary-track {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
}
@media (max-width: 991.98px) {
  .b-image-with-cta-showcase-secondary-track {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 1.25rem;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .b-image-with-cta-showcase-secondary-track::-webkit-scrollbar {
    display: none;
  }
}
.b-image-with-cta-showcase-secondary-item {
  width: 100%;
}
@media (max-width: 991.98px) {
  .b-image-with-cta-showcase-secondary-item {
    min-width: 100%;
    scroll-snap-align: start;
  }
}
.b-image-with-cta-showcase-secondary-item .b-image-with-cta {
  height: 100%;
}
.b-image-with-cta-showcase-secondary-item .b-image-with-cta-content {
  min-height: 6.625rem;
}
@media (max-width: 991.98px) {
  .b-image-with-cta-showcase-secondary-item .b-image-with-cta-content {
    min-height: auto;
  }
}
.b-image-with-cta-showcase-pagination {
  display: none;
}
@media (max-width: 991.98px) {
  .b-image-with-cta-showcase-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    margin-top: 1rem;
  }
}
@media (max-width: 991.98px) {
  .b-image-with-cta-showcase-pagination-dot {
    width: 1.25rem;
    height: 0.25rem;
    border-radius: 1.75rem;
    background: #f2f2f2;
    border: 0;
    padding: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    transition: width 0.2s ease-in-out, background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
  }
}
.b-image-with-cta-showcase-pagination-dot.m-active {
  width: 3.75rem;
  background: #e30714;
  transform: translateZ(0);
}

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