Barmer Fractal

Header: Faq 

<header class="o-header js-header-init">

    <div class="header__wrapper">

        <div class="header__logo">
            <a href="/" class="header__homelink"><img src="../../img/barmer-gek-logo.svg" alt="BARMER-Logo" title="BARMER-Logo" class="a-image a-image--logo-barmer">
            </a>
        </div>

        <div class="header__actions">
            <a class="a-btn btn--login-mobile" href="https://barmerid.id.bconnect.barmer.de/auth" title="Meine BARMER">
                <i class="a-icon icon--profile" aria-hidden="true"></i>
            </a>

            <button class="a-btn btn--search-mobile js-search-toggle" type="button" aria-label="Öffnet und schließt das Such-Interface auf mobilen Geräten" aria-expanded="false" aria-controls="searchPanel"><i class="a-icon icon--search" aria-hidden="true"></i></button>

            <button class="a-btn btn--menu-mobile js-menu-toggle" type="button" aria-label="Öffnet und schließt die Navigation auf mobilen Geräten" aria-haspopup="menu" aria-expanded="false" aria-controls="mainNavigation"><i class="a-icon icon--menu" aria-hidden="true"></i></button>

        </div>

        <div class="o-navigation js-navigation-init" id="mainNavigation">
            <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&#x3D;" 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--primary" href="" title="">
                        Frage stellen
                    </a>

                </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>

</header>

<div class="header__background js-header-bg"></div>
 
<header class="o-header js-header-init">

	<div class="header__wrapper">

    <div class="header__logo">
		  <a href="/" class="header__homelink">{{render '@image--logo-barmer' merge=true }}</a>
    </div>

    {{^switches.isReduced}}
      <div class="header__actions">
        {{^switches.loggedIn}}{{ render '@button--login-mobile' partials.btnLogin merge=true }}{{/switches.loggedIn}}
        {{#switches.loggedIn}}{{ render '@button--login-with-user-initials-mobile' partials.btnLoggedIn merge=true }}{{/switches.loggedIn}}
        {{ render '@button--search' partials.btnSearch merge=true }}
        {{ render '@button--menu' partials.btnMenu merge=true }}
      </div>

      {{ render '@navigation' partials.navigation merge=true }}
    {{/switches.isReduced}}

    {{#switches.isReduced}}
      {{#if switches.hasAdditional}}
        <div class="header__additional">
          {{render (stringToPartial partials.additional.includedItemType) partials.additional.item merge=true }}
        </div>
      {{else}}
        {{ render '@navigation--reduced' partials.navigation merge=true }}
      {{/if}}
    {{/switches.isReduced}}
	</div>

</header>

{{#if switches.hasHeaderBg}}
  {{ render '@header-background' }}
{{/if}}
 
{
  "switches": {
    "loggedIn": false,
    "hasHeaderBg": true,
    "hasAdditional": false,
    "isReduced": false
  },
  "viewtypes": {},
  "content": {},
  "partials": {
    "btnSearch": {
      "switches": {},
      "viewtypes": {
        "specifier": "btn--search-mobile js-search-toggle"
      },
      "content": {
        "ariaControls": "searchPanel"
      },
      "partials": {}
    },
    "btnMenu": {
      "switches": {},
      "viewtypes": {
        "specifier": "btn--menu-mobile js-menu-toggle"
      },
      "content": {
        "ariaControls": "mainNavigation"
      },
      "partials": {}
    },
    "navigation": {
      "content": {
        "id": "mainNavigation"
      },
      "switches": {
        "loggedIn": false,
        "hasLogin": false,
        "hasLanguageList": false
      },
      "partials": {
        "ctas": [
          {
            "type": "button--primary",
            "switches": {
              "asLink": true,
              "hasIcon": false
            },
            "content": {
              "label": "Frage stellen",
              "url": ""
            }
          }
        ]
      }
    },
    "search": {
      "content": {
        "id": "searchPanel"
      }
    }
  }
}

No notes defined.