Barmer Fractal

Bannermodule With Bg Image: 2 Buttons Right 

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

        </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>
 
{{ render '@teaser--bannermodule-with-bg-image' partials.teaser merge=true}}
 
{
  "partials": {
    "teaser": {
      "viewtypes": {
        "specifier": "teaser--bannermodule-with-bg-image cs--bg-image-a teaser--has-alignment-right"
      },
      "partials": {
        "button": {
          "viewtypes": {
            "specifier": "btn--conversion"
          }
        },
        "multipleButtons": [
          {
            "type": "button",
            "content": {
              "label": "Button mit etwas mehr Inhalt"
            },
            "viewtypes": {
              "specifier": "btn--primary"
            }
          },
          {
            "type": "button",
            "viewtypes": {
              "specifier": "btn--conversion"
            }
          }
        ]
      },
      "switches": {
        "hasButton": false,
        "hasMultipleButtons": true
      }
    }
  }
}

No notes defined.