Search Results Stable

The search results component defines the formatting of the results list display the user sees after triggering a search.

<div class="search-results">            
  <p class="search-results__status">5 search results</p>
  <ol class="bare-list search-results__list">
      <li class="search-results__item">
        <a href="#" class="search-results__link">
          <h3 class="search-results__title">
            [PDF] Medical Imaging - Siemens Healthineers Global
          </h3>
          <cite class="search-results__url">https://.../medical-imaging</cite>
        </a>
        <p class="search-results__snippet">...makes reading, storing, and sharing clinical images easier and ... Medical Imaging. The influence of the medical image in healthcare is constantly ...</p>
      </li>
      <li class="search-results__item">
        <a href="#" class="search-results__link">
          <h3 class="search-results__title">
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod - Siemens Healthineers
          </h3>
          <cite class="search-results__url">https://www.healthcare.siemens.de/accessories-oem-equipment/medical-electronic-solutions</cite>
        </a>
        <p class="search-results__snippet">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata</p>
      </li>
      <li class="search-results__item">
        <a href="#" class="search-results__link">
          <h3 class="search-results__title">
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod - Siemens Healthineers
          </h3>
          <cite class="search-results__url">https://www.healthcare.siemens.de/accessories-oem-equipment/medical-electronic-solutions</cite>
        </a>
        <p class="search-results__snippet">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata</p>
      </li>
      <li class="search-results__item">
        <a href="#" class="search-results__link">
          <h3 class="search-results__title">
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod - Siemens Healthineers
          </h3>
          <cite class="search-results__url">https://www.healthcare.siemens.de/accessories-oem-equipment/medical-electronic-solutions</cite>
        </a>
        <p class="search-results__snippet">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata</p>
      </li>
      <li class="search-results__item">
        <a href="#" class="search-results__link">
          <h3 class="search-results__title">
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod - Siemens Healthineers
          </h3>
          <cite class="search-results__url">https://www.healthcare.siemens.de/accessories-oem-equipment/medical-electronic-solutions</cite>
        </a>
        <p class="search-results__snippet">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata</p>
      </li>
  </ol>
  <!--div class="text-align-center margin-top-2 margin-bottom-1">
    <button class="button button--control" disabled><i class="icon-plus"></i></button> Show more results
  </div-->
</div>