<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 class="o-selection-wrapper {{viewtypes.specifier}}">
{{# switches.hasHeadline }}
<h2 class="selection-wrapper__headline {{viewtypes.headline}}">{{content.title}}</h2>
{{/ switches.hasHeadline }}
{{# switches.hasDetailText }}
<div class="selection-wrapper__detailtext">
<p>{{content.detailText}}</p>
</div>
{{/ switches.hasDetailText }}
{{#ifcond switches.tabpanelsCount "!==" 1}}
{{# switches.hasArrows }}
{{render '@slider-arrows--chevron-pair' partials.arrows merge=true }}
{{/ switches.hasArrows }}
<div class="selection-wrapper__tablist-body">
{{render '@tablist' partials.tablist merge=true }}
</div>
{{/ifcond}}
{{#each partials.tabpanels as |tabpanel| }}
{{#ifcond @index '<' ../switches.tabpanelsCount }}
<div class="selection-wrapper__tabpanel" {{#ifcond ../switches.tabpanelsCount "!==" 1 }}role="tabpanel" id="{{content.id}}" aria-labelledby="{{content.labelledBy}}" {{#switches.isHidden}}hidden{{/switches.isHidden}}{{/ifcond}}>
{{render (stringToPartial content.moduleType) partials.module merge=true}}
</div>
{{/ifcond}}
{{/each}}
</div>
{
"switches": {
"hasHeadline": false,
"hasDetailText": false,
"hasArrows": true,
"tabpanelsCount": 4
},
"viewtypes": {
"specifier": "selection-wrapper--tab-stage",
"headline": "selection-wrapper__headline--h2"
},
"content": {
"title": "Viele Extraleistungen für jede Lebensphase",
"detailText": "Die BARMER bietet Ihnen mit ihrer Krankenversicherung einen umfassenden Gesundheitsschutz und ist mit rund 9 Millionen Versicherten in Deutschland ein starker Partner für alle Fragen zur Gesundheit"
},
"partials": {
"arrows": {
"switches": {
"hasAriaAttr": true
},
"content": {
"ariaAttr": "aria-hidden=\"true\"",
"labels": {
"arrowLeft": "Registerkarten: ein Reiter zurück bewegen",
"arrowRight": "Registerkarten: ein Reiter vorwärts bewegen"
}
}
},
"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"
}
}
}
}
}
}
],
"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"
}
}
]
}
}
}
}
No notes defined.