<div class="story-module story-module--mud-yellow story-module--primary">
  <div class="story-module__inner">
    <div class="story-module__content-wrap">
      <div class="story-module__slider">
        <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>
      </div>
    </div>
  </div>
</div>

{
  "variants": "primary",
  "moduleSlider": {
    "title": null
  },
  "backgroundColor": "mud-yellow"
}