Barmer Fractal

Stage Teaser: With Docking Textmodule Cs D 

<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 class="teaser__button-wrapper">
              <a class="a-btn btn--primary" href="http://heute.de" title="">
                  Mitglied werden
              </a>

          </div>

      </div>

  </div>

  <div class="teaser__docking-placement cs--d">
      <div class="o-textmodule ">
          <h3 class="textmodule__headline textmodule__headline--h1">Stage-Teaser Headline Docking-Textmodule</h3>
          <div class="a-richtext richtext--intro">

              <p>Baden auf den Malediven, eine Trekkingreise in Laos – all diese fernen Reiseziele werden vorerst wohl für kaum einen Urlauber zu erreichen sein. Dennoch ist es wichtig, sich alle Impfungen zu holen, damit Reisende bei der nächsten großen Reise keine in Form von Krankheiten mit nach Hause bringen.</p>
          </div>

          <div class="a-richtext richtext--article">
              <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren. <span lang='en'>This is some <abbr tabindex='0' title='english'>en</abbr> text.</span></p>
          </div>

          <div class="textmodule__cta-row">
              <a class="a-btn btn--conversion" href="http://www.google.de" title="">
                  Zum Antragsformular
              </a>

          </div>
      </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": true,
    "hasTestimonialButton": false,
    "hasDockingPlacement": true,
    "hasTestimonialPlacement": false,
    "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
  },
  "viewtypes": {
    "specifier": "teaser--stage cs--bg-image-a",
    "dockingSpecifier": "cs--d"
  },
  "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"
        }
      }
    },
    "includedItemType": "textmodule",
    "dockingPlacement": {
      "content": {
        "headline": "Stage-Teaser Headline Docking-Textmodule"
      },
      "partials": {
        "detailText": {
          "switches": {
            "hasDefaultText": false,
            "hasWrapper": true
          },
          "content": {
            "text": "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren. <span lang='en'>This is some <abbr tabindex='0' title='english'>en</abbr> text.</span></p>"
          }
        }
      }
    }
  }
}

No notes defined.