Organigram @organigram

Design
<div class="organigram">
  <div class="organigram__inner">
    <div class="organigram__image">
      <div class="image loading organigram__image--desktop" style="padding-top: 72.09971236816874%;"><noscript><img class="image__fallback" height="752" src="/images/organigramm.svg" width="1043" usemap="#organigram-map-desktop" /></noscript><img class="image__img js-lazyload" data-src="/images/organigramm.svg" width="1043" height="752" usemap="#organigram-map-desktop" /></div>
      <div class="image loading organigram__image--mobile" style="padding-top: 330.44776119402985%;"><noscript><img class="image__fallback" height="1107" src="/images/organigramm_mobile.svg" width="335" usemap="#organigram-map-mobile" /></noscript><img class="image__img js-lazyload" data-src="/images/organigramm_mobile.svg" width="335" height="1107" usemap="#organigram-map-mobile" /></div>
    </div><map name="organigram-map-desktop"><area target="_self" href="#Aufsichtsrat" alt="Aufsichtsrat" title="Aufsichtsrat" coords="393,75,652,176" shape="rect"></area><area target="_self" href="#Geschäftsführungs" alt="Geschäftsführung" title="Geschäftsführung" coords="393,200,652,298" shape="rect"></area><area target="_self" href="#Stabsstelle Digitalisierung" alt="Stabsstelle Digitalisierung" title="Stabsstelle Digitalisierung" coords="50,275,309,375" shape="rect"></area><area target="_self" href="#Stabsstelle Kommunikation" alt="Stabsstelle Kommunikation" title="Stabsstelle Kommunikation" coords="734,275,994,375" shape="rect"></area><area target="_self" href="#Verwaltung" alt="Verwaltung" title="Verwaltung" coords="49,401,309,499" shape="rect"></area><area target="_self" href="#Forschung" alt="Forschung" title="Forschung" coords="50,576,309,674" shape="rect"></area><area target="_self" href="#Bildung" alt="Bildung" title="Bildung" coords="391,576,651,676" shape="rect"></area><area target="_self" href="#Gesellschaft und Kultur" alt="Gesellschaft und Kultur" title="Gesellschaft und Kultur" coords="733,576,992,676" shape="rect"></area></map><map name="organigram-map-mobile"><area target="_self" href="#Aufsichtsrat" alt="Aufsichtsrat" title="Aufsichtsrat" coords="26,50,310,150" shape="rect"></area><area target="_self" href="#Geschäftsführungs" alt="Geschäftsführung" title="Geschäftsführung" coords="26,173,310,275,52,333,311,432" shape="rect"></area><area target="_self" href="#Stabsstelle Digitalisierung" alt="Stabsstelle Digitalisierung" title="Stabsstelle Digitalisierung" coords="52,332,310,432" shape="rect"></area><area target="_self" href="#Stabsstelle Kommunikation" alt="Stabsstelle Kommunikation" title="Stabsstelle Kommunikation" coords="52,457,310,556" shape="rect"></area><area target="_self" href="#Verwaltung" alt="Verwaltung" title="Verwaltung" coords="52,582,309,682" shape="rect"></area><area target="_self" href="#Forschung" alt="Forschung" title="Forschung" coords="52,706,310,807" shape="rect"></area><area target="_self" href="#Bildung" alt="Bildung" title="Bildung" coords="51,832,310,932" shape="rect"></area><area target="_self" href="#Gesellschaft und Kultur" alt="Gesellschaft und Kultur" title="Gesellschaft und Kultur" coords="52,957,310,1057" shape="rect"></area></map>
  </div>
</div>