Pressespiegel detail list

<ul class="list list--bordered">
  <li class="list__item">
    <div class="bar mb-none">
      <div class="bar__item align-self-top">
        //switch
      </div>
      <div class="bar__item bar__item--fill">
        <div class="bar bar--small mb-small">
          <div class="bar__item">
            <h4 class="text-regular">
              //icon
              Der Standard
            </h4>
          </div>
          <div class="bar__item"><span class="text-color-grey">p. 14-21</span></div>
        </div>
        <p class="text-color-grey"><strong>...</strong></p>
        <p class="text-color-grey">...</p>
      </div>
      <div class="bar__item">
        <div class="bar bar--small mb-none">
          <div class="bar__item">
            <div class="btn-dropdown">
              <button class="btn btn--small btn--equal btn--hollow-grey" type="button" data-toggle="self, next" aria-haspopup="true">
                //icon
              </button>
              <div class="dropdown dropdown--center text-nowrap" data-dropdown="" aria-expanded="false">
                ...
              </div>
            </div>
          </div>
          <div class="bar__item">
            <button class="btn btn--small btn--equal btn--hollow-grey text-color-black" type="button" data-tooltip="" data-tooltip-image="image path" data-position="left" data-interactive="false" data-tooltipped="" aria-describedby="tippy-tooltip-1">
              //icon
            </button>
          </div>
          <div class="bar__item"><span class="btn btn--small btn--equal btn--link-grey cursor-move">
            //icon
          </div>
        </div>
      </div>
    </div>
  </li>

  ...

</ul>