Barmer Fractal

Stage Teaser: With Testimonial 

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

      <div class="teaser__image">

          <picture class="a-picture ">
              <source media="(max-width: 640px)" srcset="../../images/1x1/blick-auf-die-fensterfront-der-barmer-geschaeftsstelle-in-dresden.jpg">
              <source media="(min-width: 641px)" srcset="../../images/8x3/blick-auf-die-fensterfront-der-barmer-geschaeftsstelle-in-dresden.jpg">
              <img src="../../images/8x3/blick-auf-die-fensterfront-der-barmer-geschaeftsstelle-in-dresden.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
          </picture>

      </div>

      <div class="teaser__content">

          <div class="teaser__headline-wrapper">
              <div class="teaser__headline">
                  Stark, wenn Du uns brauchst - Unser Vorsprung für Deine Gesundheit

              </div>
          </div>

      </div>

  </div>

  <div class="teaser__testimonial-placement">

      <figure class="m-figure figure--blockquote">

          <blockquote class="figure__blockquote a-richtext">
              <p>Wir arbeiten miteinander, denn nur gemeinsam kann Barmer Gesundheit weiterdenken. Das bedeutet, wir helfen unseren Kunden, gesünder zu leben und <strong>bei Krankheit</strong> die bestmögliche Versorgung zu erhalten. Deshalb unterstützen wir sie bei der Behandlung, einer schnellen Genesung und einer nachhaltigen Prävention. Mit diesem Anspruch entwickeln wir uns weiter, erkennen frühzeitig gesellschaftliche Trends und machen den medizinische Fortschritt allen Menschen zugänglich.</p>

              <p>Es gibt Millionen gute Gründe für unseren Job</p>
          </blockquote>

          <figcaption class="figure__figcaption figure__figcaption--blockquote-source">
              &ndash; Kurt-Hans Zwetschgenkerze von Moselbach zur Heide (98), Gentleman Host
          </figcaption>
      </figure>

      <div class="teaser__button-wrapper">
          <a class="a-btn btn--primary" href="http://heute.de" title="">
              Mitglied werden
          </a>

      </div>

  </div>
 
{{^ this.switches.hasTeaserImageLazyLoadingDisabled }}
  {{render '@teaser--stage' this merge=true }}
{{/ this.switches.hasTeaserImageLazyLoadingDisabled }}

{{# this.switches.hasTeaserImageLazyLoadingDisabled }}
  {{render '@teaser--stage-no-lazy' this merge=true }}
{{/ this.switches.hasTeaserImageLazyLoadingDisabled }}
 
{
  "switches": {
    "isLinkable": false,
    "hasButton": false,
    "hasTestimonialButton": true,
    "hasDockingPlacement": false,
    "hasTestimonialPlacement": true,
    "hasHeadlineChevron": false,
    "hasIconAsImage": false,
    "hasTeaserContentWrapper": true,
    "hasTeaserHeadlineWrapper": true,
    "hasTeaserHeadline": true,
    "hasTeaserImage": true,
    "hasTeaserResponsiveImage": true,
    "hasTeaserImageLazyLoadingDisabled": false,
    "hasTeaserRichtext": false,
    "hasTeaserText": false,
    "hasTextChevron": false,
    "hasTestimonialText": false,
    "hasTestimonialSource": false,
    "linkAsButtonView": true,
    "hasTestimonial": true
  },
  "viewtypes": {
    "specifier": "teaser--stage cs--bg-image-a"
  },
  "content": {
    "headline": "Stark, wenn Du uns brauchst - Unser Vorsprung für Deine Gesundheit"
  },
  "partials": {
    "button": {
      "switches": {
        "asLink": true
      },
      "viewtypes": {
        "specifier": "btn--primary"
      },
      "content": {
        "label": "Mitglied werden",
        "url": "http://heute.de"
      }
    },
    "picture": {
      "content": {
        "sources": [
          {
            "media": "(max-width: 640px)",
            "srcset": "../../images/1x1/blick-auf-die-fensterfront-der-barmer-geschaeftsstelle-in-dresden.jpg"
          },
          {
            "media": "(min-width: 641px)",
            "srcset": "../../images/8x3/blick-auf-die-fensterfront-der-barmer-geschaeftsstelle-in-dresden.jpg"
          }
        ],
        "img": {
          "src": "../../images/8x3/blick-auf-die-fensterfront-der-barmer-geschaeftsstelle-in-dresden.jpg",
          "alt": "Dies ist ein alternativ Text"
        }
      }
    }
  }
}

No notes defined.