<article class="overlay-teaser">
  <div class="overlay-teaser__image">
    <div class="image loading" style="padding-top: 66.66666666666666%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="560" src="https://bildermangel.de/840x560/F5F5F5/28281a.png?text=840x560" width="840" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/840x560/F5F5F5/28281a.png?text=840x560" width="840" height="560" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
  </div><a class="overlay-teaser__link js-overlay-link" href="#" data-overlay-target="overlay-teaser"><span class="overlay-teaser__kicker">Verändern</span>
    <h4 class="headline headline--4 overlay-teaser__headline">Zukunft made in Baden-Württemberg</h4></a>
</article>

{
  "link": "#",
  "kicker": "Verändern",
  "image": {
    "width": 840,
    "height": 560
  },
  "headline": {
    "size": 4,
    "level": 4,
    "text": "Zukunft made in Baden-Württemberg"
  }
}

<article class="overlay-teaser overlay-teaser--big">
  <div class="overlay-teaser__image">
    <div class="image loading" style="padding-top: 66.66666666666666%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="560" src="https://bildermangel.de/840x560/F5F5F5/28281a.png?text=840x560" width="840" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/840x560/F5F5F5/28281a.png?text=840x560" width="840" height="560" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
  </div><a class="overlay-teaser__link js-overlay-link" href="#" data-overlay-target="overlay-teaser"><span class="overlay-teaser__kicker">Verändern</span>
    <h3 class="headline headline--3 overlay-teaser__headline">Unser Jubiläumsmagazin</h3></a>
</article>

{
  "link": "#",
  "kicker": "Verändern",
  "image": {
    "width": 840,
    "height": 560
  },
  "headline": {
    "size": 3,
    "level": 3,
    "text": "Unser Jubiläumsmagazin"
  },
  "big": true
}