<div class="teaser-filter-list js-teaser-filter-list">
<div class="teaser-filter-list__inner">
<div class="teaser-filter-list__headline">
<h2 class="headline headline--1"><span class="f-w-normal">Innovationen</span> Entdecken</h2>
</div>
<div class="teaser-filter-list__filter">
<form class="filter-checkbox-list js-filter-checkbox-list">
<div class="filter-checkbox-list__inner">
<div class="filter-checkbox-list__sections">
<div class="filter-checkbox-list__section-description"></div><button class="filter-checkbox-list__dropdown-button filter-checkbox__checkbox" type="button" aria-expanded="false" aria-controls="filter-checkbox-list__dropdown">Filtern</button>
<ul class="filter-checkbox-list__section filter-checkbox-list__section-1">
<li class="filter-checkbox-list__section-item">
<div class="filter-checkbox" data-sector="Technik" data-filterid="1"><label class="filter-checkbox__checkbox"><input class="filter-checkbox__checkbox-input" type="checkbox" value="filter-checkbox-value-1e81" id="filter-checkbox-e581" name="filter-checkbox-e581" /><span class="filter-checkbox__checkbox-label">#Technik</span>
<div class="filter-checkbox__checkbox-bg"></div></label></div>
</li>
<li class="filter-checkbox-list__section-item">
<div class="filter-checkbox" data-sector="Künstliche-Intelligenz" data-filterid="2"><label class="filter-checkbox__checkbox"><input class="filter-checkbox__checkbox-input" type="checkbox" value="filter-checkbox-value-9eab" id="filter-checkbox-a91d" name="filter-checkbox-a91d" /><span class="filter-checkbox__checkbox-label">#Künstliche Intelligenz</span>
<div class="filter-checkbox__checkbox-bg"></div></label></div>
</li>
<li class="filter-checkbox-list__section-item">
<div class="filter-checkbox" data-sector="Mode" data-filterid="3"><label class="filter-checkbox__checkbox"><input class="filter-checkbox__checkbox-input" type="checkbox" value="filter-checkbox-value-8228" id="filter-checkbox-a524" name="filter-checkbox-a524" /><span class="filter-checkbox__checkbox-label">#Mode</span>
<div class="filter-checkbox__checkbox-bg"></div></label></div>
</li>
<li class="filter-checkbox-list__section-item">
<div class="filter-checkbox" data-sector="Wohnen" data-filterid="4"><label class="filter-checkbox__checkbox"><input class="filter-checkbox__checkbox-input" type="checkbox" value="filter-checkbox-value-9938" id="filter-checkbox-36bd" name="filter-checkbox-36bd" /><span class="filter-checkbox__checkbox-label">#Wohnen</span>
<div class="filter-checkbox__checkbox-bg"></div></label></div>
</li>
</ul>
</div>
</div>
</form>
</div>
<div class="teaser-filter-list__teaser-grid">
<div class="teaser-grid">
<div class="teaser-grid__inner">
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="1" data-year="2023" data-tags='["Technik","Künstliche-Intelligenz"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#technik</div>
<div class="teaser__content-tag">#künstliche intelligenz</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-0" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-0a4e-label">
<div class="figure__media" data-gallery="lightbox-4824">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-0a4e-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-277a-title">
<title id="icon-277a-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-434f-title">
<title id="icon-434f-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-aacf-title">
<title id="icon-aacf-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">1</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="2" data-year="2023" data-tags='["Technik","Künstliche-Intelligenz"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#technik</div>
<div class="teaser__content-tag">#künstliche intelligenz</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-1" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-d835-label">
<div class="figure__media" data-gallery="lightbox-6f8b">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-d835-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-7141-title">
<title id="icon-7141-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-2667-title">
<title id="icon-2667-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-3496-title">
<title id="icon-3496-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">2</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="3" data-year="2023" data-tags='["Mode","Wohnen"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#Mode</div>
<div class="teaser__content-tag">#Wohnen</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-2" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-4f08-label">
<div class="figure__media" data-gallery="lightbox-5764">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-4f08-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-8207-title">
<title id="icon-8207-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-fa76-title">
<title id="icon-fa76-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-4b84-title">
<title id="icon-4b84-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">3</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="1" data-year="2022" data-tags='["Technik","Wohnen"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#Technik</div>
<div class="teaser__content-tag">#Wohnen</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-3" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-41c9-label">
<div class="figure__media" data-gallery="lightbox-2ea1">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-41c9-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-07fd-title">
<title id="icon-07fd-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-15b6-title">
<title id="icon-15b6-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-91b9-title">
<title id="icon-91b9-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">1</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="2" data-year="2022" data-tags='["Künstliche-Intelligenz","Wohnen"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#Künstliche Intelligenz</div>
<div class="teaser__content-tag">#Wohnen</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-4" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-29c6-label">
<div class="figure__media" data-gallery="lightbox-6b35">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-29c6-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-bcb1-title">
<title id="icon-bcb1-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-f388-title">
<title id="icon-f388-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-3d71-title">
<title id="icon-3d71-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">2</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="3" data-year="2022" data-tags='["Künstliche-Intelligenz"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#Künstliche Intelligenz</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-5" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-b4eb-label">
<div class="figure__media" data-gallery="lightbox-f2e3">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-b4eb-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-363e-title">
<title id="icon-363e-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-a5a1-title">
<title id="icon-a5a1-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-de7f-title">
<title id="icon-de7f-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">3</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="1" data-year="2021" data-tags='["Künstliche-Intelligenz"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#Künstliche Intelligenz</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-6" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-6287-label">
<div class="figure__media" data-gallery="lightbox-1d38">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-6287-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-f079-title">
<title id="icon-f079-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-9a97-title">
<title id="icon-9a97-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-c0aa-title">
<title id="icon-c0aa-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">1</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="2" data-year="2021" data-tags='["Künstliche-Intelligenz","Wohnen"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#Künstliche Intelligenz</div>
<div class="teaser__content-tag">#Wohnen</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-7" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-f9c2-label">
<div class="figure__media" data-gallery="lightbox-d8c7">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-f9c2-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-1fdb-title">
<title id="icon-1fdb-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-2e4e-title">
<title id="icon-2e4e-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-91b4-title">
<title id="icon-91b4-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">2</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="3" data-year="2021" data-tags='["Technik","Wohnen"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#Technik</div>
<div class="teaser__content-tag">#Wohnen</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-8" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-e1c9-label">
<div class="figure__media" data-gallery="lightbox-a669">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-e1c9-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-2b15-title">
<title id="icon-2b15-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-b7ba-title">
<title id="icon-b7ba-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-130c-title">
<title id="icon-130c-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">3</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="1" data-year="2020" data-tags='["Künstliche-Intelligenz","Mode"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#Künstliche Intelligenz</div>
<div class="teaser__content-tag">#Mode</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-9" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-e7c8-label">
<div class="figure__media" data-gallery="lightbox-7a8f">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-e7c8-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-0f9d-title">
<title id="icon-0f9d-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-913c-title">
<title id="icon-913c-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-31b4-title">
<title id="icon-31b4-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">1</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="2" data-year="2020" data-tags='["Technik"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#Technik</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-10" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-1bdb-label">
<div class="figure__media" data-gallery="lightbox-bfa2">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-1bdb-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-cdf1-title">
<title id="icon-cdf1-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-a5ec-title">
<title id="icon-a5ec-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-2495-title">
<title id="icon-2495-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">2</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="3" data-year="2020" data-tags='["Technik","Künstliche-Intelligenz"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#Technik</div>
<div class="teaser__content-tag">#Künstliche Intelligenz</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-11" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-837d-label">
<div class="figure__media" data-gallery="lightbox-e049">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-837d-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-6ef6-title">
<title id="icon-6ef6-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-de45-title">
<title id="icon-de45-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-5424-title">
<title id="icon-5424-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">3</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="1" data-year="2023" data-tags='["Technik","Künstliche-Intelligenz"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#technik</div>
<div class="teaser__content-tag">#künstliche intelligenz</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-12" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-8d22-label">
<div class="figure__media" data-gallery="lightbox-34cc">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-8d22-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-0265-title">
<title id="icon-0265-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-06a9-title">
<title id="icon-06a9-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-a417-title">
<title id="icon-a417-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">1</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="2" data-year="2023" data-tags='["Technik","Künstliche-Intelligenz"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#technik</div>
<div class="teaser__content-tag">#künstliche intelligenz</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-13" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-e656-label">
<div class="figure__media" data-gallery="lightbox-2de7">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-e656-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-e393-title">
<title id="icon-e393-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-af3f-title">
<title id="icon-af3f-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-a4ba-title">
<title id="icon-a4ba-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">2</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="3" data-year="2023" data-tags='["Mode","Wohnen"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#Mode</div>
<div class="teaser__content-tag">#Wohnen</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-14" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-046c-label">
<div class="figure__media" data-gallery="lightbox-1bc7">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-046c-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-b78c-title">
<title id="icon-b78c-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-94dc-title">
<title id="icon-94dc-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-c2d6-title">
<title id="icon-c2d6-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">3</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="1" data-year="2022" data-tags='["Technik","Wohnen"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#Technik</div>
<div class="teaser__content-tag">#Wohnen</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-15" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-5f62-label">
<div class="figure__media" data-gallery="lightbox-4355">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-5f62-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-3c2c-title">
<title id="icon-3c2c-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-3c82-title">
<title id="icon-3c82-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-24c6-title">
<title id="icon-24c6-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">1</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="2" data-year="2022" data-tags='["Künstliche-Intelligenz","Wohnen"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#Künstliche Intelligenz</div>
<div class="teaser__content-tag">#Wohnen</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-16" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-e766-label">
<div class="figure__media" data-gallery="lightbox-5877">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-e766-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-ed36-title">
<title id="icon-ed36-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-b4d8-title">
<title id="icon-b4d8-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-247c-title">
<title id="icon-247c-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">2</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="3" data-year="2022" data-tags='["Künstliche-Intelligenz"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#Künstliche Intelligenz</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-17" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-5654-label">
<div class="figure__media" data-gallery="lightbox-0d25">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-5654-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-2672-title">
<title id="icon-2672-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-2493-title">
<title id="icon-2493-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-226c-title">
<title id="icon-226c-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">3</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="1" data-year="2021" data-tags='["Künstliche-Intelligenz"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#Künstliche Intelligenz</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-18" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-679f-label">
<div class="figure__media" data-gallery="lightbox-46e6">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-679f-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-bcb4-title">
<title id="icon-bcb4-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-7564-title">
<title id="icon-7564-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-c26f-title">
<title id="icon-c26f-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">1</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="2" data-year="2021" data-tags='["Künstliche-Intelligenz","Wohnen"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#Künstliche Intelligenz</div>
<div class="teaser__content-tag">#Wohnen</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-19" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-6e23-label">
<div class="figure__media" data-gallery="lightbox-5e32">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-6e23-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-10d3-title">
<title id="icon-10d3-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-9f11-title">
<title id="icon-9f11-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-fc6b-title">
<title id="icon-fc6b-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">2</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="3" data-year="2021" data-tags='["Technik","Wohnen"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#Technik</div>
<div class="teaser__content-tag">#Wohnen</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-20" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-abe1-label">
<div class="figure__media" data-gallery="lightbox-112c">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-abe1-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-f128-title">
<title id="icon-f128-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-3c24-title">
<title id="icon-3c24-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-957f-title">
<title id="icon-957f-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">3</div>
</div>
</article>
</div>
<div class="teaser-grid__item">
<article class="teaser teaser--filter" data-number="1" data-year="2020" data-tags='["Künstliche-Intelligenz","Mode"]'>
<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>
<div class="teaser__content-tags">
<div class="teaser__content-tag">#Künstliche Intelligenz</div>
<div class="teaser__content-tag">#Mode</div>
</div><a class="teaser__content-headline overlay-fifty-fifty__button js-overlay-fifty-fifty" href="#overlay-21" aria-expanded="false" aria-controls="overlay-teaser-1-content" data-overlay-target="teaser__content">
<h3 class="headline headline--3"><span>Stipendium lorem ipsum</span></h3>
</a>
<div class="overlay-fifty-fifty js-slideshow">
<article class="overlay-fifty-fifty__panel" id="overlay-teaser-1-content" aria-labelledby="overlay-teaser-1-title">
<div class="overlay-fifty-fifty__content" tabindex="-1">
<div class="overlay-fifty-fifty__content-inner">
<div class="overlay-fifty-fifty__content-block">
<figure class="figure overlay-fifty-fifty__block overlay-fifty-fifty__image" aria-labelledby="figure-e784-label">
<div class="figure__media" data-gallery="lightbox-5b12">
<div class="image loading" style="padding-top: 52.68199233716475%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="550" src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1044x550/F5F5F5/28281a.png?text=1044x550" width="1044" height="550" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
</div>
<figcaption class="figure__caption" id="figure-e784-label">Hier steht eine Bildunterschrift (Foto: Vorname Name)</figcaption>
</figure>
</div><button class="icon-button icon-button--secondary overlay-fifty-fifty__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-dde2-title">
<title id="icon-dde2-title">Fenster schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
<div class="overlay-fifty-fifty__content-block">
<div class="overlay-fifty-fifty__block">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="overlay-fifty-fifty__block">
<div class="afp-inventor-detail afp-inventor-detail--default afp-inventor-detail--overlay">
<div class="afp-inventor-detail__inner">
<div class="afp-inventor-detail__inner-content-wrapper">
<div class="afp-inventor-detail__inner-content">
<div class="afp-inventor-detail__description-wrapper">
<dl class="afp-inventor-detail__description-list">
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Preis</dt>
<dd class="afp-inventor-detail__description-details">2ter Preis (2021)</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Kategorie</dt>
<dd class="afp-inventor-detail__description-details">Schüler</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Erfunden von</dt>
<dd class="afp-inventor-detail__description-details">Sophia Lindner</dd>
</div>
<div class="afp-inventor-detail__description-item">
<dt class="afp-inventor-detail__description-term">Themen</dt>
<dd class="afp-inventor-detail__description-details">#mode</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-fifty-fifty__block">
<div class="text">
<p><b>Beschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="overlay-fifty-fifty__block"><a class="cta-link cta-link--right" href="/innovation"><span class="cta-link__text">Zur Detailseite</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
<use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
</div>
<div class="overlay-fifty-fifty__slider-buttons">
<div class="overlay-fifty-fifty__slider-buttons-description">Mehr Innovationen</div><button class="icon-button overlay-fifty-fifty__slider-button-left" type="button"><svg class="icon icon--arrow-left icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-eb4e-title">
<title id="icon-eb4e-title">List</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></button><button class="icon-button overlay-fifty-fifty__slider-button-right" type="button"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-76e1-title">
<title id="icon-76e1-title">List</title>
<use xlink:href="#icon-arrow-right"></use>
</svg></button>
</div>
</div>
</div>
</article>
</div>
<div class="teaser__content-subline">Dr. Max Mustermann</div>
<div class="teaser__content-number">1</div>
</div>
</article>
</div>
</div>
</div>
</div>
<div class="teaser-filter-list__button"><a class="button button--primary" href="#"><svg class="icon icon--arrow-right button__icon" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg><span class="button__text">Mehr laden</span></a></div>
</div>
</div>
{
"headline": {
"text": "#[span.f-w-normal Innovationen] Entdecken\n",
"level": 2,
"size": 1
},
"filterCheckboxList": {
"headline": null,
"filterReset": null,
"filterSections": [
{
"description": null,
"items": [
{
"text": "#Technik",
"attr": {
"data-sector": "Technik",
"data-filterid": 1
}
},
{
"text": "#Künstliche Intelligenz",
"attr": {
"data-sector": "Künstliche-Intelligenz",
"data-filterid": 2
}
},
{
"text": "#Mode",
"attr": {
"data-sector": "Mode",
"data-filterid": 3
}
},
{
"text": "#Wohnen",
"attr": {
"data-sector": "Wohnen",
"data-filterid": 4
}
}
]
}
]
},
"teaserGrid": {
"items": [
{
"use": "teaser--teaser-filter",
"settings": {
"number": 1,
"overlay": {
"id": "overlay-0"
},
"tags": [
{
"text": "#technik"
},
{
"text": "#künstliche intelligenz"
}
],
"attr": {
"data-number": 1,
"data-year": 2023,
"data-tags": [
"Technik",
"Künstliche-Intelligenz"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 2,
"overlay": {
"id": "overlay-1"
},
"tags": [
{
"text": "#technik"
},
{
"text": "#künstliche intelligenz"
}
],
"attr": {
"data-number": 2,
"data-year": 2023,
"data-tags": [
"Technik",
"Künstliche-Intelligenz"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 3,
"overlay": {
"id": "overlay-2"
},
"tags": [
{
"text": "#Mode"
},
{
"text": "#Wohnen"
}
],
"attr": {
"data-number": 3,
"data-year": 2023,
"data-tags": [
"Mode",
"Wohnen"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 1,
"overlay": {
"id": "overlay-3"
},
"tags": [
{
"text": "#Technik"
},
{
"text": "#Wohnen"
}
],
"attr": {
"data-number": 1,
"data-year": 2022,
"data-tags": [
"Technik",
"Wohnen"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 2,
"overlay": {
"id": "overlay-4"
},
"tags": [
{
"text": "#Künstliche Intelligenz"
},
{
"text": "#Wohnen"
}
],
"attr": {
"data-number": 2,
"data-year": 2022,
"data-tags": [
"Künstliche-Intelligenz",
"Wohnen"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 3,
"overlay": {
"id": "overlay-5"
},
"tags": [
{
"text": "#Künstliche Intelligenz"
}
],
"attr": {
"data-number": 3,
"data-year": 2022,
"data-tags": [
"Künstliche-Intelligenz"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 1,
"overlay": {
"id": "overlay-6"
},
"tags": [
{
"text": "#Künstliche Intelligenz"
}
],
"attr": {
"data-number": 1,
"data-year": 2021,
"data-tags": [
"Künstliche-Intelligenz"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 2,
"overlay": {
"id": "overlay-7"
},
"tags": [
{
"text": "#Künstliche Intelligenz"
},
{
"text": "#Wohnen"
}
],
"attr": {
"data-number": 2,
"data-year": 2021,
"data-tags": [
"Künstliche-Intelligenz",
"Wohnen"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 3,
"overlay": {
"id": "overlay-8"
},
"tags": [
{
"text": "#Technik"
},
{
"text": "#Wohnen"
}
],
"attr": {
"data-number": 3,
"data-year": 2021,
"data-tags": [
"Technik",
"Wohnen"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 1,
"overlay": {
"id": "overlay-9"
},
"tags": [
{
"text": "#Künstliche Intelligenz"
},
{
"text": "#Mode"
}
],
"attr": {
"data-number": 1,
"data-year": 2020,
"data-tags": [
"Künstliche-Intelligenz",
"Mode"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 2,
"overlay": {
"id": "overlay-10"
},
"tags": [
{
"text": "#Technik"
}
],
"attr": {
"data-number": 2,
"data-year": 2020,
"data-tags": [
"Technik"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 3,
"overlay": {
"id": "overlay-11"
},
"tags": [
{
"text": "#Technik"
},
{
"text": "#Künstliche Intelligenz"
}
],
"attr": {
"data-number": 3,
"data-year": 2020,
"data-tags": [
"Technik",
"Künstliche-Intelligenz"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 1,
"overlay": {
"id": "overlay-12"
},
"tags": [
{
"text": "#technik"
},
{
"text": "#künstliche intelligenz"
}
],
"attr": {
"data-number": 1,
"data-year": 2023,
"data-tags": [
"Technik",
"Künstliche-Intelligenz"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 2,
"overlay": {
"id": "overlay-13"
},
"tags": [
{
"text": "#technik"
},
{
"text": "#künstliche intelligenz"
}
],
"attr": {
"data-number": 2,
"data-year": 2023,
"data-tags": [
"Technik",
"Künstliche-Intelligenz"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 3,
"overlay": {
"id": "overlay-14"
},
"tags": [
{
"text": "#Mode"
},
{
"text": "#Wohnen"
}
],
"attr": {
"data-number": 3,
"data-year": 2023,
"data-tags": [
"Mode",
"Wohnen"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 1,
"overlay": {
"id": "overlay-15"
},
"tags": [
{
"text": "#Technik"
},
{
"text": "#Wohnen"
}
],
"attr": {
"data-number": 1,
"data-year": 2022,
"data-tags": [
"Technik",
"Wohnen"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 2,
"overlay": {
"id": "overlay-16"
},
"tags": [
{
"text": "#Künstliche Intelligenz"
},
{
"text": "#Wohnen"
}
],
"attr": {
"data-number": 2,
"data-year": 2022,
"data-tags": [
"Künstliche-Intelligenz",
"Wohnen"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 3,
"overlay": {
"id": "overlay-17"
},
"tags": [
{
"text": "#Künstliche Intelligenz"
}
],
"attr": {
"data-number": 3,
"data-year": 2022,
"data-tags": [
"Künstliche-Intelligenz"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 1,
"overlay": {
"id": "overlay-18"
},
"tags": [
{
"text": "#Künstliche Intelligenz"
}
],
"attr": {
"data-number": 1,
"data-year": 2021,
"data-tags": [
"Künstliche-Intelligenz"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 2,
"overlay": {
"id": "overlay-19"
},
"tags": [
{
"text": "#Künstliche Intelligenz"
},
{
"text": "#Wohnen"
}
],
"attr": {
"data-number": 2,
"data-year": 2021,
"data-tags": [
"Künstliche-Intelligenz",
"Wohnen"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 3,
"overlay": {
"id": "overlay-20"
},
"tags": [
{
"text": "#Technik"
},
{
"text": "#Wohnen"
}
],
"attr": {
"data-number": 3,
"data-year": 2021,
"data-tags": [
"Technik",
"Wohnen"
]
}
}
},
{
"use": "teaser--teaser-filter",
"settings": {
"number": 1,
"overlay": {
"id": "overlay-21"
},
"tags": [
{
"text": "#Künstliche Intelligenz"
},
{
"text": "#Mode"
}
],
"attr": {
"data-number": 1,
"data-year": 2020,
"data-tags": [
"Künstliche-Intelligenz",
"Mode"
]
}
}
}
]
},
"button": {
"text": "Mehr laden",
"icon": "arrow-right"
},
"filter": true
}