<div class="o-slider glide js-slider-init slider--targetgroup cs--bg-image-a" data-slider-type="targetgroup" data-glide-config="{"autoplay": 3000 }">
<div class="slider__area">
<div class="slider__track-wrapper">
<div class="slider__track glide__track slider__track--targetgroup" data-glide-el="track">
<ul class="glide__slides slider__slides--targetgroup" aria-label="Karusell mit 6 Elementen">
<li class="glide__slide slider__slide--targetgroup">
<div class="o-teaser teaser--stage cs--bg-image-a">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/1x1/blick-auf-die-fensterfront-der-barmer-geschaeftsstelle-in-dresden.jpg">
<source media="(min-width: 641px)" srcset="../../images/8x3/blick-auf-die-fensterfront-der-barmer-geschaeftsstelle-in-dresden.jpg">
<img src="../../images/8x3/blick-auf-die-fensterfront-der-barmer-geschaeftsstelle-in-dresden.jpg" alt="">
</picture>
</div>
<div class="teaser__content">
<div class="teaser__headline-wrapper">
<div class="teaser__headline">
Gehen Sie sich impfen!
</div>
</div>
<div class="teaser__button-wrapper">
<a class="a-btn btn--conversion" href="" title="">
Mitglied werden
</a>
</div>
</div>
</div>
</li>
<li class="glide__slide slider__slide--targetgroup">
<div class="o-teaser teaser--stage cs--bg-image-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/8x3/mutter-kind-schoss-1080x405.jpg">
<img src="../../images/8x3/mutter-kind-schoss-1080x405.jpg" alt="">
</picture>
</div>
<div class="teaser__content">
<div class="teaser__headline-wrapper">
<div class="teaser__headline">
Mit dem Wort Darmkrebsvorsorgeuntersuchung gelingt es uns eine lange Headline zu produzieren
</div>
</div>
<div class="teaser__button-wrapper">
<a class="a-btn btn--conversion" href="" title="">
Mitglied werden
</a>
</div>
</div>
</div>
</li>
<li class="glide__slide slider__slide--targetgroup">
<div class="o-teaser teaser--stage cs--bg-image-a">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/1x1/mann-mit-tablet.jpg">
<source media="(min-width: 641px)" srcset="../../images/8x3/frau-tablet-arzt-1080x405.jpg">
<img src="../../images/8x3/frau-tablet-arzt-1080x405.jpg" alt="">
</picture>
</div>
<div class="teaser__content">
<div class="teaser__headline-wrapper">
<div class="teaser__headline">
Wir unterstützen die Videosprechstunde, egal ob mit Slack oder Webex oder Skype
</div>
</div>
<div class="teaser__button-wrapper">
<a class="a-btn btn--conversion" href="" title="">
Mitglied werden
</a>
</div>
</div>
</div>
</li>
<li class="glide__slide slider__slide--targetgroup">
<div class="o-teaser teaser--stage cs--bg-image-a">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/1x1/laechelnder-mann-1000x1000.jpg">
<source media="(min-width: 641px)" srcset="../../images/8x3/frau-tablet-arzt-1080x405.jpg">
<img src="../../images/8x3/frau-tablet-arzt-1080x405.jpg" alt="">
</picture>
</div>
<div class="teaser__content">
<div class="teaser__headline-wrapper">
<div class="teaser__headline">
Mehr Vorteile für Azubis!
</div>
</div>
<div class="teaser__button-wrapper">
<a class="a-btn btn--conversion" href="" title="">
Mitglied werden
</a>
</div>
</div>
</div>
</li>
<li class="glide__slide slider__slide--targetgroup">
<div class="o-teaser teaser--stage cs--bg-image-a">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/1x1/eltern-kind-blumen-1000x1000.jpg">
<source media="(min-width: 641px)" srcset="../../images/8x3/eltern-sohn-toben-1080x405.jpg">
<img src="../../images/8x3/eltern-sohn-toben-1080x405.jpg" alt="">
</picture>
</div>
<div class="teaser__content">
<div class="teaser__headline-wrapper">
<div class="teaser__headline">
Wir unterstützen sie vor, während und nach Schwangerschaften
</div>
</div>
<div class="teaser__button-wrapper">
<a class="a-btn btn--conversion" href="" title="">
Mitglied werden
</a>
</div>
</div>
</div>
</li>
<li class="glide__slide slider__slide--targetgroup">
<div class="o-teaser teaser--stage cs--bg-image-a">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/1x1/eltern-baby-tablet-1000x1000.jpg">
<source media="(min-width: 641px)" srcset="../../images/8x3/grafik-rubrik-frage-1080x405.png">
<img src="../../images/8x3/grafik-rubrik-frage-1080x405.png" alt="">
</picture>
</div>
<div class="teaser__content">
<div class="teaser__headline-wrapper">
<div class="teaser__headline">
Werden sie Mitglied bei der Barmer
</div>
</div>
<div class="teaser__button-wrapper">
<a class="a-btn btn--conversion" href="" title="">
Mitglied werden
</a>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="m-slider-arrows glide__arrows slider-arrows--chevron " data-glide-el="controls">
<button class="slider-arrow glide__arrow slider-arrow--left" data-glide-dir="<"><span class="sr-only">Zum vorigen Bild</span><img src="../../img/angle-left-dropshadow.svg" alt="" title="" class="a-image ">
</button>
<button class="slider-arrow glide__arrow slider-arrow--right" data-glide-dir=">"><span class="sr-only">Zum nächsten Bild</span><img src="../../img/angle-right-dropshadow.svg" alt="" title="" class="a-image ">
</button>
</div>
</div>
<div class="m-slider-bullets glide__bullets slider-bullets--thumbnail" aria-hidden="true">
<ul class="slider-bullets__list" data-glide-el="controls[nav]">
<li class="slider-bullet glide__bullet" data-glide-dir="=0">
<button class="slider-bullet__button" title="Impfung">
<i class="a-icon icon--dot" aria-hidden="true"></i>
<img src="../../images/1x1/insect-1-128x128.jpg" alt="" title="" class="a-image slider-bullet__thumbnail" loading="lazy">
<span class="slider-bullet__label"><span class="sr-only">Zum Element </span> Impfung</span>
</button>
</li>
<li class="slider-bullet glide__bullet" data-glide-dir="=1">
<button class="slider-bullet__button" title="Darmkrebsvorsorgeuntersuchung">
<i class="a-icon icon--dot" aria-hidden="true"></i>
<img src="../../images/1x1/insect-2-128x128.jpg" alt="" title="" class="a-image slider-bullet__thumbnail" loading="lazy">
<span class="slider-bullet__label"><span class="sr-only">Zum Element </span> Darmkrebsvorsorgeuntersuchung</span>
</button>
</li>
<li class="slider-bullet glide__bullet glide__bullet--active" data-glide-dir="=2">
<button class="slider-bullet__button" title="Videosprechstunde">
<i class="a-icon icon--dot" aria-hidden="true"></i>
<img src="../../images/1x1/insect-3-128x128.jpg" alt="" title="" class="a-image slider-bullet__thumbnail" loading="lazy">
<span class="slider-bullet__label"><span class="sr-only">Zum Element </span> Videosprechstunde</span>
</button>
</li>
<li class="slider-bullet glide__bullet" data-glide-dir="=3">
<button class="slider-bullet__button" title="Azubis">
<i class="a-icon icon--dot" aria-hidden="true"></i>
<img src="../../images/1x1/plant-1-128x128.jpg" alt="" title="" class="a-image slider-bullet__thumbnail" loading="lazy">
<span class="slider-bullet__label"><span class="sr-only">Zum Element </span> Vorteile für Azubis</span>
</button>
</li>
<li class="slider-bullet glide__bullet" data-glide-dir="=4">
<button class="slider-bullet__button" title="Schwangerschaft">
<i class="a-icon icon--dot" aria-hidden="true"></i>
<img src="../../images/1x1/plant-2-128x128.jpg" alt="" title="" class="a-image slider-bullet__thumbnail" loading="lazy">
<span class="slider-bullet__label"><span class="sr-only">Zum Element </span> Schwangerschaft</span>
</button>
</li>
<li class="slider-bullet glide__bullet" data-glide-dir="=5">
<button class="slider-bullet__button" title="Mitgliedantrag">
<i class="a-icon icon--dot" aria-hidden="true"></i>
<img src="../../images/1x1/plant-3-128x128.jpg" alt="" title="" class="a-image slider-bullet__thumbnail" loading="lazy">
<span class="slider-bullet__label"><span class="sr-only">Zum Element </span> Mitglied werden und viele weitere Vorteile für ein langes Label</span>
</button>
</li>
</ul>
</div>
</div>
</div>
<div class="o-slider glide js-slider-init {{viewtypes.specifier}}" data-slider-type="{{viewtypes.sliderType}}" data-glide-config="{"autoplay": {{content.config.autoplay}} }" {{#if content.ratio}}data-content-ratio="{{content.ratio}}"{{/if}} {{#if switches.hasDataAttributes}}{{{content.dataAttributes}}}{{/if}}>
{{# switches.hasHeadline }}
<h2 class="slider__headline {{viewtypes.headline}}">{{content.title}}</h2>
{{/ switches.hasHeadline }}
{{# switches.hasDetailText }}
<div class="slider__detailtext">
{{# switches.hasSubtitle }}
<p>{{content.subtitle}}</p>
{{/ switches.hasSubtitle }}
<p>{{content.detailText}}</p>
</div>
{{/ switches.hasDetailText }}
<div class="slider__area">
<div class="slider__track-wrapper">
{{# switches.hasArrowsTop}}
{{#if viewtypes.arrowsType }}
{{render (stringToPartial viewtypes.arrowsType) partials.arrows merge=true}}
{{else}}
{{log 'slider.hbs: ERROR: Missing viewtypes.arrowsType value' level='error'}}
{{/if}}
{{/switches.hasArrowsTop}}
<div class="slider__track glide__track slider__track--{{viewtypes.sliderType}}" data-glide-el="track">
<ul class="glide__slides slider__slides--{{viewtypes.sliderType}}" aria-label="Karusell mit {{switches.slideCount}} {{content.elementName}}">
{{#each partials.slide }}
{{#ifcond @index '<' ../switches.slideCount}}
<li class="glide__slide slider__slide--{{../viewtypes.sliderType}}">
{{ render (stringToPartial ../partials.includedItemType) this merge=true }}
</li>
{{/ifcond}}
{{/each}}
</ul>
</div>
{{# switches.hasArrowsBottom}}
{{#if viewtypes.arrowsType }}
{{render (stringToPartial viewtypes.arrowsType) partials.arrows merge=true}}
{{else}}
{{log 'slider.hbs: ERROR: Missing viewtypes.arrowsType value' level='error'}}
{{/if}}
{{/switches.hasArrowsBottom}}
</div>
{{# switches.hasArrowsWithBullets}}
{{#if viewtypes.arrowsType }}
<div class="slider__controls-area">
{{ render (stringToPartial viewtypes.arrowsType) partials.arrows merge=true }}
{{else}}
{{ log 'slider.hbs: ERROR: Missing viewtypes.arrowsType value' level='error' }}
{{/if}}
{{/switches.hasArrowsWithBullets}}
{{# switches.hasBullets }}
{{#if viewtypes.bulletsType }}
{{render (stringToPartial viewtypes.bulletsType) partials.bullets merge=true}}
{{else}}
{{log 'slider.hbs: ERROR: Missing viewtypes.bulletsType value' level='error'}}
{{/if}}
{{/ switches.hasBullets }}
{{# switches.hasArrowsWithBullets}}
{{#if viewtypes.arrowsType }}
</div> {{! close Controls Area div if rendered }}
{{/if}}
{{/switches.hasArrowsWithBullets}}
</div>
{{# switches.hasExternalContent}}
{{render '@formelement-toggle--third-party-consent-manager' partials.consentToggle merge=true}}
{{/ switches.hasExternalContent}}
</div>
{
"switches": {
"hasHeadline": false,
"hasDetailText": false,
"hasArrowsBottom": true,
"hasBullets": true,
"slideCount": 6,
"hasExternalContent": false,
"hasArrowsTop": false
},
"viewtypes": {
"specifier": "slider--targetgroup cs--bg-image-a",
"sliderType": "targetgroup",
"arrowsType": "slider-arrows--chevron",
"bulletsType": "slider-bullets--thumbnail"
},
"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",
"config": {
"autoplay": "3000"
},
"elementName": "Elementen",
"ratio": false
},
"partials": {
"includedItemType": "teaser--stage",
"slide": [
{
"switches": {},
"viewtypes": {},
"content": {
"label": "Impfung",
"headline": "Gehen Sie sich impfen!",
"titleText": "Impfung"
},
"partials": {
"picture": {
"content": {
"sources": [
{
"media": "(max-width: 640px)",
"srcset": "../../images/1x1/blick-auf-die-fensterfront-der-barmer-geschaeftsstelle-in-dresden.jpg"
},
{
"media": "(min-width: 641px)",
"srcset": "../../images/8x3/blick-auf-die-fensterfront-der-barmer-geschaeftsstelle-in-dresden.jpg"
}
],
"img": {
"src": "../../images/8x3/blick-auf-die-fensterfront-der-barmer-geschaeftsstelle-in-dresden.jpg",
"alt": ""
}
}
},
"thumbnail": {
"viewtypes": {
"specifier": "slider-bullet__thumbnail"
},
"content": {
"sourceUrl": "../../images/1x1/insect-1-128x128.jpg",
"altText": "",
"titleText": ""
}
}
}
},
{
"switches": {},
"viewtypes": {},
"content": {
"label": "Darmkrebsvorsorgeuntersuchung",
"headline": "Mit dem Wort Darmkrebsvorsorgeuntersuchung gelingt es uns eine lange Headline zu produzieren",
"titleText": "Darmkrebsvorsorgeuntersuchung"
},
"partials": {
"picture": {
"content": {
"sources": [
{
"media": "(max-width: 640px)",
"srcset": "../../images/1x1/mann-mit-kind.jpg"
},
{
"media": "(min-width: 641px)",
"srcset": "../../images/8x3/mutter-kind-schoss-1080x405.jpg"
}
],
"img": {
"src": "../../images/8x3/mutter-kind-schoss-1080x405.jpg",
"alt": ""
}
}
},
"thumbnail": {
"viewtypes": {
"specifier": "slider-bullet__thumbnail"
},
"content": {
"sourceUrl": "../../images/1x1/insect-2-128x128.jpg",
"altText": "",
"titleText": ""
}
}
}
},
{
"switches": {},
"viewtypes": {},
"content": {
"label": "Barmer Videosprechstunde",
"headline": "Wir unterstützen die Videosprechstunde, egal ob mit Slack oder Webex oder Skype",
"titleText": "Videosprechstunde"
},
"partials": {
"picture": {
"content": {
"sources": [
{
"media": "(max-width: 640px)",
"srcset": "../../images/1x1/mann-mit-tablet.jpg"
},
{
"media": "(min-width: 641px)",
"srcset": "../../images/8x3/frau-tablet-arzt-1080x405.jpg"
}
],
"img": {
"src": "../../images/8x3/frau-tablet-arzt-1080x405.jpg",
"alt": ""
}
}
},
"thumbnail": {
"viewtypes": {
"specifier": "slider-bullet__thumbnail"
},
"content": {
"sourceUrl": "../../images/1x1/insect-3-128x128.jpg",
"altText": "",
"titleText": ""
}
}
}
},
{
"switches": {},
"viewtypes": {},
"content": {
"label": "Vorteile für Azubis",
"headline": "Mehr Vorteile für Azubis!",
"titleText": "Azubis"
},
"partials": {
"picture": {
"content": {
"sources": [
{
"media": "(max-width: 640px)",
"srcset": "../../images/1x1/laechelnder-mann-1000x1000.jpg"
},
{
"media": "(min-width: 641px)",
"srcset": "../../images/8x3/frau-tablet-arzt-1080x405.jpg"
}
],
"img": {
"src": "../../images/8x3/frau-tablet-arzt-1080x405.jpg",
"alt": ""
}
}
},
"thumbnail": {
"viewtypes": {
"specifier": "slider-bullet__thumbnail"
},
"content": {
"sourceUrl": "../../images/1x1/plant-1-128x128.jpg",
"altText": "",
"titleText": ""
}
}
}
},
{
"switches": {},
"viewtypes": {},
"content": {
"label": "Schwangerschaft",
"headline": "Wir unterstützen sie vor, während und nach Schwangerschaften",
"titleText": "Schwangerschaft"
},
"partials": {
"picture": {
"content": {
"sources": [
{
"media": "(max-width: 640px)",
"srcset": "../../images/1x1/eltern-kind-blumen-1000x1000.jpg"
},
{
"media": "(min-width: 641px)",
"srcset": "../../images/8x3/eltern-sohn-toben-1080x405.jpg"
}
],
"img": {
"src": "../../images/8x3/eltern-sohn-toben-1080x405.jpg",
"alt": ""
}
}
},
"thumbnail": {
"viewtypes": {
"specifier": "slider-bullet__thumbnail"
},
"content": {
"sourceUrl": "../../images/1x1/plant-2-128x128.jpg",
"altText": "",
"titleText": ""
}
}
}
},
{
"switches": {},
"viewtypes": {},
"content": {
"label": "Mitglied werden und viele weitere Vorteile für ein langes Label",
"headline": "Werden sie Mitglied bei der Barmer",
"titleText": "Mitgliedantrag"
},
"partials": {
"picture": {
"content": {
"sources": [
{
"media": "(max-width: 640px)",
"srcset": "../../images/1x1/eltern-baby-tablet-1000x1000.jpg"
},
{
"media": "(min-width: 641px)",
"srcset": "../../images/8x3/grafik-rubrik-frage-1080x405.png"
}
],
"img": {
"src": "../../images/8x3/grafik-rubrik-frage-1080x405.png",
"alt": ""
}
}
},
"thumbnail": {
"viewtypes": {
"specifier": "slider-bullet__thumbnail"
},
"content": {
"sourceUrl": "../../images/1x1/plant-3-128x128.jpg",
"altText": "",
"titleText": ""
}
}
}
}
]
}
}
No notes defined.