<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: 3 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" 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 ">
Appstore
</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>
<div class="o-teaser {{viewtypes.specifier}}" {{{content.dataAttributes}}}>
<div class="teaser__review-text">
{{# this.switches.hasTeaserHeadline }}
<{{content.headlineTag}} class="{{content.headlineSpecifier}}">
{{{ content.headline }}}
</{{content.headlineTag}}>
{{/this.switches.hasTeaserHeadline}}
{{# this.switches.hasTeaserRichtext }}
<div class="teaser__text teaser__text--richtext">
{{ render '@richtext--default' this.partials.richtext merge=true }}
{{ render '@button' this.partials.clampButton merge=true }}
</div>
{{/this.switches.hasTeaserRichtext}}
</div>
{{#this.switches.hasRatingStars}}
<div class="teaser__rating-and-link">
<div class="teaser__rating-stars">
<span class="sr-only">
Ihre Bewertung: {{{this.switches.ratingCount}}} von 5 Sternen
</span>
{{#for this.switches.ratingCount}}
{{ render '@icon--favorite-filled' merge=true}}
{{/for }}
{{#for this.switches.ratingCountRest}}
{{ render '@icon--favorite' merge=true}}
{{/for }}
</div>
{{/this.switches.hasRatingStars}}
{{# this.switches.hasButton }}
<div class="teaser__button-wrapper">
{{render '@link' this.partials.textlink merge=true }}
</div>
{{/ this.switches.hasButton }}
{{#this.switches.hasRatingStars}}
</div>
{{/this.switches.hasRatingStars}}
{{#this.switches.hasActor}}
{{ render '@actor--default' this.partials.actor merge=true}}
{{/this.switches.hasActor}}
</div>
{
"switches": {
"isLinkable": false,
"hasButton": true,
"hasTestimonialButton": false,
"hasDockingPlacement": false,
"hasTestimonialPlacement": false,
"hasHeadlineChevron": false,
"hasIconAsImage": true,
"hasInternalVideo": false,
"hasPictureWithSrcset": true,
"hasPlayButton": false,
"hasSecondTarget": false,
"hasTeaserHeadline": true,
"hasTeaserContentWrapper": false,
"hasTeaserHeadlineAsLink": false,
"hasTeaserHeadlineWrapper": false,
"hasTeaserImage": false,
"hasTeaserImageLazyLoadingDisabled": false,
"hasTeaserOverline": false,
"hasTeaserRichtext": true,
"hasTeaserText": false,
"hasTextChevron": false,
"hasTestimonial": false,
"linkAsButtonView": false,
"linkAsButtonView2": false,
"hasMultipleButtons": false,
"hasRatingStars": true,
"hasActor": true,
"hasTeaserGradient": false,
"hasTeaserResponsiveImage": false,
"ratingCount": 3,
"ratingCountRest": 2
},
"viewtypes": {
"specifier": "teaser--review js-clamp-element-init"
},
"content": {
"targetUrl": "http://tagesschau.de",
"overline": "Dies ist eine Overline, die im Studio als Subtitle geführt wird",
"headline": "Berufstätige Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna ",
"headlineTag": "h4",
"badge": "",
"videoTemplateId": "123",
"videoType": "video--external",
"headlineSpecifier": "teaser__headline js-is-clamp-element",
"dataAttributes": "data-max-height=\"\" data-expand-label=\"mehr\" data-clamp-label=\"weniger\""
},
"partials": {
"teaserText": {
"content": {
"text": "Dies ist ein kurzer Teaser-Text"
}
},
"image": {
"content": {
"sourceUrl": "../../images/eine-frau-sitzt-auf-der-fensterbank-und-schaut-auf-ein-tablet.jpg"
}
},
"picture": {
"content": {
"sources": [
{
"media": "(max-width: 640px)",
"srcset": "../../images/1x1/barmer-app-yeah.jpg"
},
{
"media": "(min-width: 641px)",
"srcset": "../../images/16x9/barmer-app-yeah.jpg"
}
],
"img": {
"src": "../../images/16x9/barmer-app-yeah.jpg",
"alt": ""
}
}
},
"textlink": {
"content": {
"text": "Appstore"
}
},
"playButton": {
"viewtypes": {
"specifier": "btn--play js-modal-trigger"
}
},
"richtext": {
"viewtypes": {
"specifier": "a-richtext js-is-clamp-element"
},
"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."
}
},
"clampButton": {
"viewtypes": {
"specifier": "teaser__clamp-button js-clamp-button-trigger is-hidden"
},
"content": {
"label": "mehr",
"ariaHidden": true
}
},
"actor": {
"switches": {
"hasPortrait": true,
"hasDetail": false
},
"viewtypes": {
"specifier": "actor--with-portrait"
},
"content": {
"name": "Dr. med. Katharina Maria Zukowski-Hermann"
}
}
}
}
No notes defined.