<div class="o-navigation js-navigation-init">
<div class="navigation__row navigation__row--main">
<nav class="o-navigation__main navigation__level--main" aria-label="Hauptnavigation">
<ul class="m-nav__list nav__list--main">
<li class="m-nav__item nav__item--main nav__item--3-levels navigation__level--col-2">
<a href="http://www.tagesschau.de" class="a-link is-selected js-nav-sub-open" aria-expanded="false" aria-haspopup="true">
<span class="link__inner">Leistungen</span>
<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
<span class="sr-only">zur Zeit aktiv</span>
</a>
<div class="navigation__level navigation__level--sub">
<button class="a-btn btn--back js-back" type="button">zurück<i class="a-icon icon--arrow-back" aria-hidden="true"></i></button>
<a href="http://www.tagesschau.de" class="m-navigation__level-header">
Übersicht Leistungen
</a>
<button class="a-btn btn--close js-close" type="button" aria-label="Schließt das Menü"><i class="a-icon icon--close" aria-hidden="true"></i></button>
<ul class="m-nav__list nav__list--sub">
<li class="m-nav__item ">
<a href="http://www.tagesschau.de" class="a-link is-selected">
Alle Barmer-Leistungen
<span class="sr-only">zur Zeit aktiv</span>
</a>
<div class="navigation__level navigation__level--sub">
<ul class="m-nav__list nav__item">
<li class="m-nav__item ">
<a href="http://ard.de" class="a-link ">
Anträge & Bescheinigungen
</a>
</li>
<li class="m-nav__item ">
<a href="http://zdf.de" class="a-link ">
Beratung für Schwangere
</a>
</li>
<li class="m-nav__item ">
<a href="http://heute.de" class="a-link is-selected">
Beste Wahl
<span class="sr-only">zur Zeit aktiv</span>
</a>
</li>
<li class="m-nav__item ">
<a href="http://tagesschau.de" class="a-link ">
Bonusprogramm
</a>
</li>
<li class="m-nav__item ">
<a href="http://ndr.de" class="a-link ">
Mediencenter
</a>
</li>
<li class="m-nav__item ">
<a href="http://wdr.de" class="a-link ">
Pflegeleistungen
</a>
</li>
<li class="m-nav__item ">
<a href="http://br.de" class="a-link ">
Versicherung und Beiträge
</a>
</li>
<li class="m-nav__item ">
<a href="http://rbb24.de" class="a-link ">
Wahltarife
</a>
</li>
<li class="m-nav__item ">
<a href="http://mdr.de" class="a-link ">
Zusatzversicherungen
</a>
</li>
</ul>
</div>
</li>
<li class="m-nav__item ">
<a href="http://www.tagesschau.de" class="a-link ">
Digitale Angebote
</a>
<div class="navigation__level navigation__level--sub">
<ul class="m-nav__list nav__item">
<li class="m-nav__item ">
<a href="http://ard.de" class="a-link ">
Apps & Skills
</a>
</li>
<li class="m-nav__item ">
<a href="http://zdf.de" class="a-link ">
Barmer Kompass
</a>
</li>
<li class="m-nav__item ">
<a href="http://heute.de" class="a-link ">
Elektronische Patientenakte
</a>
</li>
<li class="m-nav__item ">
<a href="http://tagesschau.de" class="a-link ">
Gesundheitsmanager
</a>
</li>
<li class="m-nav__item ">
<a href="http://ndr.de" class="a-link ">
Online Services
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="m-nav__item nav__item--main nav__item--3-levels navigation__level--col-3">
<a href="http://www.heute.de" class="a-link js-nav-sub-open" aria-expanded="false" aria-haspopup="true">
<span class="link__inner">Gesundheit verstehen</span>
<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</a>
<div class="navigation__level navigation__level--sub">
<button class="a-btn btn--back js-back" type="button">zurück<i class="a-icon icon--arrow-back" aria-hidden="true"></i></button>
<a href="http://www.heute.de" class="m-navigation__level-header">
Übersicht Gesundheit verstehen
</a>
<button class="a-btn btn--close js-close" type="button" aria-label="Schließt das Menü"><i class="a-icon icon--close" aria-hidden="true"></i></button>
<ul class="m-nav__list nav__list--sub">
<li class="m-nav__item ">
<a href="http://www.tagesschau.de" class="a-link ">
Gesundheit
</a>
<div class="navigation__level navigation__level--sub">
<ul class="m-nav__list nav__item">
<li class="m-nav__item ">
<a href="http://spiegel.de" class="a-link ">
Basketball
</a>
</li>
<li class="m-nav__item ">
<a href="http://mopo.de" class="a-link ">
Bewegung & Fitness
</a>
</li>
<li class="m-nav__item ">
<a href="http://nyt.com" class="a-link ">
Ernährung
</a>
</li>
<li class="m-nav__item ">
<a href="https://www.lefigaro.fr" class="a-link ">
Gesundheit 2030
</a>
</li>
<li class="m-nav__item ">
<a href="http://lemonde.fr" class="a-link ">
Gesundheitliche Selbsthilfe
</a>
</li>
<li class="m-nav__item ">
<a href="https://elpais.com" class="a-link ">
Hören
</a>
</li>
<li class="m-nav__item ">
<a href="https://wyborcza.pl" class="a-link ">
Lebensrezepte
</a>
</li>
<li class="m-nav__item ">
<a href="https://www.fr.de" class="a-link ">
Prävention & Vorsorge
</a>
</li>
<li class="m-nav__item ">
<a href="http://tagesspiegel.de" class="a-link ">
Rückengesundheit
</a>
</li>
<li class="m-nav__item ">
<a href="http://zeit.de" class="a-link ">
Schlaf
</a>
</li>
<li class="m-nav__item ">
<a href="https://lea.verou.me" class="a-link ">
Zahngesundheit
</a>
</li>
</ul>
</div>
</li>
<li class="m-nav__item ">
<a href="http://www.tagesschau.de" class="a-link ">
Medizin
</a>
<div class="navigation__level navigation__level--sub">
<ul class="m-nav__list nav__item">
<li class="m-nav__item ">
<a href="http://sz.de" class="a-link ">
Allergie
</a>
</li>
<li class="m-nav__item ">
<a href="http://faz.net" class="a-link ">
Arztbesuch und Behandlung
</a>
</li>
<li class="m-nav__item ">
<a href="http://ft.com" class="a-link ">
Coronavirus
</a>
</li>
<li class="m-nav__item ">
<a href="https://www.repubblica.it" class="a-link ">
Impfungen
</a>
</li>
<li class="m-nav__item ">
<a href="https://www.hs.fi" class="a-link ">
Krebs
</a>
</li>
<li class="m-nav__item ">
<a href="http://fr.de" class="a-link ">
Medikamente
</a>
</li>
<li class="m-nav__item ">
<a href="https://t3n.de" class="a-link ">
Unfälle und Verletzungen
</a>
</li>
</ul>
</div>
</li>
<li class="m-nav__item ">
<a href="http://www.tagesschau.de" class="a-link ">
Leben
</a>
<div class="navigation__level navigation__level--sub">
<ul class="m-nav__list nav__item">
<li class="m-nav__item ">
<a href="https://t3n.de" class="a-link ">
Arbeit, Schule, Ausbildung
</a>
</li>
<li class="m-nav__item ">
<a href="http://wapo.com" class="a-link ">
Gesellschaft
</a>
</li>
<li class="m-nav__item ">
<a href="https://politiken.dk" class="a-link ">
Kinder
</a>
</li>
<li class="m-nav__item ">
<a href="https://www.theglobeandmail.com" class="a-link ">
Pflege
</a>
</li>
<li class="m-nav__item ">
<a href="https://www.saechsische.de" class="a-link ">
Schwangerschaft und Geburt
</a>
</li>
<li class="m-nav__item ">
<a href="https://develovers.de" class="a-link ">
Urlaub, Reisen, Ausland
</a>
</li>
</ul>
</div>
</li>
<li class="m-nav__item ">
<a href="http://www.tagesschau.de" class="a-link ">
Psychologie
</a>
<div class="navigation__level navigation__level--sub">
<ul class="m-nav__list nav__item">
<li class="m-nav__item ">
<a href="https://www.telegraaf.nl" class="a-link ">
Psychische Gesundheit
</a>
</li>
<li class="m-nav__item ">
<a href="http://heise.de" class="a-link ">
Stress
</a>
</li>
<li class="m-nav__item ">
<a href="http://golem.de" class="a-link ">
Sucht
</a>
</li>
</ul>
</div>
</li>
<li class="m-nav__item ">
<a href="http://www.tagesschau.de" class="a-link ">
Helfen
</a>
<div class="navigation__level navigation__level--sub">
<ul class="m-nav__list nav__item">
<li class="m-nav__item ">
<a href="http://abendblatt.de" class="a-link ">
Blutspende
</a>
</li>
<li class="m-nav__item ">
<a href="http://abendblatt.de" class="a-link ">
Erste Hilfe
</a>
</li>
<li class="m-nav__item ">
<a href="https://www.dn.se" class="a-link ">
Knochenmarkspende
</a>
</li>
<li class="m-nav__item ">
<a href="https://www.derstandard.at" class="a-link ">
Organspende
</a>
</li>
</ul>
</div>
</li>
<li class="m-nav__item ">
<a href="http://www.tagesschau.de" class="a-link ">
Überblick
</a>
<div class="navigation__level navigation__level--sub">
<ul class="m-nav__list nav__item">
<li class="m-nav__item ">
<a href="https://www.aftenposten.no" class="a-link ">
Alle Themen A–Z
</a>
</li>
<li class="m-nav__item ">
<a href="https://www.aftenposten.no" class="a-link ">
Krankheiten A–Z
</a>
</li>
<li class="m-nav__item ">
<a href="https://www.smh.com.au" class="a-link ">
Patientenrechte A–Z
</a>
</li>
<li class="m-nav__item ">
<a href="https://addyosmani.com/blog/" class="a-link ">
Videos
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="m-nav__item nav__item--main navigation__level--col-1">
<a href="http://bbc.com/news" class="a-link js-nav-sub-open is-highlighted" aria-expanded="false" aria-haspopup="true">
<span class="link__inner">Kursangebote</span>
<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</a>
<div class="navigation__level navigation__level--sub">
<button class="a-btn btn--back js-back" type="button">zurück<i class="a-icon icon--arrow-back" aria-hidden="true"></i></button>
<a href="http://bbc.com/news" class="m-navigation__level-header">
Übersicht Kursangebote
</a>
<button class="a-btn btn--close js-close" type="button" aria-label="Schließt das Menü"><i class="a-icon icon--close" aria-hidden="true"></i></button>
<ul class="m-nav__list nav__list--sub">
<li class="m-nav__item ">
<a href="https://css-tricks.com" class="a-link ">
Bewegung & Fitness
</a>
</li>
<li class="m-nav__item ">
<a href="https://ponyfoo.com" class="a-link ">
Ernährungsgesundheit
</a>
</li>
<li class="m-nav__item ">
<a href="https://daverupert.com" class="a-link ">
Geburtsvorbereitungskurse
</a>
</li>
<li class="m-nav__item ">
<a href="https://adactio.com/journal/" class="a-link ">
Psychische Gesundheit
</a>
</li>
<li class="m-nav__item ">
<a href="https://arstechnica.com" class="a-link ">
Pflegekurse
</a>
</li>
<li class="m-nav__item ">
<a href="http://www.gamasutra.com" class="a-link ">
Rauchentwöhnung
</a>
</li>
<li class="m-nav__item ">
<a href="https://www.smashingmagazine.com" class="a-link ">
Veranstaltungssuche
</a>
</li>
<li class="m-nav__item ">
<a href="https://www.w3.org" class="a-link ">
Gesundheitskurssuche
</a>
</li>
</ul>
</div>
</li>
</ul>
<div class="m-search-bar js-search-bar-init" id="searchPanel">
<form action="/action/barmer-ueberuns/12368/search" method="get" data-suggestion-url="/mock/search-suggestion.json?query=" data-min-length="3" class="search-bar__form">
<div class="search-bar__input-container" role="combobox" aria-expanded="false" aria-owns="headerAutosuggestPanel" aria-haspopup="listbox">
<label class="a-label sr-only" for="bm-search-query-header">
Suche nach
</label>
<input type="text" value="" class="a-input input--text" id="bm-search-query-header" placeholder="Suchbegriff, Login-Code" autocomplete="off" minlength="2" required="required" data-no-result="Keine Ergebnisse gefunden" data-one-result="Ein Ergebnis gefunden" data-more-results="Ergebnisse gefunden" aria-label="Zurück navigieren für weitere Suchkategorien oder Texteingabe für Anzeige Suchvorschläge" aria-controls="headerAutosuggestPanel" aria-autocomplete="list">
<button class="a-btn btn--search-submit js-search-submit" type="submit" aria-label="Suchanfrage abschicken" disabled="disabled"><i class="a-icon icon--search" aria-hidden="true"></i></button>
<button class="a-btn btn--search-close js-search-close" type="button" aria-label="Schließt das Such-Interface"><i class="a-icon icon--close" aria-hidden="true"></i></button>
</div>
<ul role="listbox" class="search-bar__suggestion-panel m-nav-list" id="headerAutosuggestPanel" hidden></ul>
</form>
<div class="m-search-specials js-search-specials">
<button class="a-btn btn--search-specials js-search-specials-open" type="button" aria-label="Links zu den Spezialsuchen" aria-haspopup="true" aria-expanded="false">Spezialsuchen<i class="a-icon icon--arrow-downward" aria-hidden="true"></i></button>
<div class="navigation__level navigation__level--special">
<h3 class="m-navigation__level-header ">Spezialsuchen</h3>
<ul class="m-nav__list ">
<li class="m-nav__item ">
<a href="https://radiofrance.fr" class="a-link ">
Arzt
</a>
</li>
<li class="m-nav__item ">
<a href="https://orf.at" class="a-link ">
Geschäftsstelle
</a>
</li>
<li class="m-nav__item ">
<a href="https://fm4.orf.at" class="a-link ">
Gesundheitskurse
</a>
</li>
<li class="m-nav__item ">
<a href="https://tagesschau.de" class="a-link ">
Hebamme
</a>
</li>
<li class="m-nav__item ">
<a href="https://heute.de" class="a-link ">
Hilfsmittel-Vertragspartner
</a>
</li>
<li class="m-nav__item ">
<a href="https://ndr.de" class="a-link ">
Krankenhaus
</a>
</li>
<li class="m-nav__item ">
<a href="https://wdr.de" class="a-link ">
Pflegeeinrichtung
</a>
</li>
<li class="m-nav__item ">
<a href="https://mdr.de" class="a-link ">
Pflegekurse
</a>
</li>
<li class="m-nav__item ">
<a href="https://hessenschau.de" class="a-link ">
Veranstaltungen
</a>
</li>
<li class="m-nav__item ">
<a href="https://swr.de" class="a-link ">
Darmkrebsvorsorgeuntersuchung
</a>
</li>
<li class="m-nav__item ">
<a href="https://br.de" class="a-link ">
Institut für Gesundheitssystemforschung
</a>
</li>
<li class="m-nav__item ">
<a href="https://sz.de" class="a-link ">
Link mit einer umbruchprovizierenden Länge als Grundlage seiner Existenzberechtigung
</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<button class="a-btn btn--search js-search-open" type="button" aria-label="Öffnet das Such-Interface" aria-expanded="false" aria-controls="searchPanel"><i class="a-icon icon--search" aria-hidden="true"></i></button>
<div class="navigation__cta-wrapper">
<a class="a-btn btn--conversion" href="" title="">
Mitglied werden
</a>
<a class="a-btn btn--login btn--primary" href="https://barmerid.id.bconnect.barmer.de/auth" title="Meine BARMER">
<span class="btn__text" aria-hidden="true">Meine BARMER</span><i class="a-icon icon--profile" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="navigation__row navigation__row--language js-language-init">
<button class="a-btn btn--language js-language-dropdown" type="button" aria-label="Sprache auswählen" aria-haspopup="true" aria-expanded="false" aria-controls="bm-language-menu"><i class="a-icon icon--language" aria-hidden="true"></i><span class="btn__text">DEU</span><i class="a-icon icon--arrow-downward" aria-hidden="true"></i></button>
<div class="m-list list--language js-language-menu is-hidden" id="bm-language-menu">
<button class="a-btn btn--back js-language-back" type="button">zurück<i class="a-icon icon--arrow-back" aria-hidden="true"></i></button>
<h4 class="list__headline">
Sprache auswählen
</h4>
<ul class="a-list-basic ">
<li class="list__item ">
<a href="http://zdf.de" class="a-link is-selected" title="Deutsch" lang="de" data-lang-full="Deutsch" data-lang-short="DEU" data-title-text="Deutsch - Deutsch">
DEU
<span class="sr-only">Zur Zeit ausgewählt</span>
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link " title="English" lang="en" data-lang-full="English" data-lang-short="ENG" data-title-text="Englisch - English">
ENG
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link " title="español" lang="es" data-lang-full="español" data-lang-short="ESP" data-title-text="Spanisch - español">
ESP
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link " title="français" lang="fr" data-lang-full="français" data-lang-short="FRA" data-title-text="Französisch - français">
FRA
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link " title="日本語" lang="ja" data-lang-full="日本語" data-lang-short="日本語" data-title-text="Japanisch - 日本語">
日本語
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link " title="українська" lang="uk" data-lang-full="українська" data-lang-short="UKR" data-title-text="Ukrainisch - українська">
UKR
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link " title="中文" lang="zh" data-lang-full="中文" data-lang-short="中文" data-title-text="Chinesisch - 中文">
中文
</a>
</li>
</ul>
</div>
</div>
<div class="navigation__row navigation__row--metanav">
<nav class="o-navigation__meta" aria-label="Metanavigation">
<ul class="m-nav__list nav__list--meta">
<li class="m-nav__item ">
<a href="http://radiofrance.fr" class="a-link ">
Forums
</a>
</li>
<li class="m-nav__item ">
<a href="http://fm.orf.at" class="a-link ">
Firmenangebot
</a>
</li>
<li class="m-nav__item ">
<a href="http://orf.at" class="a-link ">
Kontakt
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="o-navigation js-navigation-init"{{#if content.id}} id="{{content.id}}" {{/if}}>
<div class="navigation__row navigation__row--main">
{{ render '@navigation-main' merge=true }}
{{ render '@button--search' partials.btnSearch merge=true }}
<div class="navigation__cta-wrapper">
{{#switches.hasCTA}}
{{#each partials.ctas as |cta| }}
{{ render (stringToPartial cta.type) cta merge=true}}
{{/each}}
{{/switches.hasCTA}}
{{#switches.hasLogin}}
{{#if switches.loggedIn}}
{{ render '@navigation-item--logged-in-nav'}}
{{else}}
{{ render '@button--login-primary' }}
{{/if}}
{{/switches.hasLogin}}
</div>
</div>
{{#switches.hasLanguageList}}
<div class="navigation__row navigation__row--language js-language-init">
{{ render '@button--language' partials.languagePicker merge=true}}
{{ render '@list--language' partials.languageList merge=true }}
</div>
{{/switches.hasLanguageList}}
<div class="navigation__row navigation__row--metanav">
{{#if switches.loggedIn}}
{{ render '@navigation-meta--logged-in' merge=true }}
{{else}}
{{ render '@navigation-meta' merge=true }}
{{/if}}
</div>
</div>
{
"switches": {
"hasCTA": true,
"hasLogin": true,
"loggedIn": false,
"hasLanguageList": true
},
"viewtypes": {},
"content": {
"id": ""
},
"partials": {
"btnSearch": {
"switches": {},
"viewtypes": {
"specifier": "btn--search js-search-open"
},
"content": {
"ariaLabel": "Öffnet das Such-Interface",
"ariaControls": "searchPanel"
},
"partials": {}
},
"ctas": [
{
"type": "button--conversion",
"switches": {
"asLink": true,
"hasIcon": false
},
"content": {
"label": "Mitglied werden",
"url": ""
}
}
],
"languageList": {
"viewtypes": {
"specifier": "list--language js-language-menu is-hidden"
},
"partials": {
"btnBack": {
"viewtypes": {
"specifier": "btn--back js-language-back"
}
}
}
}
}
}
No notes defined.