Barmer Fractal

Overview Bannermodule 

<style>
    .overview__module-headline {
        color: #d6d9dc;
    }

    .overview__module-headline p {
        color: #d6d9dc;
    }
</style>

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

    <h4 class="teaser__headline">
        Übersicht Bannermodule

    </h4>

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

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--secondary" href="" title="">
            Zum Antragsformular
        </a>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - Alignment Default

    </h4>

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

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--primary" href="" title="">
            Zum Antragsformular
        </a>

    </div>

</div>

<div class="o-teaser teaser--bannermodule teaser--has-alignment-left">

    <h4 class="teaser__headline">
        Bannermodule - Alignment Left

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--alignment-left</p>
    </div>

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--primary" href="" title="">
            Zum Antragsformular
        </a>

    </div>

</div>

<div class="o-teaser teaser--bannermodule teaser--has-alignment-right">

    <h4 class="teaser__headline">
        Bannermodule - Alignment Right

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--alignment-right</p>
    </div>

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--primary" href="" title="">
            Zum Antragsformular
        </a>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - A mit Primary Button

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--a-primary-btn</p>
    </div>

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--primary" href="" title="">
            Zum Antragsformular
        </a>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - B mit Primary Button

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--b-primary-btn</p>
    </div>

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--primary" href="" title="">
            Zum Antragsformular
        </a>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - C mit Primary Button

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--c-primary-btn</p>
    </div>

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--primary" href="" title="">
            Zum Antragsformular
        </a>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - D mit Primary Button

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--d-primary-btn</p>
    </div>

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--primary" href="" title="">
            Zum Antragsformular
        </a>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - A mit Primary Button Small

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--a-primary-btn-small</p>
    </div>

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--primary" href="" title="">
            Zum Antragsformular
        </a>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - A mit Primary Button und Schutzklasse

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--a-primary-btn</p>
    </div>

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--primary" href="" title="">
            <span class="link__inner">Geschützter Download</span><i class="a-icon icon--lock" aria-label="Geschützter Inhalt"></i>
        </a>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - A mit Secondary Button

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--a-secondary-btn</p>
    </div>

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--secondary" href="" title="">
            Zum Antragsformular
        </a>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - B mit Secondary Button

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--b-secondary-btn</p>
    </div>

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--secondary" href="" title="">
            Zum Antragsformular
        </a>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - B mit Secondary Button und Schutzklasse

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--b-secondary-btn</p>
    </div>

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--secondary" href="" title="">
            <span class="link__inner">Geschützter Download</span><i class="a-icon icon--lock" aria-label="Geschützter Inhalt"></i>
        </a>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - C mit Secondary Button

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--c-secondary-btn</p>
    </div>

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--secondary" href="" title="">
            Zum Antragsformular
        </a>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - D mit Secondary Button

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--d-secondary-btn</p>
    </div>

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--secondary" href="" title="">
            Zum Antragsformular
        </a>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - A mit Conversion Button

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--a-conversion-btn</p>
    </div>

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--conversion" href="" title="">
            Zum Antragsformular
        </a>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - B mit Conversion Button

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--b-conversion-btn</p>
    </div>

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--conversion" href="" title="">
            Zum Antragsformular
        </a>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - C mit Conversion Button

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--c-conversion-btn</p>
    </div>

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--conversion" href="" title="">
            Zum Antragsformular
        </a>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - C mit Conversion Button und Schutzklasse

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--c-conversion-btn</p>
    </div>

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--conversion" href="" title="">
            <span class="link__inner">Geschützter Download</span><i class="a-icon icon--lock" aria-label="Geschützter Inhalt"></i>
        </a>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - D mit Conversion Button

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--d-conversion-btn</p>
    </div>

    <div class="teaser__button-wrapper">
        <a class="a-btn btn--conversion" href="" title="">
            Zum Antragsformular
        </a>

    </div>

</div>

<div class="o-teaser teaser--bannermodule teaser--bannermodule-text-image-rounded">

    <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/1x1/mann-mit-kind.jpg">
            <img src="../../images/1x1/mann-mit-kind.jpg" alt="" loading="lazy">
        </picture>

    </div>

    <div class="teaser__content">

        <div class="teaser__overline">Rund um die Uhr erreichbar</div>

        <h4 class="teaser__headline">
            Bannermodule - Text Image Rounded CS Default

        </h4>

        <div class="teaser__button-wrapper">
            <a href="tel:+498003330010" class="a-link ">
                <i class="a-icon icon--contact" aria-hidden="true"></i>&nbsp;<span class="link__inner">0800 333 00 10</span>
            </a>

            <a href="tel:+491608487788" class="a-link ">
                <i class="a-icon icon--whatsapp" aria-hidden="true"></i>&nbsp;<span class="link__inner">0160 848 77 88</span>
            </a>

        </div>

    </div>

</div>

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

    <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/1x1/mann-mit-kind.jpg">
            <img src="../../images/1x1/mann-mit-kind.jpg" alt="" loading="lazy">
        </picture>

    </div>

    <div class="teaser__content">

        <div class="teaser__overline">Rund um die Uhr erreichbar</div>

        <h4 class="teaser__headline">
            Bannermodule - Text Image Rounded CS A

        </h4>

        <div class="teaser__button-wrapper">
            <a href="tel:+498003330010" class="a-link ">
                <i class="a-icon icon--contact" aria-hidden="true"></i>&nbsp;<span class="link__inner">0800 333 00 10</span>
            </a>

            <a href="tel:+491608487788" class="a-link ">
                <i class="a-icon icon--whatsapp" aria-hidden="true"></i>&nbsp;<span class="link__inner">0160 848 77 88</span>
            </a>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule-with-bg-image cs--bg-image-a cs--two-colored">

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

        <h4 class="teaser__headline">
            <span>Barmer Bannermodule Barmer With Image </span><mark>Two-Colored</mark><span> - Alignment Default</span>

        </h4>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--conversion" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule-with-bg-image cs--bg-image-a teaser--has-alignment-center">

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

        <h4 class="teaser__headline">
            Bannermodule With Image - Alignment Center

        </h4>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--conversion" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule-with-bg-image cs--bg-image-a teaser--has-alignment-right">

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

        <h4 class="teaser__headline">
            Bannermodule With Image - Alignment Right

        </h4>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--conversion" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule-with-bg-image cs--bg-image-a cs--two-colored">

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

        <h4 class="teaser__headline">
            <span>Bannermodule With Image </span><mark>Two-Colored</mark><span> - A mit Primary Button</span>

        </h4>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--primary" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

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

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

        <h4 class="teaser__headline">
            Bannermodule With Image - A mit Secondary Button

        </h4>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--secondary" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

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

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

        <h4 class="teaser__headline">
            Bannermodule With Image - A mit Conversion Button

        </h4>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--conversion" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule-with-bg-image cs--bg-image-b cs--two-colored">

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

        <h4 class="teaser__headline">
            <span>Bannermodule With Image </span><mark>Two-Colored</mark><span> - B mit Primary Button</span>

        </h4>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--primary" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

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

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

        <h4 class="teaser__headline">
            Bannermodule With Image - B mit Secondary Button

        </h4>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--secondary" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

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

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

        <h4 class="teaser__headline">
            Bannermodule With Image - B mit Conversion Button

        </h4>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--conversion" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule-with-bg-image cs--bg-image-c cs--two-colored">

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

        <h4 class="teaser__headline">
            <span>Bannermodule With Image </span><mark>Two-Colored</mark><span> - C mit Primary Button</span>

        </h4>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--primary" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

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

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

        <h4 class="teaser__headline">
            Bannermodule With Image - C mit Secondary Button

        </h4>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--secondary" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

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

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

        <h4 class="teaser__headline">
            Bannermodule With Image - C mit Conversion Button

        </h4>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--conversion" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule-with-bg-image cs--bg-image-d cs--two-colored">

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

        <h4 class="teaser__headline">
            <span>Bannermodule With Image </span><mark>Two-Colored</mark><span> - D mit Primary Button</span>

        </h4>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--primary" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

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

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

        <h4 class="teaser__headline">
            Bannermodule With Image - D mit Secondary Button

        </h4>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--secondary" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

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

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

        <h4 class="teaser__headline">
            Bannermodule With Image - D mit Conversion Button

        </h4>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--conversion" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

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

    <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/1x1/mann-mit-kind.jpg">
            <img src="../../images/1x1/mann-mit-kind.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
        </picture>

    </div>

    <div class="teaser__content">

        <h4 class="teaser__headline">
            Bannermodule Image/Text - Default

        </h4>

        <div class="teaser__text teaser__text--richtext">
            <p>@bannermodule-text-image--default</p>
        </div>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--primary" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule teaser--bannermodule-text-image teaser--bannermodule-imagerie-left cs--a">

    <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/1x1/mann-mit-kind.jpg">
            <img src="../../images/1x1/mann-mit-kind.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
        </picture>

    </div>

    <div class="teaser__content">

        <h4 class="teaser__headline">
            Bannermodule Image/Text - Image Left

        </h4>

        <div class="teaser__text teaser__text--richtext">
            <p>@bannermodule-text-image--image-left</p>
        </div>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--primary" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

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

    <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/1x1/mann-mit-kind.jpg">
            <img src="../../images/1x1/mann-mit-kind.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
        </picture>

    </div>

    <div class="teaser__content">

        <h4 class="teaser__headline">
            Bannermodule Image/Text - Color A

        </h4>

        <div class="teaser__text teaser__text--richtext">
            <p>@bannermodule-text-image--color-a</p>
        </div>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--primary" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

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

    <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/1x1/mann-mit-kind.jpg">
            <img src="../../images/1x1/mann-mit-kind.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
        </picture>

    </div>

    <div class="teaser__content">

        <h4 class="teaser__headline">
            Bannermodule Image/Text - Color B

        </h4>

        <div class="teaser__text teaser__text--richtext">
            <p>@bannermodule-text-image--color-b</p>
        </div>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--primary" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

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

    <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/1x1/mann-mit-kind.jpg">
            <img src="../../images/1x1/mann-mit-kind.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
        </picture>

    </div>

    <div class="teaser__content">

        <h4 class="teaser__headline">
            Bannermodule Image/Text - Color C

        </h4>

        <div class="teaser__text teaser__text--richtext">
            <p>@bannermodule-text-image--color-c</p>
        </div>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--primary" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

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

    <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/1x1/mann-mit-kind.jpg">
            <img src="../../images/1x1/mann-mit-kind.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
        </picture>

    </div>

    <div class="teaser__content">

        <h4 class="teaser__headline">
            Bannermodule Image/Text - Color D

        </h4>

        <div class="teaser__text teaser__text--richtext">
            <p>@bannermodule-text-image--color-d</p>
        </div>

        <div class="teaser__button-wrapper">
            <a class="a-btn btn--primary" href="" title="">
                Zum Antragsformular
            </a>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule teaser--bannermodule-text-image teaser--has-store-buttons cs--a">

    <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/1x1/mann-mit-kind.jpg">
            <img src="../../images/1x1/mann-mit-kind.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
        </picture>

    </div>

    <div class="teaser__content">

        <h4 class="teaser__headline">
            Bannermodule Image/Text - Store-Buttons

        </h4>

        <div class="teaser__text teaser__text--richtext">
            <p>@bannermodule-text-image--has-store-buttons</p>
        </div>

        <div class="teaser__button-wrapper">
            <a class="a-btn " href="#" title="AppStore">
                <img src="../../images/appstore-button--black-height-42px.png" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">

            </a>

            <a class="a-btn " href="#" title="AppStore">
                <img src="../../images/google-play-badge-height-42px.png" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">

            </a>

        </div>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - 2 Buttons

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--2-buttons</p>
    </div>

    <div class="teaser__button-wrapper">
        <button class="a-btn btn--primary" type="button">Button mit etwas mehr Inhalt</button>

        <button class="a-btn btn--secondary" type="button">Button</button>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - 2 Buttons Left

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--2-buttons--left</p>
    </div>

    <div class="teaser__button-wrapper">
        <button class="a-btn btn--primary" type="button">Button mit etwas mehr Inhalt</button>

        <button class="a-btn btn--secondary" type="button">Button</button>

    </div>

</div>

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

    <h4 class="teaser__headline">
        Bannermodule - 2 Buttons Right

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--2-buttons--right</p>
    </div>

    <div class="teaser__button-wrapper">
        <button class="a-btn btn--primary" type="button">Button mit etwas mehr Inhalt</button>

        <button class="a-btn btn--secondary" type="button">Button</button>

    </div>

</div>

<div class="o-teaser teaser--bannermodule-with-bg-image cs--bg-image-a teaser--has-alignment-center">

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

        <h4 class="teaser__headline">
            Bannermodule With Image - 2 Buttons Center

        </h4>

        <div class="teaser__button-wrapper">
            <button class="a-btn btn--primary" type="button">Button mit etwas mehr Inhalt</button>

            <button class="a-btn btn--conversion" type="button">Button</button>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule-with-bg-image cs--bg-image-a teaser--has-alignment-left">

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

        <h4 class="teaser__headline">
            Bannermodule With Image - 2 Buttons left

        </h4>

        <div class="teaser__button-wrapper">
            <button class="a-btn btn--primary" type="button">Button mit etwas mehr Inhalt</button>

            <button class="a-btn btn--conversion" type="button">Button</button>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule-with-bg-image cs--bg-image-a teaser--has-alignment-right">

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

        <h4 class="teaser__headline">
            Bannermodule With Image - 2 Buttons Right

        </h4>

        <div class="teaser__button-wrapper">
            <button class="a-btn btn--primary" type="button">Button mit etwas mehr Inhalt</button>

            <button class="a-btn btn--conversion" type="button">Button</button>

        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule teaser--bannermodule-detailtext-large">

    <div class="teaser__content">

        <div class="teaser__text teaser__text--richtext">
            <p><span>Kennen Sie schon unseren </span><a href="https://www.barmer.de/tiktok?userVariant=" class="bm-richtext-link"><span>TikTok</span></a><span> Kanal? Sie finden uns außerdem auf </span><a href="https://www.barmer.de/facebook?userVariant=" class="bm-richtext-link"><span>Facebook</span></a><span>, </span><a href="https://www.instagram.com/barmer?userVariant=" class="bm-richtext-link"><span>Instagram </span></a><span>und </span><a href="https://www.barmer.de/youtube?userVariant=" class="bm-richtext-link"><span>YouTube</span></a><span>.</span></p>
        </div>

    </div>

</div>

<div class="o-teaser teaser--bannermodule overview__module-headline">

    <h4 class="teaser__headline">
        Bannermodule - Statement

    </h4>

    <div class="teaser__text teaser__text--richtext">
        <p>@bannermodule--statement</p>
    </div>

</div>

<div class="o-teaser teaser--bannermodule teaser--bannermodule-statement" data-animation-delay="2000" data-animation-duration="400">

    <div class="teaser__content">

        <div class="teaser__headline">
            <h3 class="teaser__headline-inner" aria-hidden="true">"Wir machen <span class="statement__expressions js-rotate-expressions-init"><mark class="is-fade-in">1-Ihre Familie</mark><mark class="is-fade-out">2-Arzttermine</mark><mark class="is-fade-out">3-Pillen</mark><mark class="is-fade-out">4-Krankengeld</mark></span> stark"</h3>
            <ul class="sr-only">
                <li>Wir machen<mark>1-Ihre Familie</mark>stark</li>
                <li>Wir machen<mark>2-Arzttermine</mark>stark</li>
                <li>Wir machen<mark>3-Pillen</mark>stark</li>
                <li>Wir machen<mark>4-Krankengeld</mark>stark</li>
            </ul>

        </div>

        <div class="teaser__text teaser__text--richtext">
            Wir sind der starke Partner an ihrer Seite, auch wenn wir ab und zu versuchen, etwas längere Teaser-Detailtexte und <a href="#" class="bm-richtext-link">Links</a> zu schreiben, um <strong>Fettung</strong> und die Großschreibung des Wortes Barmer auszutesten.
        </div>

    </div>

</div>
 
<style>
  .overview__module-headline {
    color: #d6d9dc;
  }
  .overview__module-headline p {
    color: #d6d9dc;
  }
</style>

{{render '@bannermodule--b-secondary-btn' this.partials.bannermoduleOverview merge=true}}

{{render '@bannermodule--default' this.partials.bannermoduleDefault merge=true}}
{{render '@bannermodule--alignment-left' this.partials.bannermoduleLeft merge=true}}
{{render '@bannermodule--alignment-right' this.partials.bannermoduleRight merge=true}}

{{render '@bannermodule--a-primary-btn' this.partials.bannermoduleAPrimary merge=true}}
{{render '@bannermodule--b-primary-btn' this.partials.bannermoduleBPrimary merge=true}}
{{render '@bannermodule--c-primary-btn' this.partials.bannermoduleCPrimary merge=true}}
{{render '@bannermodule--d-primary-btn' this.partials.bannermoduleDPrimary merge=true}}
{{render '@bannermodule--a-primary-btn-small' this.partials.bannermoduleASmall merge=true}}
{{render '@bannermodule--a-primary-btn' this.partials.bannermoduleAProtectedDownload merge=true}}

{{render '@bannermodule--a-secondary-btn' this.partials.bannermoduleASecondary merge=true}}
{{render '@bannermodule--b-secondary-btn' this.partials.bannermoduleBSecondary merge=true}}
{{render '@bannermodule--b-secondary-btn' this.partials.bannermoduleBProtectedDownload merge=true}}
{{render '@bannermodule--c-secondary-btn' this.partials.bannermoduleCSecondary merge=true}}
{{render '@bannermodule--d-secondary-btn' this.partials.bannermoduleDSecondary merge=true}}

{{render '@bannermodule--a-conversion-btn' this.partials.bannermoduleAConversion merge=true}}
{{render '@bannermodule--b-conversion-btn' this.partials.bannermoduleBConversion merge=true}}
{{render '@bannermodule--c-conversion-btn' this.partials.bannermoduleCConversion merge=true}}
{{render '@bannermodule--c-conversion-btn' this.partials.bannermoduleCProtectedDownload merge=true}}
{{render '@bannermodule--d-conversion-btn' this.partials.bannermoduleDConversion merge=true}}

{{render '@bannermodule--text-image-rounded' this.partials.bannermoduleTextImageRoundedDefault merge=true}}
{{render '@bannermodule--text-image-rounded' this.partials.bannermoduleTextImageRoundedCsA merge=true}}

{{render '@bannermodule-with-bg-image--default' this.partials.bannermoduleWithImageDefault merge=true}}
{{render '@bannermodule-with-bg-image--alignment-center' this.partials.bannermoduleWithImageAlignmentCenter merge=true}}
{{render '@bannermodule-with-bg-image--alignment-right' this.partials.bannermoduleWithImageAlignmentRight merge=true}}

{{render '@bannermodule-with-bg-image--a-btn-primary' this.partials.bannermoduleWithImageAPrimary merge=true}}
{{render '@bannermodule-with-bg-image--a-btn-secondary' this.partials.bannermoduleWithImageASecondary merge=true}}
{{render '@bannermodule-with-bg-image--a-btn-conversion' this.partials.bannermoduleWithImageAConversion merge=true}}

{{render '@bannermodule-with-bg-image--b-btn-primary' this.partials.bannermoduleWithImageBPrimary merge=true}}
{{render '@bannermodule-with-bg-image--b-btn-secondary' this.partials.bannermoduleWithImageBSecondary merge=true}}
{{render '@bannermodule-with-bg-image--b-btn-conversion' this.partials.bannermoduleWithImageBConversion merge=true}}

{{render '@bannermodule-with-bg-image--c-btn-primary' this.partials.bannermoduleWithImageCPrimary merge=true}}
{{render '@bannermodule-with-bg-image--c-btn-secondary' this.partials.bannermoduleWithImageCSecondary merge=true}}
{{render '@bannermodule-with-bg-image--c-btn-conversion' this.partials.bannermoduleWithImageCConversion merge=true}}

{{render '@bannermodule-with-bg-image--d-btn-primary' this.partials.bannermoduleWithImageDPrimary merge=true}}
{{render '@bannermodule-with-bg-image--d-btn-secondary' this.partials.bannermoduleWithImageDSecondary merge=true}}
{{render '@bannermodule-with-bg-image--d-btn-conversion' this.partials.bannermoduleWithImageDConversion merge=true}}

{{render '@bannermodule-text-image--default' this.partials.bannermoduleTextImage merge=true}}
{{render '@bannermodule-text-image--image-left' this.partials.bannermoduleTextImageLeft merge=true}}
{{render '@bannermodule-text-image--color-a' this.partials.bannermoduleTextImageColA merge=true}}
{{render '@bannermodule-text-image--color-b' this.partials.bannermoduleTextImageColB merge=true}}
{{render '@bannermodule-text-image--color-c' this.partials.bannermoduleTextImageColC merge=true}}
{{render '@bannermodule-text-image--color-d' this.partials.bannermoduleTextImageColD merge=true}}
{{render '@bannermodule-text-image--has-store-buttons' this.partials.bannermoduleTextImageAppBtns merge=true}}

{{render '@bannermodule--2-buttons' this.partials.bannermoduleText2Buttons merge=true}}
{{render '@bannermodule--2-buttons--left' this.partials.bannermoduleText2ButtonsLeft merge=true}}
{{render '@bannermodule--2-buttons--right' this.partials.bannermoduleText2ButtonsRight merge=true}}

{{render '@bannermodule-with-bg-image--2-buttons--center' this.partials.bannermoduleWithImage2Buttons merge=true}}
{{render '@bannermodule-with-bg-image--2-buttons--left' this.partials.bannermoduleWithImage2ButtonsLeft merge=true}}
{{render '@bannermodule-with-bg-image--2-buttons--right' this.partials.bannermoduleWithImage2ButtonsRight merge=true}}

{{render '@bannermodule--detailtext-large' this.partials.BannermoduleDetailtextLarge merge=true}}

{{render '@bannermodule--default' this.partials.labelForBannermoduleStatement merge=true}}
{{render '@bannermodule--statement' this.partials.BannermoduleStatement merge=true}}
 
{
  "switches": {
    "hasContactFlyout": "true"
  },
  "content": {
    "alertText": "Die Sitzung wurde erfolgreich verlängert"
  },
  "partials": {
    "sessionMetadata": {
      "content": {
        "expiredDialogId": "bm-dialog-session-expired",
        "expiringDialogId": "bm-dialog-session-expiring"
      }
    },
    "expiring": {
      "switches": {
        "hidden": true,
        "secondaryButton": true
      },
      "content": {
        "id": "bm-dialog-session-expiring",
        "text": "In <span class=\"js-session-timer\">5</span> Minuten endet ihre Sitzung und Sie werden automatisch ausgeloggt."
      },
      "partials": {
        "primaryButton": {
          "content": {
            "label": "Login verlängern"
          }
        },
        "secondaryButton": {
          "content": {
            "label": "Logout"
          }
        }
      }
    },
    "expired": {
      "switches": {
        "hidden": true
      },
      "content": {
        "id": "bm-dialog-session-expired"
      }
    },
    "modalVideo": {
      "switches": {
        "hidden": true
      },
      "content": {
        "id": "bm-video"
      },
      "viewtypes": {
        "specifier": "modal--video"
      },
      "partials": {
        "consent": {
          "viewtypes": {
            "specifier": "consent--in-modal"
          }
        },
        "videoFigure": {
          "switches": {
            "hasHeadline": false,
            "hasFigcaption": false,
            "hasVideo": false
          }
        }
      }
    },
    "bannermoduleOverview": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Übersicht Bannermodule",
            "richtext": "<p>Auf dieser Seite finden Sie alle Bannermodule</p>"
          }
        }
      }
    },
    "bannermoduleDefault": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - Alignment Default",
            "richtext": "<p>@bannermodule--default</p>"
          }
        }
      }
    },
    "bannermoduleLeft": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - Alignment Left",
            "richtext": "<p>@bannermodule--alignment-left</p>"
          }
        }
      }
    },
    "bannermoduleRight": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - Alignment Right",
            "richtext": "<p>@bannermodule--alignment-right</p>"
          }
        }
      }
    },
    "bannermoduleAPrimary": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - A mit Primary Button",
            "richtext": "<p>@bannermodule--a-primary-btn</p>"
          }
        }
      }
    },
    "bannermoduleASmall": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - A mit Primary Button Small",
            "richtext": "<p>@bannermodule--a-primary-btn-small</p>"
          }
        }
      }
    },
    "bannermoduleAProtectedDownload": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - A mit Primary Button und Schutzklasse",
            "richtext": "<p>@bannermodule--a-primary-btn</p>"
          },
          "partials": {
            "button": {
              "switches": {
                "hasIcon": true
              },
              "viewtypes": {},
              "content": {
                "before": "<span class=\"link__inner\">",
                "label": "Geschützter Download",
                "after": "</span>"
              },
              "partials": {
                "iconType": "icon--lock"
              }
            }
          }
        }
      }
    },
    "bannermoduleASecondary": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - A mit Secondary Button",
            "richtext": "<p>@bannermodule--a-secondary-btn</p>"
          }
        }
      }
    },
    "bannermoduleAConversion": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - A mit Conversion Button",
            "richtext": "<p>@bannermodule--a-conversion-btn</p>"
          }
        }
      }
    },
    "bannermoduleBPrimary": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - B mit Primary Button",
            "richtext": "<p>@bannermodule--b-primary-btn</p>"
          }
        }
      }
    },
    "bannermoduleBSecondary": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - B mit Secondary Button",
            "richtext": "<p>@bannermodule--b-secondary-btn</p>"
          }
        }
      }
    },
    "bannermoduleBConversion": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - B mit Conversion Button",
            "richtext": "<p>@bannermodule--b-conversion-btn</p>"
          }
        }
      }
    },
    "bannermoduleBProtectedDownload": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - B mit Secondary Button und Schutzklasse",
            "richtext": "<p>@bannermodule--b-secondary-btn</p>"
          },
          "partials": {
            "button": {
              "switches": {
                "hasIcon": true
              },
              "viewtypes": {},
              "content": {
                "before": "<span class=\"link__inner\">",
                "label": "Geschützter Download",
                "after": "</span>"
              },
              "partials": {
                "iconType": "icon--lock"
              }
            }
          }
        }
      }
    },
    "bannermoduleCPrimary": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - C mit Primary Button",
            "richtext": "<p>@bannermodule--c-primary-btn</p>"
          }
        }
      }
    },
    "bannermoduleCSecondary": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - C mit Secondary Button",
            "richtext": "<p>@bannermodule--c-secondary-btn</p>"
          }
        }
      }
    },
    "bannermoduleCConversion": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - C mit Conversion Button",
            "richtext": "<p>@bannermodule--c-conversion-btn</p>"
          }
        }
      }
    },
    "bannermoduleCProtectedDownload": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - C mit Conversion Button und Schutzklasse",
            "richtext": "<p>@bannermodule--c-conversion-btn</p>"
          },
          "partials": {
            "button": {
              "switches": {
                "hasIcon": true
              },
              "viewtypes": {},
              "content": {
                "before": "<span class=\"link__inner\">",
                "label": "Geschützter Download",
                "after": "</span>"
              },
              "partials": {
                "iconType": "icon--lock"
              }
            }
          }
        }
      }
    },
    "bannermoduleDPrimary": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - D mit Primary Button",
            "richtext": "<p>@bannermodule--d-primary-btn</p>"
          }
        }
      }
    },
    "bannermoduleDSecondary": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - D mit Secondary Button",
            "richtext": "<p>@bannermodule--d-secondary-btn</p>"
          }
        }
      }
    },
    "bannermoduleDConversion": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - D mit Conversion Button",
            "richtext": "<p>@bannermodule--d-conversion-btn</p>"
          }
        }
      }
    },
    "bannermoduleTextImageRoundedDefault": {
      "partials": {
        "teaser": {
          "viewtypes": {
            "specifier": "teaser--bannermodule teaser--bannermodule-text-image-rounded"
          },
          "content": {
            "headline": "Bannermodule - Text Image Rounded CS Default"
          }
        }
      }
    },
    "bannermoduleTextImageRoundedCsA": {
      "partials": {
        "teaser": {
          "viewtypes": {
            "specifier": "teaser--bannermodule teaser--bannermodule-text-image-rounded cs--a"
          },
          "content": {
            "headline": "Bannermodule - Text Image Rounded CS A"
          }
        }
      }
    },
    "bannermoduleWithImageDefault": {
      "partials": {
        "teaser": {
          "viewtypes": {
            "specifier": "teaser--bannermodule-with-bg-image cs--bg-image-a cs--two-colored"
          },
          "content": {
            "headline": "<span>Barmer Bannermodule Barmer With Image </span><mark>Two-Colored</mark><span> - Alignment Default</span>",
            "richtext": "<p>@bannermodule--with-bg-image</p>"
          }
        }
      }
    },
    "bannermoduleWithImageAlignmentCenter": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule With Image - Alignment Center",
            "richtext": "<p>@bannermodule--with-bg-image</p>"
          }
        }
      }
    },
    "bannermoduleWithImageAlignmentRight": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule With Image - Alignment Right",
            "richtext": "<p>@bannermodule--with-bg-image</p>"
          }
        }
      }
    },
    "bannermoduleWithImageAPrimary": {
      "partials": {
        "teaser": {
          "viewtypes": {
            "specifier": "teaser--bannermodule-with-bg-image cs--bg-image-a cs--two-colored"
          },
          "content": {
            "headline": "<span>Bannermodule With Image </span><mark>Two-Colored</mark><span> - A mit Primary Button</span>",
            "richtext": "<p>@bannermodule--with-bg-image</p>"
          }
        }
      }
    },
    "bannermoduleWithImageASecondary": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule With Image - A mit Secondary Button",
            "richtext": "<p>@bannermodule--with-bg-image</p>"
          }
        }
      }
    },
    "bannermoduleWithImageAConversion": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule With Image - A mit Conversion Button",
            "richtext": "<p>@bannermodule--with-bg-image</p>"
          }
        }
      }
    },
    "bannermoduleWithImageBPrimary": {
      "partials": {
        "teaser": {
          "viewtypes": {
            "specifier": "teaser--bannermodule-with-bg-image cs--bg-image-b cs--two-colored"
          },
          "content": {
            "headline": "<span>Bannermodule With Image </span><mark>Two-Colored</mark><span> - B mit Primary Button</span>",
            "richtext": "<p>@bannermodule--with-bg-image</p>"
          }
        }
      }
    },
    "bannermoduleWithImageBSecondary": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule With Image - B mit Secondary Button",
            "richtext": "<p>@bannermodule--with-bg-image</p>"
          }
        }
      }
    },
    "bannermoduleWithImageBConversion": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule With Image - B mit Conversion Button",
            "richtext": "<p>@bannermodule--with-bg-image</p>"
          }
        }
      }
    },
    "bannermoduleWithImageCPrimary": {
      "partials": {
        "teaser": {
          "viewtypes": {
            "specifier": "teaser--bannermodule-with-bg-image cs--bg-image-c cs--two-colored"
          },
          "content": {
            "headline": "<span>Bannermodule With Image </span><mark>Two-Colored</mark><span> - C mit Primary Button</span>",
            "richtext": "<p>@bannermodule--with-bg-image</p>"
          }
        }
      }
    },
    "bannermoduleWithImageCSecondary": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule With Image - C mit Secondary Button",
            "richtext": "<p>@bannermodule--with-bg-image</p>"
          }
        }
      }
    },
    "bannermoduleWithImageCConversion": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule With Image - C mit Conversion Button",
            "richtext": "<p>@bannermodule--with-bg-image</p>"
          }
        }
      }
    },
    "bannermoduleWithImageDPrimary": {
      "partials": {
        "teaser": {
          "viewtypes": {
            "specifier": "teaser--bannermodule-with-bg-image cs--bg-image-d cs--two-colored"
          },
          "content": {
            "headline": "<span>Bannermodule With Image </span><mark>Two-Colored</mark><span> - D mit Primary Button</span>",
            "richtext": "<p>@bannermodule--with-bg-image</p>"
          }
        }
      }
    },
    "bannermoduleWithImageDSecondary": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule With Image - D mit Secondary Button",
            "richtext": "<p>@bannermodule--with-bg-image</p>"
          }
        }
      }
    },
    "bannermoduleWithImageDConversion": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule With Image - D mit Conversion Button",
            "richtext": "<p>@bannermodule--with-bg-image</p>"
          }
        }
      }
    },
    "bannermoduleTextImage": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule Image/Text - Default",
            "richtext": "<p>@bannermodule-text-image--default</p>"
          }
        }
      }
    },
    "bannermoduleTextImageLeft": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule Image/Text - Image Left",
            "richtext": "<p>@bannermodule-text-image--image-left</p>"
          }
        }
      }
    },
    "bannermoduleTextImageColA": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule Image/Text - Color A",
            "richtext": "<p>@bannermodule-text-image--color-a</p>"
          }
        }
      }
    },
    "bannermoduleTextImageColB": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule Image/Text - Color B",
            "richtext": "<p>@bannermodule-text-image--color-b</p>"
          }
        }
      }
    },
    "bannermoduleTextImageColC": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule Image/Text - Color C",
            "richtext": "<p>@bannermodule-text-image--color-c</p>"
          }
        }
      }
    },
    "bannermoduleTextImageColD": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule Image/Text - Color D",
            "richtext": "<p>@bannermodule-text-image--color-d</p>"
          }
        }
      }
    },
    "bannermoduleTextImageAppBtns": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule Image/Text - Store-Buttons",
            "richtext": "<p>@bannermodule-text-image--has-store-buttons</p>"
          }
        }
      }
    },
    "bannermoduleText2Buttons": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - 2 Buttons",
            "richtext": "<p>@bannermodule--2-buttons</p>"
          }
        }
      }
    },
    "bannermoduleText2ButtonsLeft": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - 2 Buttons Left",
            "richtext": "<p>@bannermodule--2-buttons--left</p>"
          }
        }
      }
    },
    "bannermoduleText2ButtonsRight": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule - 2 Buttons Right",
            "richtext": "<p>@bannermodule--2-buttons--right</p>"
          }
        }
      }
    },
    "bannermoduleWithImage2Buttons": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule With Image - 2 Buttons Center",
            "richtext": "<p>@bannermodule-with-bg-image--2-buttons--center</p>"
          }
        }
      }
    },
    "bannermoduleWithImage2ButtonsLeft": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule With Image - 2 Buttons left",
            "richtext": "<p>@bannermodule-with-bg-image--2-buttons--left</p>"
          }
        }
      }
    },
    "bannermoduleWithImage2ButtonsRight": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule With Image - 2 Buttons Right",
            "richtext": "<p>@bannermodule-with-bg-image--2-buttons--right</p>"
          }
        }
      }
    },
    "BannermoduleDetailtextLarge": {
      "partials": {
        "teaser": {
          "content": {
            "headline": "Bannermodule Detailtext Large"
          }
        }
      }
    },
    "labelForBannermoduleStatement": {
      "partials": {
        "teaser": {
          "switches": {
            "hasButton": false
          },
          "viewtypes": {
            "specifier": "teaser--bannermodule overview__module-headline"
          },
          "content": {
            "headline": "Bannermodule - Statement",
            "richtext": "<p>@bannermodule--statement</p>"
          }
        }
      }
    }
  }
}

No notes defined.