<div class="o-teaser teaser--media-container teaser--media-container-pills cs--dark">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 800px)" srcset="../../images/5x7/mann-mit-tablet.jpg">
<source media="(min-width: 801px)" srcset="../../images/16x9/mann-mit-tablet.jpg">
<img src="../../images/16x9/mann-mit-tablet.jpg" alt="">
</picture>
</div>
<div class="teaser__content">
<div class="teaser__overline">In jeder Lebensphase</div>
<div class="teaser__headline-wrapper">
<h2 class="teaser__headline">
Beste Pillen für Ihre Gesundheit
</h2>
</div>
<div class="teaser__button-wrapper">
<a class="a-btn btn--conversion" href="" title="">
Mitglied werden
</a>
</div>
</div>
<div class="teaser__gradient"></div>
<div class="teaser__pills">
<div class="m-crawl js-crawl-init">
<div class="crawl__play-pause" aria-hidden="true">
<button class="a-btn btn--crawl-control js-crawl-control" type="button" data-play-label="Laufband starten" data-pause-label="Laufband stoppen" aria-label="Laufband stoppen"><i class="a-icon icon--pause" aria-hidden="true"></i></button>
</div>
<div class="crawl__running-area">
<ul class="a-list-basic crawl__slides" aria-hidden="true">
<li class="list__item crawl__slide">
<span class="crawl__item">1. Gesundheit fördern</span>
</li>
<li class="list__item crawl__slide">
<span class="crawl__item">2. Dufte Tasse Tee genießen</span>
</li>
<li class="list__item crawl__slide">
<a href="http://zdf.de" class="a-link crawl__item crawl__item--linked">
3. Wort Barmer austesten
</a>
</li>
<li class="list__item crawl__slide">
<span class="crawl__item">4. Inklusive z.B. Abkürzungen</span>
</li>
<li class="list__item crawl__slide">
<a href="http://zdf.de" class="a-link crawl__item crawl__item--linked">
5. Dampf und Nudeln
</a>
</li>
</ul>
<ul class="a-list-basic crawl__slides" aria-hidden="true">
<li class="list__item crawl__slide">
<span class="crawl__item">1. Gesundheit fördern</span>
</li>
<li class="list__item crawl__slide">
<span class="crawl__item">2. Dufte Tasse Tee genießen</span>
</li>
<li class="list__item crawl__slide">
<a href="http://zdf.de" class="a-link crawl__item crawl__item--linked">
3. Wort Barmer austesten
</a>
</li>
<li class="list__item crawl__slide">
<span class="crawl__item">4. Inklusive z.B. Abkürzungen</span>
</li>
<li class="list__item crawl__slide">
<a href="http://zdf.de" class="a-link crawl__item crawl__item--linked">
5. Dampf und Nudeln
</a>
</li>
</ul>
</div>
<div class="crawl__sr-only sr-only">
<ul class="a-list-basic ">
<li class="list__item ">
1. Gesundheit fördern
</li>
<li class="list__item ">
2. Dufte Tasse Tee genießen
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
3. Wort Barmer austesten
</a>
</li>
<li class="list__item ">
4. Inklusive z.B. Abkürzungen
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
5. Dampf und Nudeln
</a>
</li>
</ul>
</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">
Barmer Startseite
</li>
</ul>
</div>
<div class="o-teaser-collection teaser-collection--three-col-teaserlist js-teaser-targeting-init">
<h3 class="teaser-collection__headline teaser-collection__headline--h2">Entspannung, Abwechslung und Inspiration - mit unseren digitalen Angeboten</h3>
<div class="teaser-collection__text">
<p>Hier steht dann eine kurzer Richtext, der nicht soviele Styling-Optionen hat. Im Studio lässt sich dort wohl nur strong, kursiv und noch irgendetwas auszeichnen.</p>
</div>
<div class="teaser-collection__teaser-wrapper">
<div class="o-teaser ">
<div class="teaser__image">
<img src="../../images/1x1/mann-mit-kind.jpg" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">
</div>
<h4 class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
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 class="o-teaser ">
<div class="teaser__image">
<img src="../../images/1x1/mann-mit-tablet.jpg" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">
</div>
<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 class="o-teaser ">
<div class="teaser__image">
<img src="../../images/1x1/barmer-app-yeah.jpg" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">
</div>
<h4 class="teaser__headline">
Studierende - ohne Teaser Verlinkung
</h4>
<div class="teaser__text">
Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein
</div>
</div>
</div>
</div>
<div class="o-teaser teaser--bannermodule teaser--bannermodule-text-image-rounded cs--a">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/1x1/mann-mit-kind.jpg">
<source media="(min-width: 641px)" srcset="../../images/1x1/mann-mit-kind.jpg">
<img src="../../images/1x1/mann-mit-kind.jpg" alt="" loading="lazy">
</picture>
</div>
<div class="teaser__content">
<div class="teaser__overline">Rund um die Uhr erreichbar</div>
<h4 class="teaser__headline">
Barmer-Kundenservice: Wie können wir Ihnen helfen?
</h4>
<div class="teaser__button-wrapper">
<a href="tel:+498003330010" class="a-link ">
<i class="a-icon icon--contact" aria-hidden="true"></i> <span class="link__inner">0800 333 00 10</span>
</a>
<a href="tel:+491608487788" class="a-link ">
<i class="a-icon icon--whatsapp" aria-hidden="true"></i> <span class="link__inner">0160 848 77 88</span>
</a>
</div>
</div>
</div>
<div class="o-teaser-collection teaser-collection--mosaic js-teaser-targeting-init" id="mosaic">
<h3 class="teaser-collection__headline teaser-collection__headline--h2">Entspannung, Abwechslung und Inspiration - mit unseren digitalen Angeboten</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. He adds: “It was only after I had the book I started working on, that I got to work with it, and I really dig the way the design is supposed to communicate ideas.”</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/5x7/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">
Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein
<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/barmer-app-yeah.jpg">
<source media="(min-width: 641px)" srcset="../../images/16x9/barmer-app-yeah.jpg">
<img src="../../images/16x9/barmer-app-yeah" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
</div>
<div class="teaser__content">
<h4 class="teaser__headline">
3 Studierende - ohne Teaser Verlinkung
</h4>
<div class="teaser__text">
Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein
</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-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">
4 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/barmer-app-yeah.jpg">
<source media="(min-width: 641px)" srcset="../../images/16x9/barmer-app-yeah.jpg">
<img src="../../images/16x9/barmer-app-yeah.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
</div>
<div class="teaser__content">
<h4 class="teaser__headline">
5 Studierende - ohne Teaser Verlinkung
</h4>
<div class="teaser__text">
Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein
</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/5x7/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">
6 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>
</div>
</div>
<div class="o-teaser-collection teaser-collection--seals js-teaser-targeting-init cs--a" id="seals">
<h3 class="teaser-collection__headline teaser-collection__headline--h4">Top-Krankenversicherung</h3>
<div class="teaser-collection__text">
<p>Du konzentrierst dich auf deine Ausbildung, wir kümmern uns um deine Gesundheit,. Die Barmer wurde als "Top Krankenkasse für junge Leute" (FOCUS MONEY 21/2020) ausgezeichnet. "Sehr gute digitale Leistungen" heißt es in der Auszeichnung - und das stimmt: Wir sind immer für dich da, wenn du uns brauchst.</p>
</div>
<div class="teaser-collection__teaser-wrapper">
<a href="" class="o-teaser teaser--icon-image">
<div class="teaser__image">
<img src="../../images/teaser--siegel-1.png" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">
</div>
</a>
<div class="o-teaser teaser--icon-image">
<div class="teaser__image">
<img src="../../images/teaser--siegel-2.png" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">
</div>
</div>
<div class="o-teaser teaser--icon-image">
<div class="teaser__image">
<img src="../../images/teaser--siegel-3.png" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">
</div>
</div>
</div>
<div class="teaser-collection__cta-row">
<a class="a-btn btn--secondary" href="" title="">
Mehr erfahren
</a>
</div>
</div>
<div class="o-textmodule ">
<h3 class="textmodule__headline textmodule__headline--h1">Text-Modul mit Standard-Überschrift</h3>
<div class="a-richtext richtext--intro">
<p>Baden auf den Malediven, eine Trekkingreise in Laos – all diese fernen Reiseziele werden vorerst wohl für kaum einen Urlauber zu erreichen sein. Dennoch ist es wichtig, sich alle Impfungen zu holen, damit Reisende bei der nächsten großen Reise keine in Form von Krankheiten mit nach Hause bringen.</p>
</div>
<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>
<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--conversion" href="#">conversion (magenta)</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>
<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></p>
</th>
<th>
<p>Beitrag</p>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>Studentische Krankenversicherung:</p>
</td>
<td>
<p><strong>ab 88,13 Euro<strong></p>
</td>
</tr>
<tr>
<td>
<p>Studentische Krankenversicherung: </p>
</td>
<td>
<p><strong>ab 22,94 Euro</strong> (für Studierende bis 23 Jahre oder für Studierende mit Kind) </p>
<p><strong>ab 24,82 Euro</strong> (für Studierende ab 23 Jahren ohne Kinder)</p>
</td>
</tr>
</tbody>
</table>
<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>
<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 class="o-textmodule textmodule--narrow-measure">
<h3 class="textmodule__headline textmodule__headline--h1">Text-Modul mit Standard-Überschrift</h3>
<div class="a-richtext richtext--intro">
<p>Baden auf den Malediven, eine Trekkingreise in Laos – all diese fernen Reiseziele werden vorerst wohl für kaum einen Urlauber zu erreichen sein. Dennoch ist es wichtig, sich alle Impfungen zu holen, damit Reisende bei der nächsten großen Reise keine in Form von Krankheiten mit nach Hause bringen.</p>
</div>
<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>
<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--conversion" href="#">conversion (magenta)</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>
<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></p>
</th>
<th>
<p>Beitrag</p>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>Studentische Krankenversicherung:</p>
</td>
<td>
<p><strong>ab 88,13 Euro<strong></p>
</td>
</tr>
<tr>
<td>
<p>Studentische Krankenversicherung: </p>
</td>
<td>
<p><strong>ab 22,94 Euro</strong> (für Studierende bis 23 Jahre oder für Studierende mit Kind) </p>
<p><strong>ab 24,82 Euro</strong> (für Studierende ab 23 Jahren ohne Kinder)</p>
</td>
</tr>
</tbody>
</table>
<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>
<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>
<figure class="m-figure-video ">
<template class="figure-video__template"></template>
</figure>
<div class="o-teaser-collection teaser-collection--three-col-teaserlist js-teaser-targeting-init">
<h3 class="teaser-collection__headline teaser-collection__headline--h2">Entspannung, Abwechslung und Inspiration - mit unseren digitalen Angeboten</h3>
<div class="teaser-collection__text">
<p>Hier steht dann eine kurzer Richtext, der nicht soviele Styling-Optionen hat. Im Studio lässt sich dort wohl nur strong, kursiv und noch irgendetwas auszeichnen.</p>
</div>
<div class="teaser-collection__teaser-wrapper">
<div class="o-teaser ">
<div class="teaser__image">
<img src="../../images/1x1/mann-mit-kind.jpg" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">
</div>
<h4 class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
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 class="o-teaser ">
<div class="teaser__image">
<img src="../../images/1x1/mann-mit-tablet.jpg" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">
</div>
<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 class="o-teaser ">
<div class="teaser__image">
<img src="../../images/1x1/barmer-app-yeah.jpg" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">
</div>
<h4 class="teaser__headline">
Studierende - ohne Teaser Verlinkung
</h4>
<div class="teaser__text">
Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein
</div>
</div>
</div>
</div>
<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>
<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.hasNotification }}
{{ render '@teaser--notification-warning' merge=true }}
{{/ switches.hasNotification }}
{{#if switches.hasAccordionStage }}
{{render '@accordion-stage--with-autoplay' merge=true}}
{{else}}
{{#if switches.hasStageMediaContainer }}
{{render '@stage-media-container--pills-dark' partials.stageTeaser merge=true }}
{{else}}
{{# switches.hasSlider }}
{{render (stringToPartial content.sliderType) partials.slider merge=true}}
{{/switches.hasSlider}}
{{^switches.hasSlider }}
{{render '@stage-teaser' partials.stageTeaser merge=true }}
{{/switches.hasSlider}}
{{/if}}
{{/if}}
{{render '@breadcrumb--main' partials.breadcrumb merge=true}}
{{#if switches.hasTeaserNews}}
{{render '@slider--with-teaser-news' merge=true}}
{{/if}}
{{render '@teaser-collections--3-spaltige-teaserliste' }}
{{render '@bannermodule--text-image-rounded' }}
{{render '@teaser-collections--mosaic-6-teaser' }}
{{render '@teaser-collections--seals'}}
{{render '@textmodule' }}
{{render '@textmodule--narrow-measure' }}
{{render '@figure-video' }}
{{render '@teaser-collections--3-spaltige-teaserliste' }}
{{render '@figure-video--external' }}
{{render '@content-footer' }}
{
"switches": {
"hasContactFlyout": "true",
"hasNotification": false,
"hasAccordionStage": false,
"hasSlider": false,
"hasStageMediaContainer": 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": true
},
"viewtypes": {
"specifier": "list__item--breadcrumb"
},
"content": {
"text": "Barmer Startseite"
}
}
]
}
}
}
},
"stageTeaser": {}
},
"viewtypes": {}
}
No notes defined.