.sb-teaser {
  position: relative;
  background: rgb(218, 29, 65) url("/images/teaser/scanbot_head_bg_01.png") no-repeat 50% 50%;
  background-size: cover;
  padding: 24px 0;
  color: #fff;
  font-size: 24px;
  line-height: 1.375;
}
.sb-teaser--borderless {
  padding-bottom: 0;
}
.sb-teaser--sdk-generic {
  background-image: url("/images/sdk/sdk_generic_head_bg.jpg");
  background-color: #eee;
}
.sb-teaser h1 {
  font-size: 59px;
  line-height: 1.4;
}
.sb-teaser-bg {
  display: none;
  z-index: 1;
}
.sb-teaser .sb-article__content {
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {
  .sb-teaser {
    padding: 50px 0;
  }
  .sb-teaser--borderless {
    padding-bottom: 0;
  }
  .sb-teaser h1 {
    font-size: 72px;
  }
  .sb-teaser-bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: opacity 1s;
    background: linear-gradient(to right, #CAAA92 40%, #E6CAB3 60%);
  }
  .sb-teaser .sb-article__content {
    width: 47%;
  }
  .sb-teaser--gdpr .sb-article__content {
    width: 58%;
  }
  .sb-teaser--gdpr .sb-article__content p {
    max-width: 500px;
  }
}


@media screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 2),
screen and (min-width: 960px) and (min-resolution: 192dpi),
screen and (min-width: 960px) and (min-resolution: 2dppx) {
  .sb-teaser--sdk-generic {
    background-image: url("/images/sdk/sdk_generic_head_bg@2x.jpg");
  }
}