HTML-Prototype der OTH-Regensburg

<a class="c-teaserbox__link" href="#">
  <div class="c-teaserbox c-teaserbox--text-image o-grid o-grid--nogutter c-teaserbox--text-image-row-reverse">
    <div class="c-teaserbox__image-wrap">
      <picture class="c-teaserbox__image">
        <source srcset="https://picsum.photos/id/1002/800/400" media="(min-width:1400px)"/>
        <source srcset="https://picsum.photos/id/1002/900/450" media="(min-width:960px)"/>
        <source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:768px)"/>
        <source srcset="https://picsum.photos/id/1002/1400/700" media="(min-width:576px)"/>
        <source srcset="https://picsum.photos/id/1002/450/225" media="(min-width:320px)"/><img class="image__default" src="https://picsum.photos/id/1002/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
      </picture>
    </div>
    <div class="c-teaserbox__content-wrap">
      <div class="c-teaserbox__text-wrap">
        <h3 class="c-teaserbox__title">Cum sociis natoque penatibus et magnis dis parturient</h3>
        <div class="c-teaserbox__text">
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
        </div>
      </div><span class="c-teaserbox__button btn btn--icon-left">
        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
          <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
        </svg><span class="btn__text">Mehr erfahren</span></span>
    </div>
  </div></a>