.teaserWrap {
  position: relative;
  display: block;
  margin-bottom: 100px; }
  @media (min-width: 1302px) {
  .teaserWrap {
    margin-left: -10px;
    margin-right: -10px; } }
  .teaserWrap .item {
    position: relative;
    margin-bottom: 50px; }
    @media (min-width: 1302px) {
  .teaserWrap .item {
    padding-left: 20px;
    padding-right: 20px; } }
    .teaserWrap .item .image {
      position: relative;
      display: block;
      overflow: hidden; }
      .teaserWrap .item .image img {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: 0.55s ease;
        -moz-transition: 0.55s ease;
        -ms-transition: 0.55s ease;
        -o-transition: 0.55s ease;
        transition: 0.55s ease; }
      .teaserWrap .item .image:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.25);
        z-index: 1; }
    .teaserWrap .item:hover .image img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
    .teaserWrap .item .text {
      position: absolute;
      top: 50%;
      left: 50%;
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      color: #fff;
      font-style: normal;
      font-weight: 400;
      font-size: 1.375rem;
      width: 75%;
      text-align: center;
      z-index: 2;
      pointer-events: none; }
    .teaserWrap .item a {
      position: absolute;
      top: 0;
      left: 10px;
      width: calc(100% - 20px);
      height: calc(100% + 25px);
      display: block;
      overflow: hidden;
      text-decoration: none;
      z-index: 1; }
      @media (min-width: 1302px) {
  .teaserWrap .item a {
    width: calc(100% - 40px);
    left: 20px; } }
      .teaserWrap .item a:before {
        content: "\2c3";
        font-family: 'default';
        font-weight: normal;
        text-indent: 0;
        font-style: normal;
        position: absolute;
        bottom: 95px;
        left: 50%;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 30px;
        color: #fff;
        width: 30px;
        height: 25px;
        line-height: 30px;
        font-size: 30px; }
    .teaserWrap .item .smallIcon {
      position: absolute;
      left: 50%;
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: -22px;
      width: 55px;
      height: 44px;
      z-index: 25;
      pointer-events: none; }
      .teaserWrap .item .smallIcon:before {
        content: '';
        position: absolute;
        width: 85px;
        height: 69px;
        left: 50%;
        top: -10px;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: block;
        z-index: 1;
        background: url(/typo3conf/ext/zz_gowest_theme_pletzer/Resources/Public/Images/corner-gray.svg) 0 0 no-repeat;
        background-size: contain; }
      .teaserWrap .item .smallIcon img {
        position: relative;
        width: 100%;
        height: auto;
        display: block;
        z-index: 2; }
  @media (min-width: 992px) {
    .teaserWrap .flickity-page-dots {
      display: none; } }
    .teaserWrap .flickity-page-dots .dot {
      position: relative;
      background: none;
      border-radius: 0;
      width: 36px;
      height: 36px;
      margin: 0;
      opacity: 1; }
      .teaserWrap .flickity-page-dots .dot:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 36px;
        height: 36px;
        font-size: 36px;
        line-height: 36px; }
      .teaserWrap .flickity-page-dots .dot.is-selected:before {
        color: rgba(91, 103, 112, 1); }
      .teaserWrap .flickity-page-dots .dot:not(.is-selected):before {
        -webkit-filter: grayscale(100%) brightness(100);
        filter: grayscale(100%) brightness(100); }
  @media (min-width: 992px) {
  .teaserWrap.versetzt {
    padding-top: 150px; }
    .teaserWrap.versetzt .item2 {
      top: -75px; }

    .teaserWrap.versetzt .item3 {
      top: -150px; } }
  .teaserWrap.imageSW .image img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }