/* Bootstrap Carousel for Full-Width-Slider */

.full-image-slider {
  transition: ease-in-out 1s;
  position: relative;
  width: 100%;

  img {
    width: 100%;
    height: auto;
  }

  .text-center {
    display: none;
  }

  .full-image-title {
    position: absolute;
    text-align: left;
    padding: 0 7%;
    width: 100%;
    top: 15%;

    h2 {
      transition: all 2s;
      color: #f8f8f8;
      text-shadow: 1px 1px 1px #000;
      opacity: 1;
    }
  }

  .full-image-meta {
    transition: all 2s;
    position: absolute;
    padding: 0 7%;
    color: #f8f8f8;
    text-shadow: 1px 1px 1px #000;

    .ortsangaben.row {
      padding-bottom: 10px;
    }

  }

  @include breakpoint(mobileonly) {
    .full-image-title {

      h2 {
        font-size: 1em;
      }
    }

    .full-image-meta {
      top: 50%;
      font-size: 0.7em;

      .hardfacts {
        padding: 5px 0 5px 0;

        .hardfacts-value {
          font-size: 1.5em;
        }
      }
    }
  }

  @include breakpoint(phablet) {

    .full-image-title {

      h2 {
        font-size: 1.1em;
      }
    }

    .full-image-meta {
      top: 50%;
      font-size: 0.8em;

      .ortsangaben.row {
        padding-bottom: 10px;
      }

      .hardfacts {
        .hardfacts-value {
          font-size: 1.8em;
        }
      }

    }
  }

  @include breakpoint(tablet) {

    img {
      max-height: calc(100vw / 3);
    }

    .full-image-title {

      h2 {
        font-size: 1.2em;
      }
    }

    .full-image-meta {
      top: 55%;
      font-size: 0.8em;
    }
  }

  @include breakpoint(laptop) {
    .full-image-title {

      h2 {
        font-size: 1.3em;
      }
    }

    .full-image-meta {
      top: 60%;
      font-size: 1em;

      .hardfacts {
        padding: 5px 10px 5px 0;
      }

    }
  }


  @include breakpoint(desktop) {
    .full-image-title {

      h2 {
        font-size: 1.5em;
      }
    }

    .full-image-meta {
      top: 65%;
    }
  }

}

.full-image-slider:hover {
  transition: ease-in-out 1s;
  opacity: 0.94;
}

