.flex-teaser.big-teaser-content {
  /*
        width: calc(100% - 40px);
        margin: auto;
        @media all and (min-width: 768px) {
            width: calc(100% - 80px);
        }
        @media all and (min-width: 1560px) {
            width: calc(100% - 160px);
        }*/ }

@media all and (min-width: 768px) {
  .flex-teaser.content-col {
    width: 100%;
    margin: 80px auto 0 auto; } }

@media all and (min-width: 1024px) {
  .flex-teaser.content-col {
    width: 83.333333%;
    margin: 100px auto 0 auto; } }

@media all and (min-width: 1266px) {
  .flex-teaser.content-col {
    margin: clamp(6.25rem, calc(1.33rem + 6.22vw), 9.375rem) auto 0 auto; } }

.flex-teaser h2 {
  margin-bottom: 20px; }
  @media all and (max-width: 767px) {
    .flex-teaser h2 {
      margin-top: 30px; } }
  @media all and (min-width: 1266px) {
    .flex-teaser h2 {
      margin-bottom: clamp(1.25rem, calc(0.27rem + 1.24vw), 1.875rem); } }

.flex-teaser .image img {
  width: 100%;
  height: auto; }

.flex-teaser .btn-ani-wrap {
  margin-top: 2.5rem;
  display: block; }
  @media all and (min-width: 1266px) {
    .flex-teaser .btn-ani-wrap {
      margin-top: clamp(2.5rem, calc(0.53rem + 2.49vw), 3.75rem); } }

.flex-teaser .teaser.small {
  display: flex;
  align-items: center;
  flex-direction: column; }
  @media all and (min-width: 768px) {
    .flex-teaser .teaser.small {
      flex-direction: row; } }
  .flex-teaser .teaser.small .img-left, .flex-teaser .teaser.small .img-right {
    display: none; }
  .flex-teaser .teaser.small .image {
    line-height: 0;
    overflow: hidden;
    position: relative;
    width: 100%; }
    @media all and (min-width: 768px) {
      .flex-teaser .teaser.small .image {
        width: 50%;
        padding-right: 8.3333333%; } }
    .flex-teaser .teaser.small .image .img-left {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 45%; }
    .flex-teaser .teaser.small .image.right .img-left {
      display: none; }
    .flex-teaser .teaser.small .image.right .img-right {
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 45%; }
    @media all and (min-width: 768px) {
      .flex-teaser .teaser.small .image.right {
        order: 2;
        padding-right: 0;
        padding-left: 8.3333333%; } }
    .flex-teaser .teaser.small .image.left .img-right {
      display: none; }
  .flex-teaser .teaser.small .content {
    width: 100%; }
    @media all and (min-width: 768px) {
      .flex-teaser .teaser.small .content {
        width: 41.6666666%; } }
    @media all and (min-width: 768px) {
      .flex-teaser .teaser.small .content.right {
        order: 1; } }

.flex-teaser.teaser_big {
  margin: 60px auto 0 auto; }
  @media all and (min-width: 768px) {
    .flex-teaser.teaser_big {
      margin: 80px auto 0 auto; } }
  @media all and (min-width: 1024px) {
    .flex-teaser.teaser_big {
      margin: 100px auto 0 auto; } }
  @media all and (min-width: 1266px) {
    .flex-teaser.teaser_big {
      margin: clamp(6.25rem, calc(1.33rem + 6.22vw), 9.375rem) auto 0 auto; } }
  @media all and (min-width: 2560px) {
    .flex-teaser.teaser_big {
      width: 100%; } }
  .flex-teaser.teaser_big a {
    color: #fff; }
  .flex-teaser.teaser_big p {
    color: white; }
  .flex-teaser.teaser_big .btn-ani-wrap {
    margin-top: 1.5rem;
    display: block; }
    @media all and (min-width: 1024px) {
      .flex-teaser.teaser_big .btn-ani-wrap {
        margin-top: 1.875rem; } }
    @media all and (min-width: 1266px) {
      .flex-teaser.teaser_big .btn-ani-wrap {
        margin-top: clamp(1.875rem, calc(-0.09rem + 2.49vw), 3.125rem); } }
  .flex-teaser.teaser_big .image {
    line-height: 0;
    aspect-ratio: 2/3;
    position: relative; }
    @media all and (min-width: 768px) {
      .flex-teaser.teaser_big .image {
        aspect-ratio: 1/1; } }
    @media all and (min-width: 1024px) {
      .flex-teaser.teaser_big .image {
        aspect-ratio: 2/1; } }
    .flex-teaser.teaser_big .image .medium, .flex-teaser.teaser_big .image .def {
      display: none; }
    @media all and (min-width: 768px) {
      .flex-teaser.teaser_big .image .small {
        display: none; }
      .flex-teaser.teaser_big .image .medium {
        display: block; } }
    @media all and (min-width: 1024px) {
      .flex-teaser.teaser_big .image .medium {
        display: none; }
      .flex-teaser.teaser_big .image .def {
        display: block; } }
    .flex-teaser.teaser_big .image .img-left, .flex-teaser.teaser_big .image .img-right {
      position: absolute;
      z-index: 1;
      max-width: 20%; }
    .flex-teaser.teaser_big .image .img-left {
      left: 0; }
    .flex-teaser.teaser_big .image .img-right {
      bottom: 0;
      right: 0; }
    .flex-teaser.teaser_big .image .content-overlay {
      position: absolute;
      bottom: 1.875rem;
      left: 1.25rem;
      z-index: 10; }
      @media all and (min-width: 768px) {
        .flex-teaser.teaser_big .image .content-overlay {
          bottom: 3.75rem;
          left: 2.5rem; } }
      @media all and (min-width: 1560px) {
        .flex-teaser.teaser_big .image .content-overlay {
          bottom: clamp(3.125rem, calc(-2.62rem + 5.89vw), 5rem);
          left: clamp(2.5rem, calc(-5.16rem + 7.86vw), 5rem); } }
    .flex-teaser.teaser_big .image .gradient {
      position: absolute;
      width: 100%;
      height: 75%;
      bottom: 0;
      left: 0;
      z-index: 1;
      background: linear-gradient(0deg, rgba(0, 0, 190, 0.801541) 0%, rgba(0, 0, 190, 0) 80%); }

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