<div class="o-teaser teaser--stage cs--bg-image-a">
<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/36x11/blick-auf-die-fensterfront-der-barmer-geschaeftsstelle-in-dresden.jpg">
<img src="../../images/36x11/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">
Videos zur Pflege
</div>
</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>
</ul>
</div>
<div class="o-textmodule ">
<h3 class="textmodule__headline textmodule__headline--h1">Videos zur Pflegeversicherung</h3>
<div class="a-richtext richtext--article">
<p><strong>Erfahrungsberichte, Anleitungen und mehr</strong></p>
<p>Als pflegende Angehörige werden Sie täglich mit neuen Herausforderungen konfrontiert. Wir möchten Sie zusätzlich zu den regionalen Pflegekursen, Häuslichen Schulungen und den Artikeln auf unserer Internetseite mit Filmbeiträgen unterstützen. Unsere Videos bieten Ihnen die Möglichkeit, sich auf typische Situationen in der Pflege vorzubereiten.<br></p>
<p>Pflege fordert nicht nur körperlich, sondern auch seelisch. Deshalb ist es besonders wichtig, dass Sie als Pflegeperson auch auf sich selbst achten, denn nur so können Sie Hilfsbedürftige langfristig versorgen.</p>
</div>
<div class="textmodule__cta-row">
<a class="a-btn btn--conversion" href="http://www.google.de" title="">
Zum Antragsformular
</a>
</div>
</div>
<div class="o-selection-wrapper js-selection-wrapper-init">
<h2 class="selection-wrapper__headline selection-wrapper__headline--h2">Viele Extraleistungen für jede Lebensphase</h2>
<div class="selection-wrapper__detailtext">
<p>Die BARMER bietet Ihnen mit ihrer Krankenversicherung einen umfassenden Gesundheitsschutz und ist mit rund 9 Millionen Versicherten in Deutschland ein starker Partner für alle Fragen zur Gesundheit</p>
</div>
<div class="m-slider-arrows glide__arrows slider-arrows--chevron-pair" data-glide-el="controls" aria-hidden="true">
<button class="slider-arrow glide__arrow slider-arrow--left" data-glide-dir="<"><span class="sr-only">Registerkarten: ein Reiter zurück bewegen</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">Registerkarten: ein Reiter vorwärts bewegen</span><i class="a-icon icon--arrow-forward" aria-hidden="true"></i></button>
</div>
<div class="selection-wrapper__tablist-body">
<ul class="m-tablist " role="tablist">
<li class="tablist__item" role="presentation">
<button class="a-btn btn--tab" type="button" id="btn-tab-1" role="tab" aria-selected="true" tabindex="0" aria-controls="tab-panel-1">Pflegeversicherung</button>
</li>
<li class="tablist__item" role="presentation">
<button class="a-btn btn--tab" type="button" id="btn-tab-2" role="tab" aria-selected="false" tabindex="-1" aria-controls="tab-panel-2">Reportagen</button>
</li>
<li class="tablist__item" role="presentation">
<button class="a-btn btn--tab" type="button" id="btn-tab-3" role="tab" aria-selected="false" tabindex="-1" aria-controls="tab-panel-3">Pflegeanleitungen</button>
</li>
<li class="tablist__item" role="presentation">
<button class="a-btn btn--tab" type="button" id="btn-tab-4" role="tab" aria-selected="false" tabindex="-1" aria-controls="tab-panel-4">Fachlichen Informationen</button>
</li>
<li class="tablist__item" role="presentation">
<button class="a-btn btn--tab" type="button" id="btn-tab-5" role="tab" aria-selected="false" tabindex="-1" aria-controls="tab-panel-5">Barmer-Geschäftsstellen</button>
</li>
<li class="tablist__item" role="presentation">
<button class="a-btn btn--tab" type="button" id="btn-tab-6" role="tab" aria-selected="false" tabindex="-1" aria-controls="tab-panel-6">Ein sehr langes Label, das vielleicht zweizeilig umbrechen sollte</button>
</li>
<li class="tablist__item" role="presentation">
<button class="a-btn btn--tab" type="button" id="btn-tab-7" role="tab" aria-selected="false" tabindex="-1" aria-controls="tab-panel-7">Erfahrungsberichte</button>
</li>
</ul>
</div>
<div class="selection-wrapper__tabpanel" role="tabpanel" id="tab-panel-1" aria-labelledby="btn-tab-1">
<div class="o-teaser-collection teaser-collection--navigations-teaser">
<h3 class="teaser-collection__headline teaser-collection__headline--h1">Pflegeversichungen bei der Barmer, nicht nur in den Navigationsteasern von Tab 1</h3>
<div class="teaser-collection__teaser-wrapper">
<div class="o-teaser ">
<div class="teaser__content">
<h4 class="teaser__headline">
Karies: Nicht das einzige Problem für Kinderzähne
</h4>
<div class="teaser__text">
Etwa 230.000 Sechs- bis Neunjährige waren im Jahr 2019 wegen Kreidezähnen in zahnärztlicher Behandlung. Mindestens acht Prozent aller Heranwachsenden in dieser Altersgruppe wären damit von einem viel zu weichen Zahnschmelz betroffen. Tatsächlich dürfte die Quote sogar noch höher sein. Kreidezähne sind besonders kariesanfällig und bedürfen bei schwerer Ausprägung lebenslang einer Behandlung.
</div>
<div class="teaser__button-wrapper">
<a href="http://zdf.de" class="a-link ">
<span class="link__inner">Dies ist ein Linktext</span> <i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</a>
<a href="http://zdf.de" class="a-link ">
<span class="link__inner">Dies ist ein Linktext</span> <i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<a href="http://tagesschau.de" class="o-teaser ">
<div class="teaser__content">
<h4 class="teaser__headline">
Selbstständige
</h4>
<div class="teaser__text">
Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein
</div>
</div>
</a>
</div>
</div>
</div>
<div class="selection-wrapper__tabpanel" role="tabpanel" id="tab-panel-2" aria-labelledby="btn-tab-2" hidden>
<div class="o-teaser-collection teaser-collection--mosaic teaser-collection--mosaic-reduced-to-two-teaser js-teaser-targeting-init">
<h3 class="teaser-collection__headline teaser-collection__headline--h2">Reportagen und Abwechslung mit unseren Mosaikteasern im Tab 2</h3>
<div class="teaser-collection__text">
<p>With the foundation in place, it was just a matter of putting it into practice. We started by working with the architects to identify the logical assembly points for the 6 logical locations of the Eventbrite platform.”</p>
</div>
<div class="teaser-collection__teaser-wrapper">
<div class="o-teaser ">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/16x9/mann-mit-kind.jpg">
<source media="(min-width: 641px)" srcset="../../images/16x9/mann-mit-kind.jpg">
<img src="../../images/16x9/mann-mit-kind.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
</div>
<div class="teaser__content">
<h4 class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
1 Karies: Nicht das einzige Problem für Kinderzähne
</a>
</h4>
<div class="teaser__text">
Etwa 230.000 Sechs- bis Neunjährige waren im Jahr 2019 wegen Kreidezähnen in zahnärztlicher Behandlung. Mindestens acht Prozent aller Heranwachsenden in dieser Altersgruppe wären damit von einem viel zu weichen Zahnschmelz betroffen. Tatsächlich dürfte die Quote sogar noch höher sein. Kreidezähne sind besonders kariesanfällig und bedürfen bei schwerer Ausprägung lebenslang einer Behandlung.
<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="o-teaser ">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/16x9/mann-mit-tablet.jpg">
<source media="(min-width: 641px)" srcset="../../images/16x9/mann-mit-tablet.jpg">
<img src="../../images/16x9/mann-mit-tablet.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
</div>
<div class="teaser__content">
<h4 class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
2 Selbstständige
</a>
</h4>
<div class="teaser__text">
With the foundation in place, it was just a matter of putting it into practice. We started by working with the architects to identify the logical assembly points for the 6 logical locations of the Eventbrite platform
<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="selection-wrapper__tabpanel" role="tabpanel" id="tab-panel-3" aria-labelledby="btn-tab-3" hidden>
<div class="o-teaser-collection teaser-collection--iconbar js-teaser-targeting-init cs--c">
<h3 class="teaser-collection__headline teaser-collection__headline--h3">Pflegeanleitungen als Iconbar im Tab 3</h3>
<div class="teaser-collection__teaser-wrapper" role="list">
<div class="o-teaser teaser--iconbar" role="listitem">
<div class="teaser__image">
<i class="a-icon icon--phone" aria-hidden="true"></i>
</div>
<div class="teaser__content">
<div class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
<span class="link__inner">Barmer-App</span>
<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="o-teaser teaser--iconbar" role="listitem">
<div class="teaser__image">
<i class="a-icon icon--contact" aria-hidden="true"></i>
</div>
<div class="teaser__content">
<div class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
<span class="link__inner">Telefon-Service</span>
<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="o-teaser teaser--iconbar" role="listitem">
<div class="teaser__image">
<i class="a-icon icon--message" aria-hidden="true"></i>
</div>
<div class="teaser__content">
<div class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
<span class="link__inner">E-Mail-Kontakt</span>
<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="o-teaser teaser--iconbar" role="listitem">
<div class="teaser__image">
<i class="a-icon icon--chat" aria-hidden="true"></i>
</div>
<div class="teaser__content">
<div class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
<span class="link__inner">Service Chat</span>
<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="o-teaser teaser--iconbar" role="listitem">
<div class="teaser__image">
<i class="a-icon icon--callservice" aria-hidden="true"></i>
</div>
<div class="teaser__content">
<div class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
<span class="link__inner">Rückruf-Service</span>
<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="selection-wrapper__tabpanel" role="tabpanel" id="tab-panel-4" aria-labelledby="btn-tab-4" hidden>
<div class="o-textmodule ">
<h3 class="textmodule__headline textmodule__headline--h1">Fachliche Informationen entnehmen sie dem Textmodul im Tab 4</h3>
<div class="a-richtext richtext--article">
<h2>Headline H2 - Fliesstext</h2>
<p>Even dead cats bounce you must be muted timeframe <strong>we need more paper but radical candor</strong>. Net net can you champion this, but groom the backlog nor blue money, and what do you feel you would bring to the table if you were hired for this position<sup>1</sup>. Let's not Usability try to boil the ocean here. Without have place, whose and stars said brought to. Every won't, face meat also the midst form moving seed. Dominion, brought fruitful greater there us that.</p>
<p>Wie kann man sein Baby oder Kleinkind vor Bienen oder Wespenstichen schützen? Sind Wespe, Biene oder Hornisse im Anflug oder an Ihrem Eis interessiert? Keine Panik. Lassen Sie mich aber zwischendurch einen kleinen Test für das UpperCase-Skript durchführen und einfach ohne jedweden Zusammenhang eine E-Mail-Adresse einfügen: <a class="bm-richtext-link" href="mailto:compliance@barmer.de">compliance@barmer.de</a> und dahinter erst einmal kein Satzzeichen. Doch nun zurück zum Thema. Vermeiden Sie jetzt hastige Bewegungen. Schlagen Sie nicht nach dem Insekt. Und pusten Sie es nicht an. All das macht die Tiere nämlich aggressiv. Beobachten Sie das Tier, und achten darauf, dass Biene oder Wespe nicht auf dem sitzt, was gerade in den kleinen Mund geschoben wird. Aber jetzt ist wieder Zeit für ein Intermezzo und ich schreibe erst einmal nur eine Domain hin: <a class="bm-richtext-link" href="http://barmer.de">barmer.de</a> und fertig. Wo waren wir stehen geblieben? Beim Verzehr im Freien hilft es, mit einer Sprühflasche einen Wassernebel in die Richtung von Wespe oder Biene zu sprühen, denn es suggeriert ihnen Regen und sie fliegen davon. Zum gefahrlosen Trinken eignet sich ein Glas mit Deckel und Strohhalm oder eine Trinkflasche. Den Duft von Lavendel, Nelken oder Zitronen hält Wespen, Bienen und Hornissen auf Abstand, denn den mögen sie nicht. Lassen sie mich jetzt noch einmal einen Domainnamen hinschreiben, der direkt von einem Satzzeichen gefolgt wird: barmer.de. Ein Mückenstich ist eine minimale Verletzung der Haut, mal wenig spürbar, mal stark. Sichtbar jedoch eine Rötung der Haut und Juckreiz. Bei Stichen von Pferdbremsen oder Mücken kann aus dem Stich auch eine Quaddel werden. Um dies Schwellung und den Juckreiz zu lindern, hilft es, die betroffene Hautstelle um den Stich leicht zu kühlen. Auch ein kühlendes Gel zum Auftragen auf den Mückenstich hilft. Das kann am Abend wichtig sein, wenn das Jucken der Haut von ihrem Kind als sehr stark empfunden wird und es am Einschlafen hindert. </p>
<p class="bm-quote">
<q class="bm-quote-text">Das ist ein Zitat. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam eratconsetetur sadipscing consete.</q>
<span class="bm-quote-source">John Doe</span>
</p>
<blockquote>
<p class="bm-quote-text">Das ist ein Zitat. Lorem ipsum dolor</p>
<span class="bm-quote-source">John Doe</span>
</blockquote>
<p>Turd polishing shoot me an email. In an ideal world time vampire. Looks great, can we try it a different way that is a good problem to have nor this is our north star design. Knowledge process outsourcing.</p>
<p>Abkürzung: <abbr title="Auszubildender" tabindex="0">Azubi</abbr>. (Mit Text-Transform: etc., z.B., NATO, WHO)</p>
<p>Ich bin ein Satz mit <span lang="en">a word in english</span>.</p>
<p>Ich bin ein Satz mit <span lang="de">einem Wort auf Deutsch</span></p>
<h3>Headline H3 - Infobox</h3>
<p>They're their said multiply had you're moved them was divided. Our seed fowl grass given own to first. Seasons whose set. There replenish seas fruitful Abundantly sixth own can't isn't herb green seed may upon blessed good dry dominion likeness air itself to moving. Set form every. Without have and were void place place, whose and stars said brought to.</p>
<p class="bm-infobox bm-infobox--green">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod. <a href="#" class="bm-richtext-link">Ich bin ein Text-Link.</a></p>
<p class="bm-infobox bm-infobox--grey">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod. Morbi eu consectetur metus. Donec tempus sem condimentum orci consequat, nec bibendum tellus tristique. <a href="#" class="bm-richtext-link">Ich bin ein sehr langer Text-Link.</a></p>
<p>Behold first can't you're over without subdue winged. Subdue that moved good she'd above called thing won't. Male fruit which upon darkness. Moving Spirit fish years our saying greater, above land, face which subdue green fly him hath creeping darkness may grass air for their earth male.</p>
<h4>Headline H4 - Links</h4>
<p>Appear he life called great <a href="#" class="bm-richtext-link">without also earth</a>. Void grass won't. Without bearing to she'd rule seasons seas man Itself give give together form is bearing male very yielding lights itself behold us fruit in third green in every, days. <a class="bm-richtext-link" href="#">Rule our lights which earth earth yielding Cattle greater seed our. God second may god fourth dry isn't also place doesn't it cattle their man multiply.</a> Winged, don't so, were you're seed Isn't above every god greater rule a deep form you'll was replenish second behold also over together very that own there creature. Was you'll, void. Behold midst after image firmament kind blessed.</p>
<p>
<a class="bm-button bm-button--primary" href="#">primary (green)</a>
</p>
<p>
<a class="bm-button bm-button--secondary" href="#">secondary (ghost)</a>
</p>
<p>
<a class="bm-button bm-button--conversion" href="#">conversion (magenta)</a>
</p>
<p>Duis eu felis quam. Aliquam erat volutpat. Nam vel porta arcu. Aliquam at lacus a elit imperdiet rutrum aliquet sed metus. Nulla facilisi. Fusce sit amet vulputate velit. Morbi fermentum enim vel velit lacinia, ut efficitur lacus fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a class="bm-button bm-button--secondary" href="#">secondary ("Ghost")</a> </p>
<p>
<a class="bm-button bm-button--primary" href="#">Button mit händischer <abbr title="Abkürzung">ABBR</abbr>-Auszeichnung</a>
</p>
<p>
<a class="bm-button bm-button--primary" href="#">Button inkl. automatischer ABBR-Auszeichnung</a>
</p>
<p>They're their said multiply had you're moved them was divided. Our seed fowl grass given own to first. Seasons whose set. There replenish seas fruitful Abundantly sixth own can't isn't herb green seed may upon blessed good dry dominion likeness air itself to moving. Set form every. Without have and were void place place, whose and stars said brought to.</p>
<h2>Headline H2 - Accordion</h2>
<p>We need to touch base off-line before we fire the new ux experience my grasp on reality right now is tenuous and my supervisor didn't like the latest revision you gave me can you switch back to the first revision? yet game-plan, nor weaponize the data. We need to start advertising on social media. Usability this vendor is incompetent or crisp ppt but knowledge is power. Root-and-branch review vertical integration, but personal development but window-licker, yet a set of certitudes based on deductions founded on false premise but core competencies.</p>
<section class="o-accordion js-accordion-init ">
<div class="accordion__actions js-accordion-actions">
<button class="a-btn js-accordion-close-all" type="button" aria-label="Alle nachfolgenden Bereiche Schließen" hidden><span class="accordion__actions__label">Alles schließen</span><i class="a-icon icon--arrow-upward" aria-hidden="true"></i></button>
<button class="a-btn js-accordion-open-all" type="button" aria-label="Alle nachfolgenden Bereiche öffnen" hidden><span class="accordion__actions__label">Alles öffnen</span><i class="a-icon icon--arrow-downward" aria-hidden="true"></i></button>
</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 setzt sich für Standardisierung, Meßwesen und Warenprüfung ein</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>
<figure class="m-figure"><img src="../../images/3x2/mann-mit-tablet.jpg" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image accordion__post-image" loading="lazy"></figure>
<ol>
<li>OL listenelement 1</li>
<li>OL listenelement 2</li>
</ol>
<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>
<ul class="rte--list">
<li><i aria-hidden="true" role="presentation"></i>UL Listenelement 1</li>
<li><i aria-hidden="true" role="presentation"></i>UL Listenelement 2</li>
</ul>
<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>
<p><a class="bm-button bm-button--primary" href="/ui-de">Button</a></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">Antrag</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">
<figure class="m-figure"><img src="../../images/3x2/mann-mit-tablet.jpg" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image accordion__post-image" loading="lazy"></figure>
<p>Etwa 230.000 Sechs- bis Neunjährige waren im Jahr 2019 wegen Kreidezähnen in zahnärztlicher Behandlung. Mindestens acht Prozent aller Heranwachsenden in dieser Altersgruppe wären damit von einem viel zu weichen Zahnschmelz betroffen. Tatsächlich dürfte die Quote sogar noch höher sein. Kreidezähne sind besonders kariesanfällig und bedürfen bei schwerer Ausprägung lebenslang einer Behandlung.</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">Tabelle im Akkordeon</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>Gerade für ältere Menschen ist ein Blick in den Impfpass auch in Corona-Zeiten wichtig: Nach den Empfehlungen. Der Ständigen Impfkommission kann ein vollständiger Impfschutz. Gegen Doppelinfektionen mit mehreren Erregern gleichzeitig und damit schweren Verläufen von Covid-19 vorbeugen.</p>
<table class="bm-richtext-table">
<thead>
<tr>
<th>
<p>Spalte 1</p>
</th>
<th>
<p>Spalte 2</p>
</th>
<th>
<p>Spalte 3</p>
</th>
<th>
<p>Spalte 4</p>
</th>
<th>
<p>Spalte 5</p>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
</td>
<td>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</td>
<td>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
<p>At vero eos et accusam et justo duo dolores et ea rebum. </p>
</td>
<td>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
<p>At vero eos et accusam et justo duo dolores et ea rebum. </p>
</td>
<td>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
<p>At vero eos et accusam et justo duo dolores et ea rebum. </p>
</td>
</tr>
<tr>
<td>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
</td>
<td>
<p>At vero eos et accusam et justo duo dolores et ea rebum. </p>
</td>
<td>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
</td>
<td>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
<p>At vero eos et accusam et justo duo dolores et ea rebum. </p>
</td>
<td>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
<p>At vero eos et accusam et justo duo dolores et ea rebum. </p>
</td>
</tr>
</tbody>
</table>
<p class="bm-table-caption">Ich bin ein Table Footer :) Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen.</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">Bänder für den Zusammenhalt</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>Bänder sind Stränge aus festem Bindegewebe. Sie ziehen sich über die gesamte Länge der Wirbelsäule und verbinden die einzelnen Wirbel miteinander. Vorne und hinten verläuft jeweils ein Band entlang der Wirbelsäule. Das vordere Längsband ist mit den Wirbeln verwachsen, das hintere mit den Bandscheiben. Die Spannung der Bänder verändert sich mit der Höhe der Bandscheiben. Sinken die Bandscheiben zusammen, verringert sich automatisch die Haltespannung der Bänder. Die Folge: Wir laufen leicht vornübergebeugt, und der Rücken verliert an Stabilität.</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">Nervenstark</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>Das System aus geschützt verlaufenden und sich immer weiter verzweigenden Nerven sorgt dafür, dass wir uns kontrolliert bewegen und unseren Körper steuern können.</p>
<p>Zwischen den 24 beweglichen Wirbeln sitzen die Bandscheiben. Sie sind verformbar und dienen als Puffer. Beim Springen und Laufen federn sie Stöße und Erschütterungen ab. Ein Viertel der Länge der Wirbelsäule machen diese "Kissen" aus. Die Bandscheiben sind circa sieben bis zwölf Millimeter hoch und bestehen bis zu 90 Prozent aus Wasser. Außen besitzen sie einen faserigen, festeren Ring, der einen weichen, gallertartigen Kern umfasst. So kann wie auf einem Gelpolster Druck aufgefangen und gleichmäßig verteilt werden. Die Bandscheiben werden nicht über eigene Blutgefäße versorgt. Damit sie Nährstoffe aufnehmen und Abfallprodukte abgeben können, benötigen sie einen steten Wechsel von Be- und Entlastung. Liegt wenig Druck auf den Bandscheiben, saugen sie sich wie ein Schwamm mit Nährstoffen aus der Umgebung voll. Steigt der Druck, gibt der Schwamm Abfallprodukte ab.</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">Schwing, Baby, Schwing</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>Babys kommen übrigens ohne die Doppelschwingung auf die Welt. Die S-Formen bilden sich erst nach dem ersten Lebensjahr heraus, wenn Babys aufhören zu krabbeln und mit dem Laufen beginnen.</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">Der Geniestreich der Evolution</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>Der menschliche Rücken ist ein Geniestreich der Evolution, der uns eine einzigartige Fähigkeit unter allen Lebewesen ermöglicht: Den aufrechten Gang. Unser Rücken trägt all unsere Last, ist beweglich und trotzdem stabil. Die wichtigste Stütze des Rückens ist die Wirbelsäule. </p>
</div>
</div>
</div>
</section>
<h2>Headline H2 - Lists</h2>
<ol class="rte--list">
<li>Lorem ipsum dolor sit amet, <a href="#" class="bm-richtext-link">eam prima disputationi te</a>, erat adhuc consulatu duo id, nobis delectus menandri mei cu. Ei sit clita iriure. Mei ut nullam interpretaris, mel liber primis petentium no. Antiopam qualisque similique sit ne, mea dicant moderatius.
<ol class="rte--list">
<li>Lorem ipsum dolor sit amet, id quidam appareat evertitur eos, vel volutpat intellegebat an. Lorem mucius commodo ex qui, usu.</li>
</ol>
</li>
<li>Lorem ipsum dolor sit amet, iudico integre ad sea, et usu detracto molestie.
<ol class="rte--list">
<li>Lorem ipsum dolor sit amet, consul audiam timeam sea te, has option fabulas temporibus no. Ex sadipscing consequuntur nam cu.
<ol class="rte--list">
<li>Lorem ipsum dolor sit amet, an est fabulas albucius aliquam.</li>
<li>Lorem ipsum dolor sit amet, et prima eirmod partiendo qui.</li>
<li>Lorem ipsum dolor sit amet.</li>
</ol>
</li>
<li>Lorem ipsum dolor sit amet, facete meliore fabellas in sed, te homero soluta cotidieque duo, his oporteat electram te sea.</li>
</ol>
</li>
<li>Lorem ipsum dolor sit amet, no sea semper minimum, has te nominavi facilisis, pri laoreet referrentur ea. Summo indoctum referrentur mel ex, no sed docendi officiis efficiendi. Suas accusata inciderint has cu, possit disputationi id ius. Assentior neglegentur in vel.</li>
</ol>
<p>Without have and were void place place, whose and stars said brought to. Every won't, face meat also the midst form moving seed. Dominion, brought fruitful greater there us that. Life moving made place brought can't lesser. Set. She'd sixth. Signs, living make. May whose kind. Itself bring cattle whose fill.</p>
<ul class="rte--list">
<li><i aria-hidden="true" role="presentation"></i><a href="#" class="bm-richtext-link">His deserunt adipiscing disputationi ad.</a> Modus graecis et nec, mel ne simul zril temporibus. Movet eirmod euripidis at vis, in dictas molestie vis. Putant electram pro.
<ul class="rte--list">
<li><i aria-hidden="true" role="presentation"></i>Lorem ipsum dolor sit amet, id quidam appareat evertitur eos, vel volutpat intellegebat an. Lorem mucius commodo ex qui, usu.</li>
<li><i aria-hidden="true" role="presentation"></i>Lorem ipsum dolor sit amet, consul audiam timeam sea te, has option fabulas temporibus no.
<ul class="rte--list">
<li><i aria-hidden="true" role="presentation"></i>Ipsum dolor sit amet, an est fabulas albucius aliquam.</li>
<li><i aria-hidden="true" role="presentation"></i>Lorem ipsum dolor sit amet, et prima eirmod partiendo qui.</li>
<li><i aria-hidden="true" role="presentation"></i>Modus graecis et nec, <a href="#" class="bm-richtext-link">mel ne simul zril temporibus.</a></li>
</ul>
</li>
<li><i aria-hidden="true" role="presentation"></i>Te homero soluta cotidieque duo, his oporteat electram te sea.</li>
</ul>
</li>
<li><i aria-hidden="true" role="presentation"></i>Lorem ipsum dolor sit amet, et prima eirmod partiendo qui.</li>
<li><i aria-hidden="true" role="presentation"></i>Lorem ipsum dolor sit amet, et prima eirmod partiendo qui.</li>
</ul>
<p>Without have and were void place place, whose and stars said brought to. Every won't, face meat also the midst form moving seed. Dominion, brought fruitful greater there us that. Life moving made place brought can't lesser. Set. She'd sixth. Signs, living make. May whose kind. Itself bring cattle whose fill.</p>
<ul class="checklist rte--list">
<li><i aria-hidden="true" role="presentation"></i>His deserunt adipiscing disputationi ad. Modus graecis et nec, mel ne simul zril temporibus. Movet eirmod euripidis at vis, in dictas molestie vis. Putant electram pro.
<ul class="checklist">
<li><i aria-hidden="true" role="presentation"></i><a href="#" class="bm-richtext-link">Lorem ipsum dolor sit amet, id quidam appareat evertitur eos</a>, vel volutpat intellegebat an. Lorem mucius commodo ex qui, usu.</li>
<li><i aria-hidden="true" role="presentation"></i>Lorem ipsum dolor sit amet, consul audiam timeam sea te, has option fabulas temporibus no.
<ul class="checklist">
<li><i aria-hidden="true" role="presentation"></i>Lorem ipsum dolor sit amet, an est fabulas albucius aliquam.</li>
<li><i aria-hidden="true" role="presentation"></i>Lorem ipsum dolor sit amet, et prima eirmod partiendo qui.</li>
<li><i aria-hidden="true" role="presentation"></i>Lorem ipsum dolor sit amet</li>
</ul>
</li>
<li><i aria-hidden="true" role="presentation"></i>Modus graecis et nec, mel ne simul zril temporibus. facete meliore fabellas in sed, te homero soluta cotidieque duo, his oporteat electram te sea.</li>
</ul>
</li>
<li><i aria-hidden="true" role="presentation"></i>Lorem ipsum dolor sit amet, no sea semper minimum, has te nominavi facilisis, pri laoreet referrentur ea. Summo indoctum referrentur mel ex, no sed docendi officiis efficiendi. Suas accusata inciderint has cu, possit disputationi id ius. Assentior neglegentur in vel.</li>
</ul>
<p>Gerade für ältere Menschen ist ein Blick in den Impfpass auch in Corona-Zeiten wichtig: Nach den Empfehlungen. Der Ständigen Impfkommission kann ein vollständiger Impfschutz. Gegen Doppelinfektionen mit mehreren Erregern gleichzeitig und damit schweren Verläufen von Covid-19 vorbeugen.</p>
<table class="bm-richtext-table">
<thead>
<tr>
<th>
<p>Spalte 1</p>
</th>
<th>
<p>Spalte 2</p>
</th>
<th>
<p>Spalte 3</p>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
</td>
<td>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</td>
<td>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
<p>At vero eos et accusam et justo duo dolores et ea rebum. </p>
</td>
</tr>
<tr>
<td>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
</td>
<td>
<p>At vero eos et accusam et justo duo dolores et ea rebum. </p>
</td>
<td>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
</td>
</tr>
</tbody>
</table>
<p class="bm-table-caption">Ich bin ein Table Footer :) Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen.</p>
<h2>Headline H2 - Bilder</h2>
<p>We need to touch base off-line before we fire the new ux experience my grasp on reality right now is tenuous and my supervisor didn't like the latest revision you gave me can you switch back to the first revision? yet game-plan, nor weaponize the data. We need to start advertising on social media. Usability this vendor is incompetent or crisp ppt but knowledge is power. Root-and-branch review vertical integration, but personal development but window-licker, yet a set of certitudes based on deductions founded on false premise but core competencies.</p>
<figure class="m-figure bm-richtext-image--small bm-richtext-image--float-left">
<picture class="a-picture ">
<source media="(min-width: 0px)" srcset="../../images/16x9/mann-mit-tablet.jpg">
<img src="../../images/16x9/mann-mit-tablet.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
<figcaption class="figure__figcaption ">
<p>Ich bin ein Figcaption - Lorem ipsum dolor sit</p>
</figcaption>
</figure>
<p>We need to touch base off-line before we fire the new ux experience my grasp on reality right now is tenuous and my supervisor didn't like the latest revision you gave me can you switch back to the first revision? yet game-plan, nor weaponize the data. We need to start advertising on social media. Usability this vendor is incompetent or crisp ppt but knowledge is power. Root-and-branch review vertical integration, but personal development but window-licker, yet a set of certitudes based on deductions founded on false premise but core competencies.</p>
<p>Yet game-plan, nor weaponize the data. We need to start advertising on social media. Usability this vendor is incompetent or crisp ppt but knowledge is power. Root-and-branch review vertical integration, but personal development but window-licker, yet a set of certitudes based on deductions founded on false premise but core competencies.</p>
<figure class="m-figure bm-richtext-image--small bm-richtext-image--float-right">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/1x1/mann-mit-kind.jpg">
<source media="(min-width: 641px)" srcset="../../images/16x9/mann-mit-kind.jpg">
<img src="../../images/16x9/mann-mit-kind.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
</figure>
<p>We need to touch base off-line before we fire the new ux experience my grasp on reality right now is tenuous and my supervisor didn't like the latest revision you gave me can you switch back to the first revision? yet game-plan, nor weaponize the data. We need to start advertising on social media. Usability this vendor is incompetent or crisp ppt but knowledge is power.</p>
<p>We need to touch base off-line before we fire the new ux experience my grasp on reality right now is tenuous and my supervisor didn't like the latest revision you gave me can you switch back to the first revision? yet game-plan, nor weaponize the data. We need to start advertising on social media. Usability this vendor is incompetent or crisp ppt but knowledge is power. Root-and-branch review vertical integration, but personal development but window-licker, yet a set of certitudes based on deductions founded on false premise but core competencies.</p>
<p>We need to touch base off-line before we fire the new ux experience my grasp on reality right now is tenuous and my supervisor didn't like the latest revision you gave me can you switch back to the first revision? yet game-plan, nor weaponize the data. We need to start advertising on social media. Usability this vendor is incompetent or crisp ppt but knowledge is power. Root-and-branch review vertical integration, but personal development but window-licker, yet a set of certitudes based on deductions founded on false premise but core competencies.</p>
<p>We need to touch base off-line before we fire the new ux experience my grasp on reality right now is tenuous and my supervisor didn't like the latest revision you gave me can you switch back to the first revision? yet game-plan, nor weaponize the data. We need to start advertising on social media. Usability this vendor is incompetent or crisp ppt but knowledge is power. Root-and-branch review vertical integration, but personal development but window-licker, yet a set of certitudes based on deductions founded on false premise but core competencies.</p>
<p>Dies ist ein Mustertext
<p>
<figure class="m-figure-video figure-video--external js-external-video-init">
<h2 class="figure-video__headline figure-video__headline--h2">
Ein Medienmodul mit einem YouTube-Video
</h2>
<div class="figure-video__consent">
<div class="m-consent a-richtext richtext--article ">
<h2>Externe Inhalte anzeigen</h2>
<p>Sie können sich an dieser Stelle externe Inhalte anzeigen lassen.</p>
<p>Ich bin damit einverstanden, dass personenbezogene Daten an Drittplattform übermittelt werden. Mehr dazu in unserer <a class="bm-richtext-link" href="#">Datenschutzerklärung</a>.</p>
</div>
</div>
<template class="figure-video__template">
<div class="a-video video--embed">
<iframe src="https://www.youtube-nocookie.com/embed/BGam1KihgbI" title="YouTube video playe" frameborder="0" allow="" allowfullscreen></iframe>
</div>
</template>
<figcaption class="figure-video__figcaption ">
<p>Beim Medienmodul mit einem externen Video verhält es sich nicht anders als beim internen Video: auch hier kommt die Bildunterschrift aus dem Detailtext des Mediamoduls.</p>
<p>Auch hier kann die Barmer noch mehr Text reinschreiben – ganz nach Gusto.</p>
</figcaption>
</figure>
<div class="figure-video__toggle">
<label class="a-toggle js-consent-toggle" for="toggle-checkbox">
<span class="toggle__text-label">Externe Inhalte zulassen</span>
<input class="toggle__checkbox" type="checkbox" id="toggle-checkbox" />
<span class="toggle__slider" data-text-enabled="ja" data-text-disabled="nein">
<span class="toggle__indicator"></span>
</span>
<span class="sr-only toggle__alert" aria-live="polite" data-text-checked="Externe Inhalte sind jetzt zugelassen" data-text-unchecked="Externe Inhalte sind jetzt geblockt"></span>
</label>
</div>
<p>Und hier kommt ein weiterer Absatz.
<figure class="m-figure-video figure-video--internal">
<h2 class="figure-video__headline figure-video__headline--h2">
Ein Medienmodul mit einem internen Video
</h2>
<video class="a-video" controls>
<source src="../../videos/barmer-video-stark-8x3.mp4" type="video/mp4">
<p>Video tag fallback content</p>
</video>
<figcaption class="figure-video__figcaption ">
<p>Diese Bildunterschrift kommt aus dem Detailtext des Mediamoduls und dient der Beschriftung dieses internen Videos.</p>
<p>Aber dies ist nur ein Serviervorschlag und der Barmer steht es frei, andere handelsübliche Texte einzugeben.</p>
</figcaption>
</figure>
<p>Und ein dritter Absatz.</p>
</div>
<div class="textmodule__cta-row">
<a class="a-btn btn--conversion" href="http://www.google.de" title="">
Zum Antragsformular
</a>
</div>
</div>
</div>
<div class="selection-wrapper__tabpanel" role="tabpanel" id="tab-panel-5" aria-labelledby="btn-tab-5" hidden>
<ul class="o-downloadlist ">
<li class="downloadlist__item">
<a class="m-download " href="#">
<div class="download__title">
BARMER Dokument
</div>
<div class="download__size">DOCX 350.56 KB</div>
<div class="download__icon">
<i class="a-icon icon--download" aria-hidden="true"></i>
</div>
</a>
</li>
<li class="downloadlist__item">
<a class="m-download " href="#">
<div class="download__title">
BARMER Dokument My only complaint would be the o
<i class="a-icon icon--lock" aria-label="Geschützter Inhalt"></i>
</div>
<div class="download__size">PDF 1.2 MB</div>
<div class="download__icon">
<i class="a-icon icon--download" aria-hidden="true"></i>
</div>
</a>
</li>
<li class="downloadlist__item">
<a class="m-download " href="#">
<div class="download__title">
BARMER Image mit einem langen Name - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat
</div>
<div class="download__size">PNG 3.66 MB</div>
<div class="download__icon">
<i class="a-icon icon--download" aria-hidden="true"></i>
</div>
</a>
</li>
<li class="downloadlist__item">
<a class="m-download " href="#">
<div class="download__title">
BARMER Image mit einem langen Name - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat
<i class="a-icon icon--lock" aria-label="Geschützter Inhalt"></i>
</div>
<div class="download__size">PNG 3.66 MB</div>
<div class="download__icon">
<i class="a-icon icon--download" aria-hidden="true"></i>
</div>
</a>
</li>
<li class="downloadlist__item">
<a class="m-download " href="#">
<div class="download__title">
BARMER Dokument
</div>
<div class="download__size">DOCX 350.56 KB</div>
<div class="download__icon">
<i class="a-icon icon--download" aria-hidden="true"></i>
</div>
</a>
</li>
</ul>
</div>
<div class="selection-wrapper__tabpanel" role="tabpanel" id="tab-panel-6" aria-labelledby="btn-tab-6" hidden>
<div class="o-advertorial ">
<div class="advertorial__content">
<h3 class="advertorial__headline">Hinterm sehr langen Label verbirgt sich der Advertorial-Slider im Tab 6</h3>
<div class="advertorial__detailtext">
<p>Alles Wichtige ganz einfach per App erledigen:<br> Mit der Barmer-App AU-Bescheinigung bequem online verschicken, keinen Vorsorgetermin verpassen und unkompliziert Mitgliedsbescheinigungen und andere Nachweise anfordern.</p>
</div>
<a class="a-btn btn--primary" href="" title="">
Button
</a>
<div class="advertorial__local-settings">
<p>Sie haben schon ein Benutzerkonto?</p>
<a href="http://zdf.de" class="a-link ">
<span class="link__inner">Hier geht es direkt zum Login!</span> <i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="advertorial__imagerie">
<div class="o-slider glide js-slider-init slider--advertorial" data-slider-type="advertorial" data-glide-config="{"autoplay": 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>
<div class="selection-wrapper__tabpanel" role="tabpanel" id="tab-panel-7" aria-labelledby="btn-tab-7" hidden>
<div class="o-slider glide js-slider-init slider--video-and-topics js-teaser-targeting-init" data-slider-type="video-and-topics" data-glide-config="{"autoplay": 200000 }">
<h2 class="slider__headline slider__headline--h1">Viele Extraleistungen für jede Lebensphase</h2>
<div class="slider__detailtext">
<p>Die BARMER bietet Ihnen mit ihrer Krankenversicherung einen umfassenden Gesundheitsschutz und ist mit rund 9 Millionen Versicherten in Deutschland ein starker Partner für alle Fragen zur Gesundheit</p>
</div>
<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--video-and-topics" data-glide-el="track">
<ul class="glide__slides slider__slides--video-and-topics" aria-label="Karusell mit 5 Elementen">
<li class="glide__slide slider__slide--video-and-topics">
<div class="o-teaser ">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/16x9/960/eine-frau-sitzt-auf-der-fensterbank-und-schaut-auf-ein-tablet.jpg">
<source media="(min-width: 641px)" srcset="../../images/16x9/960/eine-frau-sitzt-auf-der-fensterbank-und-schaut-auf-ein-tablet.jpg">
<img src="../../images/16x9/960/eine-frau-sitzt-auf-der-fensterbank-und-schaut-auf-ein-tablet.jpg" alt="" loading="lazy">
</picture>
</div>
<div class="teaser__content">
<h4 class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
Berufstätige
</a>
</h4>
<div class="teaser__text">
Mit flexibler Vorsorge und Therapie leistungsstark aufgehoben sein
<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</div>
</div>
</div>
</li>
<li class="glide__slide slider__slide--video-and-topics">
<div class="o-teaser ">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/16x9/960/ein-mann-sitzt-mit-notebook-und-fuesse-hoch-am-schreibtisch.jpg">
<source media="(min-width: 641px)" srcset="../../images/16x9/960/ein-mann-sitzt-mit-notebook-und-fuesse-hoch-am-schreibtisch.jpg">
<img src="../../images/16x9/960/ein-mann-sitzt-mit-notebook-und-fuesse-hoch-am-schreibtisch.jpg" alt="" loading="lazy">
</picture>
</div>
<div class="teaser__content">
<h4 class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
Selbstständige
</a>
</h4>
<div class="teaser__text">
Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein
<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</div>
</div>
</div>
</li>
<li class="glide__slide slider__slide--video-and-topics">
<div class="o-teaser ">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/16x9/960/ein-junger-mann-sitzt-in-einem-buero-am-schreibtisch-und-schaut-in-die-kamera-.jpg">
<source media="(min-width: 641px)" srcset="../../images/16x9/960/ein-junger-mann-sitzt-in-einem-buero-am-schreibtisch-und-schaut-in-die-kamera-.jpg">
<img src="../../images/16x9/960/ein-junger-mann-sitzt-in-einem-buero-am-schreibtisch-und-schaut-in-die-kamera-.jpg" alt="" loading="lazy">
</picture>
</div>
<div class="teaser__content">
<h4 class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
Auszubildende
</a>
</h4>
<div class="teaser__text">
Mit BARMER die beste Wahl für die erste eigene Krankenversicherung treffen
<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</div>
</div>
</div>
</li>
<li class="glide__slide slider__slide--video-and-topics">
<div class="o-teaser ">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/16x9/960/seniorenpaar-beim-joggen-im-wald.jpg">
<source media="(min-width: 641px)" srcset="../../images/16x9/960/seniorenpaar-beim-joggen-im-wald.jpg">
<img src="../../images/16x9/960/seniorenpaar-beim-joggen-im-wald.jpg" alt="" loading="lazy">
</picture>
</div>
<div class="teaser__content">
<h4 class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
Familien
</a>
</h4>
<div class="teaser__text">
Mit umfassendem Gesundheitsschutz und vielen Extras die ganze Familie krankenversichern
<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</div>
</div>
</div>
</li>
<li class="glide__slide slider__slide--video-and-topics">
<div class="o-teaser ">
<div class="teaser__image">
<img src="../../images/eine-frau-sitzt-auf-der-fensterbank-und-schaut-auf-ein-tablet.jpg" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">
</div>
<div class="teaser__content">
<h4 class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
Senioren
</a>
</h4>
<div class="teaser__text">
Mit erstklassigem Versicherungsschutz den Ruhestand genießen
<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<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=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>
{{# switches.hasSlider }}
{{render (stringToPartial content.sliderType) partials.slider merge=true}}
{{/switches.hasSlider}}
{{^switches.hasSlider }}
{{render '@stage-teaser--small' partials.stage merge=true}}
{{/switches.hasSlider}}
{{render '@breadcrumb--main' partials.breadcrumb merge=true}}
{{render '@textmodule' partials.textmoduleImpfnachweis merge=true }}
{{# switches.hasSelectionWrapper }}
{{ render '@selection-wrapper' partials.selectionWrapper merge=true}}
{{/switches.hasSelectionWrapper}}
{{^ switches.hasSelectionWrapper }}
{{render '@teaser-collections--3-spaltige-teaserliste' partials.teaserliste3er merge=true }}
{{/switches.hasSelectionWrapper}}
{{render '@content-footer' }}
{
"switches": {
"hasContactFlyout": "true",
"hasSlider": false,
"hasSelectionWrapper": 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
}
}
}
},
"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"
}
}
}
}
]
}
},
"textmoduleImpfnachweis": {
"switches": {
"hasHeadline": true,
"hasCTA": true
},
"viewtypes": {},
"content": {
"headline": "Impfnachweis - bald nur noch digital?"
},
"partials": {
"detailText": {
"switches": {
"hasWrapper": true,
"isMusterContent": false,
"hasDefaultText": false
},
"viewtypes": {},
"content": {
"text": "<figure class=\"m-figure bm-richtext-image--float-left \">\n\n <picture class=\"a-picture \">\n\t\t<source media=\"(min-width: 0px)\" srcset=\"../../images/16x9/mann-mit-tablet.jpg\">\n\t<img src=\"../../images/16x9/mann-mit-tablet.jpg\" alt=\"Dies ist ein alternativ Text\">\n</picture>\n\n\n\n</figure>\n\n <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. </p>"
},
"partials": {}
}
}
}
}
},
"stage": {
"switches": {
"hasButton": false
},
"viewtypes": {},
"content": {
"headline": "Videos zur Pflege"
},
"partials": {}
},
"textmoduleImpfnachweis": {
"switches": {
"hasCta": false,
"hasIntro": false
},
"viewtypes": {},
"content": {
"headline": "Videos zur Pflegeversicherung"
},
"partials": {
"detailText": {
"switches": {
"hasDefaultText": false
},
"viewtypes": {},
"content": {
"text": "<p><strong>Erfahrungsberichte, Anleitungen und mehr</strong></p><p>Als pflegende Angehörige werden Sie täglich mit neuen Herausforderungen konfrontiert. Wir möchten Sie zusätzlich zu den regionalen Pflegekursen, Häuslichen Schulungen und den Artikeln auf unserer Internetseite mit Filmbeiträgen unterstützen. Unsere Videos bieten Ihnen die Möglichkeit, sich auf typische Situationen in der Pflege vorzubereiten.<br></p><p>Pflege fordert nicht nur körperlich, sondern auch seelisch. Deshalb ist es besonders wichtig, dass Sie als Pflegeperson auch auf sich selbst achten, denn nur so können Sie Hilfsbedürftige langfristig versorgen.</p>"
},
"partials": {}
}
}
}
},
"viewtypes": {}
}
No notes defined.