Overview-Text & Image @overview-text-image

Design
Vorschau in eignem Tab anzeigen
 
<div class="overview-text-image overview-text-image--afp-blue-light">
  <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">Quickcheck</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="#"><svg class="icon icon--arrow-right button__icon" viewBox="0 0 200 200">
              <use xlink:href="#icon-arrow-right"></use>
            </svg><span class="button__text">Jetzt starten</span></a></div>
      </div>
    </div>
  </div>
</div>