.slider-padding {
  padding: 0;
}

@include media-breakpoint-up(lg) {
  .slider-padding {
    padding: 0 120px;
  }
}

.hero-main {
  .figure:before {
    opacity: 0.5;
  }

  .hero-cont {

    .sub-title {
      font-weight: $font-weight-bold;
      letter-spacing: 0;
    }

    h1 {
      font-weight: $font-weight-bold;
      letter-spacing: 0;

      @include media-breakpoint-down(xl) {
        font-size: 4.5rem;
      }

      @include media-breakpoint-down(md) {
        font-size: 3rem;
      }
    }
  }
}

.owl-carousel {

  .owl-item {
    .item {
      padding: 4px;
    }
  }

  .owl-nav button {

    &.owl-prev.owl-prev::before,
    &.owl-next.owl-prev::before,
    &.owl-prev.owl-next::before,
    &.owl-next.owl-next::before {
      width: 60px;
      height: 60px;
      box-shadow: inset $secondary-color 0 0 0 2px;
      background-position: center;
      content: "";
      background: url("/fileadmin/user_upload/la_mer_de_sable/background_pattern/Gruppe_119.svg");
    }

    &.owl-prev.owl-prev::before,
    &.owl-next.owl-prev::before {
      background-repeat: no-repeat;
      background-position: center;
      transform: rotate(180deg);
    }

    &.owl-prev.owl-next::before,
    &.owl-next.owl-next::before {
      background-repeat: no-repeat;
      background-position: center;
    }

    &:hover {

      &.owl-prev.owl-prev::before,
      &.owl-next.owl-next::before {
        animation: arrow2 0.5s linear 1;
        -webkit-animation-name: arrow2 0.5s linear 1;
      }
    }
  }

  &.hero-inner {
    .owl-nav button {

      &.owl-prev.owl-prev::before,
      &.owl-next.owl-prev::before,
      &.owl-prev.owl-next::before,
      &.owl-next.owl-next::before {
        content: "\f053";

      }

      &.owl-prev.owl-prev::before {
        transform: none;
      }

      &.owl-next.owl-next::before {
        transform: rotate(180deg);
      }
    }
  }
}

@include media-breakpoint-down(md) {
  .hero-main.mobile-view {
    .owl-carousel.image-slider {
      .slide-item {
        .hero-cont.hero-more-cont {
          .aside {
            margin-bottom: 10px;

            h1 {
              text-align: left;
            }
          }

          .header-title {
            padding: 7px 15px;

            h1 {
              font-size: 24px;
            }
          }

          .header-button {
            font-size: 0.875rem;
            padding: 7px 17px;
            min-width: 160px;
            margin-top: 1rem !important;
          }
        }
      }
    }
  }
}

@include media-breakpoint-down(sm) {
  .hero-main.mobile-view {
    .owl-carousel.image-slider {
      .slide-item {
        .hero-cont.hero-more-cont {
          background-color: #dba875;
          padding: 15px 0px 25px;
        }
      }
    }
  }

  .feature-items {
    margin-top: -30px !important;
  }
}