<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">
<div class="a-badge-image badge-image--with-spacing badge-image--top">
<img src="../../images/teaser--stoerer-1.png" alt="Dies ist der alt-Text" title="BadgeImage default with spacing" class="a-image " loading="lazy">
</div>
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/1x1/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="tab-stage__images-wrapper " aria-hidden="true">
<div class="a-badge-image badge-image--with-spacing badge-image--center">
<img src="../../images/teaser--stoerer-1.png" alt="Dies ist der alt-Text" title="BadgeImage default with spacing" class="a-image " loading="lazy">
</div>
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/1x1/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="tab-stage__images-wrapper " aria-hidden="true">
<div class="a-badge-image badge-image--with-spacing badge-image--bottom">
<img src="../../images/teaser--stoerer-1.png" alt="Dies ist der alt-Text" title="BadgeImage default with spacing" class="a-image " loading="lazy">
</div>
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/1x1/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="tab-stage__images-wrapper " aria-hidden="true">
<div class="a-badge-image badge-image--top">
<img src="../../images/teaser--stoerer-2.png" alt="Dies ist der alt-Text" title="BadgeImage default with spacing" class="a-image " loading="lazy">
</div>
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/1x1/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>
<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="o-tab-stage {{viewtypes.specifier}}">
<div class="tab-stage__images">
{{# each partials.pictures as |picture| }}
{{#ifcond @index '<' ../switches.pictureCount}}
<div class="tab-stage__images-wrapper {{viewtypes.selectionSpecifier}}" {{{partials.attributes}}}>
{{# switches.hasBadgeImage}}
{{render '@badge-image' partials.badgeImage merge=true }}
{{/ switches.hasBadgeImage}}
{{ render '@picture' picture merge=true}}
</div>
{{/ifcond }}
{{/each}}
</div>
{{ render '@selection-wrapper' partials.selectionWrapper merge=true}}
</div>
{
"switches": {
"pictureCount": 4,
"hasBadgeImage": true
},
"viewtypes": {
"specifier": "tab-stage--reverse js-tab-stage-init"
},
"content": {},
"partials": {
"pictures": [
{
"switches": {
"hasBadgeImage": true
},
"viewtypes": {
"selectionSpecifier": "is-selected"
},
"partials": {
"badgeImage": {
"viewtypes": {
"specifier": "badge-image--top"
}
}
}
},
{
"switches": {
"hasBadgeImage": true
},
"viewtypes": {},
"content": {},
"partials": {
"attributes": "aria-hidden=\"true\"",
"badgeImage": {
"viewtypes": {
"specifier": "badge-image--center"
}
}
}
},
{
"switches": {
"hasBadgeImage": true
},
"viewtypes": {},
"content": {},
"partials": {
"attributes": "aria-hidden=\"true\"",
"badgeImage": {
"viewtypes": {
"specifier": "badge-image--bottom"
}
}
}
},
{
"switches": {
"hasBadgeImage": true
},
"viewtypes": {},
"content": {},
"partials": {
"attributes": "aria-hidden=\"true\"",
"badgeImage": {
"switches": {
"withSpacing": false
},
"viewtypes": {
"specifier": "badge-image--top"
},
"partials": {
"image": {
"content": {
"sourceUrl": "../../images/teaser--stoerer-2.png"
}
}
}
}
}
}
],
"selectionWrapper": {
"switches": {
"hasHeadline": false,
"hasDetailText": false,
"tabpanelsCount": 4
},
"viewtypes": {
"specifier": "selection-wrapper--tab-stage"
},
"partials": {
"tablist": {
"switches": {
"itemsCount": 4
},
"partials": {
"tabitems": [
{
"content": {
"type": "button",
"ariaControls": "tab-panel-1",
"attributes": "id=\"btn-tab-1\" role=\"tab\" aria-selected=\"true\" tabindex=\"0\"",
"label": "Yoga Kurs"
}
},
{
"content": {
"type": "button",
"ariaControls": "tab-panel-2",
"attributes": "id=\"btn-tab-2\" role=\"tab\" aria-selected=\"false\" tabindex=\"-1\"",
"label": "Fitness Studio"
}
},
{
"content": {
"type": "button",
"ariaControls": "tab-panel-3",
"attributes": "id=\"btn-tab-3\" role=\"tab\" aria-selected=\"false\" tabindex=\"-1\"",
"label": "Kinder Karate"
}
},
{
"content": {
"type": "button",
"ariaControls": "tab-panel-4",
"attributes": "id=\"btn-tab-4\" role=\"tab\" aria-selected=\"false\" tabindex=\"-1\"",
"label": "Professionelle Zahnreinigung"
}
}
]
}
},
"tabpanels": [
{
"switches": {
"isHidden": false
},
"content": {
"id": "tab-panel-1",
"labelledBy": "btn-tab-1",
"moduleType": "teaser--big-headline"
},
"partials": {
"module": {
"content": {
"headline": "Bonuspunkten<br/>beim Yoga."
},
"partials": {
"teaserText": {
"content": {
"text": "Yoga macht nicht nur einen schlanken Daumen. Mit der Verwendung einer glutenfreien Yogamatte, fördern sie auch Ihre Darmbakterien."
}
},
"button": {
"content": {
"label": "Jetzt App downloaden"
}
},
"button2": {
"switches": {
"asLink": true,
"hasIcon": true
},
"viewtypes": {
"specifier": "btn--primary btn--login"
},
"content": {
"url": "#",
"label": "Meine BARMER"
},
"partials": {
"iconType": "icon--profile"
}
}
}
}
}
},
{
"switches": {
"isHidden": true
},
"content": {
"id": "tab-panel-2",
"labelledBy": "btn-tab-2",
"moduleType": "teaser--big-headline"
},
"partials": {
"module": {
"content": {
"headline": "Bonuspunkten beim Fitness Studio."
},
"partials": {
"teaserText": {
"content": {
"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."
}
},
"button": {
"content": {
"label": "Jetzt App downloaden"
}
},
"button2": {
"switches": {
"asLink": true,
"hasIcon": true
},
"viewtypes": {
"specifier": "btn--primary btn--login"
},
"content": {
"url": "#",
"label": "Meine BARMER"
},
"partials": {
"iconType": "icon--profile"
}
}
}
}
}
},
{
"switches": {
"isHidden": true
},
"content": {
"id": "tab-panel-3",
"labelledBy": "btn-tab-3",
"moduleType": "teaser--big-headline"
},
"partials": {
"module": {
"content": {
"headline": "Bonuspunkten beim Kinder Karate."
},
"partials": {
"teaserText": {
"content": {
"text": "Verteidigen Sie sich gegen überhöhte Taschengeldforderungen ihrer Kinder."
}
},
"button": {
"content": {
"label": "Jetzt App downloaden"
}
},
"button2": {
"switches": {
"asLink": true,
"hasIcon": true
},
"viewtypes": {
"specifier": "btn--primary btn--login"
},
"content": {
"url": "#",
"label": "Meine BARMER"
},
"partials": {
"iconType": "icon--profile"
}
}
}
}
}
},
{
"switches": {
"isHidden": true
},
"content": {
"id": "tab-panel-4",
"labelledBy": "btn-tab-4",
"moduleType": "teaser--big-headline"
},
"partials": {
"module": {
"content": {
"headline": "Bonuspunkten<br/>beim Zahnarzt."
},
"partials": {
"teaserText": {
"content": {
"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."
}
},
"button": {
"content": {
"label": "Jetzt App downloaden"
}
},
"button2": {
"switches": {
"asLink": true,
"hasIcon": true
},
"viewtypes": {
"specifier": "btn--primary btn--login"
},
"content": {
"url": "#",
"label": "Meine BARMER"
},
"partials": {
"iconType": "icon--profile"
}
}
}
}
}
}
]
}
}
}
}
No notes defined.