/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-usage/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/*$h5-font-size:                $font-size-base * 1.25;*/
/*$h6-font-size:                $font-size-base;*/
:root {
  --bs-container-half: 100%;
  --bs-container-half: calc(960px * 0.5);
  --bs-container-half: calc(1140px * 0.5);
  --bs-container-half: calc(1520px * 0.5);
}

.sec-teaser-usage .g-0 > .col-lg-6:nth-child(1) {
  background-image: linear-gradient(180deg, #E7F0E1 0%, #E7F0E1 70%, rgba(0, 102, 51, 0.4) 100%);
}
@media (min-width: 992px) {
  .sec-teaser-usage .g-1 {
    height: 100%;
  }
  .sec-teaser-usage .g-1 > div {
    height: 50%;
  }
  .sec-teaser-usage .g-1 .item {
    height: 100%;
  }
  .sec-teaser-usage .g-1 .item > div:nth-child(1) {
    height: 100%;
  }
}
.sec-teaser-usage .item > div:nth-child(1) {
  background-color: #6C6D72;
  border-left: 2px solid black;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
}
.sec-teaser-usage .item .position-absolute {
  padding-left: calc(1.325rem + 0.9vw);
  padding-right: calc(1.325rem + 0.9vw);
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 1.1rem;
  transform: translateY(100%);
}
@media screen and (prefers-reduced-motion: no-preference) {
  .sec-teaser-usage .item .position-absolute {
    transition: transform 0.2s ease;
  }
}
@media screen and (prefers-reduced-motion) {
  .sec-teaser-usage .item .position-absolute {
    transition: none !important;
  }
}
@media (min-width: 1200px) {
  .sec-teaser-usage .item .position-absolute {
    padding-left: 2rem;
  }
}
@media (min-width: 1200px) {
  .sec-teaser-usage .item .position-absolute {
    padding-right: 2rem;
  }
}
.sec-teaser-usage .item:hover .position-absolute, .sec-teaser-usage .item:focus .position-absolute {
  transform: translateY(0);
}
.sec-teaser-usage .inner {
  position: relative;
}
.sec-teaser-usage .molecule {
  margin-top: 0 !important;
  max-width: 250px;
  /*        position: absolute;
          right: 0;
          top: 0;
  */
  width: 100%;
  /*        @media screen and (min-width: 1800px) {
              right: -5rem;
          }

          @media screen and (min-width: 1900px) {
            right: -10rem;
          }
  */
}
@media (min-width: 1200px) {
  .sec-teaser-usage .molecule {
    max-width: 250px;
    /*            right: -4rem;
                top: 0;
    */
  }
}

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