<div class="o-slider glide js-slider-init slider--review js-teaser-targeting-init" data-slider-type="review" data-glide-config="{"autoplay": 200000 }">
<h2 class="slider__headline slider__headline--h3">Eine Review wie keine Andere</h2>
<div class="slider__area">
<div class="slider__track-wrapper">
<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="slider__track glide__track slider__track--review" data-glide-el="track">
<ul class="glide__slides slider__slides--review" aria-label="Karusell mit 4 Elementen">
<li class="glide__slide slider__slide--review">
<div class="o-teaser teaser--review js-clamp-element-init" data-max-height="" data-expand-label="mehr" data-clamp-label="weniger">
<div class="teaser__review-text">
<h4 class="teaser__headline js-is-clamp-element">
Berufstätige Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
</h4>
<div class="teaser__text teaser__text--richtext">
<div class="a-richtext a-richtext js-is-clamp-element">
Mit flexibler Vorsorge und Therapie leistungsstark aufgehoben sein Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.
</div>
<button class="a-btn teaser__clamp-button js-clamp-button-trigger is-hidden" type="button" aria-hidden="true">mehr</button>
</div>
</div>
<div class="teaser__rating-and-link">
<div class="teaser__rating-stars">
<span class="sr-only">
Ihre Bewertung: 4 von 5 Sternen
</span>
<i class="a-icon icon--favorite-filled" aria-hidden="true"></i>
<i class="a-icon icon--favorite-filled" aria-hidden="true"></i>
<i class="a-icon icon--favorite-filled" aria-hidden="true"></i>
<i class="a-icon icon--favorite-filled" aria-hidden="true"></i>
<i class="a-icon icon--favorite" aria-hidden="true"></i>
</div>
<div class="teaser__button-wrapper">
<a href="http://zdf.de" class="a-link ">
App Store
</a>
</div>
</div>
<div class="m-actor actor--with-portrait">
<figure class="m-figure figure--actor">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/1x1/portrait-1.jpg">
<img src="../../images/1x1/portrait-1.jpg" alt="" loading="lazy">
</picture>
</figure>
<div class="actor__name">Maria Zukowski</div>
</div>
</div>
</li>
<li class="glide__slide slider__slide--review">
<div class="o-teaser teaser--review js-clamp-element-init" data-max-height="" data-expand-label="mehr" data-clamp-label="weniger">
<div class="teaser__review-text">
<h4 class="teaser__headline js-is-clamp-element">
Berufstätige
</h4>
<div class="teaser__text teaser__text--richtext">
<div class="a-richtext a-richtext js-is-clamp-element">
Mit flexibler Vorsorge und Therapie leistungsstark aufgehoben sein. Das ist das Ziel eines jeden Menschen. Gesund munter und kunterbunt in der Welt zu stehen....oder so. Weiß auch nicht was Leute sonst so in eine Review schreibe? Ich meine wer setzt sich schon hin und fängt an seine Meinung in einen Roman zu verpacken? Das es so lange wird das es geclamped werden muss? Das macht doch niemand!
</div>
<button class="a-btn teaser__clamp-button js-clamp-button-trigger is-hidden" type="button" aria-hidden="true">mehr</button>
</div>
</div>
<div class="teaser__rating-and-link">
<div class="teaser__rating-stars">
<span class="sr-only">
Ihre Bewertung: 5 von 5 Sternen
</span>
<i class="a-icon icon--favorite-filled" aria-hidden="true"></i>
<i class="a-icon icon--favorite-filled" aria-hidden="true"></i>
<i class="a-icon icon--favorite-filled" aria-hidden="true"></i>
<i class="a-icon icon--favorite-filled" aria-hidden="true"></i>
<i class="a-icon icon--favorite-filled" aria-hidden="true"></i>
</div>
<div class="teaser__button-wrapper">
<a href="http://zdf.de" class="a-link ">
Google Play Store
</a>
</div>
</div>
<div class="m-actor actor--with-portrait">
<figure class="m-figure figure--actor">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/1x1/portrait-1.jpg">
<img src="../../images/1x1/portrait-1.jpg" alt="" loading="lazy">
</picture>
</figure>
<div class="actor__name">Dr. med. Katharina Maria Zukowski-Hermann</div>
</div>
</div>
</li>
<li class="glide__slide slider__slide--review">
<div class="o-teaser teaser--review js-clamp-element-init" data-max-height="" data-expand-label="mehr" data-clamp-label="weniger">
<div class="teaser__review-text">
<h4 class="teaser__headline js-is-clamp-element">
Berufstätige
</h4>
<div class="teaser__text teaser__text--richtext">
<div class="a-richtext a-richtext js-is-clamp-element">
Mit flexibler Vorsorge und Therapie leistungsstark aufgehoben sein.
</div>
<button class="a-btn teaser__clamp-button js-clamp-button-trigger is-hidden" type="button" aria-hidden="true">mehr</button>
</div>
</div>
<div class="teaser__rating-and-link">
<div class="teaser__rating-stars">
<span class="sr-only">
Ihre Bewertung: 1 von 5 Sternen
</span>
<i class="a-icon icon--favorite-filled" aria-hidden="true"></i>
<i class="a-icon icon--favorite" aria-hidden="true"></i>
<i class="a-icon icon--favorite" aria-hidden="true"></i>
<i class="a-icon icon--favorite" aria-hidden="true"></i>
<i class="a-icon icon--favorite" aria-hidden="true"></i>
</div>
<div class="teaser__button-wrapper">
<a href="http://zdf.de" class="a-link ">
Google Play Store
</a>
</div>
</div>
<div class="m-actor figure--actor">
<div class="actor__name">Anna Lara Katharina Maria Zukowski-Hermann</div>
</div>
</div>
</li>
<li class="glide__slide slider__slide--review">
<div class="o-teaser teaser--review js-clamp-element-init" data-max-height="" data-expand-label="mehr" data-clamp-label="weniger">
<div class="teaser__review-text">
<h4 class="teaser__headline js-is-clamp-element">
Berufstätige
</h4>
<div class="teaser__text teaser__text--richtext">
<div class="a-richtext a-richtext js-is-clamp-element">
Mit flexibler Vorsorge und Therapie leistungsstark aufgehoben sein.
</div>
<button class="a-btn teaser__clamp-button js-clamp-button-trigger is-hidden" type="button" aria-hidden="true">mehr</button>
</div>
</div>
<div class="m-actor actor--with-portrait">
<figure class="m-figure figure--actor">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/1x1/portrait-1.jpg">
<img src="../../images/1x1/portrait-1.jpg" alt="" loading="lazy">
</picture>
</figure>
<div class="actor__name">Maria Zukowski-Hermann</div>
</div>
</div>
</li>
</ul>
</div>
</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": true,
"hasDetailText": false,
"hasArrowsBottom": false,
"hasBullets": false,
"slideCount": 4,
"hasExternalContent": false,
"hasArrowsTop": true
},
"viewtypes": {
"specifier": "slider--review js-teaser-targeting-init",
"sliderType": "review",
"arrowsType": "slider-arrows--chevron-pair",
"bulletsType": "slider-bullets--disc",
"headline": "slider__headline--h3"
},
"content": {
"title": "Eine Review wie keine Andere",
"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": 200000
},
"elementName": "Elementen",
"ratio": false
},
"partials": {
"includedItemType": "teaser--review",
"slide": [
{
"switches": {
"isLinkable": false,
"hasTeaserImage": false,
"hasIconAsImage": true,
"hasInternalVideo": false,
"hasTeaserHeadline": true,
"hasTeaserHeadlineAsLink": false,
"hasTeaserText": false,
"hasTeaserRichtext": true,
"hasButton": true,
"hasTextChevron": false,
"hasHeadlineChevron": false,
"hasTeaserHeadlineWrapper": false,
"hasTeaserContentWrapper": false,
"hasTeaserResponsiveImage": false,
"hasSecondTarget": false,
"hasPlayButton": false,
"hasClampedRichtext": true,
"hasClampedButton": true,
"hasRatingStars": true,
"ratingCount": 4,
"ratingCountRest": 1,
"hasActor": true
},
"content": {
"headline": "Berufstätige Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna ",
"badge": ""
},
"partials": {
"richtext": {
"switches": {
"hasWrapper": true
},
"content": {
"text": "Mit flexibler Vorsorge und Therapie leistungsstark aufgehoben sein Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna."
}
},
"textlink": {
"content": {
"text": "App Store"
}
},
"actor": {
"switches": {
"hasPortrait": true,
"hasDetail": false
},
"viewtypes": {
"specifier": "actor--with-portrait"
},
"content": {
"name": "Maria Zukowski"
}
}
}
},
{
"switches": {
"isLinkable": false,
"hasTeaserImage": false,
"hasIconAsImage": true,
"hasInternalVideo": false,
"hasTeaserHeadline": true,
"hasTeaserHeadlineAsLink": false,
"hasTeaserText": false,
"hasTeaserRichtext": true,
"hasButton": true,
"hasTextChevron": false,
"hasHeadlineChevron": false,
"hasTeaserHeadlineWrapper": false,
"hasTeaserContentWrapper": false,
"hasTeaserResponsiveImage": false,
"hasSecondTarget": false,
"hasPlayButton": false,
"hasClampedRichtext": true,
"hasClampedButton": true,
"hasRatingStars": true,
"ratingCount": 5,
"ratingCountRest": 0,
"hasActor": true
},
"content": {
"headline": "Berufstätige",
"badge": ""
},
"partials": {
"richtext": {
"switches": {
"hasWrapper": true
},
"content": {
"text": "Mit flexibler Vorsorge und Therapie leistungsstark aufgehoben sein. Das ist das Ziel eines jeden Menschen. Gesund munter und kunterbunt in der Welt zu stehen....oder so. Weiß auch nicht was Leute sonst so in eine Review schreibe? Ich meine wer setzt sich schon hin und fängt an seine Meinung in einen Roman zu verpacken? Das es so lange wird das es geclamped werden muss? Das macht doch niemand!"
}
},
"textlink": {
"content": {
"text": "Google Play Store"
}
},
"actor": {
"switches": {
"hasPortrait": true,
"hasDetail": false
},
"viewtypes": {
"specifier": "actor--with-portrait"
},
"content": {
"name": "Dr. med. Katharina Maria Zukowski-Hermann"
}
}
}
},
{
"switches": {
"isLinkable": false,
"hasTeaserImage": false,
"hasIconAsImage": true,
"hasInternalVideo": false,
"hasTeaserHeadline": true,
"hasTeaserHeadlineAsLink": false,
"hasTeaserText": false,
"hasTeaserRichtext": true,
"hasButton": true,
"hasTextChevron": false,
"hasHeadlineChevron": false,
"hasTeaserHeadlineWrapper": false,
"hasTeaserContentWrapper": false,
"hasTeaserResponsiveImage": false,
"hasSecondTarget": false,
"hasPlayButton": false,
"hasClampedRichtext": true,
"hasClampedButton": true,
"hasRatingStars": true,
"ratingCount": 1,
"ratingCountRest": 4,
"hasActor": true
},
"content": {
"headline": "Berufstätige",
"badge": ""
},
"partials": {
"richtext": {
"switches": {
"hasWrapper": true
},
"content": {
"text": "Mit flexibler Vorsorge und Therapie leistungsstark aufgehoben sein."
}
},
"textlink": {
"content": {
"text": "Google Play Store"
}
},
"actor": {
"switches": {
"hasPortrait": false,
"hasDetail": false
},
"viewtypes": {
"specifier": "figure--actor"
},
"content": {
"name": "Anna Lara Katharina Maria Zukowski-Hermann"
}
}
}
},
{
"switches": {
"isLinkable": false,
"hasTeaserImage": false,
"hasIconAsImage": true,
"hasInternalVideo": false,
"hasTeaserHeadline": true,
"hasTeaserHeadlineAsLink": false,
"hasTeaserText": false,
"hasTeaserRichtext": true,
"hasButton": false,
"hasTextChevron": false,
"hasHeadlineChevron": false,
"hasTeaserHeadlineWrapper": false,
"hasTeaserContentWrapper": false,
"hasTeaserResponsiveImage": false,
"hasSecondTarget": false,
"hasPlayButton": false,
"hasClampedRichtext": true,
"hasClampedButton": true,
"hasRatingStars": false,
"ratingCount": 3,
"ratingCountRest": 2,
"hasActor": true
},
"content": {
"headline": "Berufstätige",
"badge": ""
},
"partials": {
"richtext": {
"switches": {
"hasWrapper": true
},
"content": {
"text": "Mit flexibler Vorsorge und Therapie leistungsstark aufgehoben sein."
}
},
"textlink": {
"content": {
"text": "App Store"
}
},
"actor": {
"switches": {
"hasPortrait": true,
"hasDetail": false
},
"viewtypes": {
"specifier": "actor--with-portrait"
},
"content": {
"name": "Maria Zukowski-Hermann"
}
}
}
}
]
}
}
No notes defined.