Barmer Fractal

Faq Search: Default 

<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 searchresults__header--faq">
    <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="bm-search-suggestions-page" aria-haspopup="listbox">
                <input type="text" value="" class="a-input input--text" id="bm-search-query-in-page" name="query" placeholder="Suchbegriff" 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="Suchbegriff" 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>
            <button class="a-btn btn--submit js-search-submit" type="submit" disabled="disabled">Erneut suchen</button>

            <ul role="listbox" class="search-bar__suggestion-panel m-nav-list" id="bm-search-suggestions-page" hidden></ul>
        </form>

    </div>

</div>

<div class="searchresults__counter">12 Ergebnisse</div>
<div class="o-teaser-collection teaser-collection--searchresult-faq">

    <div class="teaser-collection__teaser-wrapper" role="list">
        <div class="o-teaser teaser--searchresult-faq" role="listitem">
            <a href="/components/preview/article" class="a-link teaser__title-wrapper">
                <div class="teaser__title">
                    <span class="link__inner">Vektor-Impfstoffe und Gen-Veränderungen bei Ungeborenen</span>&nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>
            </a>
        </div>

        <div class="o-teaser teaser--searchresult-faq" role="listitem">
            <a href="/components/preview/article" class="a-link teaser__title-wrapper">
                <div class="teaser__title">
                    <span class="link__inner">Corona-Quarantäne mit Neugeborenen</span>&nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>
            </a>
        </div>

        <div class="o-teaser teaser--searchresult-faq" role="listitem">
            <a href="/components/preview/article" class="a-link teaser__title-wrapper">
                <div class="teaser__title">
                    <span class="link__inner">Impfungen und danach erfahren, dass man schwanger ist</span>&nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>
            </a>
        </div>

        <div class="o-teaser teaser--searchresult-faq" role="listitem">
            <a href="/components/preview/article" class="a-link teaser__title-wrapper">
                <div class="teaser__title">
                    <span class="link__inner">Nebenwirkungen durch Impfungen und Schwangerschaft</span>&nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>
            </a>
        </div>

        <div class="o-teaser teaser--searchresult-faq" role="listitem">
            <a href="/components/preview/article" class="a-link teaser__title-wrapper">
                <div class="teaser__title">
                    <span class="link__inner">Schwanger mit Corona</span>&nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>
            </a>
        </div>

        <div class="o-teaser teaser--searchresult-faq" role="listitem">
            <a href="/components/preview/article" class="a-link teaser__title-wrapper">
                <div class="teaser__title">
                    <span class="link__inner">Generieren von höllisch langen Headlines, die irgendwie umbrechen sollen und dabei noch gut aussehen und die Texttransformation des Wortes Barmer testen sollen</span>&nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>
            </a>
        </div>

    </div>

</div>

<div class="p-searchresults__footer">
    <div class="m-pager js-pager-init">
        <form action="/components/preview/search" method="get">
            <input type="hidden" value="Reisepass" class="a-input input--hidden" name="query">
            <input type="hidden" value="" class="a-input input--hidden" name="sort">
            <input type="hidden" value="0" class="a-input input--hidden" name="pageNum">
            <ul class="pager__list">
                <li class="list__item">
                    <button class="a-btn btn--previous" type="button" title="Vorige Seite" disabled="disabled"><i class="a-icon icon--arrow-back" aria-hidden="true"></i></button>

                </li>
                <li class="list__item">
                    <label class="a-label " for="search-result-page">
                        Sprung zur Suchergebnisseite

                    </label>

                    <input type="text" value="1" class="a-input input--text js-pager-search-results-page" id="search-result-page" autocomplete="off" inputmode="numeric" required="required">
                    von <span class="js-pager-number-max">7</span>
                    <button class="a-btn is-hidden" type="submit">Zur eingegebenen Seite wechseln</button>

                </li>
                <li class="list__item">
                    <a class="a-btn btn--next" href="/components/preview/search?query&#x3D;Reisepass&amp;sort&#x3D;&amp;pageNum&#x3D;2" title="Nächste Seite">
                        <i class="a-icon icon--arrow-forward" aria-hidden="true"></i>
                    </a>

                </li>
            </ul>
        </form>
    </div>

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

<div class="p-searchresults__header searchresults__header--faq">
  {{# switches.hasSearchResultTitle }}
    <h1 class="searchresults__title">{{content.searchResultsTitle}}</h1>
  {{/ switches.hasSearchResultTitle }}
  {{ render '@search-bar--faq' partials.searchbar merge=true}}

  {{# switches.hasNoResultsInfoText}}
    <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.hasNoResultsInfoText}}

</div>

{{# switches.hasResults}}
  <div class="searchresults__counter">12 Ergebnisse</div>
  {{render '@teaser-collections--searchresult-faq' }}
{{/switches.hasResults}}

{{# switches.hasNoResultsInfoText}}
  {{ render '@text-fragment' partials.textFragment merge=true }}
  {{ render '@accordion' partials.accordion merge=true }}
{{/ switches.hasNoResultsInfoText}}

<div class="p-searchresults__footer">
  {{# switches.hasResults}}
    {{render '@pager' partials.pager merge=true}}
  {{/switches.hasResults}}
</div>
 
{
  "switches": {
    "hasContactFlyout": "true",
    "hasResults": true,
    "hasSearchResultTitle": false,
    "hasNoResultsInfoText": false
  },
  "content": {
    "alertText": "Die Sitzung wurde erfolgreich verlängert",
    "searchResultsTitle": false
  },
  "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": {
      "partials": {
        "input": {
          "content": {
            "placeholder": "Suchbegriff"
          }
        },
        "btnSubmit": {
          "content": {
            "label": "Erneut suchen"
          }
        }
      }
    }
  },
  "viewtypes": {}
}

No notes defined.