Header BW Stipendium @header--stip
<header class="header headroom header--light header--meta header--slide-down">
<div class="header__meta">
<ul class="header__meta-items">
<li class="header__meta-item"><a href="#">Leichte Sprache<svg class="icon icon--leichte-sprache header__meta-item-icon" viewBox="0 0 200 200">
<use xlink:href="#icon-leichte-sprache"></use>
</svg></a></li>
<li class="header__meta-item"><a href="#">Gebärden­sprache<svg class="icon icon--gebaerdesprache header__meta-item-icon" viewBox="0 0 200 200">
<use xlink:href="#icon-gebaerdesprache"></use>
</svg></a></li>
</ul>
</div>
<div class="header__inner">
<div class="header__logo-wrap">
<div class="header__logo"><a class="logo" href="#"><img class="logo__image logo__image--light" src="/images/stip/logo-light.svg" width="154" height="84" alt="Baden-Württemberg Stipendium" /><img class="logo__image" src="/images/stip/logo.svg" width="154" height="84" alt="Baden-Württemberg Stipendium" /></a></div>
</div><button class="header__mobile-menu-trigger" type="button" aria-controls="header-navigation" aria-label="Menü Öffnen"><span></span></button>
<div class="header__navigation" id="header-navigation">
<div class="header__navigation-inner header__navigation--level-1">
<div class="header__button"><a class="button button--primary" href="#"><span class="button__text">BWS World</span></a></div>
<div class="header__search">
<div class="header__search-wrapper"><a class="header__search-button" aria-controls="header-navigation-search" aria-expanded="false" aria-haspopup="true" href="#"><svg class="icon icon--search" viewBox="0 0 200 200" role="img" aria-labelledby="icon-b04f-title">
<title id="icon-b04f-title">search</title>
<use xlink:href="#icon-search"></use>
</svg></a>
<div class="header__search-panel" id="header-navigation-search">
<div class="header__search-form">
<div class="header__search-close"><button class="icon-button icon-button--secondary header__search-close-btn" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-1bc6-title">
<title id="icon-1bc6-title">List</title>
<use xlink:href="#icon-close"></use>
</svg></button></div><input class="header__search-form-input" aria-label="Suchbegriff" /><button class="header__search-form-btn">Suchen<svg class="icon icon--search" viewBox="0 0 200 200" role="img" aria-labelledby="icon-b0db-title">
<title id="icon-b0db-title">search</title>
<use xlink:href="#icon-search"></use>
</svg></button>
<ul class="header__search-form-suggestion">
<li class="header__search-form-suggestion-li"><a href="#">Suchvorschlag</a></li>
<li class="header__search-form-suggestion-li"><a href="#">noch ein Suchvorschlag</a></li>
</ul>
</div>
</div>
</div>
</div>
<nav class="language-nav">
<ul class="language-nav__ul">
<li class="language-nav__li"><a class="language-nav__li__a" href="#"><svg class="icon icon--dropdown" viewBox="0 0 200 200">
<use xlink:href="#icon-dropdown"></use>
</svg><img class="language-nav__li__a__flag" src="/images/stip/flag-de.png" alt="DE" /><span class="language-nav__li__a__text">DE</span></a></li>
<li class="language-nav__li"><a class="language-nav__li__a" href="#"><img class="language-nav__li__a__flag" src="/images/stip/flag-en.png" alt="EN" /><span class="language-nav__li__a__text">EN</span></a></li>
</ul>
</nav>
<div class="header__navigation-levels">
<!-- LEVEL 1-->
<ul class="header__navigation-items header__navigation-level-1-ul">
<li class="header__navigation-item header__navigation-level-1-li" data-level="1"><button class="header__navigation-link header__navigation-move" id="navigation-7d2d" aria-controls="menu-d92e" aria-expanded="false" aria-haspopup="true" type="button">Programm<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-d7cf-title">
<title id="icon-d7cf-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></button>
<div class="header__navigation-submenu header__navigation-level-2" id="menu-d92e">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-2-back" href="javascript:;" data-level="2"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-8d2e-title">
<title id="icon-8d2e-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview"><button class="header__navigation-submenu-overview-link" type="button"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Programm</span></button></div>
<ul class="header__navigation-items header__navigation-level-2-ul">
<!-- LEVEL 2-->
<li class="header__navigation-item header__navigation-level-2-li" data-level="2"><a class="header__navigation-link header__navigation-level-2-li-link header__navigation-move" href="#">Wer wir sind<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-2bc6-title">
<title id="icon-2bc6-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></a><!-- default style-->
<div class="header__navigation-submenu header__navigation-level-3">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-3-back" href="javascript:;" data-level="3"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-034d-title">
<title id="icon-034d-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview"><a class="header__navigation-submenu-overview-link" href="#"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Wer wir sind</span></a></div>
<ul class="header__navigation-items header__navigation-level-3-ul">
<!-- level 3-->
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Ansprechpersonen</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Überblick</a></li>
</ul>
</div>
</li>
<li class="header__navigation-item header__navigation-level-2-li" data-level="2"><a class="header__navigation-link header__navigation-level-2-li-link header__navigation-move" href="#">Wie wir arbeiten<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-368b-title">
<title id="icon-368b-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></a><!-- default style-->
<div class="header__navigation-submenu header__navigation-level-3">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-3-back" href="javascript:;" data-level="3"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-805c-title">
<title id="icon-805c-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview"><a class="header__navigation-submenu-overview-link" href="#"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Wie wir arbeiten</span></a></div>
<ul class="header__navigation-items header__navigation-level-3-ul">
<!-- level 3-->
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Lorem ipsum</a></li>
</ul>
</div>
</li>
<li class="header__navigation-item header__navigation-level-2-li" data-level="2"><a class="header__navigation-link header__navigation-level-2-li-link header__navigation-move" href="#">Service<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-4b2b-title">
<title id="icon-4b2b-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></a><!-- default style-->
<div class="header__navigation-submenu header__navigation-level-3">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-3-back" href="javascript:;" data-level="3"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-2cfa-title">
<title id="icon-2cfa-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview"><a class="header__navigation-submenu-overview-link" href="#"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Service</span></a></div>
<ul class="header__navigation-items header__navigation-level-3-ul">
<!-- level 3-->
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Kontakt</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Veranstaltungen</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Publikationen</a></li>
</ul>
</div>
</li>
<li class="header__navigation-item header__navigation-level-2-li header__navigation-teaser-li">
<article class="navigation-teaser navigation-teaser--fancy-font navigation-teaser--stip-green-bright">
<div class="navigation-teaser__inner">
<div class="navigation-teaser__content">
<p class="headline headline--1 navigation-teaser__headline">Lorem ipsum dolor</p>
<div class="navigation-teaser__cta-link"><a class="cta-link cta-link--right" rel="noopener noreferrer" target="_blank" href="#"><span class="cta-link__text">Link-Text</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="navigation-teaser__magazine">
<div class="navigation-teaser__magazine-content">
<div class="navigation-teaser__links"></div>
</div>
</div>
</div>
</article>
</li>
</ul>
</div>
</li>
<li class="header__navigation-item header__navigation-level-1-li" data-level="1"><button class="header__navigation-link header__navigation-move" id="navigation-c089" aria-controls="menu-8391" aria-expanded="false" aria-haspopup="true" type="button">Stipendien<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-93fc-title">
<title id="icon-93fc-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></button>
<div class="header__navigation-submenu header__navigation-level-2" id="menu-8391">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-2-back" href="javascript:;" data-level="2"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-2241-title">
<title id="icon-2241-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview"><button class="header__navigation-submenu-overview-link" type="button"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Stipendien</span></button></div>
<ul class="header__navigation-items header__navigation-level-2-ul">
<!-- LEVEL 2-->
<li class="header__navigation-item header__navigation-level-2-li" data-level="2"><button class="header__navigation-link header__navigation-level-2-li-link header__navigation-move" type="button">Stipendien<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-335d-title">
<title id="icon-335d-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></button><!-- default style-->
<div class="header__navigation-submenu header__navigation-level-3">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-3-back" href="javascript:;" data-level="3"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-dad1-title">
<title id="icon-dad1-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview">
<div class="header__navigation-submenu-overview-link"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Stipendien</span></div>
</div>
<ul class="header__navigation-items header__navigation-level-3-ul">
<!-- level 3-->
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Studieren in Baden-Württemberg</a></li>
</ul>
</div>
</li>
<li class="header__navigation-item header__navigation-level-2-li" data-level="2"><button class="header__navigation-link header__navigation-level-2-li-link header__navigation-move" type="button">Zusatzkomponenten<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-e447-title">
<title id="icon-e447-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></button><!-- default style-->
<div class="header__navigation-submenu header__navigation-level-3">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-3-back" href="javascript:;" data-level="3"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-c877-title">
<title id="icon-c877-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview">
<div class="header__navigation-submenu-overview-link"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Zusatzkomponenten</span></div>
</div>
<ul class="header__navigation-items header__navigation-level-3-ul">
<!-- level 3-->
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Kurzzeitprogramme</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Capacity Building</a></li>
</ul>
</div>
</li>
<li class="header__navigation-item header__navigation-level-2-li" data-level="2"><button class="header__navigation-link header__navigation-level-2-li-link header__navigation-move" type="button">Sonstiges<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-755f-title">
<title id="icon-755f-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></button><!-- default style-->
<div class="header__navigation-submenu header__navigation-level-3">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-3-back" href="javascript:;" data-level="3"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-53d5-title">
<title id="icon-53d5-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview">
<div class="header__navigation-submenu-overview-link"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Sonstiges</span></div>
</div>
<ul class="header__navigation-items header__navigation-level-3-ul">
<!-- level 3-->
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">BWS</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">BWS Plus</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Walter-Hallstein-Programm</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">BWS Filmproduktion</a></li>
</ul>
</div>
</li>
<li class="header__navigation-item header__navigation-level-2-li header__navigation-teaser-li">
<article class="navigation-teaser navigation-teaser--fancy-font navigation-teaser--stip-yellow">
<div class="navigation-teaser__inner">
<div class="navigation-teaser__content">
<p class="headline headline--1 navigation-teaser__headline">Lorem ipsum dolor</p>
<div class="navigation-teaser__cta-link"><a class="cta-link cta-link--right" rel="noopener noreferrer" target="_blank" href="#"><span class="cta-link__text">Link-Text</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="navigation-teaser__magazine">
<div class="navigation-teaser__magazine-content">
<div class="navigation-teaser__links"></div>
</div>
</div>
</div>
</article>
</li>
</ul>
</div>
</li>
<li class="header__navigation-item header__navigation-level-1-li" data-level="1"><button class="header__navigation-link header__navigation-move" id="navigation-29d9" aria-controls="menu-0ca8" aria-expanded="false" aria-haspopup="true" type="button">Netzwerk<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-7ef5-title">
<title id="icon-7ef5-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></button>
<div class="header__navigation-submenu header__navigation-level-2" id="menu-0ca8">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-2-back" href="javascript:;" data-level="2"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-7006-title">
<title id="icon-7006-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview"><button class="header__navigation-submenu-overview-link" type="button"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Netzwerk</span></button></div>
<ul class="header__navigation-items header__navigation-level-2-ul">
<!-- LEVEL 2-->
<li class="header__navigation-item header__navigation-level-2-li" data-level="2"><a class="header__navigation-link header__navigation-level-2-li-link" href="href">Regional Chapter</a><!-- default style-->
</li>
<li class="header__navigation-item header__navigation-level-2-li" data-level="2"><a class="header__navigation-link header__navigation-level-2-li-link" href="href">Verein</a><!-- default style-->
</li>
<li class="header__navigation-item header__navigation-level-2-li header__navigation-teaser-li">
<article class="navigation-teaser navigation-teaser--fancy-font navigation-teaser--stip-red">
<div class="navigation-teaser__inner">
<div class="navigation-teaser__content">
<p class="headline headline--1 navigation-teaser__headline">Lorem ipsum dolor</p>
<div class="navigation-teaser__cta-link"><a class="cta-link cta-link--right" rel="noopener noreferrer" target="_blank" href="#"><span class="cta-link__text">Link-Text</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="navigation-teaser__magazine">
<div class="navigation-teaser__magazine-content">
<div class="navigation-teaser__links"></div>
</div>
</div>
</div>
</article>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="header__navigation-close"><button class="icon-button icon-button--secondary header__mobile-close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-6a5c-title">
<title id="icon-6a5c-title">List</title>
<use xlink:href="#icon-close"></use>
</svg></button></div>
</div>
</div>
</div>
</header>{
"search": true,
"meta": {
"items": [
{
"link": "#",
"text": "Leichte Sprache",
"icon": "leichte-sprache"
},
{
"link": "#",
"text": "Gebärdensprache",
"icon": "gebaerdesprache"
}
]
},
"navigation": {
"level1": [
{
"link": "Programm",
"href": null,
"navigationsTeaser": "navigation-teaser--fancy-font",
"navigationsTeaserContent": {
"color": "stip-green-bright",
"title": "Lorem ipsum dolor",
"ctaLink": {
"link": "#",
"text": "Link-Text",
"icon": "chevron-right"
}
},
"level2": [
{
"link": "Wer wir sind",
"href": "#",
"level3": [
{
"link": "Ansprechpersonen",
"href": "#"
},
{
"link": "Überblick",
"href": "#"
}
]
},
{
"link": "Wie wir arbeiten",
"href": "#",
"level3": [
{
"link": "Lorem ipsum",
"href": "#"
}
]
},
{
"link": "Service",
"href": "#",
"level3": [
{
"link": "Kontakt",
"href": "#"
},
{
"link": "Veranstaltungen",
"href": "#"
},
{
"link": "Publikationen",
"href": "#"
}
]
}
]
},
{
"link": "Stipendien",
"href": null,
"navigationsTeaser": "navigation-teaser--fancy-font",
"navigationsTeaserContent": {
"color": "stip-yellow",
"title": "Lorem ipsum dolor",
"ctaLink": {
"link": "#",
"text": "Link-Text",
"icon": "chevron-right"
}
},
"level2": [
{
"link": "Stipendien",
"href": null,
"level3": [
{
"link": "Studieren in Baden-Württemberg",
"href": "#"
}
]
},
{
"link": "Zusatzkomponenten",
"href": null,
"level3": [
{
"link": "Kurzzeitprogramme",
"href": "#"
},
{
"link": "Capacity Building",
"href": "#"
}
]
},
{
"link": "Sonstiges",
"href": null,
"level3": [
{
"link": "BWS",
"href": "#"
},
{
"link": "BWS Plus",
"href": "#"
},
{
"link": "Walter-Hallstein-Programm",
"href": "#"
},
{
"link": "BWS Filmproduktion",
"href": "#"
}
]
}
]
},
{
"link": "Netzwerk",
"href": null,
"navigationsTeaser": "navigation-teaser--fancy-font",
"navigationsTeaserContent": {
"color": "stip-red",
"title": "Lorem ipsum dolor",
"ctaLink": {
"link": "#",
"text": "Link-Text",
"icon": "chevron-right"
}
},
"level2": [
{
"link": "Regional Chapter",
"href": true
},
{
"link": "Verein",
"href": true
}
]
}
]
},
"light": true,
"logo": {
"path": "/images/stip/logo.svg",
"pathLight": "/images/stip/logo-light.svg",
"link": "#",
"alt": "Baden-Württemberg Stipendium",
"width": 154,
"height": 84
},
"languageNav": true,
"button": {
"text": "BWS World"
}
}
Header BW Stipendium Login @header--stip-login
<header class="header headroom header--light header--meta header--slide-down">
<div class="header__meta">
<ul class="header__meta-items">
<li class="header__meta-item"><a href="#">Leichte Sprache<svg class="icon icon--leichte-sprache header__meta-item-icon" viewBox="0 0 200 200">
<use xlink:href="#icon-leichte-sprache"></use>
</svg></a></li>
<li class="header__meta-item"><a href="#">Gebärden­sprache<svg class="icon icon--gebaerdesprache header__meta-item-icon" viewBox="0 0 200 200">
<use xlink:href="#icon-gebaerdesprache"></use>
</svg></a></li>
</ul>
</div>
<div class="header__inner">
<div class="header__logo-wrap">
<div class="header__logo"><a class="logo" href="#"><img class="logo__image logo__image--light" src="/images/stip/logo-light.svg" width="154" height="84" alt="Baden-Württemberg Stipendium" /><img class="logo__image" src="/images/stip/logo.svg" width="154" height="84" alt="Baden-Württemberg Stipendium" /></a></div>
</div><button class="header__mobile-menu-trigger" type="button" aria-controls="header-navigation" aria-label="Menü Öffnen"><span></span></button>
<div class="header__navigation" id="header-navigation">
<div class="header__navigation-inner header__navigation--level-1">
<div class="header__button"><a class="button button--primary" href="#registrieren"><span class="button__text">Registrieren</span></a></div>
<div class="header__search">
<div class="header__search-wrapper"><a class="header__search-button" aria-controls="header-navigation-search" aria-expanded="false" aria-haspopup="true" href="#"><svg class="icon icon--search" viewBox="0 0 200 200" role="img" aria-labelledby="icon-0a8f-title">
<title id="icon-0a8f-title">search</title>
<use xlink:href="#icon-search"></use>
</svg></a>
<div class="header__search-panel" id="header-navigation-search">
<div class="header__search-form">
<div class="header__search-close"><button class="icon-button icon-button--secondary header__search-close-btn" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-6c2a-title">
<title id="icon-6c2a-title">List</title>
<use xlink:href="#icon-close"></use>
</svg></button></div><input class="header__search-form-input" aria-label="Suchbegriff" /><button class="header__search-form-btn">Suchen<svg class="icon icon--search" viewBox="0 0 200 200" role="img" aria-labelledby="icon-f83a-title">
<title id="icon-f83a-title">search</title>
<use xlink:href="#icon-search"></use>
</svg></button>
<ul class="header__search-form-suggestion">
<li class="header__search-form-suggestion-li"><a href="#">Suchvorschlag</a></li>
<li class="header__search-form-suggestion-li"><a href="#">noch ein Suchvorschlag</a></li>
</ul>
</div>
</div>
</div>
</div>
<nav class="language-nav">
<ul class="language-nav__ul">
<li class="language-nav__li"><a class="language-nav__li__a" href="#"><svg class="icon icon--dropdown" viewBox="0 0 200 200">
<use xlink:href="#icon-dropdown"></use>
</svg><img class="language-nav__li__a__flag" src="/images/stip/flag-de.png" alt="DE" /><span class="language-nav__li__a__text">DE</span></a></li>
<li class="language-nav__li"><a class="language-nav__li__a" href="#"><img class="language-nav__li__a__flag" src="/images/stip/flag-en.png" alt="EN" /><span class="language-nav__li__a__text">EN</span></a></li>
</ul>
</nav>
<div class="header__navigation-levels">
<!-- LEVEL 1-->
<ul class="header__navigation-items header__navigation-level-1-ul">
<li class="header__navigation-item header__navigation-level-1-li" data-level="1"><button class="header__navigation-link header__navigation-move" id="navigation-0036" aria-controls="menu-aaa9" aria-expanded="false" aria-haspopup="true" type="button">Die Stiftung<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-6dcd-title">
<title id="icon-6dcd-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></button>
<div class="header__navigation-submenu header__navigation-level-2" id="menu-aaa9">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-2-back" href="javascript:;" data-level="2"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-0ebc-title">
<title id="icon-0ebc-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview"><button class="header__navigation-submenu-overview-link" type="button"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Die Stiftung</span></button></div>
<ul class="header__navigation-items header__navigation-level-2-ul">
<!-- LEVEL 2-->
<li class="header__navigation-item header__navigation-level-2-li" data-level="2"><a class="header__navigation-link header__navigation-level-2-li-link header__navigation-move" href="#">Wer wir sind<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-e46e-title">
<title id="icon-e46e-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></a><!-- default style-->
<div class="header__navigation-submenu header__navigation-level-3">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-3-back" href="javascript:;" data-level="3"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-1fef-title">
<title id="icon-1fef-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview"><a class="header__navigation-submenu-overview-link" href="#"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Wer wir sind</span></a></div>
<ul class="header__navigation-items header__navigation-level-3-ul">
<!-- level 3-->
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Aufsichtsrat</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Zahlen & Fakten</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">30 Jahre</a></li>
</ul>
</div>
</li>
<li class="header__navigation-item header__navigation-level-2-li" data-level="2"><a class="header__navigation-link header__navigation-level-2-li-link header__navigation-move" href="#">Wie wir arbeiten<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-b15b-title">
<title id="icon-b15b-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></a><!-- default style-->
<div class="header__navigation-submenu header__navigation-level-3">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-3-back" href="javascript:;" data-level="3"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-3c5f-title">
<title id="icon-3c5f-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview"><a class="header__navigation-submenu-overview-link" href="#"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Wie wir arbeiten</span></a></div>
<ul class="header__navigation-items header__navigation-level-3-ul">
<!-- level 3-->
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Richtlinien</a></li>
</ul>
</div>
</li>
<li class="header__navigation-item header__navigation-level-2-li" data-level="2"><a class="header__navigation-link header__navigation-level-2-li-link header__navigation-move" href="#">Service<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-fc63-title">
<title id="icon-fc63-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></a><!-- default style-->
<div class="header__navigation-submenu header__navigation-level-3">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-3-back" href="javascript:;" data-level="3"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-42f1-title">
<title id="icon-42f1-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview"><a class="header__navigation-submenu-overview-link" href="#"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Service</span></a></div>
<ul class="header__navigation-items header__navigation-level-3-ul">
<!-- level 3-->
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Aufsichtsrat</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Zahlen & Fakten</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">30 Jahre</a></li>
</ul>
</div>
</li>
<li class="header__navigation-item header__navigation-level-2-li" data-level="2"><a class="header__navigation-link header__navigation-level-2-li-link header__navigation-move" href="#">Wie wir arbeiten<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-7928-title">
<title id="icon-7928-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></a><!-- default style-->
<div class="header__navigation-submenu header__navigation-level-3">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-3-back" href="javascript:;" data-level="3"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-ebe5-title">
<title id="icon-ebe5-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview"><a class="header__navigation-submenu-overview-link" href="#"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Wie wir arbeiten</span></a></div>
<ul class="header__navigation-items header__navigation-level-3-ul">
<!-- level 3-->
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Richtlinien</a></li>
</ul>
</div>
</li>
<li class="header__navigation-item header__navigation-level-2-li" data-level="2"><a class="header__navigation-link header__navigation-level-2-li-link header__navigation-move" href="#">Service<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-1abd-title">
<title id="icon-1abd-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></a><!-- default style-->
<div class="header__navigation-submenu header__navigation-level-3">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-3-back" href="javascript:;" data-level="3"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-7972-title">
<title id="icon-7972-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview"><a class="header__navigation-submenu-overview-link" href="#"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Service</span></a></div>
<ul class="header__navigation-items header__navigation-level-3-ul">
<!-- level 3-->
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Aufsichtsrat</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Zahlen & Fakten</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">30 Jahre</a></li>
</ul>
</div>
</li>
<li class="header__navigation-item header__navigation-level-2-li header__navigation-teaser-li">
<article class="navigation-teaser navigation-teaser--default navigation-teaser--yellow-dark">
<div class="navigation-teaser__inner">
<div class="navigation-teaser__content">
<div class="navigation-teaser__fancy-image">
<div class="image loading" style="padding-top: 27.77777777777778%;"><noscript><img class="image__fallback" alt="Fancy Title" height="80" src="/images/fancy-font.png" width="288" /></noscript><img class="image__img js-lazyload" data-src="/images/fancy-font.png" width="288" height="80" alt="Fancy Title" /></div>
</div>
<div class="navigation-teaser__cta-link"><a class="cta-link cta-link--right" rel="noopener noreferrer" target="_blank" href="#"><span class="cta-link__text">Jetzt lesen</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="navigation-teaser__magazine">
<div class="navigation-teaser__magazine-content">
<div class="navigation-teaser__links"></div>
</div>
</div>
</div>
</article>
</li>
</ul>
</div>
</li>
<li class="header__navigation-item header__navigation-level-1-li" data-level="1"><button class="header__navigation-link header__navigation-move" id="navigation-a5ce" aria-controls="menu-9ac6" aria-expanded="false" aria-haspopup="true" type="button">Bereiche & Programme<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-c002-title">
<title id="icon-c002-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></button>
<div class="header__navigation-submenu header__navigation-level-2" id="menu-9ac6">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-2-back" href="javascript:;" data-level="2"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-f41c-title">
<title id="icon-f41c-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview"><button class="header__navigation-submenu-overview-link" type="button"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Bereiche & Programme</span></button></div>
<ul class="header__navigation-items header__navigation-level-2-ul">
<!-- LEVEL 2-->
<li class="header__navigation-item header__navigation-level-2-li" data-level="2"><a class="header__navigation-link header__navigation-level-2-li-link header__navigation-move" href="#">Bildung<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-676a-title">
<title id="icon-676a-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></a><!-- default style-->
<div class="header__navigation-submenu header__navigation-level-3">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-3-back" href="javascript:;" data-level="3"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-2446-title">
<title id="icon-2446-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview"><a class="header__navigation-submenu-overview-link" href="#"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Bildung</span></a></div>
<ul class="header__navigation-items header__navigation-level-3-ul">
<!-- level 3-->
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Baden-Württemberg-Stipendium</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Talent im Land</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Sag mal was</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">klicken & lesen</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link header__navigation-link--bold" href="#">Alle 27 Programme</a></li>
</ul>
</div>
</li>
<li class="header__navigation-item header__navigation-level-2-li" data-level="2"><a class="header__navigation-link header__navigation-level-2-li-link header__navigation-move" href="#">Forschung<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-0f53-title">
<title id="icon-0f53-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></a><!-- default style-->
<div class="header__navigation-submenu header__navigation-level-3">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-3-back" href="javascript:;" data-level="3"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-205a-title">
<title id="icon-205a-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview"><a class="header__navigation-submenu-overview-link" href="#"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Forschung</span></a></div>
<ul class="header__navigation-items header__navigation-level-3-ul">
<!-- level 3-->
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Verantwortliche Künstliche Intelligenz</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Coaching 4 Future</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Empowerment-Tag für Wissenschaftlerinnen</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">forschungstag</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link header__navigation-link--bold" href="#">Alle 36 Programme</a></li>
</ul>
</div>
</li>
<li class="header__navigation-item header__navigation-level-2-li" data-level="2"><a class="header__navigation-link header__navigation-level-2-li-link header__navigation-move" href="#">Gesellschaft & Kultur<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-5302-title">
<title id="icon-5302-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></a><!-- default style-->
<div class="header__navigation-submenu header__navigation-level-3">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-3-back" href="javascript:;" data-level="3"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-6677-title">
<title id="icon-6677-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview"><a class="header__navigation-submenu-overview-link" href="#"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Gesellschaft & Kultur</span></a></div>
<ul class="header__navigation-items header__navigation-level-3-ul">
<!-- level 3-->
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Smart ohne Phone</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Kulturakademie Baden-Würtemberg</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Minderjährige Zukunftsakademie Baden-Württemberg</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link" href="#">Lehrpreis der Stiftung Kinderland</a></li>
<li class="header__navigation-item header__navigation-level-3-li" data-level="3"><a class="header__navigation-link header__navigation-link--bold" href="#">Alle 53 Programme</a></li>
</ul>
</div>
</li>
<li class="header__navigation-item header__navigation-level-2-li header__navigation-teaser-li">
<article class="navigation-teaser navigation-teaser--fancy-font navigation-teaser--peach">
<div class="navigation-teaser__inner">
<div class="navigation-teaser__content">
<p class="headline headline--1 navigation-teaser__headline">Programme A – Z</p>
<div class="navigation-teaser__cta-link"><a class="cta-link cta-link--right" rel="noopener noreferrer" target="_blank" href="#"><span class="cta-link__text">Zum Programmfinder</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="navigation-teaser__magazine">
<div class="navigation-teaser__magazine-content">
<div class="navigation-teaser__links"></div>
</div>
</div>
</div>
</article>
</li>
</ul>
</div>
</li>
<li class="header__navigation-item header__navigation-level-1-li" data-level="1"><a class="header__navigation-link" href="#" id="navigation-74d6" aria-controls="menu-182d" aria-expanded="false" aria-haspopup="true">Ausschreibungen</a></li>
<li class="header__navigation-item header__navigation-level-1-li" data-level="1"><button class="header__navigation-link header__navigation-move" id="navigation-8752" aria-controls="menu-4427" aria-expanded="false" aria-haspopup="true" type="button">Magazin Perspektiven<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-1ca1-title">
<title id="icon-1ca1-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></button>
<div class="header__navigation-submenu header__navigation-level-2 header__navigation-level-2--teaser-style" id="menu-4427">
<div class="header__navigation-submenu-item header__navigation-submenu-item--back"><a class="header__navigation-level-2-back" href="javascript:;" data-level="2"><svg class="icon icon--arrow-left" viewBox="0 0 200 200" role="img" aria-labelledby="icon-f9eb-title">
<title id="icon-f9eb-title">arrow-left</title>
<use xlink:href="#icon-arrow-left"></use>
</svg></a></div>
<div class="header__navigation-submenu-item header__navigation-submenu-item--overview"><button class="header__navigation-submenu-overview-link" type="button"><span class="header__navigation-text"><span class="u-hidden-visually">Übersicht:</span> Magazin Perspektiven</span></button></div>
<ul class="header__navigation-items header__navigation-level-2-ul">
<!-- LEVEL 2-->
<li class="header__navigation-item header__navigation-level-2-li" data-level="2">
<!-- teaser style--><a href="#"><img class="header__navigation-level-2-li-image" src="/images/1044x550.jpg" alt="Ich bin der Titel einer Story aus dem Magazin" /><span class="header__navigation-level-2-li-kicker"></span><span class="header__navigation-level-2-li-title">Ich bin der Titel einer Story aus dem Magazin</span></a><!-- default style-->
</li>
<li class="header__navigation-item header__navigation-level-2-li" data-level="2">
<!-- teaser style--><a href="#"><img class="header__navigation-level-2-li-image" src="/images/1044x550.jpg" alt="Ich bin der Titel einer Story aus dem Magazin" /><span class="header__navigation-level-2-li-kicker"></span><span class="header__navigation-level-2-li-title">Ich bin der Titel einer Story aus dem Magazin</span></a><!-- default style-->
</li>
<li class="header__navigation-item header__navigation-level-2-li" data-level="2">
<!-- teaser style--><a href="#"><img class="header__navigation-level-2-li-image" src="/images/1044x550.jpg" alt="Ich bin der Titel einer Story aus dem Magazin" /><span class="header__navigation-level-2-li-kicker">Dossier</span><span class="header__navigation-level-2-li-title">Ich bin der Titel einer Story aus dem Magazin</span></a><!-- default style-->
</li>
<li class="header__navigation-item header__navigation-level-2-li" data-level="2">
<!-- teaser style--><a href="#"><img class="header__navigation-level-2-li-image" src="/images/1044x550.jpg" alt="Ich bin der Titel einer Story aus dem Magazin" /><span class="header__navigation-level-2-li-kicker">Dossier</span><span class="header__navigation-level-2-li-title">Ich bin der Titel einer Story aus dem Magazin</span></a><!-- default style-->
</li>
<li class="header__navigation-item header__navigation-level-2-li header__navigation-teaser-li">
<article class="navigation-teaser navigation-teaser--magazine navigation-teaser--violet">
<div class="navigation-teaser__inner">
<div class="navigation-teaser__content">
<p class="headline headline--1 navigation-teaser__headline">Noch mehr spannende Stories</p>
<div class="navigation-teaser__cta-link"><a class="cta-link cta-link--right" rel="noopener noreferrer" target="_blank" href="#"><span class="cta-link__text">Jetzt lesen</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="navigation-teaser__magazine">
<div class="navigation-teaser__image">
<div class="image loading" style="padding-top: 135.96491228070175%;"><noscript><img class="image__fallback" alt="Magazine Cover" height="155" src="/images/magazine.jpg" width="114" /></noscript><img class="image__img js-lazyload" data-src="/images/magazine.jpg" width="114" height="155" alt="Magazine Cover" /></div>
</div>
<div class="navigation-teaser__magazine-content">
<div class="navigation-teaser__text">
<div class="text">
<p>Unser aktuelles Magazin</p><strong>»Perspektive«</strong>
</div>
</div>
<div class="navigation-teaser__links">
<div class="navigation-teaser__link"><a class="link link--download" href="#" target="_blank" download="download.pdf">PDF-Download</a></div>
<div class="navigation-teaser__icon-link"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--medical" viewBox="0 0 200 200">
<use xlink:href="#icon-medical"></use>
</svg></span><span class="icon-link__text">Abo</span></a></div>
</div>
</div>
</div>
</div>
</article>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="header__navigation-close"><button class="icon-button icon-button--secondary header__mobile-close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-50a4-title">
<title id="icon-50a4-title">List</title>
<use xlink:href="#icon-close"></use>
</svg></button></div>
</div>
</div>
</div>
</header>{
"search": true,
"meta": {
"items": [
{
"link": "#",
"text": "Leichte Sprache",
"icon": "leichte-sprache"
},
{
"link": "#",
"text": "Gebärdensprache",
"icon": "gebaerdesprache"
}
]
},
"navigation": {
"level1": [
{
"link": "Die Stiftung",
"href": null,
"navigationsTeaser": "navigation-teaser",
"level2": [
{
"link": "Wer wir sind",
"href": "#",
"level3": [
{
"link": "Aufsichtsrat",
"href": "#"
},
{
"link": "Zahlen & Fakten",
"href": "#"
},
{
"link": "30 Jahre",
"href": "#"
}
]
},
{
"link": "Wie wir arbeiten",
"href": "#",
"level3": [
{
"link": "Richtlinien",
"href": "#"
}
]
},
{
"link": "Service",
"href": "#",
"level3": [
{
"link": "Aufsichtsrat",
"href": "#"
},
{
"link": "Zahlen & Fakten",
"href": "#"
},
{
"link": "30 Jahre",
"href": "#"
}
]
},
{
"link": "Wie wir arbeiten",
"href": "#",
"level3": [
{
"link": "Richtlinien",
"href": "#"
}
]
},
{
"link": "Service",
"href": "#",
"level3": [
{
"link": "Aufsichtsrat",
"href": "#"
},
{
"link": "Zahlen & Fakten",
"href": "#"
},
{
"link": "30 Jahre",
"href": "#"
}
]
}
]
},
{
"link": "Bereiche & Programme",
"href": null,
"navigationsTeaser": "navigation-teaser--fancy-font",
"level2": [
{
"link": "Bildung",
"href": "#",
"level3": [
{
"link": "Baden-Württemberg-Stipendium",
"href": "#"
},
{
"link": "Talent im Land",
"href": "#"
},
{
"link": "Sag mal was",
"href": "#"
},
{
"link": "klicken & lesen",
"href": "#"
},
{
"link": "Alle 27 Programme",
"href": "#",
"bold": true
}
]
},
{
"link": "Forschung",
"href": "#",
"level3": [
{
"link": "Verantwortliche Künstliche Intelligenz",
"href": "#"
},
{
"link": "Coaching 4 Future",
"href": "#"
},
{
"link": "Empowerment-Tag für Wissenschaftlerinnen",
"href": "#"
},
{
"link": "forschungstag",
"href": "#"
},
{
"link": "Alle 36 Programme",
"href": "#",
"bold": true
}
]
},
{
"link": "Gesellschaft & Kultur",
"href": "#",
"level3": [
{
"link": "Smart ohne Phone",
"href": "#"
},
{
"link": "Kulturakademie Baden-Würtemberg",
"href": "#"
},
{
"link": "Minderjährige Zukunftsakademie Baden-Württemberg",
"href": "#"
},
{
"link": "Lehrpreis der Stiftung Kinderland",
"href": "#"
},
{
"link": "Alle 53 Programme",
"href": "#",
"bold": true
}
]
}
]
},
{
"link": "Ausschreibungen",
"href": "#"
},
{
"link": "Magazin Perspektiven",
"href": null,
"navigationsTeaser": "navigation-teaser--magazine",
"subMenuStyle": "teaser",
"level2": [
{
"image": "/images/1044x550.jpg",
"link": "Ich bin der Titel einer Story aus dem Magazin",
"href": "#",
"alt": "Ich bin der Titel einer Story aus dem Magazin"
},
{
"image": "/images/1044x550.jpg",
"link": "Ich bin der Titel einer Story aus dem Magazin",
"href": "#",
"alt": "Ich bin der Titel einer Story aus dem Magazin"
},
{
"image": "/images/1044x550.jpg",
"kicker": "Dossier",
"link": "Ich bin der Titel einer Story aus dem Magazin",
"href": "#",
"alt": "Ich bin der Titel einer Story aus dem Magazin"
},
{
"image": "/images/1044x550.jpg",
"kicker": "Dossier",
"link": "Ich bin der Titel einer Story aus dem Magazin",
"href": "#",
"alt": "Ich bin der Titel einer Story aus dem Magazin"
}
]
}
]
},
"light": true,
"logo": {
"path": "/images/stip/logo.svg",
"pathLight": "/images/stip/logo-light.svg",
"link": "#",
"alt": "Baden-Württemberg Stipendium",
"width": 154,
"height": 84
},
"languageNav": true,
"button": {
"text": "Registrieren",
"link": "#registrieren"
}
}