<div class="mission-card-slider">
<div class="mission-card-slider__inner">
<div class="mission-card-slider__frame">
<div class="mission-card-slider__items">
<div class="mission-card-slider__item">
<div class="mission-card">
<div class="mission-card__content">
<h2 class="headline headline--1 mission-card__headline">Wir stiften innovative Forschung</h2>
<div class="mission-card__details">
<div class="mission-card__icon-button">
<div class="quickinfo">
<div class="quickinfo__button-wrap"><button class="icon-button quickinfo__button" type="button" aria-expanded="false" aria-controls="id-7d68-content" id="id-7d68-title"><svg class="icon icon--list icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-9c46-title">
<title id="icon-9c46-title">Schnellinfo zeigen</title>
<use xlink:href="#icon-list"></use>
</svg></button></div>
<article class="quickinfo__panel" id="id-7d68-content" aria-labelledby="id-7d68-title">
<div class="quickinfo__content" tabindex="-1">
<div class="quickinfo__content-inner">
<div class="quickinfo__block" id="block-id-8f6a">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="quickinfo__block" id="block-id-2015">
<div class="text">
<p><b>Kurzbeschreibung</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="quickinfo__block" id="block-id-9c35">
<div class="jumpbox jumpbox--condensed">
<div class="jumpbox__text">
<div class="text">
<p>Hinweisbox <a class="link" href="#">mit Link</a></p>
</div>
</div>
</div>
</div>
<div class="quickinfo__block" id="block-id-c9cc">
<div class="link-list">
<ul class="link-list__list">
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Kurzfilmwettbewerb „Smart. Ohne Phone startet“</span></a></li>
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Stiftungsprogramm verbessert Integration in Baden-Württemberg</span></a></li>
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Ausschreibung Lehrerpreis der Stiftung der Kinderland</span></a></li>
</ul>
</div>
</div>
<div class="quickinfo__block" id="block-id-c4ee"><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">Button</span></a></div><button class="icon-button icon-button--secondary quickinfo__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-c223-title">
<title id="icon-c223-title">Schnellinfo schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mission-card-slider__item">
<div class="mission-card">
<div class="mission-card__content">
<h2 class="headline headline--1 mission-card__headline">Wir stiften eine starke Gemeinschaft</h2>
<div class="mission-card__details">
<div class="mission-card__icon-button">
<div class="quickinfo">
<div class="quickinfo__button-wrap"><button class="icon-button quickinfo__button" type="button" aria-expanded="false" aria-controls="id-1332-content" id="id-1332-title"><svg class="icon icon--list icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-c6c8-title">
<title id="icon-c6c8-title">Schnellinfo zeigen</title>
<use xlink:href="#icon-list"></use>
</svg></button></div>
<article class="quickinfo__panel" id="id-1332-content" aria-labelledby="id-1332-title">
<div class="quickinfo__content" tabindex="-1">
<div class="quickinfo__content-inner">
<div class="quickinfo__block" id="block-id-d49b">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="quickinfo__block" id="block-id-63be">
<div class="text">
<p><b>Kurzbeschreibung</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="quickinfo__block" id="block-id-68e8">
<div class="jumpbox jumpbox--condensed">
<div class="jumpbox__text">
<div class="text">
<p>Hinweisbox <a class="link" href="#">mit Link</a></p>
</div>
</div>
</div>
</div>
<div class="quickinfo__block" id="block-id-b528">
<div class="link-list">
<ul class="link-list__list">
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Kurzfilmwettbewerb „Smart. Ohne Phone startet“</span></a></li>
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Stiftungsprogramm verbessert Integration in Baden-Württemberg</span></a></li>
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Ausschreibung Lehrerpreis der Stiftung der Kinderland</span></a></li>
</ul>
</div>
</div>
<div class="quickinfo__block" id="block-id-24b3"><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">Button</span></a></div><button class="icon-button icon-button--secondary quickinfo__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-56ec-title">
<title id="icon-56ec-title">Schnellinfo schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mission-card-slider__item">
<div class="mission-card">
<div class="mission-card__content">
<h2 class="headline headline--1 mission-card__headline">Wir stiften bessere Bildung</h2>
<div class="mission-card__details">
<div class="mission-card__icon-button">
<div class="quickinfo">
<div class="quickinfo__button-wrap"><button class="icon-button quickinfo__button" type="button" aria-expanded="false" aria-controls="id-41ac-content" id="id-41ac-title"><svg class="icon icon--list icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-f1e9-title">
<title id="icon-f1e9-title">Schnellinfo zeigen</title>
<use xlink:href="#icon-list"></use>
</svg></button></div>
<article class="quickinfo__panel" id="id-41ac-content" aria-labelledby="id-41ac-title">
<div class="quickinfo__content" tabindex="-1">
<div class="quickinfo__content-inner">
<div class="quickinfo__block" id="block-id-14fe">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="quickinfo__block" id="block-id-ccef">
<div class="text">
<p><b>Kurzbeschreibung</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="quickinfo__block" id="block-id-2334">
<div class="jumpbox jumpbox--condensed">
<div class="jumpbox__text">
<div class="text">
<p>Hinweisbox <a class="link" href="#">mit Link</a></p>
</div>
</div>
</div>
</div>
<div class="quickinfo__block" id="block-id-b975">
<div class="link-list">
<ul class="link-list__list">
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Kurzfilmwettbewerb „Smart. Ohne Phone startet“</span></a></li>
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Stiftungsprogramm verbessert Integration in Baden-Württemberg</span></a></li>
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Ausschreibung Lehrerpreis der Stiftung der Kinderland</span></a></li>
</ul>
</div>
</div>
<div class="quickinfo__block" id="block-id-8cd4"><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">Button</span></a></div><button class="icon-button icon-button--secondary quickinfo__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-3c9a-title">
<title id="icon-3c9a-title">Schnellinfo schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mission-card-slider__item">
<div class="mission-card">
<div class="mission-card__content">
<h2 class="headline headline--1 mission-card__headline">Wir stiften innovative Forschung</h2>
<div class="mission-card__details">
<div class="mission-card__icon-button">
<div class="quickinfo">
<div class="quickinfo__button-wrap"><button class="icon-button quickinfo__button" type="button" aria-expanded="false" aria-controls="id-b4c2-content" id="id-b4c2-title"><svg class="icon icon--list icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-495e-title">
<title id="icon-495e-title">Schnellinfo zeigen</title>
<use xlink:href="#icon-list"></use>
</svg></button></div>
<article class="quickinfo__panel" id="id-b4c2-content" aria-labelledby="id-b4c2-title">
<div class="quickinfo__content" tabindex="-1">
<div class="quickinfo__content-inner">
<div class="quickinfo__block" id="block-id-4074">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="quickinfo__block" id="block-id-75fc">
<div class="text">
<p><b>Kurzbeschreibung</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="quickinfo__block" id="block-id-20e1">
<div class="jumpbox jumpbox--condensed">
<div class="jumpbox__text">
<div class="text">
<p>Hinweisbox <a class="link" href="#">mit Link</a></p>
</div>
</div>
</div>
</div>
<div class="quickinfo__block" id="block-id-adbd">
<div class="link-list">
<ul class="link-list__list">
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Kurzfilmwettbewerb „Smart. Ohne Phone startet“</span></a></li>
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Stiftungsprogramm verbessert Integration in Baden-Württemberg</span></a></li>
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Ausschreibung Lehrerpreis der Stiftung der Kinderland</span></a></li>
</ul>
</div>
</div>
<div class="quickinfo__block" id="block-id-f831"><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">Button</span></a></div><button class="icon-button icon-button--secondary quickinfo__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-57c9-title">
<title id="icon-57c9-title">Schnellinfo schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mission-card-slider__item">
<div class="mission-card">
<div class="mission-card__content">
<h2 class="headline headline--1 mission-card__headline">Wir stiften eine starke Gemeinschaft</h2>
<div class="mission-card__details">
<div class="mission-card__icon-button">
<div class="quickinfo">
<div class="quickinfo__button-wrap"><button class="icon-button quickinfo__button" type="button" aria-expanded="false" aria-controls="id-70d3-content" id="id-70d3-title"><svg class="icon icon--list icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-0823-title">
<title id="icon-0823-title">Schnellinfo zeigen</title>
<use xlink:href="#icon-list"></use>
</svg></button></div>
<article class="quickinfo__panel" id="id-70d3-content" aria-labelledby="id-70d3-title">
<div class="quickinfo__content" tabindex="-1">
<div class="quickinfo__content-inner">
<div class="quickinfo__block" id="block-id-6c9d">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="quickinfo__block" id="block-id-9ef3">
<div class="text">
<p><b>Kurzbeschreibung</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="quickinfo__block" id="block-id-a983">
<div class="jumpbox jumpbox--condensed">
<div class="jumpbox__text">
<div class="text">
<p>Hinweisbox <a class="link" href="#">mit Link</a></p>
</div>
</div>
</div>
</div>
<div class="quickinfo__block" id="block-id-f83f">
<div class="link-list">
<ul class="link-list__list">
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Kurzfilmwettbewerb „Smart. Ohne Phone startet“</span></a></li>
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Stiftungsprogramm verbessert Integration in Baden-Württemberg</span></a></li>
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Ausschreibung Lehrerpreis der Stiftung der Kinderland</span></a></li>
</ul>
</div>
</div>
<div class="quickinfo__block" id="block-id-9a9a"><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">Button</span></a></div><button class="icon-button icon-button--secondary quickinfo__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-d563-title">
<title id="icon-d563-title">Schnellinfo schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mission-card-slider__controls slider__controls"></div>
</div>
</div>
{
"items": [
{
"use": "mission-card",
"settings": {
"details": null,
"quickinfo": true,
"headline": {
"text": "Wir stiften innovative Forschung"
}
}
},
{
"use": "mission-card",
"settings": {
"details": null,
"quickinfo": true,
"headline": {
"text": "Wir stiften eine starke Gemeinschaft"
}
}
},
{
"use": "mission-card",
"settings": {
"details": null,
"quickinfo": true,
"headline": {
"text": "Wir stiften bessere Bildung"
}
}
},
{
"use": "mission-card",
"settings": {
"details": null,
"quickinfo": true,
"headline": {
"text": "Wir stiften innovative Forschung"
}
}
},
{
"use": "mission-card",
"settings": {
"details": null,
"quickinfo": true,
"headline": {
"text": "Wir stiften eine starke Gemeinschaft"
}
}
}
]
}