<div class="o-tab-stage tab-stage--default">
<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>
<div class="o-selection-wrapper selection-wrapper--tab-stage">
<div class="selection-wrapper__tabpanel">
<div class="o-teaser teaser--big-headline">
<div class="teaser__overline">Yoga Kurs</div>
<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="">
App laden
</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": 1
},
"viewtypes": {
"specifier": "tab-stage--default"
},
"content": {},
"partials": {
"pictures": [
{
"switches": {},
"viewtypes": {
"selectionSpecifier": "is-selected"
},
"content": {
"sources": [
{
"media": "(max-width: 800px)",
"srcset": "../../images/4x3/mann-mit-tablet.jpg"
},
{
"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"
}
}
},
{
"switches": {},
"partials": {
"attributes": "aria-hidden=\"true\""
},
"content": {
"sources": [
{
"media": "(max-width: 800px)",
"srcset": "../../images/4x3/abstimmung-des-verwaltungsrats-712x534.jpg"
},
{
"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"
}
}
},
{
"switches": {},
"partials": {
"attributes": "aria-hidden=\"true\""
},
"content": {
"sources": [
{
"media": "(max-width: 800px)",
"srcset": "../../images/4x3/eltern-baby-tablet-712x534.jpg"
},
{
"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"
}
}
},
{
"switches": {},
"partials": {
"attributes": "aria-hidden=\"true\""
},
"content": {
"sources": [
{
"media": "(max-width: 800px)",
"srcset": "../../images/4x3/tippen-auf-tastatur-712x534.jpg"
},
{
"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"
}
}
}
],
"selectionWrapper": {
"switches": {
"hasHeadline": false,
"hasDetailText": false,
"tabpanelsCount": 1
},
"viewtypes": {
"specifier": "selection-wrapper--tab-stage"
},
"partials": {
"tablist": {
"switches": {
"itemsCount": 1
},
"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": [
{
"content": {
"moduleType": "teaser--big-headline"
},
"partials": {
"module": {
"switches": {
"hasTeaserOverline": true
},
"content": {
"headline": "Bonuspunkten<br/>beim Yoga.",
"overline": "Yoga Kurs"
}
}
}
}
]
},
"_note": "If the selection wrapper has only one tab panel it shouldn't render as a selection wrapper inside the tab stage"
}
}
}
No notes defined.