<nav class="navbar" aria-label="Hauptnavigation" data-controller="navbar">
<button class="btn btn--bare navbar__toggle" data-navbar-target="toggle" aria-label="Menü öffnen">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-menu" />
</svg>
<span>Menü</span>
</button>
<div class="navbar__wrapper">
<button class="btn btn--bare btn--sm navbar__close" data-navbar-target="close" aria-label="Menü schließen">
<span>Schließen</span>
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-close" />
</svg>
</button>
<ul class="navbar__items">
<li class="navbar__item">
<a href="#" class="navbar__link" data-target="nav-aktuelles">
Aktuelles
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-expand_more" />
</svg>
</a>
</li>
<li class="navbar__item">
<a href="#" class="navbar__link" data-target="nav-faculty">
Fachbereich
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-expand_more" />
</svg>
</a>
</li>
<li class="navbar__item is-active">
<a href="#" class="navbar__link" data-target="nav-studium">
Studium
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-expand_more" />
</svg>
</a>
</li>
<li class="navbar__item">
<a href="#" class="navbar__link" data-target="nav-forschung">
Forschung
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-expand_more" />
</svg>
</a>
</li>
<li class="navbar__item">
<a href="#" class="navbar__link">
Personen
</a>
</li>
<li class="navbar__item">
<a href="#" class="navbar__link" data-target="nav-gremien">
Gremien
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-expand_more" />
</svg>
</a>
</li>
<li class="navbar__item">
<a href="#" class="navbar__link" data-target="nav-service">
Service
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-expand_more" />
</svg>
</a>
</li>
<li class="navbar__item">
<a href="#" class="navbar__link" data-target="nav-profil">
Profil
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-expand_more" />
</svg>
</a>
</li>
</ul>
</div>
<div id="nav-aktuelles" class="navbar__dropdown">
<button class="direction-link direction-link--left navbar__dropdown__back" aria-label="Zurück zur höheren Menü-Ebene">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-arrow_left" />
</svg>
<span>Zurück</span>
</button>
<div class="navbar__header">
<h3 class="h5">Aktuelles</h3>
<a href="#" class="btn btn--sm btn--filled-secondary">Übersichtsseite<span class="visually-hidden"> Aktuelles</span></a>
</div>
<div class="navbar__groups">
<ul class="navbar__menu">
<li>
<a href="#">Meldungen</a>
</li>
<li>
<a href="#">Veranstaltungen</a>
</li>
</ul>
<ul class="navbar__menu">
<li>
<a href="#">Semestertermine</a>
</li>
<li>
<a href="#">Schwarzes Brett</a>
</li>
<li>
<a href="#">Tag der offenen Tür</a>
</li>
</ul>
<ul class="navbar__menu">
<li>
<a href="#">Jobbörse</a>
</li>
<li>
<a href="#">Social Media</a>
</li>
</ul>
</div>
<button class="btn btn--bare btn--sm navbar__dropdown__close">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-close" />
</svg>
<span class="visually-hidden">Schließen</span>
</button>
</div>
<div id="nav-faculty" class="navbar__dropdown">
<button class="direction-link direction-link--left navbar__dropdown__back" aria-label="Zurück zur höheren Menü-Ebene">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-arrow_left" />
</svg>
<span>Zurück</span>
</button>
<div class="navbar__header">
<h3 class="h5">Fachbereich</h3>
<a href="#" class="btn btn--sm btn--filled-secondary">Übersichtsseite<span class="visually-hidden"> Fachbereich</span></a>
</div>
<div class="navbar__groups">
<ul class="navbar__menu">
<li>
<a href="#">Geschichte</a>
</li>
</ul>
<ul class="navbar__menu">
<li>
<a href="#">Förderverein</a>
</li>
<li>
<a href="#">Partnerhochschulen</a>
</li>
</ul>
</div>
<button class="btn btn--bare btn--sm navbar__dropdown__close">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-close" />
</svg>
<span class="visually-hidden">Schließen</span>
</button>
</div>
<div id="nav-studium" class="navbar__dropdown">
<button class="direction-link direction-link--left navbar__dropdown__back" aria-label="Zurück zur höheren Menü-Ebene">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-arrow_left" />
</svg>
<span>Zurück</span>
</button>
<div class="navbar__header">
<h3 class="h5">Studium</h3>
<a href="#" class="btn btn--sm btn--filled-secondary">Übersichtsseite<span class="visually-hidden"> Studium</span></a>
</div>
<div class="navbar__groups">
<ul class="navbar__menu">
<li>
<button type="button" data-controller="dropdown" aria-controls="study_programs" aria-expanded="false">Studiengänge</button>
<ul class="list" id="study_programs">
<li><a href="">Übersicht</a></li>
<li><a href="">Bachelor Business Administration</a></li>
<li><a href="">Bachelor International Management</a></li>
<li><a href="">Bachelor Kommunikations- u. Multimediamanagement</a></li>
<li><a href="">Bachelor Taxation Dual</a></li>
<li><a href="">Master Business Analytics</a></li>
<li><a href="">Master International Management</a></li>
<li><a href="">Master Kommunikations-, Multimedia u. Marktmanagement</a></li>
<li><a href="">Master Taxation (Weiterbildungsstudiengang)</a></li>
</ul>
</li>
<li>
<a href="#">Erstsemester Infos</a>
</li>
</ul>
<ul class="navbar__menu">
<li>
<a href="#">Vorlesungsverzeichnis</a>
</li>
<li>
<button type="button" data-controller="dropdown" aria-controls="seminare" aria-expanded="false">Prüfungen ＆ Seminaranmeldung</button>
<ul class="list" id="seminare">
<li><a href="#">Online Studierenden Support Center (OSSC)</a></li>
<li><a href="#">Studienbüro</a></li>
<li><a href="#">Formulare</a></li>
<li><a href="#">Prüfungsordnungen</a></li>
<li><a href="#">Prüfungsinformationen</a></li>
<li><a href="#">Klausureinsichten</a></li>
<li><a href="#">Anerkennung national</a></li>
<li><a href="#">Digitale Prüfungen</a></li>
</ul>
</li>
<li>
<a href="#">Auslandsstudium</a>
</li>
<li>
<a href="#">Beratung</a>
</li>
</ul>
<ul class="navbar__menu">
<li>
<a href="#">Lehrveranstaltungen</a>
</li>
<li>
<a href="#">Tutorien</a>
</li>
</ul>
</div>
<button class="btn btn--bare btn--sm navbar__dropdown__close">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-close" />
</svg>
<span class="visually-hidden">Schließen</span>
</button>
</div>
<div id="nav-forschung" class="navbar__dropdown">
<button class="direction-link direction-link--left navbar__dropdown__back" aria-label="Zurück zur höheren Menü-Ebene">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-arrow_left" />
</svg>
<span>Zurück</span>
</button>
<div class="navbar__header">
<h3 class="h5">Forschung</h3>
<a href="#" class="btn btn--sm btn--filled-secondary">Übersichtsseite<span class="visually-hidden"> Forschung</span></a>
</div>
<div class="navbar__groups">
<ul class="navbar__menu">
<li>
<a href="#">Aktuelles</a>
</li>
<li>
<a href="#">Veranstaltungen</a>
</li>
</ul>
<ul class="navbar__menu">
<li>
<a href="#">Forschungsaktivitäten</a>
</li>
<li>
<a href="#">Publikationen</a>
</li>
</ul>
<ul class="navbar__menu">
<li>
<a href="#">Forschungsförderung</a>
</li>
<li>
<a href="#">Labore</a>
</li>
</ul>
</div>
<button class="btn btn--bare btn--sm navbar__dropdown__close">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-close" />
</svg>
<span class="visually-hidden">Schließen</span>
</button>
</div>
<div id="nav-gremien" class="navbar__dropdown">
<button class="direction-link direction-link--left navbar__dropdown__back" aria-label="Zurück zur höheren Menü-Ebene">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-arrow_left" />
</svg>
<span>Zurück</span>
</button>
<div class="navbar__header">
<h3 class="h5">Gremien</h3>
<a href="#" class="btn btn--sm btn--filled-secondary">Übersichtsseite<span class="visually-hidden"> Gremien</span></a>
</div>
<div class="navbar__groups">
<ul class="navbar__menu">
<li>
<a href="#">Dekanat</a>
</li>
<li>
<a href="#">Fachbereichsrat</a>
</li>
</ul>
<ul class="navbar__menu">
<li>
<a href="#">Prüfungsausschuss</a>
</li>
<li>
<a href="#">Studienbeirat</a>
</li>
<li>
<a href="#">Fachschaftsrat</a>
</li>
</ul>
<ul class="navbar__menu">
<li>
<a href="#">Arbeitskreis Internationalisierung</a>
</li>
</ul>
</div>
<button class="btn btn--bare btn--sm navbar__dropdown__close">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-close" />
</svg>
<span class="visually-hidden">Schließen</span>
</button>
</div>
<div id="nav-service" class="navbar__dropdown">
<button class="direction-link direction-link--left navbar__dropdown__back" aria-label="Zurück zur höheren Menü-Ebene">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-arrow_left" />
</svg>
<span>Zurück</span>
</button>
<div class="navbar__header">
<h3 class="h5">Service</h3>
<a href="#" class="btn btn--sm btn--filled-secondary">Übersichtsseite<span class="visually-hidden"> Service</span></a>
</div>
<div class="navbar__groups">
<ul class="navbar__menu">
<li>
<a href="#">Dekanatsbüro</a>
</li>
<li>
<a href="#">Studienbüro</a>
</li>
</ul>
<ul class="navbar__menu">
<li>
<a href="#">Fachschaftsbüro</a>
</li>
<li>
<a href="#">Beratung</a>
</li>
<li>
<a href="#">Studentischen Fachstudienberatung</a>
</li>
</ul>
<ul class="navbar__menu">
<li>
<a href="#">Webteam</a>
</li>
<li>
<a href="#">Kontakt ＆ Anfahrt</a>
</li>
</ul>
</div>
<button class="btn btn--bare btn--sm navbar__dropdown__close">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-close" />
</svg>
<span class="visually-hidden">Schließen</span>
</button>
</div>
<div id="nav-profil" class="navbar__dropdown">
<button class="direction-link direction-link--left navbar__dropdown__back" aria-label="Zurück zur höheren Menü-Ebene">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-arrow_left" />
</svg>
<span>Zurück</span>
</button>
<div class="navbar__header">
<h3 class="h5">Profil</h3>
<a href="#" class="btn btn--sm btn--filled-secondary">Übersichtsseite<span class="visually-hidden"> Profil</span></a>
</div>
<div class="navbar__groups">
<ul class="navbar__menu">
<li>
<a href="#">Geschichte</a>
</li>
<li>
<a href="#">Leitlinien</a>
</li>
<li>
<a href="#">Förderverein</a>
</li>
<li>
<a href="#">Partnerhochschulen</a>
</li>
</ul>
</div>
<button class="btn btn--bare btn--sm navbar__dropdown__close">
<svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
<use xlink:href="/assets/icons.svg#i-close" />
</svg>
<span class="visually-hidden">Schließen</span>
</button>
</div>
</nav>
<nav class="navbar" aria-label="Hauptnavigation" data-controller="navbar">
<button class="btn btn--bare navbar__toggle" data-navbar-target="toggle" aria-label="Menü öffnen">
{% include "@icon" with { 'type': 'i-menu' } %}
<span>Menü</span>
</button>
<div class="navbar__wrapper">
<button class="btn btn--bare btn--sm navbar__close" data-navbar-target="close" aria-label="Menü schließen">
<span>Schließen</span>
{% include "@icon" with { 'type': 'i-close' } %}
</button>
<ul class="navbar__items">
{% for level1 in items %}
{% set hasAncestors = level1.groups is defined and level1.groups|length > 0 %}
<li class="navbar__item{{ level1.active ? ' is-active' }}">
<a href="{{ level1.url }}" class="navbar__link" {% if level1.target %} data-target="{{ level1.target }}"{% endif %}>
{{ level1.label }}
{% if hasAncestors %}
{% include "@icon" with { 'type': 'i-expand_more' } %}
{% endif %}
</a>
</li>
{% endfor %}
</ul>
</div>
{% for level1 in items %}
{% if level1.groups|length > 0 %}
<div id="{{ level1.target }}" class="navbar__dropdown">
<button class="direction-link direction-link--left navbar__dropdown__back" aria-label="Zurück zur höheren Menü-Ebene">
{% include '@icon' with { 'type': 'i-arrow_left' } %}
<span>Zurück</span>
</button>
<div class="navbar__header">
<h3 class="h5">{{ level1.label }}</h3>
<a href="{{ level1.url }}" class="btn btn--sm btn--filled-secondary">Übersichtsseite<span class="visually-hidden"> {{ level1.label }}</span></a>
</div>
<div class="navbar__groups">
{% for group in level1.groups %}
<ul class="navbar__menu">
{% for level2 in group.items %}
<li>
{% if level2.items|length == 0 %}
<a href="{{ level2.url }}">{{ level2.label }}</a>
{% else %}
<button type="button" data-controller="dropdown" aria-controls="{{ level2.id }}" aria-expanded="false">{{ level2.label }}</button>
<ul class="list" id="{{ level2.id }}">
{% for level3 in level2.items %}
<li><a href="{{ level3.url }}">{{ level3.label }}</a></li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
{% endfor %}
</div>
<button class="btn btn--bare btn--sm navbar__dropdown__close">
{% include '@icon' with { 'type': 'i-close' } %}
<span class="visually-hidden">Schließen</span>
</button>
</div>
{% endif %}
{% endfor %}
</nav>
{
"items": [
{
"label": "Aktuelles",
"url": "#",
"active": false,
"target": "nav-aktuelles",
"groups": [
{
"label": "",
"items": [
{
"label": "Meldungen",
"url": "#"
},
{
"label": "Veranstaltungen",
"url": "#"
}
]
},
{
"label": "",
"items": [
{
"label": "Semestertermine",
"url": "#"
},
{
"label": "Schwarzes Brett",
"url": "#"
},
{
"label": "Tag der offenen Tür",
"url": "#"
}
]
},
{
"label": "",
"items": [
{
"label": "Jobbörse",
"url": "#"
},
{
"label": "Social Media",
"url": "#"
}
]
}
]
},
{
"label": "Fachbereich",
"url": "#",
"active": false,
"target": "nav-faculty",
"groups": [
{
"items": [
{
"label": "Geschichte",
"url": "#"
}
]
},
{
"items": [
{
"label": "Förderverein",
"url": "#"
},
{
"label": "Partnerhochschulen",
"url": "#"
}
]
}
]
},
{
"label": "Studium",
"url": "#",
"active": true,
"target": "nav-studium",
"groups": [
{
"items": [
{
"label": "Studiengänge",
"url": "#",
"id": "study_programs",
"items": [
{
"label": "Übersicht",
"url": ""
},
{
"label": "Bachelor Business Administration",
"url": ""
},
{
"label": "Bachelor International Management",
"url": ""
},
{
"label": "Bachelor Kommunikations- u. Multimediamanagement",
"url": ""
},
{
"label": "Bachelor Taxation Dual",
"url": ""
},
{
"label": "Master Business Analytics",
"url": ""
},
{
"label": "Master International Management",
"url": ""
},
{
"label": "Master Kommunikations-, Multimedia u. Marktmanagement",
"url": ""
},
{
"label": "Master Taxation (Weiterbildungsstudiengang)",
"url": ""
}
]
},
{
"label": "Erstsemester Infos",
"url": "#"
}
]
},
{
"items": [
{
"label": "Vorlesungsverzeichnis",
"url": "#"
},
{
"label": "Prüfungen ＆ Seminaranmeldung",
"id": "seminare",
"items": [
{
"label": "Online Studierenden Support Center (OSSC)",
"url": "#"
},
{
"label": "Studienbüro",
"url": "#"
},
{
"label": "Formulare",
"url": "#"
},
{
"label": "Prüfungsordnungen",
"url": "#"
},
{
"label": "Prüfungsinformationen",
"url": "#"
},
{
"label": "Klausureinsichten",
"url": "#"
},
{
"label": "Anerkennung national",
"url": "#"
},
{
"label": "Digitale Prüfungen",
"url": "#"
}
]
},
{
"label": "Auslandsstudium",
"url": "#"
},
{
"label": "Beratung",
"url": "#"
}
]
},
{
"items": [
{
"label": "Lehrveranstaltungen",
"url": "#"
},
{
"label": "Tutorien",
"url": "#"
}
]
}
]
},
{
"label": "Forschung",
"url": "#",
"active": false,
"target": "nav-forschung",
"groups": [
{
"items": [
{
"label": "Aktuelles",
"url": "#"
},
{
"label": "Veranstaltungen",
"url": "#"
}
]
},
{
"items": [
{
"label": "Forschungsaktivitäten",
"url": "#"
},
{
"label": "Publikationen",
"url": "#"
}
]
},
{
"items": [
{
"label": "Forschungsförderung",
"url": "#"
},
{
"label": "Labore",
"url": "#"
}
]
}
]
},
{
"label": "Personen",
"url": "#",
"active": false
},
{
"label": "Gremien",
"url": "#",
"active": false,
"target": "nav-gremien",
"groups": [
{
"items": [
{
"label": "Dekanat",
"url": "#"
},
{
"label": "Fachbereichsrat",
"url": "#"
}
]
},
{
"items": [
{
"label": "Prüfungsausschuss",
"url": "#"
},
{
"label": "Studienbeirat",
"url": "#"
},
{
"label": "Fachschaftsrat",
"url": "#"
}
]
},
{
"items": [
{
"label": "Arbeitskreis Internationalisierung",
"url": "#"
}
]
}
]
},
{
"label": "Service",
"url": "#",
"active": false,
"target": "nav-service",
"groups": [
{
"items": [
{
"label": "Dekanatsbüro",
"url": "#"
},
{
"label": "Studienbüro",
"url": "#"
}
]
},
{
"items": [
{
"label": "Fachschaftsbüro",
"url": "#"
},
{
"label": "Beratung",
"url": "#"
},
{
"label": "Studentischen Fachstudienberatung",
"url": "#"
}
]
},
{
"items": [
{
"label": "Webteam",
"url": "#"
},
{
"label": "Kontakt ＆ Anfahrt",
"url": "#"
}
]
}
]
},
{
"label": "Profil",
"url": "#",
"active": false,
"target": "nav-profil",
"groups": [
{
"items": [
{
"label": "Geschichte",
"url": "#"
},
{
"label": "Leitlinien",
"url": "#"
},
{
"label": "Förderverein",
"url": "#"
},
{
"label": "Partnerhochschulen",
"url": "#"
}
]
}
]
}
]
}