<div class="o-teaser-collection teaser-collection--three-col-teaserlist js-teaser-targeting-init">
<h3 class="teaser-collection__headline teaser-collection__headline--h2">Entspannung, Abwechslung und Inspiration - mit unseren digitalen Angeboten</h3>
<div class="teaser-collection__text">
<p>Hier steht dann eine kurzer Richtext, der nicht soviele Styling-Optionen hat. Im Studio lässt sich dort wohl nur strong, kursiv und noch irgendetwas auszeichnen.</p>
</div>
<div class="teaser-collection__teaser-wrapper">
<div class="o-teaser ">
<div class="teaser__image">
<img src="../../images/1x1/mann-mit-kind.jpg" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">
</div>
<h4 class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
Karies: Nicht das einzige Problem für Kinderzähne
</a>
</h4>
<div class="teaser__text">
Etwa 230.000 Sechs- bis Neunjährige waren im Jahr 2019 wegen Kreidezähnen in zahnärztlicher Behandlung. Mindestens acht Prozent aller Heranwachsenden in dieser Altersgruppe wären damit von einem viel zu weichen Zahnschmelz betroffen. Tatsächlich dürfte die Quote sogar noch höher sein. Kreidezähne sind besonders kariesanfällig und bedürfen bei schwerer Ausprägung lebenslang einer Behandlung.
<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</div>
</div>
<div class="o-teaser ">
<div class="teaser__image">
<img src="../../images/1x1/mann-mit-tablet.jpg" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">
</div>
<h4 class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
Selbstständige
</a>
</h4>
<div class="teaser__text">
Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein
<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</div>
</div>
<div class="o-teaser ">
<div class="teaser__image">
<img src="../../images/1x1/barmer-app-yeah.jpg" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">
</div>
<h4 class="teaser__headline">
Studierende - ohne Teaser Verlinkung
</h4>
<div class="teaser__text">
Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein
</div>
</div>
</div>
</div>
<div class="o-teaser-collection {{viewtypes.specifier}}" {{#content.id}}id="{{this}}"{{/content.id}}>
{{# switches.hasHeadline }}
<h3 class="teaser-collection__headline {{viewtypes.headlineSpecifier}}">{{ content.headline }}</h3>
{{/switches.hasHeadline}}
{{# switches.hasDetailText }}
<div class="teaser-collection__text">
{{# switches.isPlaintext }}
{{ content.plaintext }}
{{/ switches.isPlaintext }}
{{^ switches.isPlaintext }}
{{ render '@richtext' partials.richtext merge=true }}
{{/ switches.isPlaintext }}
</div>
{{/switches.hasDetailText}}
<div class="teaser-collection__teaser-wrapper" {{{ content.attributes }}}>
{{# each partials.teaserItems }}
{{#ifcond @index '<' ../switches.teaserItemAmount}}
{{#ifcond switches.isColumnPosition '==' 1}}
{{ render (stringToPartial ../partials.includedItemType) this merge=true }}
{{/ifcond}}
{{/ifcond}}
{{/each}}
</div>
{{# switches.hasTwoColumns }}
<div class="teaser-collection__teaser-wrapper" {{{ content.attributes }}}>
{{# each partials.teaserItems }}
{{#ifcond @index '<' ../switches.teaserItemAmount}}
{{#ifcond switches.isColumnPosition '==' 2}}
{{ render (stringToPartial ../partials.includedItemType) this merge=true }}
{{/ifcond}}
{{/ifcond}}
{{/each}}
</div>
{{/switches.hasTwoColumns}}
{{# switches.hasFooter }}
<div class="teaser-collection__footer">
{{content.footertext}}
</div>
{{/switches.hasFooter}}
{{# switches.hasCTA }}
<div class="teaser-collection__cta-row">
{{ render '@button' this.partials.button merge=true }}
</div>
{{/switches.hasCTA}}
</div>
{
"switches": {
"hasHeadline": true,
"hasDetailText": true,
"hasTwoColumns": false,
"isPlaintext": false,
"teaserItemAmount": 3,
"hasCTA": false,
"hasButton": false,
"hasFooter": false
},
"viewtypes": {
"specifier": "teaser-collection--three-col-teaserlist js-teaser-targeting-init",
"headlineSpecifier": "teaser-collection__headline--h2"
},
"content": {
"headline": "Entspannung, Abwechslung und Inspiration - mit unseren digitalen Angeboten",
"plaintext": "Dies ist ein bißchen Plaintext",
"badge": "",
"button": "",
"footertext": ""
},
"partials": {
"includedItemType": "teaser",
"teaserItems": [
{
"switches": {
"isLinkable": false,
"hasTeaserHeadlineAsLink": true,
"hasTextChevron": true,
"hasTeaserContentWrapper": false,
"hasPictureWithSrcset": false,
"isColumnPosition": 1
},
"viewtypes": {
"specifier": ""
},
"content": {
"headline": "Karies: Nicht das einzige Problem für Kinderzähne"
},
"partials": {
"teaserText": {
"content": {
"text": "Etwa 230.000 Sechs- bis Neunjährige waren im Jahr 2019 wegen Kreidezähnen in zahnärztlicher Behandlung. Mindestens acht Prozent aller Heranwachsenden in dieser Altersgruppe wären damit von einem viel zu weichen Zahnschmelz betroffen. Tatsächlich dürfte die Quote sogar noch höher sein. Kreidezähne sind besonders kariesanfällig und bedürfen bei schwerer Ausprägung lebenslang einer Behandlung."
}
},
"image": {
"content": {
"sourceUrl": "../../images/1x1/mann-mit-kind.jpg"
}
}
}
},
{
"switches": {
"isLinkable": false,
"hasTeaserHeadlineAsLink": true,
"hasTextChevron": true,
"hasTeaserContentWrapper": false,
"hasPictureWithSrcset": false,
"isColumnPosition": 1
},
"viewtypes": {
"specifier": ""
},
"content": {
"headline": "Selbstständige"
},
"partials": {
"teaserText": {
"content": {
"text": "Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein"
}
},
"image": {
"content": {
"sourceUrl": "../../images/1x1/mann-mit-tablet.jpg"
}
}
}
},
{
"switches": {
"isLinkable": false,
"hasTeaserHeadlineAsLink": false,
"hasTextChevron": false,
"hasTeaserContentWrapper": false,
"hasPictureWithSrcset": false,
"isColumnPosition": 1
},
"viewtypes": {
"specifier": ""
},
"content": {
"headline": "Studierende - ohne Teaser Verlinkung"
},
"partials": {
"teaserText": {
"content": {
"text": "Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein"
}
},
"image": {
"content": {
"sourceUrl": "../../images/1x1/barmer-app-yeah.jpg"
}
}
}
}
],
"richtext": {
"switches": {
"hasDefaultText": false
},
"content": {
"text": "<p>Hier steht dann eine kurzer Richtext, der nicht soviele Styling-Optionen hat. Im Studio lässt sich dort wohl nur strong, kursiv und noch irgendetwas auszeichnen.</p>"
}
},
"button": {
"switches": {
"asLink": true
},
"viewtypes": {
"specifier": "btn--primary"
},
"content": {
"label": "Hier zu den Neuigkeiten"
}
}
}
}
Headline Tag is rendered as Headline H3, but styling is controlled by headlineSpecifier and this one get a H2-Styling