.owl-wrapper-outer {
  position: relative;
  z-index: 0;
}
.owl-nav {
  display: none;
}
.owl-wrapper-outer {  
  margin-bottom: 2em;
}
.owl-carousel .outer {
  position: absolute;  
  z-index: 5;
}
.owl-carousel .button {
  display: inline-block;  
  position: relative;
  margin-top: 0.5em;
}
.owl-carousel .button:hover,
.owl-carousel .button:focus {
  background: #009ee0;  
}
.owl-carousel .slider-headline {
  font-size: 3.225em;
  font-weight: bold;  
}
.owl-carousel .slider-headline span {
  position: relative;
  display: block;  
  line-height: 120%;
}
.owl-carousel .slider-headline .first {
  color: #009ee0;
}
.owl-carousel .slider-headline  .second {
  color: #000;
}

.owl-carousel .slider-headline {
  font-size: 3.225em;  
}

/* ******* ONLY smartphone ******* */
@media screen and (max-width: 40em) { 
  .owl-carousel .slide-content a .outer {
    position: static;
    background: #fff;
  }
  .owl-item .slider-headline  span {
    color: #000 !important;
  }
  .owl-item .slider-headline .first {
    margin: 0.2em 0.3em 0 0.3em;
  }
  .owl-item .outer .slider-headline .second {
    margin: 0 0.3em;
  }
  .owl-item .outer .button {
    margin: 0.7em 0.7em 0 0.7em;
  }
  .owl-wrapper-outer {
      margin-bottom: 1.5em;
  }
  .owl-carousel .first,
  .owl-carousel .second,
  .owl-carousel .button {
    left: 0 !important;
  }
  .owl-carousel  {
    font-size: 95%; 
    font-size: 2.0vw; 
  }
}
/* ******* ONLY smartphone ******* */

/* ******* tablet ******* */
@media screen and (min-width: 40em) and (max-width: 64em) {
  .owl-carousel  {
    font-size: 94%; 
    font-size: 1.6vw;
  }
  .owl-wrapper-outer {  
    overflow: hidden;
  }
}
/* ******* tablet ******* */

/* ******* screen ******* */
@media screen and (min-width: 64em) {
  .owl-carousel .slider-headline {
    font-size: 3.225rem;  
  }
  .owl-wrapper-outer {  
    max-height: 535px !important;
    overflow: hidden;
  }
  .owl-wrapper {
    margin-right: auto;
    margin-left: auto;
  }  
  .owl-carousel .button {
    position: relative;  
  }
  /* ******* Pfeile ******* */
  .owl-nav {
    display: block;  
    width: 100%;
    height: 100%;
  }
  .owl-prev {
    position: absolute;
    left: 0.8em;
    top: 25%; 
    color: #fff;
    -webkit-filter: drop-shadow( 0 5px 5px #c9c8cd);
    -moz-filter: drop-shadow(0 5px 5px #c9c8cd);
    filter: drop-shadow(0 5px 5px #c9c8cd);
    font-size: 5em;
  }
  .owl-next {
    position: absolute;
    right: 0.8em;
    top: 25%;
    color: #fff;
    -webkit-filter: drop-shadow( 0 5px 5px #c9c8cd);
    -moz-filter: drop-shadow(0 5px 5px #c9c8cd);
    filter: drop-shadow(0 5px 5px #c9c8cd);
    font-size: 5em;
  }
  .owl-prev .fa,
  .owl-next .fa {
    font-weight: bold;
  }
  .owl-prev:hover,
  .owl-prev:focus,
  .owl-next:hover,
  .owl-next:focus {
    color: #009ee0;  
  }
/* ******* Pfeile ******* */
}
/* ******* screen ******* */