/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/teaser/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/*
$line-height-base: 1.8;
$line-height-sm:   1.5;
$line-height-lg:   2.3;*/
.bg-teaser {
  background-color: #efefef;
}

.sec-teaser {
  overflow: hidden;
  text-align: left;
}
.sec-teaser .bg-teaser.d-flex .inner {
  padding-left: 0;
}
.sec-teaser .item-title {
  margin-bottom: 2rem;
}
.sec-teaser .item-category {
  font-size: calc(1.26875rem + 0.225vw);
  font-weight: 300;
  letter-spacing: 0.03em;
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .sec-teaser .item-category {
    font-size: 1.4375rem;
  }
}
.sec-teaser .inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding-bottom: 2rem;
  padding-top: 4rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
}
@media (min-width: 768px) {
  .sec-teaser .inner {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .sec-teaser .inner {
    margin-left: initial;
    margin-right: initial;
    padding-left: 4rem;
    max-width: 480px;
  }
}
@media (min-width: 1200px) {
  .sec-teaser .inner {
    padding-left: 5rem;
    max-width: 570px;
  }
}
@media (min-width: 1400px) {
  .sec-teaser .inner {
    max-width: 660px;
  }
}
.sec-teaser .inner p.text-primary {
  margin-bottom: 1.5rem;
}
.sec-teaser .inner .btn {
  align-self: flex-start;
  margin-top: 2rem;
}
.sec-teaser > .row > .col-lg-6:nth-child(1) {
  display: flex;
}
.sec-teaser > .row > .col-lg-6:nth-child(1),
.sec-teaser > .row > .col-lg-6:nth-child(1) .inner {
  position: relative;
}
@media (min-width: 992px) {
  .sec-teaser > .row > .col-lg-6:nth-child(1):not(.order-lg-2) .inner {
    margin-left: auto;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .sec-teaser > .row > .col-lg-6:nth-child(1).order-lg-2 .inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.sec-teaser > .row > .col-lg-6:nth-child(1) > div:not(.inner) {
  overflow: hidden;
  position: relative;
  width: 100%;
  /*@include media-breakpoint-up(xl) {
      width: $container-xl-half;
  }*/
}
.sec-teaser > .row > .col-lg-6:nth-child(1) > div:not(.inner) > :not(.img-full) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media (min-width: 992px) {
  .sec-teaser > .row > .col-lg-6:nth-child(1) > div:not(.inner) {
    padding-left: 0;
    padding-right: 0;
    height: 100%;
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .sec-teaser > .row > .col-lg-6:nth-child(2) .inner {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}
.sec-teaser > .row > .col-lg-6:nth-child(2) .inner ul + p {
  margin-top: 1rem;
}
@media (min-width: 992px) {
  .sec-teaser > .row > .col-lg-6.order-lg-2 ~ .col-lg-6 {
    display: flex;
    justify-content: flex-end;
  }
}
.sec-teaser > .row > .col-lg-6.order-lg-2 ~ .col-lg-6 .inner {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media (min-width: 992px) {
  .sec-teaser > .row > .col-lg-6.order-lg-2 ~ .col-lg-6 .inner {
    padding-right: 4rem;
  }
}
@media (min-width: 1400px) {
  .sec-teaser > .row > .col-lg-6.order-lg-2 ~ .col-lg-6 .inner {
    padding-right: 8rem;
  }
}
.sec-teaser > .row > .col-lg-6.order-lg-2 ~ .col-lg-6 .card {
  margin-right: 1rem;
}
@media (min-width: 992px) {
  .sec-teaser > .row > .col-lg-6.order-lg-2 ~ .col-lg-6 .card {
    margin-right: 3rem;
  }
}
@media (min-width: 1400px) {
  .sec-teaser > .row > .col-lg-6.order-lg-2 ~ .col-lg-6 .card {
    margin-right: 6rem;
  }
}
.sec-teaser .overlay {
  font-size: calc(1.5625rem + 3.75vw);
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute !important;
  top: 0;
  width: calc(100% - 1.5rem);
  z-index: 1;
}
@media (min-width: 1200px) {
  .sec-teaser .overlay {
    font-size: 4.375rem;
  }
}
@media (min-width: 992px) {
  .sec-teaser .overlay {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .sec-teaser img[data-size=full] {
    position: absolute;
  }
}
.sec-teaser .col-img {
  overflow: hidden;
}
.sec-teaser .col-img:not(.order-lg-2) .inner .overlay {
  margin-left: 0.75rem;
}
@media (min-width: 992px) {
  .sec-teaser .col-img:not(.order-lg-2) .inner .overlay {
    margin-left: 0;
  }
}
.sec-teaser .col-img .inner {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .sec-teaser .col-img .inner {
    max-width: calc(480px - 0.75rem);
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .sec-teaser .col-img .inner {
    max-width: calc(570px - 0.75rem);
  }
}
@media (min-width: 1400px) {
  .sec-teaser .col-img .inner {
    max-width: calc(660px - 0.75rem);
  }
}
.sec-teaser .col-img.order-lg-2 .inner .overlay {
  margin-right: 0.75rem;
}
@media (min-width: 992px) {
  .sec-teaser .col-img.order-lg-2 .inner .overlay {
    margin-right: 0;
  }
}
.sec-teaser[data-mask=true] {
  /*
          img {
              mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MzIgNjk1Ij48cGF0aCBkPSJNIDM4NS41ODU5NCwwIFYgNjU3LjgzMzk4IEggNTUwLjEyNSBWIDAgWiBtIDM4MS44NzUsMS44MjYxNzE5IFYgNjU5LjY2MDE2IEggOTMyIFYgMS44MjYxNzE5IFogTSAwLDMgViA2NjAuODMzOTggSCAxNjQuNTM5MDYgViAzIFogTSAxOTQsMzcuMTY2MDE2IFYgNjk1IEggMzU4LjUzOTA2IFYgMzcuMTY2MDE2IFogbSAzODMuMTY5OTIsMCBWIDY5NSBIIDc0MS43MDg5OCBWIDM3LjE2NjAxNiBaIi8+PC9zdmc+");
              mask-size: contain;
              mask-position: center center;
              mask-repeat: no-repeat;
          }
  */
}
.sec-teaser[data-mask=true] .col-img .inner {
  overflow: visible;
}
.sec-teaser[data-mask=true] .col-img img {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: initial;
}
@media (min-width: 992px) {
  .sec-teaser[data-mask=true] .col-img img {
    width: 100%;
    max-width: initial;
  }
}
@media screen and (min-width: 1800px) {
  .sec-teaser[data-mask=true] .col-img:not(.order-lg-2) img {
    transform: translateX(-35%);
  }
  .sec-teaser[data-mask=true] .col-img img {
    transform: translateX(35%);
  }
}
.sec-teaser[data-border=true] .col-img .inner > div {
  background-image: radial-gradient(circle at 10px 10px, rgb(213.5, 213.5, 213.5) 3px, transparent 0);
  background-size: 15px 15px;
  padding: 2rem !important;
}
.sec-teaser[data-shadow=true] .col-img:not(.order-lg-2) .inner > div:before {
  background-color: #414e44;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.sec-teaser[data-shadow=true] .col-img.order-lg-2 .inner > div:before {
  background-color: #414e44;
  content: "";
  display: block;
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.sec-teaser[data-shadow=true][data-shadow-position=top] .col-img:not(.order-lg-2) .inner {
  padding-left: 2rem !important;
  padding-top: 2rem !important;
}
.sec-teaser[data-shadow=true][data-shadow-position=top] .col-img:not(.order-lg-2) .inner > div:before {
  margin-left: -1rem;
  margin-top: -1rem;
}
@media (min-width: 992px) {
  .sec-teaser[data-shadow=true][data-shadow-position=top] .col-img:not(.order-lg-2) .inner {
    padding-left: 2rem !important;
    padding-top: 2rem !important;
  }
  .sec-teaser[data-shadow=true][data-shadow-position=top] .col-img:not(.order-lg-2) .inner > div:before {
    margin-left: -2rem;
    margin-top: -2rem;
  }
}
.sec-teaser[data-shadow=true][data-shadow-position=top] .col-img.order-lg-2 .inner {
  padding-right: 2rem !important;
  padding-top: 2rem !important;
}
.sec-teaser[data-shadow=true][data-shadow-position=top] .col-img.order-lg-2 .inner > div:before {
  margin-right: -1rem;
  margin-top: -1rem;
}
@media (min-width: 992px) {
  .sec-teaser[data-shadow=true][data-shadow-position=top] .col-img.order-lg-2 .inner {
    padding-right: 2rem !important;
    padding-top: 2rem !important;
  }
  .sec-teaser[data-shadow=true][data-shadow-position=top] .col-img.order-lg-2 .inner > div:before {
    margin-right: -2rem;
    margin-top: -2rem;
  }
}
.sec-teaser[data-shadow=true][data-shadow-position=bottom] .col-img:not(.order-lg-2) .inner {
  padding-left: 2rem !important;
  padding-bottom: 2rem !important;
}
.sec-teaser[data-shadow=true][data-shadow-position=bottom] .col-img:not(.order-lg-2) .inner > div:before {
  margin-left: -1rem;
  margin-top: 1rem;
}
@media (min-width: 992px) {
  .sec-teaser[data-shadow=true][data-shadow-position=bottom] .col-img:not(.order-lg-2) .inner {
    padding-left: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sec-teaser[data-shadow=true][data-shadow-position=bottom] .col-img:not(.order-lg-2) .inner > div:before {
    margin-left: -2rem;
    margin-top: 2rem;
  }
}
.sec-teaser[data-shadow=true][data-shadow-position=bottom] .col-img.order-lg-2 .inner {
  padding-right: 2rem !important;
  padding-bottom: 2rem !important;
}
.sec-teaser[data-shadow=true][data-shadow-position=bottom] .col-img.order-lg-2 .inner > div:before {
  margin-right: -1rem;
  margin-top: 1rem;
}
@media (min-width: 992px) {
  .sec-teaser[data-shadow=true][data-shadow-position=bottom] .col-img.order-lg-2 .inner {
    padding-right: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sec-teaser[data-shadow=true][data-shadow-position=bottom] .col-img.order-lg-2 .inner > div:before {
    margin-right: -2rem;
    margin-top: 2rem;
  }
}
.sec-teaser .img-fluid {
  max-width: auto;
  max-width: initial;
  width: 100%;
}
.sec-teaser .card {
  border-color: transparent;
  font-size: 1.25rem;
  margin-top: 1rem;
}
.sec-teaser .card + ul,
.sec-teaser .card + p {
  margin-top: 2rem;
}
@media (min-width: 1200px) {
  .sec-teaser .card-body {
    padding-bottom: 2rem;
    padding-top: 2rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.sec-teaser .card-body .icon {
  flex-shrink: 0;
  margin-right: 0.75rem;
  width: 2rem;
}
@media (min-width: 992px) {
  .sec-teaser .card-body .icon {
    margin-right: 1.5rem;
    width: 3rem;
  }
}
.sec-teaser .card-body .info-text {
  margin-top: 0rem;
}
@media (min-width: 992px) {
  .sec-teaser .card-body .info-text {
    margin-top: 0.5rem;
  }
}

/*# sourceMappingURL=style-index.css.map*/