<div class="o-teaser teaser--stage cs--bg-image-b">

      <div class="teaser__image">

          <picture class="a-picture ">
              <source media="(max-width: 640px)" srcset="../../images/1x1/blick-auf-die-fensterfront-der-barmer-geschaeftsstelle-in-dresden.jpg">
              <source media="(min-width: 641px)" srcset="../../images/8x3/blick-auf-die-fensterfront-der-barmer-geschaeftsstelle-in-dresden.jpg">
              <img src="../../images/8x3/blick-auf-die-fensterfront-der-barmer-geschaeftsstelle-in-dresden.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
          </picture>

      </div>

      <div class="teaser__content">

          <div class="teaser__headline-wrapper">
              <div class="teaser__headline">
                  Alles Wichtige online erledigen

              </div>
          </div>

          <div class="teaser__button-wrapper">
              <a class="a-btn btn--conversion" href="http://heute.de" title="">
                  App herunterladen
              </a>

          </div>

      </div>

  </div>

  <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 ">Übersicht Unsere Leistungen</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 ">Apps & Skills</a><i class="a-icon icon--chevron-right" aria-hidden="true"></i>

          </li>
          <li class="list__item list__item--breadcrumb">
              Barmer-App
          </li>
      </ul>

  </div>

  <div class="o-textmodule ">
      <h3 class="textmodule__headline textmodule__headline--h1">Barmer-App: Krankenkasse leicht gemacht</h3>

      <div class="a-richtext richtext--article">
          Mehr Überblick, weniger Papierkram: Jetzt als BARMER-Mitglied die BARMER-App kostenfrei herunterladen und viele Vorteile nutzen:
      </div>

  </div>

  <div class="o-advertorial ">
      <div class="advertorial__content">

          <div class="advertorial__objects-wrapper">

              <div class="advertorial__iconbar" role="list">

                  <div class="o-teaser teaser--iconbar" role="listitem">

                      <div class="teaser__image">

                          <i class="a-icon icon--check" aria-hidden="true"></i>

                      </div>

                      <div class="teaser__content">

                          <div class="teaser__text teaser__text--richtext">
                              <strong><abbr title="Nein, nicht Abgasuntersuchung">AU</abbr>-Bescheinigung</strong> bequem online verschicken
                          </div>

                      </div>

                  </div>

                  <div class="o-teaser teaser--iconbar" role="listitem">

                      <div class="teaser__image">

                          <i class="a-icon icon--check" aria-hidden="true"></i>

                      </div>

                      <div class="teaser__content">

                          <div class="teaser__text teaser__text--richtext">
                              <strong>Mitgliedsbescheinigungen und andere Nachweise</strong> schnell und digital anfordern.
                          </div>

                      </div>

                  </div>

                  <div class="o-teaser teaser--iconbar" role="listitem">

                      <div class="teaser__image">

                          <i class="a-icon icon--check" aria-hidden="true"></i>

                      </div>

                      <div class="teaser__content">

                          <div class="teaser__text teaser__text--richtext">
                              <strong>Vorsorgetermine und Impfungen</strong> einfach per App organisieren.
                          </div>

                      </div>

                  </div>

                  <div class="o-teaser teaser--iconbar" role="listitem">

                      <div class="teaser__image">

                          <i class="a-icon icon--check" aria-hidden="true"></i>

                      </div>

                      <div class="teaser__content">

                          <div class="teaser__text teaser__text--richtext">
                              <strong>Bearbeitungsstatus des Krankengeldes</strong> jederzeit online einsehen
                          </div>

                      </div>

                  </div>

                  <div class="o-teaser teaser--iconbar" role="listitem">

                      <div class="teaser__image">

                          <i class="a-icon icon--check" aria-hidden="true"></i>

                      </div>

                      <div class="teaser__content">

                          <div class="teaser__text teaser__text--richtext">
                              <strong>Vorsorgeuntersuchung beim Zahnarzt</strong> digital dokumentieren
                          </div>

                      </div>

                  </div>

                  <div class="o-teaser teaser--iconbar" role="listitem">

                      <div class="teaser__image">

                          <i class="a-icon icon--check" aria-hidden="true"></i>

                      </div>

                      <div class="teaser__content">

                          <div class="teaser__text teaser__text--richtext">
                              <strong>Persönliche Daten</strong> (Adressen, Bankverbindung usw.) in der App ändern
                          </div>

                      </div>

                  </div>

                  <div class="o-teaser teaser--iconbar" role="listitem">

                      <div class="teaser__image">

                          <i class="a-icon icon--check" aria-hidden="true"></i>

                      </div>

                      <div class="teaser__content">

                          <div class="teaser__text teaser__text--richtext">
                              <strong>Kontaktmöglichkeiten</strong> direkt zur Barmer auf einen Blick
                          </div>

                      </div>

                  </div>

              </div>

              <a class="a-btn " href="#" title="AppStore">
                  <img src="../../images/appstore-button--black-height-42px.png" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">

              </a>

              <a class="a-btn " href="#" title="AppStore">
                  <img src="../../images/google-play-badge-height-42px.png" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">

              </a>

          </div>

      </div>
      <div class="advertorial__imagerie">
          <div class="o-slider glide js-slider-init slider--advertorial" data-slider-type="advertorial" data-glide-config="{&quot;autoplay&quot;: 10000 }">

              <div class="slider__area">

                  <div class="slider__track-wrapper">

                      <div class="m-slider-arrows glide__arrows slider-arrows--chevron-pair" data-glide-el="controls">
                          <button class="slider-arrow glide__arrow slider-arrow--left" data-glide-dir="<"><span class="sr-only">Karusell: Zum vorigen Bild</span><i class="a-icon icon--arrow-back" aria-hidden="true"></i></button>
                          <button class="slider-arrow glide__arrow slider-arrow--right" data-glide-dir=">"><span class="sr-only">Karusell: Zum nächsten Bild</span><i class="a-icon icon--arrow-forward" aria-hidden="true"></i></button>
                      </div>

                      <div class="slider__track glide__track slider__track--advertorial" data-glide-el="track">
                          <ul class="glide__slides slider__slides--advertorial" aria-label="Karusell mit 6 Elementen">
                              <li class="glide__slide slider__slide--advertorial">
                                  <picture class="a-picture ">
                                      <source media="(max-width: 640px)" srcset="../../images/4x3/mann-mit-tablet.jpg">
                                      <source media="(min-width: 641px)" srcset="../../images/5x7/mann-mit-tablet.jpg">
                                      <img src="../../images/5x7/mann-mit-tablet.jpg" alt="">
                                  </picture>

                              </li>
                              <li class="glide__slide slider__slide--advertorial">
                                  <picture class="a-picture ">
                                      <source media="(max-width: 640px)" srcset="../../images/4x3/eltern-kind-blumen-712x534.jpg">
                                      <source media="(min-width: 641px)" srcset="../../images/5x7/eltern-kind-blumen-714x1000.jpg">
                                      <img src="../../images/5x7/eltern-kind-blumen-714x1000.jpg" alt="">
                                  </picture>

                              </li>
                              <li class="glide__slide slider__slide--advertorial">
                                  <picture class="a-picture ">
                                      <source media="(max-width: 640px)" srcset="../../images/4x3/eltern-baby-tablet-712x534.jpg">
                                      <source media="(min-width: 641px)" srcset="../../images/5x7/eltern-baby-tablet-714x1000.jpg">
                                      <img src="../../images/5x7/eltern-baby-tablet-714x1000.jpg" alt="">
                                  </picture>

                              </li>
                              <li class="glide__slide slider__slide--advertorial">
                                  <picture class="a-picture ">
                                      <source media="(max-width: 640px)" srcset="../../images/4x3/tippen-auf-tastatur-712x534.jpg">
                                      <source media="(min-width: 641px)" srcset="../../images/5x7/tippen-auf-tastatur-714x1000.jpg">
                                      <img src="../../images/5x7/tippen-auf-tastatur-714x1000.jpg" alt="">
                                  </picture>

                              </li>
                              <li class="glide__slide slider__slide--advertorial">
                                  <picture class="a-picture ">
                                      <source media="(max-width: 640px)" srcset="../../images/4x3/laechelnder-mann-712x534.jpg">
                                      <source media="(min-width: 641px)" srcset="../../images/5x7/laechelnder-mann-714x1000.jpg">
                                      <img src="../../images/5x7/laechelnder-mann-714x1000.jpg" alt="">
                                  </picture>

                              </li>
                              <li class="glide__slide slider__slide--advertorial">
                                  <picture class="a-picture ">
                                      <source media="(max-width: 640px)" srcset="../../images/4x3/abstimmung-des-verwaltungsrats-712x534.jpg">
                                      <source media="(min-width: 641px)" srcset="../../images/5x7/abstimmung-des-verwaltungsrats-714x1000.jpg">
                                      <img src="../../images/5x7/abstimmung-des-verwaltungsrats-714x1000.jpg" alt="">
                                  </picture>

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

                  </div>

                  <div class="m-slider-bullets glide__bullets slider-bullets--disc" aria-hidden="true">
                      <ul class="slider-bullets__list" data-glide-el="controls[nav]">
                          <li class="slider-bullet glide__bullet" data-glide-dir="=0">
                              <button class="slider-bullet__button"><span class="sr-only">Zum Element 1</span><i class="a-icon icon--dot" aria-hidden="true"></i></button>
                          </li>
                          <li class="slider-bullet glide__bullet" data-glide-dir="=1">
                              <button class="slider-bullet__button"><span class="sr-only">Zum Element 2</span><i class="a-icon icon--dot" aria-hidden="true"></i></button>
                          </li>
                          <li class="slider-bullet glide__bullet glide__bullet--active" data-glide-dir="=2">
                              <button class="slider-bullet__button"><span class="sr-only">Zum Element 3</span><i class="a-icon icon--dot" aria-hidden="true"></i></button>
                          </li>
                          <li class="slider-bullet glide__bullet" data-glide-dir="=3">
                              <button class="slider-bullet__button"><span class="sr-only">Zum Element 4</span><i class="a-icon icon--dot" aria-hidden="true"></i></button>
                          </li>
                          <li class="slider-bullet glide__bullet" data-glide-dir="=4">
                              <button class="slider-bullet__button"><span class="sr-only">Zum Element 5</span><i class="a-icon icon--dot" aria-hidden="true"></i></button>
                          </li>
                          <li class="slider-bullet glide__bullet" data-glide-dir="=5">
                              <button class="slider-bullet__button"><span class="sr-only">Zum Element 6</span><i class="a-icon icon--dot" aria-hidden="true"></i></button>
                          </li>
                      </ul>
                  </div>

              </div>

          </div>

      </div>
  </div>

  <div class="o-textmodule ">
      <h3 class="textmodule__headline textmodule__headline--h1">Wie kann ich die Barmer-App herunterladen und alle Online-Services nutzen?</h3>

  </div>

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

      <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">Benutzerkonto bei Meine Barmer anlegen</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">
                  <p><a class="bm-richtext-link" href="http://ndr.de">Lorem ipsum</a> dolor sit amet, consectetur adipisicing elit. Aperiam atque deserunt explicabo nulla similique. Debitis deleniti fugiat harum inventore veritatis? Ab, accusamus asperiores blanditiis corporis fugit incidunt <abbr>iusto</abbr> nemo quos.</p>

                  <p>Duis tincidunt rhoncus risus, sagittis tincidunt diam imperdiet quis. Curabitur vulputate pulvinar malesuada. Sed sit amet lacinia nibh. Fusce placerat nisi ut justo fermentum pellentesque. Proin scelerisque nulla in erat varius accumsan fringilla dui vestibulum. Maecenas tincidunt erat eu nunc interdum interdum. Fusce semper blandit tellus, non consequat nulla porttitor at. Sed rhoncus pharetra ante sed porttitor. Vivamus interdum venenatis erat, sed ullamcorper sapien mollis ac.</p>

                  <p>Sed bibendum ultricies dolor, consectetur commodo diam varius pulvinar. Phasellus dignissim consectetur ligula. Aliquam eros nisi, vehicula in auctor nec, consectetur sed orci. Praesent lacinia vulputate lacus, a commodo lorem porttitor at. Suspendisse sit amet lacus sit amet nibh dapibus hendrerit. Curabitur tincidunt mi nec lectus vulputate semper vehicula ipsum mattis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque pharetra mattis elementum. Cras consectetur volutpat dignissim. Sed in magna et ligula auctor volutpat aliquet ac odio. Fusce sagittis risus ut magna bibendum ornare. Proin ut purus tellus. Nam id est quis metus feugiat semper nec in est. Ut odio massa, consequat eu tempus sit amet, porta eget magna. Vivamus aliquet nibh sodales lacus vestibulum et commodo nisi varius.</p>

                  <p>Morbi purus nisi, dictum sit amet sagittis non, dignissim vitae dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam luctus ullamcorper dui nec pretium. Curabitur sit amet accumsan eros. Sed aliquam dapibus sagittis. Fusce at erat vel dolor vestibulum feugiat in ac nisl. Pellentesque molestie vehicula libero vel ornare. Phasellus ac turpis eget neque fermentum vestibulum. Fusce eget lorem eget justo varius adipiscing. Sed auctor mauris vitae turpis pulvinar tristique. Cras semper, sapien sit amet feugiat sollicitudin, ante est dictum diam, quis hendrerit magna arcu ut leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius semper pellentesque. Donec vel sapien dolor, quis elementum orci. Sed ut justo nisi. Ut vel tempor risus.</p>

                  <p>Cras vel nisi lacus, ut ultrices dolor. Fusce quis tortor libero. Nullam elementum elementum orci nec imperdiet. Pellentesque euismod aliquam euismod. Suspendisse adipiscing mi eget nisl suscipit feugiat. Mauris egestas massa eget est feugiat vel egestas arcu dignissim. Phasellus enim mi, commodo at tincidunt vitae, porttitor ac metus. Morbi suscipit semper purus eget venenatis. Fusce vulputate rutrum nunc sed hendrerit. Aliquam sed diam non nisi fringilla condimentum. Curabitur quam tellus, interdum nec pharetra id, tincidunt a magna. Fusce imperdiet volutpat justo.</p>
              </div>

          </div>
      </div>

      <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">Die Barmer-App für Android downloaden</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">
                  <p><a class="bm-richtext-link" href="http://ndr.de">Lorem ipsum</a> dolor sit amet, consectetur adipisicing elit. Aperiam atque deserunt explicabo nulla similique. Debitis deleniti fugiat harum inventore veritatis? Ab, accusamus asperiores blanditiis corporis fugit incidunt <abbr>iusto</abbr> nemo quos.</p>

                  <p>Duis tincidunt rhoncus risus, sagittis tincidunt diam imperdiet quis. Curabitur vulputate pulvinar malesuada. Sed sit amet lacinia nibh. Fusce placerat nisi ut justo fermentum pellentesque. Proin scelerisque nulla in erat varius accumsan fringilla dui vestibulum. Maecenas tincidunt erat eu nunc interdum interdum. Fusce semper blandit tellus, non consequat nulla porttitor at. Sed rhoncus pharetra ante sed porttitor. Vivamus interdum venenatis erat, sed ullamcorper sapien mollis ac.</p>

                  <p>Sed bibendum ultricies dolor, consectetur commodo diam varius pulvinar. Phasellus dignissim consectetur ligula. Aliquam eros nisi, vehicula in auctor nec, consectetur sed orci. Praesent lacinia vulputate lacus, a commodo lorem porttitor at. Suspendisse sit amet lacus sit amet nibh dapibus hendrerit. Curabitur tincidunt mi nec lectus vulputate semper vehicula ipsum mattis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque pharetra mattis elementum. Cras consectetur volutpat dignissim. Sed in magna et ligula auctor volutpat aliquet ac odio. Fusce sagittis risus ut magna bibendum ornare. Proin ut purus tellus. Nam id est quis metus feugiat semper nec in est. Ut odio massa, consequat eu tempus sit amet, porta eget magna. Vivamus aliquet nibh sodales lacus vestibulum et commodo nisi varius.</p>

                  <p>Morbi purus nisi, dictum sit amet sagittis non, dignissim vitae dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam luctus ullamcorper dui nec pretium. Curabitur sit amet accumsan eros. Sed aliquam dapibus sagittis. Fusce at erat vel dolor vestibulum feugiat in ac nisl. Pellentesque molestie vehicula libero vel ornare. Phasellus ac turpis eget neque fermentum vestibulum. Fusce eget lorem eget justo varius adipiscing. Sed auctor mauris vitae turpis pulvinar tristique. Cras semper, sapien sit amet feugiat sollicitudin, ante est dictum diam, quis hendrerit magna arcu ut leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius semper pellentesque. Donec vel sapien dolor, quis elementum orci. Sed ut justo nisi. Ut vel tempor risus.</p>

                  <p>Cras vel nisi lacus, ut ultrices dolor. Fusce quis tortor libero. Nullam elementum elementum orci nec imperdiet. Pellentesque euismod aliquam euismod. Suspendisse adipiscing mi eget nisl suscipit feugiat. Mauris egestas massa eget est feugiat vel egestas arcu dignissim. Phasellus enim mi, commodo at tincidunt vitae, porttitor ac metus. Morbi suscipit semper purus eget venenatis. Fusce vulputate rutrum nunc sed hendrerit. Aliquam sed diam non nisi fringilla condimentum. Curabitur quam tellus, interdum nec pharetra id, tincidunt a magna. Fusce imperdiet volutpat justo.</p>
              </div>

          </div>
      </div>

      <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">Die Barmer-App für iOS downloaden</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">
                  <p><a class="bm-richtext-link" href="http://ndr.de">Lorem ipsum</a> dolor sit amet, consectetur adipisicing elit. Aperiam atque deserunt explicabo nulla similique. Debitis deleniti fugiat harum inventore veritatis? Ab, accusamus asperiores blanditiis corporis fugit incidunt <abbr>iusto</abbr> nemo quos.</p>

                  <p>Duis tincidunt rhoncus risus, sagittis tincidunt diam imperdiet quis. Curabitur vulputate pulvinar malesuada. Sed sit amet lacinia nibh. Fusce placerat nisi ut justo fermentum pellentesque. Proin scelerisque nulla in erat varius accumsan fringilla dui vestibulum. Maecenas tincidunt erat eu nunc interdum interdum. Fusce semper blandit tellus, non consequat nulla porttitor at. Sed rhoncus pharetra ante sed porttitor. Vivamus interdum venenatis erat, sed ullamcorper sapien mollis ac.</p>

                  <p>Sed bibendum ultricies dolor, consectetur commodo diam varius pulvinar. Phasellus dignissim consectetur ligula. Aliquam eros nisi, vehicula in auctor nec, consectetur sed orci. Praesent lacinia vulputate lacus, a commodo lorem porttitor at. Suspendisse sit amet lacus sit amet nibh dapibus hendrerit. Curabitur tincidunt mi nec lectus vulputate semper vehicula ipsum mattis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque pharetra mattis elementum. Cras consectetur volutpat dignissim. Sed in magna et ligula auctor volutpat aliquet ac odio. Fusce sagittis risus ut magna bibendum ornare. Proin ut purus tellus. Nam id est quis metus feugiat semper nec in est. Ut odio massa, consequat eu tempus sit amet, porta eget magna. Vivamus aliquet nibh sodales lacus vestibulum et commodo nisi varius.</p>

                  <p>Morbi purus nisi, dictum sit amet sagittis non, dignissim vitae dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam luctus ullamcorper dui nec pretium. Curabitur sit amet accumsan eros. Sed aliquam dapibus sagittis. Fusce at erat vel dolor vestibulum feugiat in ac nisl. Pellentesque molestie vehicula libero vel ornare. Phasellus ac turpis eget neque fermentum vestibulum. Fusce eget lorem eget justo varius adipiscing. Sed auctor mauris vitae turpis pulvinar tristique. Cras semper, sapien sit amet feugiat sollicitudin, ante est dictum diam, quis hendrerit magna arcu ut leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius semper pellentesque. Donec vel sapien dolor, quis elementum orci. Sed ut justo nisi. Ut vel tempor risus.</p>

                  <p>Cras vel nisi lacus, ut ultrices dolor. Fusce quis tortor libero. Nullam elementum elementum orci nec imperdiet. Pellentesque euismod aliquam euismod. Suspendisse adipiscing mi eget nisl suscipit feugiat. Mauris egestas massa eget est feugiat vel egestas arcu dignissim. Phasellus enim mi, commodo at tincidunt vitae, porttitor ac metus. Morbi suscipit semper purus eget venenatis. Fusce vulputate rutrum nunc sed hendrerit. Aliquam sed diam non nisi fringilla condimentum. Curabitur quam tellus, interdum nec pharetra id, tincidunt a magna. Fusce imperdiet volutpat justo.</p>
              </div>

          </div>
      </div>

  </section>

  <div class="o-content-footer">
      <div class="content-footer__info-container">
          <div class="a-plaintext plaintext--webcode">Webcode: a000876</div>

          <div class="m-timestamp "><span class="timestamp__label">Letzte Aktualisierung:</span> <time class="a-datetime ">06.03.2020</time>
          </div>

      </div>
      <div class="content-footer__cta-container">
          <form class="m-user-rating js-user-rating" action="/mock/page-rating-response.json" method="GET" data-success-message="Vielen Dank für Ihr Feedback.">
              <div class="user-rating__stars">
                  <h3 class="user-rating__headline">Wie bewerten Sie diesen Artikel?</h3>
                  <div class="a-rating-stars" role="group" aria-labelledby="rating-label">
                      <span class="sr-only" id="rating-label">Ihre Bewertung: </span>
                      <label class="rating-stars__star">
                          <input class="sr-only" type="radio" name="rating" value="1">
                          <span class="sr-only">Ihre Bewertung: 1 Stern</span>
                          <i class="a-icon rating-stars__icon" aria-hidden="true"></i>
                      </label>
                      <label class="rating-stars__star">
                          <input class="sr-only" type="radio" name="rating" value="2">
                          <span class="sr-only">Ihre Bewertung: 2 Sterne</span>
                          <i class="a-icon rating-stars__icon" aria-hidden="true"></i>
                      </label>
                      <label class="rating-stars__star">
                          <input class="sr-only" type="radio" name="rating" value="3">
                          <span class="sr-only">Ihre Bewertung: 3 Sterne</span>
                          <i class="a-icon rating-stars__icon" aria-hidden="true"></i>
                      </label>
                      <label class="rating-stars__star">
                          <input class="sr-only" type="radio" name="rating" value="4">
                          <span class="sr-only">Ihre Bewertung: 4 Sterne</span>
                          <i class="a-icon rating-stars__icon" aria-hidden="true"></i>
                      </label>
                      <label class="rating-stars__star">
                          <input class="sr-only" type="radio" name="rating" value="5">
                          <span class="sr-only">Ihre Bewertung: 5 Sterne</span>
                          <i class="a-icon rating-stars__icon" aria-hidden="true"></i>
                      </label>
                  </div>

              </div>

              <div class="user-rating__message" hidden>
                  <label class="a-label user-rating__label" for="bm-rating-textarea">
                      Haben Sie noch weitere Anmerkungen zu Ihrer Bewertung?

                      <span class="sr-only">Maximale Zeichenzahl: 1000</span>
                  </label>

                  <div class="user-rating__textarea-wrapper">
                      <textarea class="a-textarea " id="bm-rating-textarea" name="comment" placeholder="Wir freuen uns über Ihre Anregungen..." autocomplete="off" maxlength="1000"></textarea>

                      <div class="a-counter " data-target="#bm-rating-textarea" hidden>
                          <span class="counter__current"></span>
                          /
                          <span class="counter__max"></span>
                      </div>

                  </div>
                  <input type="hidden" name="webcode" value="a000876">
                  <label class="a-label user-rating__name-label" for="ratingname" aria-hidden="true">
                      Name

                  </label>

                  <input type="text" value="" class="a-input user-rating__name" id="ratingname" name="name" autocomplete="off" tabindex="-1" aria-hidden="true">

                  <button class="a-btn btn--secondary js-rating-cancel" type="button">Abbrechen</button>

                  <button class="a-btn btn--primary js-rating-submit" type="submit">Abschicken</button>

              </div>
              <div class="user-rating__success-text" hidden>
                  <div class="a-richtext ">
                      <p>Vielen Dank für Ihr Feedback.<br><a href="#" class="bm-richtext-link">Link</a></p>
                  </div>

              </div>
          </form>

          <div class="m-list list--socialmedia js-socialmedia">

              <ul class="a-list-basic list--social-icon">
                  <li class="list__item ">
                      <a class="a-btn btn--print" href="javascript:window.print();" title="Drucken">
                          <i class="a-icon icon--print" aria-hidden="true"></i>
                      </a>

                  </li>
                  <li class="list__item ">
                      <a class="a-btn btn--socialmedia" href="#" title="Bei Twitter teilen" target="_blank" data-service="twitter">
                          <i class="a-icon icon--twitter" aria-hidden="true"></i>
                      </a>

                  </li>
                  <li class="list__item ">
                      <a class="a-btn btn--socialmedia" href="#" title="Bei Facebook teilen" target="_blank" data-service="facebook">
                          <i class="a-icon icon--facebook" aria-hidden="true"></i>
                      </a>

                  </li>
                  <li class="list__item ">
                      <a class="a-btn btn--socialmedia" href="whatsapp://send?text&#x3D;Krankenkasse%3A%20Starke%20Leistungen%20und%20Top-Service%20%7C%20BARMER%20https%3A%2F%2Fwww.barmer.de%2F" title="Bei Whatsapp teilen" data-service="whatsapp">
                          <i class="a-icon icon--whatsapp" aria-hidden="true"></i>
                      </a>

                  </li>
                  <li class="list__item ">
                      <a class="a-btn btn--socialmedia" href="#" title="Bei XING teilen" target="_blank" data-service="xing">
                          <i class="a-icon icon--xing" aria-hidden="true"></i>
                      </a>

                  </li>
                  <li class="list__item ">
                      <a class="a-btn btn--socialmedia" href="#" title="Bei LinkedIn teilen" target="_blank" data-service="linkedin">
                          <i class="a-icon icon--linkedin" aria-hidden="true"></i>
                      </a>

                  </li>
              </ul>

          </div>

      </div>
  </div>
{{render '@stage-teaser' partials.stage merge=true }}
{{render '@breadcrumb--main' partials.breadcrumb merge=true }}
{{render '@textmodule' partials.textmodule merge=true}}
{{render '@advertorial--with-slider' partials.advertorial merge=true}}
{{render '@textmodule' partials.textmodule2 merge=true}}
{{render '@accordion' partials.accordion merge=true}}
{{render '@content-footer' this.partials.contentFooter merge=true}}
{
  "switches": {
    "hasContactFlyout": "true"
  },
  "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
          }
        }
      }
    },
    "stage": {
      "viewtypes": {
        "specifier": "teaser--stage cs--bg-image-b"
      },
      "content": {
        "headline": "Alles Wichtige online erledigen"
      },
      "partials": {
        "button": {
          "viewtypes": {
            "specifier": "btn--conversion"
          },
          "content": {
            "label": "App herunterladen"
          }
        }
      }
    },
    "breadcrumb": {
      "partials": {
        "linklist": {
          "viewtypes": {
            "specifier": "list--breadcrumb"
          },
          "partials": {
            "listitems": [
              {
                "switches": {
                  "hasTextContent": false
                },
                "viewtypes": {
                  "specifier": "list__item--breadcrumb"
                },
                "type": "link--breadcrumb",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Barmer Startseite",
                      "url": "/components/preview/homepage"
                    }
                  }
                }
              },
              {
                "switches": {
                  "hasTextContent": false
                },
                "viewtypes": {
                  "specifier": "list__item--breadcrumb"
                },
                "type": "link--breadcrumb",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Übersicht Unsere Leistungen",
                      "url": "/components/preview/article"
                    }
                  }
                }
              },
              {
                "switches": {
                  "hasTextContent": false
                },
                "viewtypes": {
                  "specifier": "list__item--breadcrumb"
                },
                "type": "link--breadcrumb",
                "partials": {
                  "item": {
                    "content": {
                      "text": "Apps & Skills",
                      "url": "/components/preview/article"
                    }
                  }
                }
              },
              {
                "switches": {
                  "hasTextContent": true
                },
                "viewtypes": {
                  "specifier": "list__item--breadcrumb"
                },
                "content": {
                  "text": "Barmer-App"
                }
              }
            ]
          }
        }
      }
    },
    "textmodule": {
      "switches": {
        "hasIntro": false,
        "hasCTA": false
      },
      "content": {
        "headline": "Barmer-App: Krankenkasse leicht gemacht"
      },
      "partials": {
        "detailText": {
          "switches": {
            "hasDefaultText": false
          },
          "content": {
            "text": "Mehr Überblick, weniger Papierkram: Jetzt als BARMER-Mitglied die BARMER-App kostenfrei herunterladen und viele Vorteile nutzen:"
          }
        }
      }
    },
    "advertorial": {
      "switches": {
        "hasHeadline": false,
        "hasDetailtext": false,
        "hasObjects": true,
        "hasIconbar": true,
        "hasCTA": false,
        "hasExternalLinks": true,
        "hasLocalSettings": false
      },
      "viewtypes": {},
      "content": {},
      "partials": {
        "externalLinks": [
          {
            "partials": {
              "image": {
                "content": {
                  "sourceUrl": "../../images/appstore-button--black-height-42px.png"
                }
              }
            }
          },
          {
            "partials": {
              "image": {
                "content": {
                  "sourceUrl": "../../images/google-play-badge-height-42px.png"
                }
              }
            }
          }
        ],
        "iconbar": {
          "switches": {
            "hasHeadline": false,
            "isPlaintext": false,
            "hasFooter": false,
            "hasAdditionalLink": true,
            "hasDetailText": false,
            "teaserItemAmount": 3
          },
          "viewtypes": {
            "specifier": "teaser-collection--iconbar js-teaser-targeting-init cs--a"
          },
          "partials": {
            "includedItemType": "teaser--iconbar",
            "teaserItems": [
              {
                "switches": {
                  "hasTeaserHeadline": true,
                  "hasTeaserRichtext": true,
                  "hasHeadlineChevron": false,
                  "hasTextChevron": true
                },
                "content": {
                  "headline": "Kein Porto, kein Gang zum Briefkasten:",
                  "richtext": "<p>AU-Bescheinigung einfach abfotografieren und direkt an die Barmer übermitteln</p>"
                },
                "partials": {
                  "iconType": "icon--check"
                }
              },
              {
                "content": {
                  "headline": "<span class=\"link__inner\">Telefon-Service</span>"
                },
                "partials": {
                  "iconType": "icon--contact"
                }
              },
              {
                "content": {
                  "headline": "<span class=\"link__inner\">E-Mail-Kontakt</span>"
                },
                "partials": {
                  "iconType": "icon--message"
                }
              },
              {
                "content": {
                  "headline": "<span class=\"link__inner\">Service Chat</span>"
                },
                "partials": {
                  "iconType": "icon--chat"
                }
              },
              {
                "content": {
                  "headline": "<span class=\"link__inner\">Rückruf-Service</span>"
                },
                "partials": {
                  "iconType": "icon--callservice"
                }
              }
            ]
          }
        },
        "iconbarTeasers": [
          {
            "switches": {
              "hasTeaserHeadline": false,
              "hasTeaserRichtext": true,
              "hasHeadlineChevron": false,
              "hasTextChevron": false
            },
            "content": {
              "richtext": "<strong><abbr title=\"Nein, nicht Abgasuntersuchung\">AU</abbr>-Bescheinigung</strong> bequem online verschicken"
            },
            "partials": {
              "iconType": "icon--check"
            }
          },
          {
            "switches": {
              "hasTeaserHeadline": false,
              "hasTeaserRichtext": true,
              "hasHeadlineChevron": false,
              "hasTextChevron": false
            },
            "content": {
              "richtext": "<strong>Mitgliedsbescheinigungen und andere Nachweise</strong> schnell und digital anfordern."
            },
            "partials": {
              "iconType": "icon--check"
            }
          },
          {
            "switches": {
              "hasTeaserHeadline": false,
              "hasTeaserRichtext": true,
              "hasHeadlineChevron": false,
              "hasTextChevron": false
            },
            "content": {
              "richtext": "<strong>Vorsorgetermine und Impfungen</strong> einfach per App organisieren."
            },
            "partials": {
              "iconType": "icon--check"
            }
          },
          {
            "switches": {
              "hasTeaserHeadline": false,
              "hasTeaserRichtext": true,
              "hasHeadlineChevron": false,
              "hasTextChevron": false
            },
            "content": {
              "richtext": "<strong>Bearbeitungsstatus des Krankengeldes</strong> jederzeit online einsehen"
            },
            "partials": {
              "iconType": "icon--check"
            }
          },
          {
            "switches": {
              "hasTeaserHeadline": false,
              "hasTeaserRichtext": true,
              "hasHeadlineChevron": false,
              "hasTextChevron": false
            },
            "content": {
              "richtext": "<strong>Vorsorgeuntersuchung beim Zahnarzt</strong> digital dokumentieren"
            },
            "partials": {
              "iconType": "icon--check"
            }
          },
          {
            "switches": {
              "hasTeaserHeadline": false,
              "hasTeaserRichtext": true,
              "hasHeadlineChevron": false,
              "hasTextChevron": false
            },
            "content": {
              "richtext": "<strong>Persönliche Daten</strong> (Adressen, Bankverbindung usw.) in der App ändern"
            },
            "partials": {
              "iconType": "icon--check"
            }
          },
          {
            "switches": {
              "hasTeaserHeadline": false,
              "hasTeaserRichtext": true,
              "hasHeadlineChevron": false,
              "hasTextChevron": false
            },
            "content": {
              "richtext": "<strong>Kontaktmöglichkeiten</strong> direkt zur Barmer auf einen Blick"
            },
            "partials": {
              "iconType": "icon--check"
            }
          }
        ]
      }
    },
    "textmodule2": {
      "switches": {
        "hasIntro": false,
        "hasCTA": false
      },
      "content": {
        "headline": "Wie kann ich die Barmer-App herunterladen und alle Online-Services nutzen?"
      },
      "partials": {
        "detailText": {
          "switches": {
            "hasDefaultText": false,
            "hasWrapper": false
          },
          "content": {
            "text": ""
          }
        }
      }
    },
    "accordion": {
      "partials": {
        "panels": [
          {
            "partials": {
              "toggle": {
                "content": {
                  "label": "Benutzerkonto bei Meine Barmer anlegen"
                }
              }
            }
          },
          {
            "partials": {
              "toggle": {
                "content": {
                  "label": "Die Barmer-App für Android downloaden"
                }
              }
            }
          },
          {
            "partials": {
              "toggle": {
                "content": {
                  "label": "Die Barmer-App für iOS downloaden"
                }
              }
            }
          }
        ]
      }
    }
  },
  "viewtypes": {}
}

No notes defined.