Teaser Collection 3 Col Preview

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