<div class="o-teaser-collection teaser-collection--mosaic js-teaser-targeting-init" id="mosaic">
<h3 class="teaser-collection__headline teaser-collection__headline--h2">Entspannung, Abwechslung und Inspiration - mit unseren digitalen Angeboten</h3>
<div class="teaser-collection__text">
<p>With the foundation in place, it was just a matter of putting it into practice. We started by working with the architects to identify the logical assembly points for the 6 logical locations of the Eventbrite platform. He adds: “It was only after I had the book I started working on, that I got to work with it, and I really dig the way the design is supposed to communicate ideas.”</p>
</div>
<div class="teaser-collection__teaser-wrapper">
<div class="o-teaser ">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/16x9/mann-mit-kind.jpg">
<source media="(min-width: 641px)" srcset="../../images/16x9/mann-mit-kind.jpg">
<img src="../../images/16x9/mann-mit-kind.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
</div>
<div class="teaser__content">
<h4 class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
1 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>
<div class="o-teaser ">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/16x9/mann-mit-tablet.jpg">
<source media="(min-width: 641px)" srcset="../../images/5x7/mann-mit-tablet.jpg">
<img src="../../images/16x9/mann-mit-tablet.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
</div>
<div class="teaser__content">
<h4 class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
2 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>
<div class="o-teaser ">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/16x9/barmer-app-yeah.jpg">
<source media="(min-width: 641px)" srcset="../../images/16x9/barmer-app-yeah.jpg">
<img src="../../images/16x9/barmer-app-yeah" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
</div>
<div class="teaser__content">
<h4 class="teaser__headline">
3 Studierende - ohne Teaser Verlinkung
</h4>
<div class="teaser__text">
Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein
</div>
</div>
</div>
<div class="o-teaser ">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/16x9/mann-mit-kind.jpg">
<source media="(min-width: 641px)" srcset="../../images/16x9/mann-mit-kind.jpg">
<img src="../../images/16x9/mann-mit-kind.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
</div>
<div class="teaser__content">
<h4 class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
4 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>
<div class="o-teaser ">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/16x9/barmer-app-yeah.jpg">
<source media="(min-width: 641px)" srcset="../../images/16x9/barmer-app-yeah.jpg">
<img src="../../images/16x9/barmer-app-yeah.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
</div>
<div class="teaser__content">
<h4 class="teaser__headline">
5 Studierende - ohne Teaser Verlinkung
</h4>
<div class="teaser__text">
Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein
</div>
</div>
</div>
<div class="o-teaser ">
<div class="teaser__image">
<picture class="a-picture ">
<source media="(max-width: 640px)" srcset="../../images/16x9/mann-mit-tablet.jpg">
<source media="(min-width: 641px)" srcset="../../images/5x7/mann-mit-tablet.jpg">
<img src="../../images/16x9/mann-mit-tablet.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
</picture>
</div>
<div class="teaser__content">
<h4 class="teaser__headline">
<a class="teaser__target" href="http://tagesschau.de">
6 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>
</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": 6,
"hasCTA": false,
"hasButton": false,
"hasFooter": false
},
"viewtypes": {
"specifier": "teaser-collection--mosaic 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": "",
"id": "mosaic"
},
"partials": {
"includedItemType": "teaser",
"teaserItems": [
{
"switches": {
"isLinkable": false,
"hasTeaserHeadlineAsLink": true,
"hasTextChevron": true,
"hasTeaserContentWrapper": true,
"hasPictureWithSrcset": true,
"isColumnPosition": 1
},
"viewtypes": {
"specifier": ""
},
"content": {
"headline": "1 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."
}
},
"picture": {
"content": {
"sources": [
{
"media": "(max-width: 640px)",
"srcset": "../../images/16x9/mann-mit-kind.jpg"
},
{
"media": "(min-width: 641px)",
"srcset": "../../images/16x9/mann-mit-kind.jpg"
}
],
"img": {
"src": "../../images/16x9/mann-mit-kind.jpg",
"alt": "Dies ist ein alternativ Text"
}
}
}
}
},
{
"switches": {
"isLinkable": false,
"hasTeaserHeadlineAsLink": true,
"hasTextChevron": true,
"hasTeaserContentWrapper": true,
"hasPictureWithSrcset": true,
"isColumnPosition": 1
},
"viewtypes": {
"specifier": ""
},
"content": {
"headline": "2 Selbstständige"
},
"partials": {
"teaserText": {
"content": {
"text": "Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein"
}
},
"picture": {
"content": {
"sources": [
{
"media": "(max-width: 640px)",
"srcset": "../../images/16x9/mann-mit-tablet.jpg"
},
{
"media": "(min-width: 641px)",
"srcset": "../../images/5x7/mann-mit-tablet.jpg"
}
],
"img": {
"src": "../../images/16x9/mann-mit-tablet.jpg",
"alt": "Dies ist ein alternativ Text"
}
}
}
}
},
{
"switches": {
"isLinkable": false,
"hasTeaserHeadlineAsLink": false,
"hasTextChevron": false,
"hasTeaserContentWrapper": true,
"hasPictureWithSrcset": true,
"isColumnPosition": 1
},
"viewtypes": {
"specifier": ""
},
"content": {
"headline": "3 Studierende - ohne Teaser Verlinkung"
},
"partials": {
"teaserText": {
"content": {
"text": "Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein"
}
},
"picture": {
"content": {
"sources": [
{
"media": "(max-width: 640px)",
"srcset": "../../images/16x9/barmer-app-yeah.jpg"
},
{
"media": "(min-width: 641px)",
"srcset": "../../images/16x9/barmer-app-yeah.jpg"
}
],
"img": {
"src": "../../images/16x9/barmer-app-yeah",
"alt": "Dies ist ein alternativ Text"
}
}
}
}
},
{
"switches": {
"isLinkable": false,
"hasTeaserHeadlineAsLink": true,
"hasTextChevron": true,
"hasTeaserContentWrapper": true,
"hasPictureWithSrcset": true,
"isColumnPosition": 1
},
"viewtypes": {
"specifier": ""
},
"content": {
"headline": "4 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."
}
},
"picture": {
"content": {
"sources": [
{
"media": "(max-width: 640px)",
"srcset": "../../images/16x9/mann-mit-kind.jpg"
},
{
"media": "(min-width: 641px)",
"srcset": "../../images/16x9/mann-mit-kind.jpg"
}
],
"img": {
"src": "../../images/16x9/mann-mit-kind.jpg",
"alt": "Dies ist ein alternativ Text"
}
}
}
}
},
{
"switches": {
"isLinkable": false,
"hasTeaserHeadlineAsLink": false,
"hasTextChevron": false,
"hasTeaserContentWrapper": true,
"hasPictureWithSrcset": true,
"isColumnPosition": 1
},
"viewtypes": {
"specifier": ""
},
"content": {
"headline": "5 Studierende - ohne Teaser Verlinkung"
},
"partials": {
"teaserText": {
"content": {
"text": "Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein"
}
},
"picture": {
"content": {
"sources": [
{
"media": "(max-width: 640px)",
"srcset": "../../images/16x9/barmer-app-yeah.jpg"
},
{
"media": "(min-width: 641px)",
"srcset": "../../images/16x9/barmer-app-yeah.jpg"
}
],
"img": {
"src": "../../images/16x9/barmer-app-yeah.jpg",
"alt": "Dies ist ein alternativ Text"
}
}
}
}
},
{
"switches": {
"isLinkable": false,
"hasTeaserHeadlineAsLink": true,
"hasTextChevron": true,
"hasTeaserContentWrapper": true,
"hasPictureWithSrcset": true,
"isColumnPosition": 1
},
"viewtypes": {
"specifier": ""
},
"content": {
"headline": "6 Selbstständige"
},
"partials": {
"teaserText": {
"content": {
"text": "Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein"
}
},
"picture": {
"content": {
"sources": [
{
"media": "(max-width: 640px)",
"srcset": "../../images/16x9/mann-mit-tablet.jpg"
},
{
"media": "(min-width: 641px)",
"srcset": "../../images/5x7/mann-mit-tablet.jpg"
}
],
"img": {
"src": "../../images/16x9/mann-mit-tablet.jpg",
"alt": "Dies ist ein alternativ Text"
}
}
}
}
}
],
"richtext": {
"switches": {
"hasDefaultText": false
},
"content": {
"text": "<p>With the foundation in place, it was just a matter of putting it into practice. We started by working with the architects to identify the logical assembly points for the 6 logical locations of the Eventbrite platform. He adds: “It was only after I had the book I started working on, that I got to work with it, and I really dig the way the design is supposed to communicate ideas.”</p>"
}
},
"button": {
"switches": {
"asLink": true
},
"viewtypes": {
"specifier": "btn--primary"
},
"content": {
"label": "Hier zu den Neuigkeiten"
}
}
}
}
Headline Tag is default rendered as a H3, but styling is controlled by headlineSpecifier.