<div class="m-breadcrumb breadcrumb--main">
    <span class="breadcrumb__label sr-only">Sie befinden sich hier:</span>
    <ul class="a-list-basic list--breadcrumb">
        <li class="list__item list__item--breadcrumb">
            <a href="/components/preview/homepage" class="a-link ">Barmer Startseite</a><i class="a-icon icon--chevron-right" aria-hidden="true"></i>

        </li>
        <li class="list__item list__item--breadcrumb">
            <a href="/components/preview/article" class="a-link "><span class="link__inner">Themen-Übersichtseite</span><i class="a-icon icon--lock" aria-label=""></i></a><i class="a-icon icon--chevron-right" aria-hidden="true"></i>

        </li>
        <li class="list__item list__item--breadcrumb">
            Barmer So ein Unterthema
        </li>
    </ul>

</div>

<div class="p-searchresults__header">
    <h1 class="sr-only">Suchergebnisse</h1>
    <div class="m-search-bar js-search-bar-init">
        <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="searchPageSuggestions" aria-haspopup="listbox">
                <label class="a-label " for="bm-search-query-page">
                    Suche nach:

                </label>

                <input type="text" value="Donaudampfschifffahrt" class="a-input input--text" id="bm-search-query-page" name="query" placeholder="Suchbegriff, Login-Code" autocomplete="off" autofocus="true" minlength="2" data-no-result="Keine Ergebnisse gefunden" data-one-result="Ein Ergebnis gefunden" data-more-results="Ergebnisse gefunden" aria-controls="searchPageSuggestions" 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-reset" type="button" aria-label="Eingabe löschen"><i class="a-icon icon--close" aria-hidden="true"></i></button>

            </div>
            <ul role="listbox" class="search-bar__suggestion-panel m-nav-list" id="searchPageSuggestions" hidden></ul>
        </form>

    </div>

    <h3 class="p-searchresults__info-text">Ihre Suche ergab keine Treffer</h3>
    <p class="p-searchresults__info-text">Meinen Sie vielleicht <a href="#">Donau Dampf Schifffahrt</a></p>

</div>

<div class="o-text-fragment p-searchresults__text-fragment">

    <div class="a-richtext ">
        <ul class="rte--list">
            <li><i aria-hidden="true" role="presentation"></i>Überprüfen Sie die Rechtschreibung Ihrer Eingabe</li>
            <li><i aria-hidden="true" role="presentation"></i>Benutzen Sie allgemeine Begriffe</li>
            <li><i aria-hidden="true" role="presentation"></i>Probieren Sie es mit anderen Suchbegriffen</li>
        </ul>
    </div>

</div>

<section class="o-accordion js-accordion-init p-searchresults__accordion">

    <div class="m-accordion__panel js-accordion-panel ">

        <button class="a-btn accordion__panel__toggle js-accordion-toggle" type="button" aria-expanded="false"><span class="accordion__panel__label">Tipps zur Suche</span><i class="a-icon icon--arrow-downward" aria-hidden="true"></i></button>

        <div class="accordion__panel__body js-accordion-body">
            <div class="a-richtext richtext--accordion">
                <h4 class="wide" id="So_funktioniert_die_Suche">So funktioniert die Suche:</h4>
                <ul class="wide rte--list">
                    <li><i aria-hidden="true" role="presentation"></i>Groß- und Kleinschreibung wird nicht berücksichtigt:&nbsp;<strong>arzt&nbsp;</strong>entspricht&nbsp;<strong>Arzt</strong></li>
                    <li><i aria-hidden="true" role="presentation"></i>Bei mehreren Suchwörtern werden nur Ergebnisse angezeigt, in denen alle Suchbegriffe enthalten sind (Und-Suche)</li>
                    <li><i aria-hidden="true" role="presentation"></i>Der Wortstamm des Suchwortes wird berücksichtigt:&nbsp;<strong>Klinik&nbsp;</strong>findet auch&nbsp;<strong>Kliniken</strong>&nbsp;und umgekehrt</li>
                    <li><i aria-hidden="true" role="presentation"></i>Sonderzeichen werden nicht berücksichtigt: Komma, Semikolon, Punkt, Doppelpunkt,&nbsp;<abbr title="et cetera" tabindex="0">etc.</abbr></li>
                </ul>
                <h4 class="wide" id="So_erhalten_Sie_mehr_Suchergebnisse">So erhalten Sie mehr Suchergebnisse</h4>
                <ul class="wide rte--list">
                    <li><i aria-hidden="true" role="presentation"></i>Überprüfen Sie die Rechtschreibung Ihrer Eingabe.</li>
                    <li><i aria-hidden="true" role="presentation"></i>Benutzen Sie allgemeinere Begriffe oder verwenden Sie Platzhalter '*':<br><strong>Zahn*</strong>&nbsp;findet auch&nbsp;<strong>Zahnfüllung</strong>&nbsp;und&nbsp;<strong>Zahnvorsorge</strong></li>
                </ul>
                <h4 class="wide" id="So_erhalten_Sie_weniger_Suchergebnisse">So erhalten Sie weniger Suchergebnisse</h4>
                <ul class="wide rte--list">
                    <li><i aria-hidden="true" role="presentation"></i>Bilden Sie Wortgruppen mit " ". Es werden nur Seiten gefunden, die genau diese Wortfolge enthalten: "<strong>Mutter Kind Kur</strong>"</li>
                    <li><i aria-hidden="true" role="presentation"></i>Verknüpfen Sie Suchbegriffe mit&nbsp;<strong>+</strong>&nbsp;(ohne Leerzeichen). Es werden alle Seiten gefunden, die alle Suchbegriffe enthalten:&nbsp;<strong>Beiträge+2015</strong></li>
                </ul>
                <h4 class="wide" id="So_funktionierenWebcodes">So funktionieren&nbsp;<span lang="en">Webcodes</span></h4>
                <ul class="wide rte--list">
                    <li><i aria-hidden="true" role="presentation"></i>Artikel in unserem Mitgliedermagazin oder in unseren Leistungsbroschüren sind immer dann mit einem&nbsp;<span lang="en">Webcode</span>&nbsp;versehen, wenn unsere Internetseiten zu diesem Thema noch mehr oder detailliertere Informationen für Sie bereit halten.</li>
                    <li><i aria-hidden="true" role="presentation"></i>Geben Sie einfach den 7-stelligen&nbsp;<span lang="en">Code</span>&nbsp;in das Feld "Suchbegriff, oder&nbsp;<span lang="en">Login-Code</span>..." ein. Das Eingabefeld finden Sie auf jeder <span class="upCase">Barmer</span> Internetseite.</li>
                </ul>
                <h4 class="wide" id="So_funktionierenLoginCodes">So funktionieren&nbsp;<span lang="en">Login-Codes</span>:</h4>
                <ul class="wide rte--list">
                    <li><i aria-hidden="true" role="presentation"></i>Tragen Sie den zwölfstelligen&nbsp;<span lang="en">Login-Code</span>, den Sie von der <span class="upCase">Barmer</span> erhalten haben, in das Suchfeld ein. Sie landen dann automatisch auf der&nbsp;<span lang="en">Login-Code</span>-Seite.</li>
                    <li><i aria-hidden="true" role="presentation"></i>Die Eingabemaske ist bereits mit dem&nbsp;<span lang="en">Login-Code</span>&nbsp;vorausgefüllt.</li>
                </ul>
            </div>

        </div>
    </div>

</section>

<div class="p-searchresults__footer">
</div>
{{ render '@breadcrumb--main' partials.breadcrumb merge=true }}

<div class="p-searchresults__header">
  <h1 class="sr-only">Suchergebnisse</h1>
  {{ render '@search-bar' partials.searchbar merge=true}}

  {{!-- @TODO: Add Filter at a later stage (milestone 2) --}}
  {{# switches.hasResults}}
    {{render '@accordion--search-filter' partials.filterAccordion merge=true}}
    {{render '@toggle-links' partials.toggleLinks merge=true }}
  {{/switches.hasResults}}
  {{^ switches.hasResults}}
    <h3 class="p-searchresults__info-text">Ihre Suche ergab keine Treffer</h3>
    <p class="p-searchresults__info-text">Meinen Sie vielleicht <a href="#">Donau Dampf Schifffahrt</a></p>
  {{/ switches.hasResults}}

  </div>

{{# switches.hasResults}}
  {{render '@teaser-collections--searchresult' }}
{{/switches.hasResults}}

{{^ switches.hasResults}}
  {{ render '@text-fragment' partials.textFragment merge=true }}

  {{!-- Accordion module will be implemented at a later stage (milestone 2) --}}
  {{ render '@accordion' partials.accordion merge=true }}
{{/ switches.hasResults}}


<div class="p-searchresults__footer">
  {{# switches.hasResults}}
    {{render '@pager' partials.pager merge=true}}
  {{/switches.hasResults}}
</div>
{
  "switches": {
    "hasContactFlyout": "true",
    "hasResults": false
  },
  "content": {
    "alertText": "Die Sitzung wurde erfolgreich verlängert"
  },
  "partials": {
    "sessionMetadata": {
      "content": {
        "expiredDialogId": "bm-dialog-session-expired",
        "expiringDialogId": "bm-dialog-session-expiring"
      }
    },
    "expiring": {
      "switches": {
        "hidden": true,
        "secondaryButton": true
      },
      "content": {
        "id": "bm-dialog-session-expiring",
        "text": "In <span class=\"js-session-timer\">5</span> Minuten endet ihre Sitzung und Sie werden automatisch ausgeloggt."
      },
      "partials": {
        "primaryButton": {
          "content": {
            "label": "Login verlängern"
          }
        },
        "secondaryButton": {
          "content": {
            "label": "Logout"
          }
        }
      }
    },
    "expired": {
      "switches": {
        "hidden": true
      },
      "content": {
        "id": "bm-dialog-session-expired"
      }
    },
    "modalVideo": {
      "switches": {
        "hidden": true
      },
      "content": {
        "id": "bm-video"
      },
      "viewtypes": {
        "specifier": "modal--video"
      },
      "partials": {
        "consent": {
          "viewtypes": {
            "specifier": "consent--in-modal"
          }
        },
        "videoFigure": {
          "switches": {
            "hasHeadline": false,
            "hasFigcaption": false,
            "hasVideo": false
          }
        }
      }
    },
    "searchbar": {
      "switches": {},
      "viewtypes": {},
      "content": {
        "panelId": "searchPageSuggestions"
      },
      "partials": {
        "label": {
          "switches": {},
          "viewtypes": {},
          "content": {
            "text": "Suche nach:",
            "for": "bm-search-query-page"
          },
          "partials": {}
        },
        "input": {
          "switches": {
            "isRequired": false
          },
          "viewtypes": {},
          "content": {
            "id": "bm-search-query-page",
            "name": "query",
            "placeholder": "Suchbegriff, Login-Code",
            "autocomplete": "off",
            "minlength": "2",
            "value": "Donaudampfschifffahrt",
            "autofocus": "true",
            "ariaControls": "searchPageSuggestions"
          }
        },
        "btnClose": {
          "switches": {},
          "viewtypes": {
            "specifier": "btn--search-close js-search-reset"
          },
          "content": {
            "ariaLabel": "Eingabe löschen"
          },
          "partials": {}
        }
      }
    },
    "toggleLinks": {
      "switches": {
        "hasLabel": true
      },
      "viewtypes": {
        "specifier": ""
      },
      "content": {
        "label": "Sortieren nach:"
      },
      "partials": {
        "links": [
          {
            "switches": {
              "hasIcon": false,
              "hasAriaExpanded": false,
              "hasAriaPopup": false,
              "isActiveLink": true
            },
            "viewtypes": {
              "specifier": "is-selected"
            },
            "content": {
              "url": "/components/preview/search-default?query=Reisepass&sort=&pageNum=1",
              "text": "Relevanz",
              "activetext": "Relevanz zurzeit aktiv"
            },
            "partials": {}
          },
          {
            "switches": {
              "hasIcon": false,
              "hasAriaExpanded": false,
              "hasAriaPopup": false,
              "isActiveLink": false
            },
            "viewtypes": {},
            "content": {
              "url": "/components/preview/search-default?query=Reisepass&sort=freshness&pageNum=1",
              "text": "Aktualität"
            },
            "partials": {}
          }
        ]
      }
    },
    "textFragment": {
      "switches": {
        "hasTitle": false
      },
      "viewtypes": {
        "specifier": "p-searchresults__text-fragment"
      },
      "partials": {
        "richtext": {
          "switches": {
            "hasDefaultText": false,
            "hasWrapper": true
          },
          "content": {
            "text": "<ul class=\"rte--list\"><li><i aria-hidden=\"true\" role=\"presentation\"></i>Überprüfen Sie die Rechtschreibung Ihrer Eingabe</li>\n<li><i aria-hidden=\"true\" role=\"presentation\"></i>Benutzen Sie allgemeine Begriffe</li>\n<li><i aria-hidden=\"true\" role=\"presentation\"></i>Probieren Sie es mit anderen Suchbegriffen</li>\n</ul>"
          }
        }
      }
    },
    "accordion": {
      "viewtypes": {
        "specifier": "p-searchresults__accordion"
      },
      "partials": {
        "panels": [
          {
            "partials": {
              "toggle": {
                "content": {
                  "label": "Tipps zur Suche"
                }
              },
              "richtext": {
                "switches": {
                  "hasWrapper": true,
                  "hasDefaultText": false
                },
                "viewtypes": {
                  "specifier": "richtext--accordion"
                },
                "content": {
                  "text": "<h4 class=\"wide\" id=\"So_funktioniert_die_Suche\">So funktioniert die Suche:</h4><ul class=\"wide rte--list\"><li><i aria-hidden=\"true\" role=\"presentation\"></i>Groß- und Kleinschreibung wird nicht berücksichtigt:&nbsp;<strong>arzt&nbsp;</strong>entspricht&nbsp;<strong>Arzt</strong></li><li><i aria-hidden=\"true\" role=\"presentation\"></i>Bei mehreren Suchwörtern werden nur Ergebnisse angezeigt, in denen alle Suchbegriffe enthalten sind (Und-Suche)</li><li><i aria-hidden=\"true\" role=\"presentation\"></i>Der Wortstamm des Suchwortes wird berücksichtigt:&nbsp;<strong>Klinik&nbsp;</strong>findet auch&nbsp;<strong>Kliniken</strong>&nbsp;und umgekehrt</li><li><i aria-hidden=\"true\" role=\"presentation\"></i>Sonderzeichen werden nicht berücksichtigt: Komma, Semikolon, Punkt, Doppelpunkt,&nbsp;<abbr title=\"et cetera\" tabindex=\"0\">etc.</abbr></li></ul><h4 class=\"wide\" id=\"So_erhalten_Sie_mehr_Suchergebnisse\">So erhalten Sie mehr Suchergebnisse</h4><ul class=\"wide rte--list\"><li><i aria-hidden=\"true\" role=\"presentation\"></i>Überprüfen Sie die Rechtschreibung Ihrer Eingabe.</li><li><i aria-hidden=\"true\" role=\"presentation\"></i>Benutzen Sie allgemeinere Begriffe oder verwenden Sie Platzhalter '*':<br><strong>Zahn*</strong>&nbsp;findet auch&nbsp;<strong>Zahnfüllung</strong>&nbsp;und&nbsp;<strong>Zahnvorsorge</strong></li></ul><h4 class=\"wide\" id=\"So_erhalten_Sie_weniger_Suchergebnisse\">So erhalten Sie weniger Suchergebnisse</h4><ul class=\"wide rte--list\"><li><i aria-hidden=\"true\" role=\"presentation\"></i>Bilden Sie Wortgruppen mit \" \". Es werden nur Seiten gefunden, die genau diese Wortfolge enthalten: \"<strong>Mutter Kind Kur</strong>\"</li><li><i aria-hidden=\"true\" role=\"presentation\"></i>Verknüpfen Sie Suchbegriffe mit&nbsp;<strong>+</strong>&nbsp;(ohne Leerzeichen). Es werden alle Seiten gefunden, die alle Suchbegriffe enthalten:&nbsp;<strong>Beiträge+2015</strong></li></ul><h4 class=\"wide\" id=\"So_funktionierenWebcodes\">So funktionieren&nbsp;<span lang=\"en\">Webcodes</span></h4><ul class=\"wide rte--list\"><li><i aria-hidden=\"true\" role=\"presentation\"></i>Artikel in unserem Mitgliedermagazin oder in unseren Leistungsbroschüren sind immer dann mit einem&nbsp;<span lang=\"en\">Webcode</span>&nbsp;versehen, wenn unsere Internetseiten zu diesem Thema noch mehr oder detailliertere Informationen für Sie bereit halten.</li><li><i aria-hidden=\"true\" role=\"presentation\"></i>Geben Sie einfach den 7-stelligen&nbsp;<span lang=\"en\">Code</span>&nbsp;in das Feld \"Suchbegriff, oder&nbsp;<span lang=\"en\">Login-Code</span>...\" ein. Das Eingabefeld finden Sie auf jeder <span class=\"upCase\">Barmer</span> Internetseite.</li></ul><h4 class=\"wide\" id=\"So_funktionierenLoginCodes\">So funktionieren&nbsp;<span lang=\"en\">Login-Codes</span>:</h4><ul class=\"wide rte--list\"><li><i aria-hidden=\"true\" role=\"presentation\"></i>Tragen Sie den zwölfstelligen&nbsp;<span lang=\"en\">Login-Code</span>, den Sie von der <span class=\"upCase\">Barmer</span> erhalten haben, in das Suchfeld ein. Sie landen dann automatisch auf der&nbsp;<span lang=\"en\">Login-Code</span>-Seite.</li><li><i aria-hidden=\"true\" role=\"presentation\"></i>Die Eingabemaske ist bereits mit dem&nbsp;<span lang=\"en\">Login-Code</span>&nbsp;vorausgefüllt.</li></ul>"
                }
              }
            }
          }
        ]
      }
    }
  },
  "viewtypes": {}
}

No notes defined.