Barmer Fractal

Bannermodule: Text Image Rounded 

<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">
            Barmer-Kundenservice: Wie können wir Ihnen helfen?

        </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>
 
{{ render '@teaser--bannermodule' partials.teaser merge=true }}
 
{
  "partials": {
    "teaser": {
      "viewtypes": {
        "specifier": "teaser--bannermodule teaser--bannermodule-text-image-rounded cs--a"
      },
      "partials": {
        "button": {
          "viewtypes": {
            "specifier": "btn--primary"
          }
        },
        "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": ""
            }
          }
        },
        "multipleButtons": [
          {
            "type": "link--with-icon-left",
            "viewtypes": {
              "specifier": ""
            },
            "content": {
              "url": "tel:+498003330010",
              "text": "0800 333 00 10"
            },
            "partials": {
              "iconType": "icon--contact"
            }
          },
          {
            "type": "link--with-icon-left",
            "viewtypes": {
              "specifier": ""
            },
            "content": {
              "url": "tel:+491608487788",
              "text": "0160 848 77 88"
            },
            "partials": {
              "iconType": "icon--whatsapp"
            }
          }
        ]
      },
      "switches": {
        "hasTeaserContentWrapper": true,
        "hasTeaserImage": true,
        "hasTeaserOverline": true,
        "hasTeaserRichtext": false,
        "hasMultipleButtons": true,
        "hasButton": false
      },
      "content": {
        "overline": "Rund um die Uhr erreichbar",
        "headline": "Barmer-Kundenservice: Wie können wir Ihnen helfen?"
      }
    }
  }
}

No notes defined.