<div class="o-tab-stage tab-stage--reverse js-tab-stage-init">
<div class="tab-stage__images">
<div class="tab-stage__images-wrapper is-selected">
<picture class="a-picture ">
<source media="(max-width: 800px)" srcset="../../images/4x3/mann-mit-tablet.jpg">
<source media="(min-width: 801px)" srcset="../../images/5x7/mann-mit-tablet.jpg">
<img src="../../images/5x7/mann-mit-tablet.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
</div>
<div class="tab-stage__images-wrapper " aria-hidden="true">
<picture class="a-picture ">
<source media="(max-width: 800px)" srcset="../../images/4x3/abstimmung-des-verwaltungsrats-712x534.jpg">
<source media="(min-width: 801px)" srcset="../../images/5x7/abstimmung-des-verwaltungsrats-714x1000.jpg">
<img src="../../images/5x7/abstimmung-des-verwaltungsrats-714x1000.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
</div>
<div class="tab-stage__images-wrapper " aria-hidden="true">
<picture class="a-picture ">
<source media="(max-width: 800px)" srcset="../../images/4x3/eltern-baby-tablet-712x534.jpg">
<source media="(min-width: 801px)" srcset="../../images/5x7/eltern-baby-tablet-714x1000.jpg">
<img src="../../images/5x7/eltern-baby-tablet-714x1000.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
</div>
<div class="tab-stage__images-wrapper " aria-hidden="true">
<picture class="a-picture ">
<source media="(max-width: 800px)" srcset="../../images/4x3/tippen-auf-tastatur-712x534.jpg">
<source media="(min-width: 801px)" srcset="../../images/5x7/tippen-auf-tastatur-714x1000.jpg">
<img src="../../images/5x7/tippen-auf-tastatur-714x1000.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
</div>
</div>
<div class="o-selection-wrapper selection-wrapper--tab-stage">
<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">Yoga Kurs</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">Fitness Studio</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">Kinder Karate</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">Professionelle Zahnreinigung</button>
</li>
</ul>
</div>
<div class="selection-wrapper__tabpanel" role="tabpanel" id="tab-panel-1" aria-labelledby="btn-tab-1">
<div class="o-teaser teaser--big-headline">
<h2 class="teaser__headline">
Bonuspunkten<br />beim Yoga.
</h2>
<div class="teaser__text">
Yoga macht nicht nur einen schlanken Daumen. Mit der Verwendung einer glutenfreien Yogamatte, fördern sie auch Ihre Darmbakterien.
</div>
<div class="teaser__button-wrapper">
<a class="a-btn btn--conversion" href="#" title="">
Jetzt App downloaden
</a>
<a class="a-btn btn--primary btn--login" href="#" title="">
Meine BARMER<i class="a-icon icon--profile" aria-hidden="true"></i>
</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 teaser--big-headline">
<h2 class="teaser__headline">
Bonuspunkten beim Fitness Studio.
</h2>
<div class="teaser__text">
Mal wieder keine glutenfreie Yogamatte genommen? Tauchen Sie mit Hilfe der „Meine Barmer“-App und ihren Bonuspunkten für einige Monate unter, ohne von Ihren Bekannten entdeckt zu werden.
</div>
<div class="teaser__button-wrapper">
<a class="a-btn btn--conversion" href="#" title="">
Jetzt App downloaden
</a>
<a class="a-btn btn--primary btn--login" href="#" title="">
Meine BARMER<i class="a-icon icon--profile" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="selection-wrapper__tabpanel" role="tabpanel" id="tab-panel-3" aria-labelledby="btn-tab-3" hidden>
<div class="o-teaser teaser--big-headline">
<h2 class="teaser__headline">
Bonuspunkten beim Kinder Karate.
</h2>
<div class="teaser__text">
Verteidigen Sie sich gegen überhöhte Taschengeldforderungen ihrer Kinder.
</div>
<div class="teaser__button-wrapper">
<a class="a-btn btn--conversion" href="#" title="">
Jetzt App downloaden
</a>
<a class="a-btn btn--primary btn--login" href="#" title="">
Meine BARMER<i class="a-icon icon--profile" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="selection-wrapper__tabpanel" role="tabpanel" id="tab-panel-4" aria-labelledby="btn-tab-4" hidden>
<div class="o-teaser teaser--big-headline">
<h2 class="teaser__headline">
Bonuspunkten<br />beim Zahnarzt.
</h2>
<div class="teaser__text">
Die Bonuspunkte wurden mit Experten aus der Zahnmedizin entwickelt. Sowohl die Wirksamkeit der einzelnen Punkte als auch der Nutzen werden dadurch wissenschaftlich belegt: sofortige und langanhaltende Schmerzlinderung, klinisch bestätigte Formel und geeignet für tägliche Anwendung.
</div>
<div class="teaser__button-wrapper">
<a class="a-btn btn--conversion" href="#" title="">
Jetzt App downloaden
</a>
<a class="a-btn btn--primary btn--login" href="#" title="">
Meine BARMER<i class="a-icon icon--profile" aria-hidden="true"></i>
</a>
</div>
</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>
<li class="list__item list__item--breadcrumb">
<a href="/components/preview/article" class="a-link "><span class="link__inner">Themen-Übersichtseite</span><i class="a-icon icon--lock" aria-label=""></i></a><i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</li>
<li class="list__item list__item--breadcrumb">
Barmer So ein Unterthema
</li>
</ul>
</div>
<div class="o-teaser-collection teaser-collection--four-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/3x2/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/3x2/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/3x2/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 class="o-teaser ">
<div class="teaser__image">
<img src="../../images/3x2/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">
Essen, Trinken, Rauchen: Warum diese Strategien nicht gegen Stress helfen
</a>
</h4>
<div class="teaser__text">
Wer gestresst ist, greift schneller auf Suchtmittel zurück. Denn Substanzen wie Alkohol aktivieren das Belohnungssystem des menschlichen Gehirn. Mit negativen Folgen für die Gesundheit.
<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</div>
</div>
<div class="o-teaser ">
<div class="teaser__image">
<img src="../../images/3x2/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/3x2/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 class="o-teaser ">
<div class="teaser__image">
<img src="../../images/3x2/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>
</div>
<div class="o-how-to-module js-how-to-module-init cs--a ">
<div class="how-to-module__inner">
<h2 class="how-to-module__headline how-to-module__headline--h1">
How-to Module Headline
</h2>
<div class="how-to-module__text">
</div>
<div class="how-to-module__content">
<div class="how-to-module__images">
<picture class="a-picture is-selected">
<source media="(min-width: 0px)" srcset="../../images/5x7/mann-mit-tablet.jpg">
<img src="../../images/5x7/mann-mit-tablet.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
<picture class="a-picture " aria-hidden="true">
<source media="(min-width: 0px)" srcset="../../images/5x7/abstimmung-des-verwaltungsrats-714x1000.jpg">
<img src="../../images/5x7/abstimmung-des-verwaltungsrats-714x1000.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
<picture class="a-picture " aria-hidden="true">
<source media="(min-width: 0px)" srcset="../../images/5x7/eltern-baby-tablet-714x1000.jpg">
<img src="../../images/5x7/eltern-baby-tablet-714x1000.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
</div>
<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="how-to-module__teaser-wrapper">
<div class="how-to-module__track" role="list">
<div class="o-teaser teaser--how-to" role="listitem" aria-selected="true">
<div class="teaser__image">
<i class="a-icon icon--download" aria-hidden="true"></i>
</div>
<div class="teaser__content">
<div class="teaser__headline">
1. BARMER App herunterladen
</div>
<div class="teaser__text">
Lorem ipsum dolor sit amet, inkl. einer Abkürzung die als ABBR ausgezeichnet und lesbar sein sollte, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</div>
<div class="teaser__button-wrapper">
<a class="a-btn btn--primary" href="" title="">
BARMER App inkl. herunterladen
</a>
</div>
</div>
</div>
<div class="o-teaser teaser--how-to" 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">
2. Mit Briefdaten in der App anmelden
</div>
<div class="teaser__text">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</div>
</div>
</div>
<div class="o-teaser teaser--how-to" role="listitem">
<div class="teaser__image">
<i class="a-icon icon--favorite" aria-hidden="true"></i>
</div>
<div class="teaser__content">
<div class="teaser__headline">
3. Punkte sammeln
</div>
<div class="teaser__text">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="o-teaser teaser--bannermodule teaser--has-store-buttons cs--a">
<h4 class="teaser__headline">
Überzeugt von der Barmer
</h4>
<div class="teaser__text teaser__text--richtext">
<p>I'm happy to tell you that the brand is at its best today when it operates under memorable and bold identities.<br /> But that doesn't mean it's rushing into the twenty-first century.</p>
<ul class="checklist rte--list">
<li><i aria-hidden="true" role="presentation"></i>Lorem ipsum dolor sit amet.</li>
<li><i aria-hidden="true" role="presentation"></i><a href="#" class="bm-richtext-link">Lorem ipsum dolor sit amet, no sea semper minimum, has te nominavi facilisis.</a></li>
<li><i aria-hidden="true" role="presentation"></i>Modus graecis et nec, mel ne simul zril temporibus.</li>
</ul>
</div>
<div class="teaser__button-wrapper">
<a class="a-btn " href="#" title="AppStore">
<img src="../../images/appstore-button--black-height-42px.png" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">
</a>
<a class="a-btn " href="#" title="AppStore">
<img src="../../images/google-play-badge-height-42px.png" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">
</a>
</div>
</div>
<div class="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>
{{render '@tab-stage' partials.tabStage merge=true }}
{{render '@breadcrumb--main' partials.breadcrumb merge=true}}
{{render '@teaser-collections--4-spaltige-teaserliste' merge=true }}
{{render '@how-to-module--cs-a-3-steps' merge=true }}
{{render '@bannermodule--a-app-btn' merge=true }}
{{render '@content-footer' }}
{
"switches": {
"hasContactFlyout": "true"
},
"content": {
"alertText": "Die Sitzung wurde erfolgreich verlängert"
},
"partials": {
"sessionMetadata": {
"content": {
"expiredDialogId": "bm-dialog-session-expired",
"expiringDialogId": "bm-dialog-session-expiring"
}
},
"expiring": {
"switches": {
"hidden": true,
"secondaryButton": true
},
"content": {
"id": "bm-dialog-session-expiring",
"text": "In <span class=\"js-session-timer\">5</span> Minuten endet ihre Sitzung und Sie werden automatisch ausgeloggt."
},
"partials": {
"primaryButton": {
"content": {
"label": "Login verlängern"
}
},
"secondaryButton": {
"content": {
"label": "Logout"
}
}
}
},
"expired": {
"switches": {
"hidden": true
},
"content": {
"id": "bm-dialog-session-expired"
}
},
"modalVideo": {
"switches": {
"hidden": true
},
"content": {
"id": "bm-video"
},
"viewtypes": {
"specifier": "modal--video"
},
"partials": {
"consent": {
"viewtypes": {
"specifier": "consent--in-modal"
}
},
"videoFigure": {
"switches": {
"hasHeadline": false,
"hasFigcaption": false,
"hasVideo": false
}
}
}
},
"tabStage": {
"viewtypes": {
"specifier": "tab-stage--reverse js-tab-stage-init"
}
}
}
}
No notes defined.