.teaserscroller {
  margin-bottom: 30px;
}
.teaserscroller .scrollercontrol {
  margin-top: 30px;
  float: right;
}
.teaserscroller .scrollitem {
  position: relative;
}
.teaserscroller div.wrapper {
  position: relative;
}
.teaserscroller .logowrapper {
  position: absolute;
  left: 0;
  top: 0;
  padding: 5px;
  background-color: white;
}
.teaserscroller div.caption {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 60px;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 17px;
  text-transform: uppercase;
}
.teaserscroller a {
  color: white;
}
.teaserscroller a:hover {
  color: white;
}
/*    ####################################################################
      #                                                                  #
      #      ##  ##   #####                                              #
      #      ##  ##  ##   ##                                             #
      #       ####   ##                                                  #
      #        ##     #####                                              #
      #       ####        ##                                             #
      #      ##  ##  ##   ##                                             #
      #      ##  ##   #####                                              #
      #                                                                  #
      ####################################################################
 */
/*    ####################################################################
      #                                                                  #
      #       ####   ##   ##                                             #
      #      ##  ##  ### ###    ##                                       #
      #      ##      #######    ##                                       #
      #       ####   ## # ##  ######                                     #
      #          ##  ##   ##  ######                                     #
      #      ##  ##  ##   ##    ##                                       #
      #       ####   ##   ##    ##                                       #
      #                                                                  #
      ####################################################################
 */
@media (min-width: 768px) {
  .teaserscroller div.caption {
    line-height: 90px;
  }
  .logowrapper {
    padding: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  div.etb-link {
    padding: 12px;
  }
  .teaserscroller .scrollitem {
    width: 250px;
  }
}
/*    ####################################################################
      #                                                                  #
      #     ##   ##  ####                                                #
      #     ### ###  ## ##                                               #
      #     #######  ##  ##                                              #
      #     ## # ##  ##  ##                                              #
      #     ##   ##  ##  ##                                              #
      #     ##   ##  ## ##                                               #
      #     ##   ##  ####                                                #
      #                                                                  #
      ####################################################################
 */
@media (min-width: 992px) {
  .teaserscroller .scrollitem {
    width: 323.5px;
  }
}
/*    ####################################################################
      #                                                                  #
      #     ##        #####                                              #
      #     ##       ##   ##                                             #
      #     ##       ##                                                  #
      #     ##       ##  ###                                             #
      #     ##       ##   ##                                             #
      #     ##       ##   ##                                             #
      #     #######   #####                                              #
      #                                                                  #
      ####################################################################
 */
@media (min-width: 1200px) {
  .teaserscroller .scrollitem {
    width: 390px;
  }
}
/*    ####################################################################
      #                                                                  #
      #     ##  ##   ##                                                  #
      #     ##  ##   ##                                                  #
      #      ####    ##                                                  #
      #       ##     ##                                                  #
      #      ####    ##                                                  #
      #     ##  ##   ##                                                  #
      #     ##  ##   #######                                             #
      #                                                                  #
      ####################################################################
 */
@media (min-width: 1680px) {
  .teaserscroller .scrollitem {
    width: 412.5px;
  }
}