Office Item @office-item

In development
<!-- Office Item -->
<div class="office-item" data-uid="1" data-distance-text="ca. %DIST% km">
  <details class="office-item__inner">
    <summary class="office-item__title"><span class="office-item__indicator"></span>Ansbach</summary>
    <div class="office-item__content">
      <div class="office-item__content-item office-item__content-item--icon"><svg class="icon icon--place office-item__content-icon" viewBox="0 0 200 200" aria-hidden="true">
          <use xlink:href="/icons/icons.svg#icon-place"></use>
        </svg>
        <div class="office-item__content-title">Geschäftsstelle</div>
        <div class="office-item__content-text">Villingen-Schwenningen</div>
      </div>
      <div class="office-item__content-item office-item__content-item--icon"><svg class="icon icon--time office-item__content-icon" viewBox="0 0 200 200" aria-hidden="true">
          <use xlink:href="/icons/icons.svg#icon-time"></use>
        </svg>
        <div class="office-item__content-title">Öffnungszeiten</div>
        <div class="office-item__content-text">Mo. – Sa.<p>8 bis 17 Uhr (persönlich) und bis 18 Uhr (telefonisch)</p>
        </div>
      </div>
      <div class="office-item__content-item office-item__content-item--icon"><svg class="icon icon--phone office-item__content-icon" viewBox="0 0 200 200" aria-hidden="true">
          <use xlink:href="/icons/icons.svg#icon-phone"></use>
        </svg>
        <div class="office-item__content-title">Standort-Rufnummer</div>
        <div class="office-item__content-text">07720 9727-9</div>
      </div>
      <div class="office-item__content-item office-item__content-item--icon"><svg class="icon icon--fax office-item__content-icon" viewBox="0 0 200 200" aria-hidden="true">
          <use xlink:href="/icons/icons.svg#icon-fax"></use>
        </svg>
        <div class="office-item__content-title">Fax-Nummer</div>
        <div class="office-item__content-text">07720 9727-100</div>
      </div>
      <div class="office-item__content-item office-item__content-item--icon"><svg class="icon icon--letter office-item__content-icon" viewBox="0 0 200 200" aria-hidden="true">
          <use xlink:href="/icons/icons.svg#icon-letter"></use>
        </svg>
        <div class="office-item__content-title">E-Mail-Adresse</div>
        <div class="office-item__content-text">kundencenter@vividabkk.de</div>
      </div>
      <div class="office-item__content-item">
        <div class="office-item__content-title">Krankengeld</div>
        <div class="office-item__content-text">PLZ_abhängig<p>krankengeld@vividabkk.de</p>
        </div>
      </div>
      <div class="office-item__content-item">
        <div class="office-item__content-title">Pflegeversicherung</div>
        <div class="office-item__content-text">PLZ_abhängig<p>pflege-service@vividabkk.de</p>
        </div>
      </div>
      <div class="office-item__content-item">
        <div class="office-item__content-title">Zahn und zahnärztliche Behandlung</div>
        <div class="office-item__content-text">07720 9727-55255<p>zahn@vividabkk.de</p>
        </div>
      </div>
      <div class="office-item__content-item">
        <div class="office-item__content-title">Zahn und zahnärztliche Behandlung</div>
        <div class="office-item__content-text">07720 9727-55255<p>zahn@vividabkk.de</p>
        </div>
      </div>
      <div class="office-item__content-item">
        <div class="office-item__content-title">Hilfsmittel</div>
        <div class="office-item__content-text">07720 9727-55201<p>hilfsmittel@vividabkk.de</p>
        </div>
      </div>
      <div class="office-item__content-item">
        <div class="office-item__content-title">Reha</div>
        <div class="office-item__content-text">0981 9531-35451<p>reha@vividabkk.de</p>
        </div>
      </div>
      <div class="office-item__content-item">
        <div class="office-item__content-title">Häusliche Krankenpflege</div>
        <div class="office-item__content-text">0421 43551-65701<p>haeusliche-krankenpflege@vividabkk.de</p>
        </div>
      </div>
      <div class="office-item__content-item">
        <div class="office-item__content-title">Firmenkunden</div>
        <div class="office-item__content-text">07720 9727-55501<p>firmenkunden@vividabkk.de</p>
        </div>
      </div>
    </div>
  </details>
</div>