Barmer Fractal

Bannermodule Text Image: Color B 

<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">
            Überzeugt von der Barmer. I'm happy to tell you that the brand is at its best today.

        </h4>

        <div class="teaser__text teaser__text--richtext">
            <p>I'm happy to tell you that the brand is at its best today when it operates under memorable and bold identities.<br /> But that doesn't mean it's rushing into the twenty-first century.</p>
            <ul class="checklist rte--list">
                <li><i aria-hidden="true" role="presentation"></i>Lorem ipsum dolor sit amet.</li>
                <li><i aria-hidden="true" role="presentation"></i><a href="#" class="bm-richtext-link">Lorem ipsum dolor sit amet, no sea semper minimum, has te nominavi facilisis.</a></li>
                <li><i aria-hidden="true" role="presentation"></i>Modus graecis et nec, mel ne simul zril temporibus.</li>
            </ul>
        </div>

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

        </div>

    </div>

</div>
 
{{ render '@teaser--bannermodule-with-bg-image' partials.teaser merge=true}}
 
{
  "partials": {
    "teaser": {
      "viewtypes": {
        "specifier": "teaser--bannermodule teaser--bannermodule-text-image cs--b"
      },
      "switches": {
        "hasTeaserRichtext": true
      },
      "content": {
        "richtext": "<p>I'm happy to tell you that the brand is at its best today when it operates under memorable and bold identities.<br /> But that doesn't mean it's rushing into the twenty-first century.</p><ul class=\"checklist rte--list\"><li><i aria-hidden=\"true\" role=\"presentation\"></i>Lorem ipsum dolor sit amet.</li><li><i aria-hidden=\"true\" role=\"presentation\"></i><a href=\"#\" class=\"bm-richtext-link\">Lorem ipsum dolor sit amet, no sea semper minimum, has te nominavi facilisis.</a></li><li><i aria-hidden=\"true\" role=\"presentation\"></i>Modus graecis et nec, mel ne simul zril temporibus.</li></ul>"
      },
      "partials": {
        "picture": {
          "content": {
            "sources": [
              {
                "media": "(max-width: 640px)",
                "srcset": "../../images/1x1/mann-mit-kind.jpg"
              },
              {
                "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"
            }
          }
        },
        "button": {
          "viewtypes": {
            "specifier": "btn--primary"
          }
        }
      }
    }
  }
}

No notes defined.