<div class="teaser-slider">
  <div class="teaser-slider__inner">
    <div class="teaser-slider__block">
      <div class="teaser-slider__items">
        <div class="teaser-slider__item">
          <article class="teaser">
            <div class="teaser__content">
              <div class="teaser__media">
                <div class="image loading" style="padding-top: 66.66666666666666%;"><noscript><img class="image__fallback" alt="Teaser Thumb" height="400" src="https://bildermangel.de/600x400/F5F5F5/28281a.png?text=600x400" width="600" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/600x400/F5F5F5/28281a.png?text=600x400" width="600" height="400" alt="Teaser Thumb" /></div>
              </div><a class="teaser__content-headline js-overlay-link" href="#" data-overlay-target="teaser__content">
                <h3 class="headline headline--5"><span class="f-w-normal">Slide 1. C. Dahl – GF BW Stiftung</span><span class="u-hidden-visually">:</span><br />Der Mikrokosmos Schwabstrasse</h3>
              </a>
            </div>
          </article>
        </div>
        <div class="teaser-slider__item">
          <article class="teaser">
            <div class="teaser__content">
              <div class="teaser__media">
                <div class="image loading" style="padding-top: 66.66666666666666%;"><noscript><img class="image__fallback" alt="Teaser Thumb" height="400" src="https://bildermangel.de/600x400/F5F5F5/28281a.png?text=600x400" width="600" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/600x400/F5F5F5/28281a.png?text=600x400" width="600" height="400" alt="Teaser Thumb" /></div>
              </div><a class="teaser__content-headline js-overlay-link" href="#" data-overlay-target="teaser__content">
                <h3 class="headline headline--5"><span class="f-w-normal">Slide 2. C. Dahl – GF BW Stiftung</span><span class="u-hidden-visually">:</span><br />Der Mikrokosmos Schwabstrasse</h3>
              </a>
            </div>
          </article>
        </div>
        <div class="teaser-slider__item">
          <article class="teaser">
            <div class="teaser__content">
              <div class="teaser__media">
                <div class="image loading" style="padding-top: 66.66666666666666%;"><noscript><img class="image__fallback" alt="Teaser Thumb" height="400" src="https://bildermangel.de/600x400/F5F5F5/28281a.png?text=600x400" width="600" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/600x400/F5F5F5/28281a.png?text=600x400" width="600" height="400" alt="Teaser Thumb" /></div>
              </div><a class="teaser__content-headline js-overlay-link" href="#" data-overlay-target="teaser__content">
                <h3 class="headline headline--5"><span class="f-w-normal">Slide 3. C. Dahl – GF BW Stiftung</span><span class="u-hidden-visually">:</span><br />Der Mikrokosmos Schwabstrasse</h3>
              </a>
            </div>
          </article>
        </div>
        <div class="teaser-slider__item">
          <article class="teaser">
            <div class="teaser__content">
              <div class="teaser__media">
                <div class="image loading" style="padding-top: 66.66666666666666%;"><noscript><img class="image__fallback" alt="Teaser Thumb" height="400" src="https://bildermangel.de/600x400/F5F5F5/28281a.png?text=600x400" width="600" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/600x400/F5F5F5/28281a.png?text=600x400" width="600" height="400" alt="Teaser Thumb" /></div>
              </div><a class="teaser__content-headline js-overlay-link" href="#" data-overlay-target="teaser__content">
                <h3 class="headline headline--5"><span class="f-w-normal">Slide 4. C. Dahl – GF BW Stiftung</span><span class="u-hidden-visually">:</span><br />Der Mikrokosmos Schwabstrasse</h3>
              </a>
            </div>
          </article>
        </div>
        <div class="teaser-slider__item">
          <article class="teaser">
            <div class="teaser__content">
              <div class="teaser__media">
                <div class="image loading" style="padding-top: 66.66666666666666%;"><noscript><img class="image__fallback" alt="Teaser Thumb" height="400" src="https://bildermangel.de/600x400/F5F5F5/28281a.png?text=600x400" width="600" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/600x400/F5F5F5/28281a.png?text=600x400" width="600" height="400" alt="Teaser Thumb" /></div>
              </div><a class="teaser__content-headline js-overlay-link" href="#" data-overlay-target="teaser__content">
                <h3 class="headline headline--5"><span class="f-w-normal">Slide 5. C. Dahl – GF BW Stiftung</span><span class="u-hidden-visually">:</span><br />Der Mikrokosmos Schwabstrasse</h3>
              </a>
            </div>
          </article>
        </div>
        <div class="teaser-slider__item">
          <article class="teaser">
            <div class="teaser__content">
              <div class="teaser__media">
                <div class="image loading" style="padding-top: 66.66666666666666%;"><noscript><img class="image__fallback" alt="Teaser Thumb" height="400" src="https://bildermangel.de/600x400/F5F5F5/28281a.png?text=600x400" width="600" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/600x400/F5F5F5/28281a.png?text=600x400" width="600" height="400" alt="Teaser Thumb" /></div>
              </div><a class="teaser__content-headline js-overlay-link" href="#" data-overlay-target="teaser__content">
                <h3 class="headline headline--5"><span class="f-w-normal">Slide 6. C. Dahl – GF BW Stiftung</span><span class="u-hidden-visually">:</span><br />Der Mikrokosmos Schwabstrasse</h3>
              </a>
            </div>
          </article>
        </div>
        <div class="teaser-slider__item">
          <article class="teaser">
            <div class="teaser__content">
              <div class="teaser__media">
                <div class="image loading" style="padding-top: 66.66666666666666%;"><noscript><img class="image__fallback" alt="Teaser Thumb" height="400" src="https://bildermangel.de/600x400/F5F5F5/28281a.png?text=600x400" width="600" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/600x400/F5F5F5/28281a.png?text=600x400" width="600" height="400" alt="Teaser Thumb" /></div>
              </div><a class="teaser__content-headline js-overlay-link" href="#" data-overlay-target="teaser__content">
                <h3 class="headline headline--5"><span class="f-w-normal">Slide 7. C. Dahl – GF BW Stiftung</span><span class="u-hidden-visually">:</span><br />Der Mikrokosmos Schwabstrasse</h3>
              </a>
            </div>
          </article>
        </div>
        <div class="teaser-slider__item">
          <article class="teaser">
            <div class="teaser__content">
              <div class="teaser__media">
                <div class="image loading" style="padding-top: 66.66666666666666%;"><noscript><img class="image__fallback" alt="Teaser Thumb" height="400" src="https://bildermangel.de/600x400/F5F5F5/28281a.png?text=600x400" width="600" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/600x400/F5F5F5/28281a.png?text=600x400" width="600" height="400" alt="Teaser Thumb" /></div>
              </div><a class="teaser__content-headline js-overlay-link" href="#" data-overlay-target="teaser__content">
                <h3 class="headline headline--5"><span class="f-w-normal">Slide 8. C. Dahl – GF BW Stiftung</span><span class="u-hidden-visually">:</span><br />Der Mikrokosmos Schwabstrasse</h3>
              </a>
            </div>
          </article>
        </div>
      </div>
    </div>
    <div class="teaser-slider__controls slider__controls"></div>
  </div>
</div>

{
  "items": [
    {
      "use": "teaser",
      "settings": {
        "overlayLink": true,
        "headline": {
          "text": "#[span.f-w-normal Slide 1. C. Dahl – GF BW Stiftung]#[span.u-hidden-visually :]#[br]Der Mikrokosmos Schwabstrasse\n"
        }
      }
    },
    {
      "use": "teaser",
      "settings": {
        "overlayLink": true,
        "headline": {
          "text": "#[span.f-w-normal Slide 2. C. Dahl – GF BW Stiftung]#[span.u-hidden-visually :]#[br]Der Mikrokosmos Schwabstrasse\n"
        }
      }
    },
    {
      "use": "teaser",
      "settings": {
        "overlayLink": true,
        "headline": {
          "text": "#[span.f-w-normal Slide 3. C. Dahl – GF BW Stiftung]#[span.u-hidden-visually :]#[br]Der Mikrokosmos Schwabstrasse\n"
        }
      }
    },
    {
      "use": "teaser",
      "settings": {
        "overlayLink": true,
        "headline": {
          "text": "#[span.f-w-normal Slide 4. C. Dahl – GF BW Stiftung]#[span.u-hidden-visually :]#[br]Der Mikrokosmos Schwabstrasse\n"
        }
      }
    },
    {
      "use": "teaser",
      "settings": {
        "overlayLink": true,
        "headline": {
          "text": "#[span.f-w-normal Slide 5. C. Dahl – GF BW Stiftung]#[span.u-hidden-visually :]#[br]Der Mikrokosmos Schwabstrasse\n"
        }
      }
    },
    {
      "use": "teaser",
      "settings": {
        "overlayLink": true,
        "headline": {
          "text": "#[span.f-w-normal Slide 6. C. Dahl – GF BW Stiftung]#[span.u-hidden-visually :]#[br]Der Mikrokosmos Schwabstrasse\n"
        }
      }
    },
    {
      "use": "teaser",
      "settings": {
        "overlayLink": true,
        "headline": {
          "text": "#[span.f-w-normal Slide 7. C. Dahl – GF BW Stiftung]#[span.u-hidden-visually :]#[br]Der Mikrokosmos Schwabstrasse\n"
        }
      }
    },
    {
      "use": "teaser",
      "settings": {
        "overlayLink": true,
        "headline": {
          "text": "#[span.f-w-normal Slide 8. C. Dahl – GF BW Stiftung]#[span.u-hidden-visually :]#[br]Der Mikrokosmos Schwabstrasse\n"
        }
      }
    }
  ]
}