<!-- Akademische Vita -->
<div class="vita-list">
  <ul class="vita-list__list">
    <li class="vita-list__list-item">
      <div class="vita-list__item-date">seit 2019</div>
      <div class="vita-list__item-description">
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
          <a class="link link--external" href="http://theoldpurple.com/" target="_blank" rel="noopener noreferrer">externer Link</a> consetetur sadipscing elitr.</p>
      </div>
    </li>
    <li class="vita-list__list-item">
      <div class="vita-list__item-date">2017</div>
      <div class="vita-list__item-description">
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam volu g elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquya</p>
      </div>
    </li>
    <li class="vita-list__list-item">
      <div class="vita-list__item-date">2013 - 2016</div>
      <div class="vita-list__item-description">
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut la</p>
      </div>
    </li>
    <li class="vita-list__list-item">
      <div class="vita-list__item-date">2012</div>
      <div class="vita-list__item-description">
        <p>Ipsum eirmod tempor invidunt ut la</p>
      </div>
    </li>
  </ul>
</div>