Overview-Text & Image @overview-text-image

Design
Vorschau in eignem Tab anzeigen
 
<div class="overview-text-image overview-text-image--stip-yellow">
  <div class="overview-text-image__inner">
    <div class="overview-text-image__content-wrap">
      <div class="overview-text-image__content">
        <div class="overview-text-image__top">
          <h2 class="headline headline--1 overview-text-image__headline">Lorem ipsum dolor</h2>
          <div class="overview-text-image__text">
            <div class="text">
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius tortor nibh, sit amet tempor nibh finibus et. Aenean eu enim justo. Vestibulum aliquam hendrerit molestie. Mauris malesuada nisi sit amet augue accumsan tincidunt. Maecenas tincidunt velit.</p>
            </div>
          </div>
        </div>
        <div class="overview-text-image__image">
          <div class="image loading" style="padding-top: 66.66666666666666%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="960" src="https://bildermangel.de/1440x960/F5F5F5/28281a.png?text=1440x960" width="1440" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/1440x960/F5F5F5/28281a.png?text=1440x960" width="1440" height="960" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
        </div>
        <div class="overview-text-image__button"><a class="button button--secondary button--transparent" href="#"><span class="button__text">Lorem ipsum</span></a></div>
      </div>
    </div>
  </div>
</div>