Overview Teasercollections

<div class="o-teaser teaser--bannermodule cs--a">

    <h4 class="teaser__headline">
        Übersicht Teasercollections

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>Auf dieser Seite finden Sie alle Teasercollections</p>
    </div>

</div>

<div class="o-teaser teaser--bannermodule cs--b">

    <h4 class="teaser__headline">
        Teasercollection - Default

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--default</p>
    </div>

</div>

<div class="o-teaser-collection ">

    <h3 class="teaser-collection__headline teaser-collection__headline--h3">Entspannung, Abwechslung und Inspiration - mit unseren digitalen Angeboten</h3>

    <div class="teaser-collection__teaser-wrapper">
        <a href="http://tagesschau.de" class="o-teaser ">

            <div class="teaser__image">

                <picture class="a-picture ">
                    <source media="(max-width: 640px)" srcset="../../images/1x1/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="" loading="lazy">
                </picture>

            </div>

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    Berufstätige

                </h4>

                <div class="teaser__text">
                    Mit flexibler Vorsorge und Therapie leistungsstark aufgehoben sein

                </div>

            </div>

        </a>

        <a href="http://tagesschau.de" class="o-teaser ">

            <div class="teaser__image">

                <picture class="a-picture ">
                    <source media="(max-width: 640px)" srcset="../../images/1x1/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="" loading="lazy">
                </picture>

            </div>

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    Selbstständige

                </h4>

                <div class="teaser__text">
                    Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein

                </div>

            </div>

        </a>

        <a href="http://tagesschau.de" class="o-teaser ">

            <div class="teaser__image">

                <picture class="a-picture ">
                    <source media="(max-width: 640px)" srcset="../../images/1x1/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="" loading="lazy">
                </picture>

            </div>

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    Studierende

                </h4>

                <div class="teaser__text">
                    Mit digitalen Services und vielen Extras kostengünstig krankenversichert sein

                </div>

            </div>

        </a>

    </div>

</div>

<div class="o-teaser-collection teaser-collection--two-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">

                <picture class="a-picture ">
                    <source media="(max-width: 640px)" srcset="../../images/1x1/mann-mit-tablet.jpg">
                    <source media="(min-width: 641px)" srcset="../../images/16x9/mann-mit-tablet.jpg">
                    <img src="../../images/16x9/barmer-app-yeah.jpg" alt="" loading="lazy">
                </picture>

            </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.
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

        <div class="o-teaser ">

            <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/16x9/mann-mit-kind.jpg">
                    <img src="../../images/16x9/barmer-app-yeah.jpg" alt="" loading="lazy">
                </picture>

            </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 teaser-collection--two-col-teaserlist teaser-collection--two-col-teaserlist-rounded-image 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-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">
                    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.
                &nbsp;<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 teaser-collection--two-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 ">

            <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">
                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.
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

        <div class="o-teaser ">

            <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 teaser-collection--four-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/3x2/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.
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

        <div class="o-teaser ">

            <div class="teaser__image">

                <img src="../../images/3x2/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
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

        <div class="o-teaser ">

            <div class="teaser__image">

                <img src="../../images/3x2/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 class="o-teaser ">

            <div class="teaser__image">

                <img src="../../images/3x2/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">
                    Essen, Trinken, Rauchen: Warum diese Strategien nicht gegen Stress helfen
                </a>
            </h4>

            <div class="teaser__text">
                Wer gestresst ist, greift schneller auf Suchtmittel zurück. Denn Substanzen wie Alkohol aktivieren das Belohnungssystem des menschlichen Gehirn. Mit negativen Folgen für die Gesundheit.
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

        <div class="o-teaser ">

            <div class="teaser__image">

                <img src="../../images/3x2/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
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

        <div class="o-teaser ">

            <div class="teaser__image">

                <img src="../../images/3x2/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 class="o-teaser ">

            <div class="teaser__image">

                <img src="../../images/3x2/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
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

    </div>

</div>

<div class="o-teaser-collection teaser-collection--four-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/3x2/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.
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

        <div class="o-teaser ">

            <div class="teaser__image">

                <img src="../../images/3x2/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
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

    </div>

</div>

<div class="o-teaser-collection teaser-collection--four-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 ">

            <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">
                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.
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

        <div class="o-teaser ">

            <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
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

        <div class="o-teaser ">

            <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 class="o-teaser ">

            <h4 class="teaser__headline">
                <a class="teaser__target" href="http://tagesschau.de">
                    Essen, Trinken, Rauchen: Warum diese Strategien nicht gegen Stress helfen
                </a>
            </h4>

            <div class="teaser__text">
                Wer gestresst ist, greift schneller auf Suchtmittel zurück. Denn Substanzen wie Alkohol aktivieren das Belohnungssystem des menschlichen Gehirn. Mit negativen Folgen für die Gesundheit.
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule cs--d">

    <h4 class="teaser__headline">
        Teasercollection - 3-spaltige Teaserliste

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--3-spaltige-teaserliste</p>
    </div>

</div>

<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.
                &nbsp;<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
                &nbsp;<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 teaser--bannermodule cs--d">

    <h4 class="teaser__headline">
        Teasercollection - 3-spaltige Teaserliste without Headline

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--3-spaltige-teaserliste</p>
    </div>

</div>

<div class="o-teaser-collection teaser-collection--three-col-teaserlist js-teaser-targeting-init">

    <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.
                &nbsp;<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
                &nbsp;<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 teaser--bannermodule cs--d">

    <h4 class="teaser__headline">
        Teasercollection - 3-spaltige Teaserliste without Teasertext

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--3-spaltige-teaserliste</p>
    </div>

</div>

<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__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.
                &nbsp;<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
                &nbsp;<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 teaser--bannermodule cs--d">

    <h4 class="teaser__headline">
        Teasercollection - 3-spaltige Teaserliste without Headline & Teasertext

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--3-spaltige-teaserliste</p>
    </div>

</div>

<div class="o-teaser-collection teaser-collection--three-col-teaserlist js-teaser-targeting-init">

    <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.
                &nbsp;<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
                &nbsp;<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 teaser--bannermodule cs--d">

    <h4 class="teaser__headline">
        Teasercollection - 3-spaltige Teaserliste with Rounded Image

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--3-spaltige-teaserliste-rounded-image</p>
    </div>

</div>

<div class="o-teaser-collection teaser-collection--three-col-teaserlist  teaser-collection--three-col-teaserlist-rounded-image 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.
                &nbsp;<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
                &nbsp;<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 teaser--bannermodule cs--c">

    <h4 class="teaser__headline">
        Teasercollection - 3-spaltige Teaserliste without Image

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--3-spaltige-teaserliste</p>
    </div>

</div>

<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__content">

                <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.
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

        <div class="o-teaser ">

            <div class="teaser__content">

                <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
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

        <div class="o-teaser ">

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        Studierende
                    </a>
                </h4>

                <div class="teaser__text">
                    Lobpreiset die UpperCase-Funktion des Text-Transform auf der Barmer-Website
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

        <div class="o-teaser ">

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Immer noch Studierende</span>&nbsp;<i class="a-icon icon--lock" aria-label=""></i>
                    </a>
                </h4>

                <div class="teaser__text">
                    Mit digitalen Services und vielen Extras kostengünstig krankenversichert sein
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

        <div class="o-teaser ">

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        Nicht mehr Studierende
                    </a>
                </h4>

                <div class="teaser__text">
                    Mit digitalen Services und vielen Extras kostengünstig krankenversichert sein
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule cs--c">

    <h4 class="teaser__headline">
        Teasercollection - 3-spaltige Teaserliste without Image, Headline & Teasertext

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--3-spaltige-teaserliste</p>
    </div>

</div>

<div class="o-teaser-collection teaser-collection--three-col-teaserlist js-teaser-targeting-init">

    <div class="teaser-collection__teaser-wrapper">

        <div class="o-teaser ">

            <div class="teaser__content">

                <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.
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

        <div class="o-teaser ">

            <div class="teaser__content">

                <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
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

        <div class="o-teaser ">

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        Studierende
                    </a>
                </h4>

                <div class="teaser__text">
                    Lobpreiset die UpperCase-Funktion des Text-Transform auf der Barmer-Website
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

        <div class="o-teaser ">

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Immer noch Studierende</span>&nbsp;<i class="a-icon icon--lock" aria-label=""></i>
                    </a>
                </h4>

                <div class="teaser__text">
                    Mit digitalen Services und vielen Extras kostengünstig krankenversichert sein
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

        <div class="o-teaser ">

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        Nicht mehr Studierende
                    </a>
                </h4>

                <div class="teaser__text">
                    Mit digitalen Services und vielen Extras kostengünstig krankenversichert sein
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule cs--a">

    <h4 class="teaser__headline">
        Teasercollection - Navigationsteaser

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--navigations-teaser</p>
    </div>

</div>

<div class="o-teaser-collection teaser-collection--navigations-teaser">

    <h3 class="teaser-collection__headline teaser-collection__headline--h1">Entspannung, Abwechslung und Inspiration - mit unseren digitalen Angeboten</h3>

    <div class="teaser-collection__teaser-wrapper">

        <div class="o-teaser ">

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    Karies: Nicht das einzige Problem für Kinderzähne

                </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.

                </div>

                <div class="teaser__button-wrapper">
                    <a href="http://zdf.de" class="a-link ">
                        <span class="link__inner">Dies ist ein Linktext</span>&nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>

                    <a href="http://zdf.de" class="a-link ">
                        <span class="link__inner">Dies ist ein Linktext</span>&nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>

                </div>

            </div>

        </div>

        <a href="http://tagesschau.de" class="o-teaser ">

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    Selbstständige

                </h4>

                <div class="teaser__text">
                    Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein

                </div>

            </div>

        </a>

    </div>

</div>

<div class="o-teaser teaser--bannermodule cs--a">

    <h4 class="teaser__headline">
        Teasercollection - Navigationsteaser without Headline

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--navigations-teaser</p>
    </div>

</div>

<div class="o-teaser-collection teaser-collection--navigations-teaser">

    <div class="teaser-collection__teaser-wrapper">

        <div class="o-teaser ">

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    Karies: Nicht das einzige Problem für Kinderzähne

                </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.

                </div>

                <div class="teaser__button-wrapper">
                    <a href="http://zdf.de" class="a-link ">
                        <span class="link__inner">Dies ist ein Linktext</span>&nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>

                    <a href="http://zdf.de" class="a-link ">
                        <span class="link__inner">Dies ist ein Linktext</span>&nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>

                </div>

            </div>

        </div>

        <a href="http://tagesschau.de" class="o-teaser ">

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    Selbstständige

                </h4>

                <div class="teaser__text">
                    Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein

                </div>

            </div>

        </a>

    </div>

</div>

<div class="o-teaser teaser--bannermodule cs--b">

    <h4 class="teaser__headline">
        Teasercollection - Related Content

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--related-content</p>
    </div>

</div>

<div class="o-teaser-collection teaser-collection--related-content">

    <h3 class="teaser-collection__headline teaser-collection__headline--h3">Entspannung, Abwechslung und Inspiration - mit unseren digitalen Angeboten</h3>

    <div class="teaser-collection__teaser-wrapper">
        <a href="http://tagesschau.de" class="o-teaser ">

            <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/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__text">
                Karies: Nicht das einzige Problem für Kinderzähne
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </a>

        <a href="http://tagesschau.de" class="o-teaser ">

            <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/16x9/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__text">
                Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </a>

        <a href="http://tagesschau.de" class="o-teaser ">

            <div class="teaser__image">

                <picture class="a-picture ">
                    <source media="(max-width: 640px)" srcset="../../images/1x1/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="" loading="lazy">
                </picture>

            </div>

            <div class="teaser__text">
                Mit digitalen Services und vielen Extras kostengünstig krankenversichert sein
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </a>

    </div>

</div>

<div class="o-teaser teaser--bannermodule cs--c">

    <h4 class="teaser__headline">
        Teasercollection - Searchresult

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--searchresult</p>
    </div>

</div>

<div class="o-teaser-collection teaser-collection--searchresult">

    <div class="teaser-collection__teaser-wrapper">
        <div class="o-teaser teaser--searchresult">

            <a href="/components/preview/article" class="a-link teaser__headline-wrapper">
                <span class="teaser__image">
                    <i class="a-icon icon--website" aria-hidden="true"></i>
                </span>

                <h3 class="teaser__headline">
                    <span class="link__inner">Kleine Fremdkörper im Auge</span>&nbsp;<i class="a-icon icon--lock" aria-label="Geschützter Inhalt"></i>&nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </h3>
            </a>

            <div class="teaser__content">

                <div class="teaser__text teaser__text--richtext">
                    Ob beim Radeln oder Renovieren – schnell fliegt einem etwas ins Auge. Wenn ein Fremdkörper hineingelangt, kann er die <b>Hornhaut</b> verletzen. Eine oberflächliche Verletzung heilt meist innerhalb weniger Stunden oder Tage ...
                </div>

                <div class="m-breadcrumb ">
                    <span class="breadcrumb__label ">Gefunden in:</span>
                    <ul class="a-list-basic list--breadcrumb">
                        <li class="list__item list__item--breadcrumb">
                            <a href="/components/preview/homepage" class="a-link ">Barmer Startseite</a><i class="a-icon icon--chevron-right" aria-hidden="true"></i>

                        </li>
                        <li class="list__item list__item--breadcrumb">
                            <a href="/components/preview/article" class="a-link ">Übersichtsseite eines Themas</a><i class="a-icon icon--chevron-right" aria-hidden="true"></i>

                        </li>
                        <li class="list__item list__item--breadcrumb">
                            <a href="/components/preview/article" class="a-link ">Barmer So ein Unterthema</a><i class="a-icon icon--chevron-right" aria-hidden="true"></i>

                        </li>
                    </ul>

                </div>

                <div class="m-timestamp "><span class="timestamp__label">Erstellt am:</span> <time class="a-datetime ">06.03.2020</time>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--searchresult">

            <a href="/components/preview/article" class="a-link teaser__headline-wrapper">
                <span class="teaser__image">
                    <i class="a-icon icon--download" aria-label="Dateiformat: PDF"></i>
                </span>

                <h3 class="teaser__headline">
                    <span class="link__inner">Barmer eCare: die elektronische Patientenakte (ePA) mit einer etwas längeren, umbrucherzwingenden Headline</span>&nbsp;<i class="a-icon icon--lock" aria-label="Geschützter Inhalt"></i>&nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </h3>
            </a>

            <div class="teaser__content">

                <div class="teaser__text teaser__text--richtext">
                    Mit der elektronischen Patientenakte eCare haben wir eine digitale Plattform geschaffen. Auf der Testen wir auch Abkürzungen wie z.B. WHO um zu sehen, ob das ABBR-Tag ...
                </div>

                <div class="m-breadcrumb ">
                    <span class="breadcrumb__label ">Gefunden in:</span>
                    <ul class="a-list-basic list--breadcrumb">
                        <li class="list__item list__item--breadcrumb">
                            <a href="/components/preview/homepage" class="a-link ">Barmer Startseite</a><i class="a-icon icon--chevron-right" aria-hidden="true"></i>

                        </li>
                        <li class="list__item list__item--breadcrumb">
                            <a href="/components/preview/article" class="a-link "><span class="link__inner">Gesundheit verstehen</span><i class="a-icon icon--lock" aria-label=""></i></a><i class="a-icon icon--chevron-right" aria-hidden="true"></i>

                        </li>
                        <li class="list__item list__item--breadcrumb">
                            <a href="/components/preview/article" class="a-link ">Die Barmer packt alle wichtigen Themen, wie z.B. lange, mehrzeilig laufende Breadcrumbs, an</a><i class="a-icon icon--chevron-right" aria-hidden="true"></i>

                        </li>
                        <li class="list__item list__item--breadcrumb">
                            <a href="/components/preview/article" class="a-link ">Zukunftsplattformen</a><i class="a-icon icon--chevron-right" aria-hidden="true"></i>

                        </li>
                    </ul>

                </div>

                <div class="m-timestamp "><span class="timestamp__label">Erstellt am:</span> <time class="a-datetime ">06.03.2020</time>
                </div>

            </div>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule cs--a">

    <h4 class="teaser__headline">
        Teasercollection - Content Gallery

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--content-gallery</p>
    </div>

</div>

<div class="o-teaser-collection teaser-collection--content-gallery 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__teaser-wrapper">

        <div class="o-teaser ">

            <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/4x3/promenade.jpg">
                    <img src="../../images/4x3/promenade.jpg" alt="" loading="lazy">
                </picture>

            </div>

            <h4 class="teaser__headline">
                <a class="teaser__target" href="http://tagesschau.de">
                    1 Karies: Nicht das einzige Problem für Kinderzähne (4:3)
                </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.
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

        <div class="o-teaser ">

            <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/1x1/eltern-baby-tablet-1000x1000.jpg">
                    <img src="../../images/1x1/eltern-baby-tablet-1000x1000.jpg" alt="" loading="lazy">
                </picture>

            </div>

            <h4 class="teaser__headline">
                <a class="teaser__target" href="http://tagesschau.de">
                    3 Selbstständige (1:1)
                </a>
            </h4>

            <div class="teaser__text">
                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
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

    </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/1x1/tippen-auf-tastatur.jpg">
                    <source media="(min-width: 641px)" srcset="../../images/1x1/tippen-auf-tastatur.jpg">
                    <img src="../../images/1x1/tippen-auf-tastatur.jpg" alt="" loading="lazy">
                </picture>

            </div>

            <h4 class="teaser__headline">
                <a class="teaser__target" href="http://tagesschau.de">
                    2 Selbstständige (1:1)
                </a>
            </h4>

            <div class="teaser__text">
                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
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

        <div class="o-teaser ">

            <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/5x7/eltern-mit-kindern.jpg">
                    <img src="../../images/5x7/eltern-mit-kindern.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
                </picture>

            </div>

            <h4 class="teaser__headline">
                <a class="teaser__target" href="http://tagesschau.de">
                    4 Selbstständige (5:7)
                </a>
            </h4>

            <div class="teaser__text">
                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
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule cs--a">

    <h4 class="teaser__headline">
        Teasercollection - Content Gallery with half Headline

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--content-gallery-half-headline</p>
    </div>

</div>

<div class="o-teaser-collection teaser-collection--content-gallery teaser-collection--content-gallery-with-half-headline 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__teaser-wrapper">

        <div class="o-teaser ">

            <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/1x1/eltern-baby-tablet-1000x1000.jpg">
                    <img src="../../images/1x1/eltern-baby-tablet-1000x1000.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
                </picture>

            </div>

            <h4 class="teaser__headline">
                <a class="teaser__target" href="http://tagesschau.de">
                    1 Karies: Nicht das einzige Problem für Kinderzähne (3:4)
                </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.
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

        <div class="o-teaser ">

            <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/1x1/eltern-baby-tablet-1000x1000.jpg">
                    <img src="../../images/1x1/eltern-baby-tablet-1000x1000.jpg" alt="" loading="lazy">
                </picture>

            </div>

            <h4 class="teaser__headline">
                <a class="teaser__target" href="http://tagesschau.de">
                    3 Selbstständige (1:1)
                </a>
            </h4>

            <div class="teaser__text">
                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
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

    </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/1x1/eltern-baby-tablet-1000x1000.jpg">
                    <source media="(min-width: 641px)" srcset="../../images/4x3/promenade.jpg">
                    <img src="../../images/4x3/promenade.jpg" alt="" loading="lazy">
                </picture>

            </div>

            <h4 class="teaser__headline">
                <a class="teaser__target" href="http://tagesschau.de">
                    2 Selbstständige (4:3)
                </a>
            </h4>

            <div class="teaser__text">
                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
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

        <div class="o-teaser ">

            <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/5x7/eltern-mit-kindern.jpg">
                    <img src="../../images/5x7/eltern-mit-kindern.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
                </picture>

            </div>

            <h4 class="teaser__headline">
                <a class="teaser__target" href="http://tagesschau.de">
                    4 Selbstständige (5:7)
                </a>
            </h4>

            <div class="teaser__text">
                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
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule cs--a">

    <h4 class="teaser__headline">
        Teasercollection - Content Gallery with images only

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--content-gallery-images-only</p>
    </div>

</div>

<div class="o-teaser-collection teaser-collection--content-gallery js-teaser-targeting-init">

    <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/1x1/eltern-baby-tablet-1000x1000.jpg">
                    <source media="(min-width: 641px)" srcset="../../images/4x3/promenade.jpg">
                    <img src="../../images/4x3/promenade.jpg" alt="" loading="lazy">
                </picture>

            </div>

        </div>

        <div class="o-teaser ">

            <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/1x1/eltern-baby-tablet-1000x1000.jpg">
                    <img src="../../images/1x1/eltern-baby-tablet-1000x1000.jpg" alt="" loading="lazy">
                </picture>

            </div>

        </div>

    </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/1x1/tippen-auf-tastatur.jpg">
                    <source media="(min-width: 641px)" srcset="../../images/1x1/tippen-auf-tastatur.jpg">
                    <img src="../../images/1x1/tippen-auf-tastatur.jpg" alt="" loading="lazy">
                </picture>

            </div>

        </div>

        <div class="o-teaser ">

            <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/5x7/eltern-mit-kindern.jpg">
                    <img src="../../images/5x7/eltern-mit-kindern.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
                </picture>

            </div>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule cs--a">

    <h4 class="teaser__headline">
        Teasercollection - Mosaic 6 Teaser

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--mosaic-6-teaser</p>
    </div>

</div>

<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.
                    &nbsp;<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
                    &nbsp;<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.
                    &nbsp;<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
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule cs--a">

    <h4 class="teaser__headline">
        Teasercollection - Mosaic 6 Teaser without Headline

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--mosaic-6-teaser</p>
    </div>

</div>

<div class="o-teaser-collection teaser-collection--mosaic js-teaser-targeting-init" id="mosaic">

    <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.
                    &nbsp;<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
                    &nbsp;<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.
                    &nbsp;<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
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule cs--a">

    <h4 class="teaser__headline">
        Teasercollection - Mosaic 6 Teaser without Headline & Teasertext

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--mosaic-6-teaser</p>
    </div>

</div>

<div class="o-teaser-collection teaser-collection--mosaic js-teaser-targeting-init" id="mosaic">

    <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.
                    &nbsp;<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
                    &nbsp;<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.
                    &nbsp;<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
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule cs--b">

    <h4 class="teaser__headline">
        Teasercollection - Mosaic 2 Teaser

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--mosaic-2-teaser</p>
    </div>

</div>

<div class="o-teaser-collection teaser-collection--mosaic teaser-collection--mosaic-reduced-to-two-teaser 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>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.”</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.
                    &nbsp;<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/16x9/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">
                    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
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule cs--b">

    <h4 class="teaser__headline">
        Teasercollection - Mosaic 2 Teaser without Headline

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--mosaic-2-teaser</p>
    </div>

</div>

<div class="o-teaser-collection teaser-collection--mosaic teaser-collection--mosaic-reduced-to-two-teaser js-teaser-targeting-init">

    <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.”</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.
                    &nbsp;<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/16x9/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">
                    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
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule cs--b">

    <h4 class="teaser__headline">
        Teasercollection - Mosaic 2 Teaser without Headline & Teasertext

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--mosaic-2-teaser</p>
    </div>

</div>

<div class="o-teaser-collection teaser-collection--mosaic teaser-collection--mosaic-reduced-to-two-teaser js-teaser-targeting-init">

    <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.
                    &nbsp;<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/16x9/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">
                    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
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule cs--b">

    <h4 class="teaser__headline">
        Teasercollection - Iconbar in verschiedenen Farbschemata

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@teaser-collections--iconbar</p>
    </div>

</div>

<div class="o-teaser-collection teaser-collection--iconbar js-teaser-targeting-init">

    <h3 class="teaser-collection__headline teaser-collection__headline--h2">Barmer-Kundenservice: Wie koennen wir Ihnen helfen?</h3>

    <div class="teaser-collection__text">
        <p>Haben Sie Fragen? Wir beraten Sie gern. <a class="bm-richtext-link">Zum Kontakt.</a></p>

    </div>

    <div class="teaser-collection__teaser-wrapper" role="list">

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--phone" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Barmer-App</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--contact" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Telefon-Service</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--message" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">E-Mail-Kontakt</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--chat" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Service Chat</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--callservice" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Rückruf-Service</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

    </div>

</div>

<div class="o-teaser-collection teaser-collection--iconbar js-teaser-targeting-init cs--a">

    <h3 class="teaser-collection__headline teaser-collection__headline--h1">Barmer-Kundenservice: Wie koennen wir Ihnen helfen?</h3>

    <div class="teaser-collection__text">
        <p>Haben Sie Fragen? Wir beraten Sie gern. <a class="bm-richtext-link">Zum Kontakt.</a></p>

    </div>

    <div class="teaser-collection__teaser-wrapper" role="list">

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--phone" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Barmer-App</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--contact" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Telefon-Service</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--message" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">E-Mail-Kontakt</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--chat" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Service Chat</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--callservice" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Rückruf-Service</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

    </div>

</div>

<div class="o-teaser-collection teaser-collection--iconbar js-teaser-targeting-init cs--b">

    <h3 class="teaser-collection__headline teaser-collection__headline--h2">Barmer-Kundenservice: Wie koennen wir Ihnen helfen?</h3>

    <div class="teaser-collection__text">
        <p>Haben Sie Fragen? Wir beraten Sie gern. <a class="bm-richtext-link">Zum Kontakt.</a></p>

    </div>

    <div class="teaser-collection__teaser-wrapper" role="list">

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--phone" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Barmer-App</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--contact" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Telefon-Service</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--message" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">E-Mail-Kontakt</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--chat" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Service Chat</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

    </div>

</div>

<div class="o-teaser-collection teaser-collection--iconbar js-teaser-targeting-init cs--c">

    <h3 class="teaser-collection__headline teaser-collection__headline--h3">Barmer-Kundenservice: Wie koennen wir Ihnen helfen?</h3>

    <div class="teaser-collection__teaser-wrapper" role="list">

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--phone" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Barmer-App</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--contact" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Telefon-Service</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--message" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">E-Mail-Kontakt</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--chat" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Service Chat</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--callservice" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Rückruf-Service</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

    </div>

</div>

<div class="o-teaser-collection teaser-collection--iconbar js-teaser-targeting-init cs--d">

    <h3 class="teaser-collection__headline teaser-collection__headline--h4">Barmer-Kundenservice: Wie koennen wir Ihnen helfen?</h3>

    <div class="teaser-collection__teaser-wrapper" role="list">

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--phone" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Barmer-App</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--contact" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">Telefon-Service</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--iconbar" role="listitem">

            <div class="teaser__image">

                <i class="a-icon icon--message" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <div class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        <span class="link__inner">E-Mail-Kontakt</span>
                        &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                    </a>
                </div>

            </div>

        </div>

    </div>

</div>

<div class="o-teaser-collection teaser-collection--download">

    <h3 class="teaser-collection__headline teaser-collection__headline--h2">Downloadlist</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">
        <a class="m-download " href="#">
            <div class="download__title">
                BARMER Dokument My only complaint would be the o

            </div>
            <div class="download__size">PDF 1.2 MB</div>
            <div class="download__icon">
                <i class="a-icon icon--download" aria-hidden="true"></i>
            </div>
        </a>

        <a class="m-download " href="#">
            <div class="download__title">
                BARMER Image mit einem langen Name - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat

            </div>
            <div class="download__size">PNG 3.66 MB</div>
            <div class="download__icon">
                <i class="a-icon icon--download" aria-hidden="true"></i>
            </div>
        </a>

        <a class="m-download " href="#">
            <div class="download__title">
                BARMER Image mit einem langen Name - Lorem ipsum dolor sit amet.

            </div>
            <div class="download__size">PNG 3.66 MB</div>
            <div class="download__icon">
                <i class="a-icon icon--download" aria-hidden="true"></i>
            </div>
        </a>

    </div>

</div>

<div class="o-teaser-collection teaser-collection--certifications js-teaser-targeting-init">

    <h3 class="teaser-collection__headline teaser-collection__headline--h4">Zertifizierung</h3>

    <div class="teaser-collection__text">
        <p>Auf unsere Informationen können Sie sich verlassen. Sie sind hochwertig und zertifiziert. Dafür haben wir Brief und Siegel.</p>

    </div>

    <div class="teaser-collection__teaser-wrapper">
        <a href="" class="o-teaser teaser--icon-image">

            <div class="teaser__image">

                <img src="../../images/afgis-siegel.jpg" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">

            </div>

        </a>

        <div class="o-teaser teaser--icon-image">

            <div class="teaser__image">

                <img src="../../images/stiftung-health-on-the-net--hon--siegel.png" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">

            </div>

        </div>

    </div>

    <div class="teaser-collection__cta-row">
        <a class="a-btn btn--secondary" href="" title="">
            Redaktionelle Grundsätze
        </a>

    </div>

</div>

<div class="o-teaser-collection teaser-collection--benefits cs--a js-teaser-targeting-init">

    <h3 class="teaser-collection__headline teaser-collection__headline--h1">Ihre Vorteile</h3>

    <div class="teaser-collection__teaser-wrapper">

        <div class="o-teaser teaser--benefits">

            <div class="teaser__image">

                <i class="a-icon icon--bonus" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        Benefit 1 - Lorem ipsum
                    </a>
                </h4>

                <div class="teaser__text">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--benefits">

            <div class="teaser__image">

                <i class="a-icon icon--camera" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        Benefit 2 - Lorem ipsum
                    </a>
                </h4>

                <div class="teaser__text">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--benefits">

            <div class="teaser__image">

                <i class="a-icon icon--chat" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        Benefit 3 - Lorem ipsum
                    </a>
                </h4>

                <div class="teaser__text">
                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--benefits">

            <div class="teaser__image">

                <i class="a-icon icon--chat" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        Benefit 4 - Lorem ipsum mit einer längeren Headline.
                    </a>
                </h4>

                <div class="teaser__text">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donaudampfschifffahrtselektrizitätenhauptbetriebswerkbauunterbeamtengesellschaft
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--benefits">

            <div class="teaser__image">

                <i class="a-icon icon--chat" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        Benefit 5 - Lorem ipsum mit langem Wort Donaudampfschifffahrtselektrizitätenhauptbetriebswerkbauunterbeamtengesellschaft
                    </a>
                </h4>

                <div class="teaser__text">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

        <div class="o-teaser teaser--benefits">

            <div class="teaser__image">

                <i class="a-icon icon--chat" aria-hidden="true"></i>

            </div>

            <div class="teaser__content">

                <h4 class="teaser__headline">
                    <a class="teaser__target" href="http://tagesschau.de">
                        Benefit 6 - Lorem ipsum
                    </a>
                </h4>

                <div class="teaser__text">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                    &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                </div>

            </div>

        </div>

    </div>

    <div class="teaser-collection__cta-row">
        <a class="a-btn btn--conversion" href="" title="">
            Redaktionelle Grundsätze
        </a>

    </div>

</div>