Header Literatursommer @header--liso
<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" src="/images/liso/logo.svg" width="103" height="105" alt="Literatursommer" /></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">Veranstaltungen</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-8098-title">
<title id="icon-8098-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-0169-title">
<title id="icon-0169-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-76fe-title">
<title id="icon-76fe-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>
<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-8abb" aria-controls="menu-a78f" 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-49d4-title">
<title id="icon-49d4-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></button>
<div class="header__navigation-submenu header__navigation-level-2" id="menu-a78f">
<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-c1da-title">
<title id="icon-c1da-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="#">Submenü 1<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-7dea-title">
<title id="icon-7dea-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-bfd5-title">
<title id="icon-bfd5-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> Submenü 1</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>
<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="#">Submenü 2<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-dc29-title">
<title id="icon-dc29-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-ff4c-title">
<title id="icon-ff4c-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> Submenü 2</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>
<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="#">Submenü 3<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-a744-title">
<title id="icon-a744-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-67a5-title">
<title id="icon-67a5-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> Submenü 3</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>
<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 header__navigation-teaser-li">
<article class="navigation-teaser navigation-teaser--fancy-font navigation-teaser--liso-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-ad14" aria-controls="menu-0cf1" aria-expanded="false" aria-haspopup="true" type="button">Ausschreibungen<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-a60d-title">
<title id="icon-a60d-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></button>
<div class="header__navigation-submenu header__navigation-level-2" id="menu-0cf1">
<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-8f86-title">
<title id="icon-8f86-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> Ausschreibungen</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="#">Submenü 1<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-dc46-title">
<title id="icon-dc46-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-02ca-title">
<title id="icon-02ca-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> Submenü 1</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>
<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="#">Submenü 2<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-eec1-title">
<title id="icon-eec1-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-ec4a-title">
<title id="icon-ec4a-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> Submenü 2</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>
<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="#">Submenü 3<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-5ce2-title">
<title id="icon-5ce2-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-68dd-title">
<title id="icon-68dd-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> Submenü 3</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>
<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 header__navigation-teaser-li">
<article class="navigation-teaser navigation-teaser--fancy-font navigation-teaser--liso-blue">
<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-9f62" aria-controls="menu-b4cc" aria-expanded="false" aria-haspopup="true" type="button">Retrospektive<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-821d-title">
<title id="icon-821d-title">chevron-down</title>
<use xlink:href="#icon-chevron-down"></use>
</svg></button>
<div class="header__navigation-submenu header__navigation-level-2" id="menu-b4cc">
<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-7ada-title">
<title id="icon-7ada-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> Retrospektive</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="#">Submenü 1<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-6dff-title">
<title id="icon-6dff-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-37a8-title">
<title id="icon-37a8-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> Submenü 1</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>
<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="#">Submenü 2<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-6e6f-title">
<title id="icon-6e6f-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-60fc-title">
<title id="icon-60fc-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> Submenü 2</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>
<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="#">Submenü 3<svg class="icon icon--chevron-down" viewBox="0 0 200 200" role="img" aria-labelledby="icon-0a19-title">
<title id="icon-0a19-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-6597-title">
<title id="icon-6597-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> Submenü 3</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>
<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 header__navigation-teaser-li">
<article class="navigation-teaser navigation-teaser--fancy-font navigation-teaser--liso-pink">
<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-9797-title">
<title id="icon-9797-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": "liso-yellow",
"title": "Lorem ipsum dolor",
"ctaLink": {
"link": "#",
"text": "Link-Text",
"icon": "chevron-right"
}
},
"level2": [
{
"link": "Submenü 1",
"href": "#",
"level3": [
{
"link": "Lorem ipsum",
"href": "#"
},
{
"link": "Lorem ipsum",
"href": "#"
}
]
},
{
"link": "Submenü 2",
"href": "#",
"level3": [
{
"link": "Lorem ipsum",
"href": "#"
},
{
"link": "Lorem ipsum",
"href": "#"
}
]
},
{
"link": "Submenü 3",
"href": "#",
"level3": [
{
"link": "Lorem ipsum",
"href": "#"
},
{
"link": "Lorem ipsum",
"href": "#"
}
]
}
]
},
{
"link": "Ausschreibungen",
"href": null,
"navigationsTeaser": "navigation-teaser--fancy-font",
"navigationsTeaserContent": {
"color": "liso-blue",
"title": "Lorem ipsum dolor",
"ctaLink": {
"link": "#",
"text": "Link-Text",
"icon": "chevron-right"
}
},
"level2": [
{
"link": "Submenü 1",
"href": "#",
"level3": [
{
"link": "Lorem ipsum",
"href": "#"
},
{
"link": "Lorem ipsum",
"href": "#"
}
]
},
{
"link": "Submenü 2",
"href": "#",
"level3": [
{
"link": "Lorem ipsum",
"href": "#"
},
{
"link": "Lorem ipsum",
"href": "#"
}
]
},
{
"link": "Submenü 3",
"href": "#",
"level3": [
{
"link": "Lorem ipsum",
"href": "#"
},
{
"link": "Lorem ipsum",
"href": "#"
}
]
}
]
},
{
"link": "Retrospektive",
"href": null,
"navigationsTeaser": "navigation-teaser--fancy-font",
"navigationsTeaserContent": {
"color": "liso-pink",
"title": "Lorem ipsum dolor",
"ctaLink": {
"link": "#",
"text": "Link-Text",
"icon": "chevron-right"
}
},
"level2": [
{
"link": "Submenü 1",
"href": "#",
"level3": [
{
"link": "Lorem ipsum",
"href": "#"
},
{
"link": "Lorem ipsum",
"href": "#"
}
]
},
{
"link": "Submenü 2",
"href": "#",
"level3": [
{
"link": "Lorem ipsum",
"href": "#"
},
{
"link": "Lorem ipsum",
"href": "#"
}
]
},
{
"link": "Submenü 3",
"href": "#",
"level3": [
{
"link": "Lorem ipsum",
"href": "#"
},
{
"link": "Lorem ipsum",
"href": "#"
}
]
}
]
}
]
},
"light": true,
"logo": {
"path": "/images/liso/logo.svg",
"pathLight": null,
"link": "#",
"alt": "Literatursommer",
"width": 103,
"height": 105
},
"button": {
"text": "Veranstaltungen",
"link": "#"
}
}