.FooterTeaser {
  position: relative;
  margin-top: 44px;
}

@media screen and (min-width: 769px) {

.FooterTeaser {
    margin-top: 60px;
}
  }

.FooterTeaser > .u-contentWidth {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: var(--default-border-radius);
    background-color: #ffffff;
    transition: box-shadow 250ms ease-in-out;
  }

.FooterTeaser > .u-contentWidth:hover {
      box-shadow: var(--default-box-shadow);
    }

.FooterTeaser::after {
    content: '';
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 120px;
    background-color: #154171;
  }

.FooterTeaser .Picture {
    width: 100%;
    height: 257px;
    border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
  }

@media screen and (min-width: 769px) {

.FooterTeaser .Picture {
      max-width: 488px;
      height: 400px;
      border-radius: var(--default-border-radius) 0 0 var(--default-border-radius);
  }
    }

@media screen and (min-width: 769px) {

.FooterTeaser-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
  }

.FooterTeaser-content {
  padding: 20px 16px 32px;
}

.FooterTeaser-content .Headline + .Text {
    margin-top: var(--margin-xs);
  }

@media screen and (max-width: 768px) {

.FooterTeaser-content .Headline + .Text {
      margin-top: var(--margin-xs--mobile);
  }
    }

@media screen and (min-width: 769px) {

.FooterTeaser-content {
    padding: 32px;
}
  }