HTML-Prototype der OTH-Regensburg

<a class="c-person-teaser" href="#">
  <div class="c-person-teaser__image">
    <picture>
      <source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
    </picture>
  </div>
  <div class="c-person-teaser__content">
    <p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
    <p class="c-person-teaser__name">Maximilian Mustermann</p>
    <p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
    <svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
      <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
    </svg>
    <script type="application/ld+json">
      {
        "@context": "http://schema.org",
        "@type": "Person",
        "givenName": "Maximilian",
        "familyName": "Mustermann",
        "honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
        "affiliation": "Fakultät Maschinenbau",
        "email": "studienberatung@oth-regensburg.de ",
        "telephone": "+4994194302",
        "image": "https://picsum.photos/id/1002/300/300",
        "address": "Galgenbergstraße 30, Raum D111",
        "worksFor": "OTH Regensburg"
      }
    </script>
  </div></a>