.swiper-container-custom {
  margin-right: 30px;
}

.swiper-container-otd {
  margin: 26px 0 23px;
}

.swiper-slide-custom {
  position: relative;
  width: auto;
}

.swiper-slide-custom-otd {
  position: relative;
  width: auto;
}

/*
 * swiper.css overwrites
 */
@media (max-width: 799px) {
  .swiper-container-custom {
    margin-left: -20px;
  }

  .subnavline .swiper-button-next {
    background: -webkit-linear-gradient(to right, white 0%, black 500%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to right, white 0%, black 500%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to right, white 0%, black 500%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, white 0%, black 500%); /* Standard syntax */
    background-position: 100% top;
    right: 40px;
    height: 50px;
    margin-top: 0;
    top: 0;
    visibility: visible;
    opacity:0.25;
    transition: opacity 1s linear;
  }

  .subnavline .swiper-button-next.swiper-button-disabled {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s 2s, opacity 1s linear;
    -moz-transition: visibility 0s 2s, opacity 1s linear;
    -ms-transition: visibility 0s 2s, opacity 1s linear;
    -o-transition: visibility 0s 2s, opacity 1s linear;
  }
}

@media (min-width: 800px) {
  .subnavline .swiper-button-next {
    display: none;
  }
}

/*
 * element.css overwrites
 */

#frame .subnavigation {
  display: flex;
}

#frame #subnavcontainer {
  overflow-x: hidden;
  margin-right: 30px;
}

.gsch #frame #subnavcontainer,
.stft #frame #subnavcontainer {
  margin-right: -20px;
}
.gsch .subnavline .swiper-button-next.swiper-button-disabled, 
.stft .subnavline .swiper-button-next.swiper-button-disabled {
  display: none;
}
.gsch .subnavline .swiper-button-next, 
.stft .subnavline .swiper-button-next {
  right: -10px;
}

#frame #subnavcontainer > ul > li {
  display:flex;
  float:left;
  white-space:inherit;
}