Listen-Header @list-header

Abgenommen

Veranstaltungen @list-header--events

<!-- Veranstaltungen -->
<div class="list-header">
  <div class="list-header__inner">
    <header class="list-header__head">
      <h1 class="headline headline--2 list-header__headline"><span class="headline__kicker-line"><span class="headline__kicker">Verantaltungskalender<span class="u-hidden-visually">: </span></span>
        </span>Veranstaltungen finden</h1>
      <div class="list-header__tools">
        <div class="group group--nowrap group--article-hidden js-group">
          <ul class="group__list">
            <li class="group__item">
              <button class="icon-button icon-button--xlarge icon-button--border group__more" title="Mehr" type="button"><span class="icon-button__label">Mehr</span><span class="icon-button__circle"><svg class="icon icon--ellipsis icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-ellipsis"></use>
</svg></span></button>
            </li>
            <li class="group__item">
              <button class="icon-button icon-button--xlarge icon-button--border js-pdf" title="Seite drucken / PDF" data-url="https://www.uni-halle.de" data-title="Martin-Luther-Universität Halle-Wittenberg" type="button"><span class="icon-button__label">Drucken</span><span class="icon-button__circle"><svg class="icon icon--print icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-print"></use>
</svg></span></button>
            </li>
            <li class="group__item">
              <button class="icon-button icon-button--xlarge icon-button--border js-share" title="Seite teilen" data-url="https://www.uni-halle.de" data-title="Martin-Luther-Universität Halle-Wittenberg" type="button"><span class="icon-button__label">Teilen</span><span class="icon-button__circle"><svg class="icon icon--share icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-share"></use>
</svg></span></button>
            </li>
            <li class="group__item">
              <a class="icon-button icon-button--xlarge icon-button--border" href="#" title="RSS-Feed abonnieren"><span class="icon-button__label">RSS</span><span class="icon-button__circle"><svg class="icon icon--rss icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-rss"></use>
</svg></span></a>
            </li>
          </ul>
        </div>
      </div>
    </header>
    <div class="list-header__content">
      <div class="list-header__filter">
        <form class="list-filter js-list-filter" method="get">
          <div class="list-filter__search">
            <div class="search-input" role="search">
              <label class="label search-input__label u-hidden-visually" for="query">Suchbegriff</label>
              <input class="input search-input__input" id="query" name="query" type="search" placeholder="Stichwort eingeben"></input>
              <button class="button button--primary search-input__button" type="submit">
                <svg class="icon icon--search button__icon" viewBox="0 0 200 200" role="presentation">
                  <use xlink:href="#icon-search"></use>
                </svg><span class="button__text u-hidden-visually">Suchen</span></button>
            </div>
          </div>
          <div class="list-filter__groups-wrapper">
            <div class="list-filter__groups">
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-1798">Zeitraum von</label>
                <input class="input" id="form-group-1798" name="form-group-1798" type="date"></input>
              </div>
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-ff41">Zeitraum bis</label>
                <input class="input" id="form-group-ff41" name="form-group-ff41" type="date"></input>
              </div>
            </div>
          </div>
          <button class="link link--show link--small list-filter__toggle" type="button" aria-expanded="false" aria-controls="list-filter-a27c" data-show="Weitere Filter einblenden" data-hide="Weitere Filter ausblenden">Weitere Filter einblenden</button>
          <div class="list-filter__groups-wrapper" id="list-filter-a27c" aria-hidden="true">
            <div class="list-filter__groups">
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-16c6">Veranstaltungsart</label>
                <select class="select" id="form-group-16c6" name="form-group-16c6">
                  <option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
                  <option>Option 1</option>
                  <option>Option 2</option>
                  <option>Option 3</option>
                </select>
              </div>
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-4da3">Veranstaltungsreihe</label>
                <select class="select" id="form-group-4da3" name="form-group-4da3">
                  <option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
                  <option>Option 1</option>
                  <option>Option 2</option>
                  <option>Option 3</option>
                </select>
              </div>
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-a75b">Einrichtung</label>
                <select class="select" id="form-group-a75b" name="form-group-a75b">
                  <option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
                  <option>Option 1</option>
                  <option>Option 2</option>
                  <option>Option 3</option>
                </select>
              </div>
            </div>
          </div>
          <div class="list-filter__submit">
            <button class="button button--primary" type="submit"><span class="button__text">Filtern</span></button>
            <div class="list-filter__reset">
              <a class="link link--small link--reset" href="#">Filter zurücksetzen</a>
            </div>
          </div>
        </form>
      </div>
      <div class="list-header__switch"></div>
    </div>
  </div>
</div>

Personen @list-header--persons

<!-- Personen -->
<div class="list-header">
  <div class="list-header__inner">
    <header class="list-header__head">
      <h1 class="headline headline--2 list-header__headline"><span class="headline__kicker-line"><span class="headline__kicker">Personenverzeichnis<span class="u-hidden-visually">: </span></span>
        </span>Ansprech&shy;partner finden</h1>
      <div class="list-header__tools">
        <div class="group group--nowrap group--article-hidden js-group">
          <ul class="group__list">
            <li class="group__item">
              <button class="icon-button icon-button--xlarge icon-button--border group__more" title="Mehr" type="button"><span class="icon-button__label">Mehr</span><span class="icon-button__circle"><svg class="icon icon--ellipsis icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-ellipsis"></use>
</svg></span></button>
            </li>
            <li class="group__item">
              <button class="icon-button icon-button--xlarge icon-button--border js-pdf" title="Seite drucken / PDF" data-url="https://www.uni-halle.de" data-title="Martin-Luther-Universität Halle-Wittenberg" type="button"><span class="icon-button__label">Drucken</span><span class="icon-button__circle"><svg class="icon icon--print icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-print"></use>
</svg></span></button>
            </li>
            <li class="group__item">
              <button class="icon-button icon-button--xlarge icon-button--border js-share" title="Seite teilen" data-url="https://www.uni-halle.de" data-title="Martin-Luther-Universität Halle-Wittenberg" type="button"><span class="icon-button__label">Teilen</span><span class="icon-button__circle"><svg class="icon icon--share icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-share"></use>
</svg></span></button>
            </li>
          </ul>
        </div>
      </div>
    </header>
    <div class="list-header__content">
      <div class="list-header__intro">
        <div class="text text--intro">
          <p>Optionaler Introtext ipsum dolor sit amet, consetetur sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
        </div>
      </div>
      <div class="list-header__filter">
        <form class="list-filter js-list-filter" method="get">
          <div class="list-filter__search">
            <div class="search-input" role="search">
              <label class="label search-input__label u-hidden-visually" for="query">Suchbegriff</label>
              <input class="input search-input__input" id="query" name="query" type="search" placeholder="Wen suchen Sie?"></input>
              <button class="button button--primary search-input__button" type="submit">
                <svg class="icon icon--search button__icon" viewBox="0 0 200 200" role="presentation">
                  <use xlink:href="#icon-search"></use>
                </svg><span class="button__text u-hidden-visually">Suchen</span></button>
            </div>
          </div>
          <button class="link link--show link--small list-filter__toggle" type="button" aria-expanded="false" aria-controls="list-filter-ca36" data-show="Filter einblenden" data-hide="Filter ausblenden">Filter einblenden</button>
          <div class="list-filter__groups-wrapper" id="list-filter-ca36" aria-hidden="true">
            <div class="list-filter__groups">
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-6bfa">Zentrale Einrichtung / Fakultät</label>
                <select class="select" id="form-group-6bfa" name="form-group-6bfa">
                  <option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
                  <option>Option 1</option>
                  <option>Option 2</option>
                  <option>Option 3</option>
                </select>
              </div>
              <div class="form-group list-filter__group">
                <label class="label label--disabled form-group__label" for="form-group-b2b6">Untereinrichtung / Lehrstuhl</label>
                <select class="select" id="form-group-b2b6" name="form-group-b2b6" disabled="disabled"></select>
              </div>
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-ed2a">Kategorie</label>
                <select class="select" id="form-group-ed2a" name="form-group-ed2a">
                  <option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
                  <option>Option 1</option>
                  <option>Option 2</option>
                  <option>Option 3</option>
                </select>
              </div>
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-4284">Funktion</label>
                <select class="select" id="form-group-4284" name="form-group-4284">
                  <option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
                  <option>Option 1</option>
                  <option>Option 2</option>
                  <option>Option 3</option>
                </select>
              </div>
            </div>
            <div class="list-filter__submit">
              <button class="button button--primary" type="submit" value="suchen"><span class="button__text">Filtern</span></button>
              <div class="list-filter__reset">
                <a class="link link--small link--reset" href="#">Filter zurücksetzen</a>
              </div>
            </div>
          </div>
        </form>
      </div>
      <div class="list-header__switch"></div>
    </div>
  </div>
</div>

Suche @list-header--search

<!-- Suche -->
<div class="list-header">
  <div class="list-header__inner">
    <header class="list-header__head"></header>
    <div class="list-header__content">
      <div class="list-header__filter">
        <form class="list-filter js-list-filter" action="https://adminportal2.itz.uni-halle.de/search.php" method="post">
          <div class="list-filter__search">
            <div class="search-input" role="search">
              <label class="label search-input__label u-hidden-visually" for="query">Suchbegriff</label>
              <input class="input search-input__input" id="query" name="query" type="search" placeholder="Welchen Account suchen Sie?"></input>
              <button class="button button--primary search-input__button" type="submit">
                <svg class="icon icon--search button__icon" viewBox="0 0 200 200" role="presentation">
                  <use xlink:href="#icon-search"></use>
                </svg><span class="button__text u-hidden-visually">Suchen</span></button>
            </div>
          </div>
          <button class="link link--show link--small list-filter__toggle" type="button" aria-expanded="false" aria-controls="list-filter-0799" data-show="Filter einblenden" data-hide="Filter ausblenden">Filter einblenden</button>
          <div class="list-filter__groups-wrapper" id="list-filter-0799" aria-hidden="true">
            <div class="list-filter__groups">
              <fieldset class="form-group list-filter__group">
                <legend class="label form-group__label">Personen</legend>
                <div class="form-group__item">
                  <label class="checkbox" for="acct_oa">
                    <input class="checkbox__input" type="checkbox" value="at_a" id="acct_oa" name="rq_at[]" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Mitarbeiter</span></label>
                </div>
                <div class="form-group__item">
                  <label class="checkbox" for="acct_os">
                    <input class="checkbox__input" type="checkbox" value="at_s" id="acct_os" name="rq_at[]" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Studierende</span></label>
                </div>
                <div class="form-group__item">
                  <label class="checkbox" for="acct_ops">
                    <input class="checkbox__input" type="checkbox" value="at_ps" id="acct_ops" name="rq_at[]" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Priviligiert</span></label>
                </div>
                <div class="form-group__item">
                  <label class="checkbox" for="acct_omedboth">
                    <input class="checkbox__input" type="checkbox" value="at_med" id="acct_omedboth" name="rq_at[]" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Mediziner</span></label>
                </div>
                <div class="form-group__item">
                  <label class="checkbox" for="acct_og">
                    <input class="checkbox__input" type="checkbox" value="at_g" id="acct_og" name="rq_at[]" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Gäste</span></label>
                </div>
                <div class="form-group__item">
                  <label class="checkbox" for="acct_oe">
                    <input class="checkbox__input" type="checkbox" value="at_e" id="acct_oe" name="rq_at[]" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Emeriti</span></label>
                </div>
              </fieldset>
              <fieldset class="form-group list-filter__group">
                <legend class="label form-group__label">Funktionen</legend>
                <div class="form-group__item">
                  <label class="checkbox" for="acct_of">
                    <input class="checkbox__input" type="checkbox" value="at_f" id="acct_of" name="rq_at[]" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Funktion A</span></label>
                </div>
                <div class="form-group__item">
                  <label class="checkbox" for="form-group-df23-1">
                    <input class="checkbox__input" type="checkbox" id="form-group-df23-1" name="checkbox-form-group-df23-1" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Funktion B</span></label>
                </div>
                <div class="form-group__item">
                  <label class="checkbox" for="form-group-df23-2">
                    <input class="checkbox__input" type="checkbox" id="form-group-df23-2" name="checkbox-form-group-df23-2" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Funktion C</span></label>
                </div>
              </fieldset>
            </div>
            <div class="list-filter__submit">
              <button class="button button--primary" type="submit" value="suchen"><span class="button__text">Filtern</span></button>
              <div class="list-filter__reset">
                <a class="link link--small link--reset" href="#">Filter zurücksetzen</a>
              </div>
            </div>
          </div>
        </form>
      </div>
      <div class="list-header__switch"></div>
    </div>
  </div>
</div>

Pressemitteilungen @list-header--press

<!-- Pressemitteilungen -->
<div class="list-header">
  <div class="list-header__inner">
    <header class="list-header__head">
      <h1 class="headline headline--2 list-header__headline"><span class="headline__kicker-line"><span class="headline__kicker">Presse<span class="u-hidden-visually">: </span></span>
        </span>Presse&shy;mitteilungen</h1>
      <div class="list-header__tools">
        <div class="group group--nowrap group--article-hidden js-group">
          <ul class="group__list">
            <li class="group__item">
              <button class="icon-button icon-button--xlarge icon-button--border group__more" title="Mehr" type="button"><span class="icon-button__label">Mehr</span><span class="icon-button__circle"><svg class="icon icon--ellipsis icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-ellipsis"></use>
</svg></span></button>
            </li>
            <li class="group__item">
              <button class="icon-button icon-button--xlarge icon-button--border js-pdf" title="Seite drucken / PDF" data-url="https://www.uni-halle.de" data-title="Martin-Luther-Universität Halle-Wittenberg" type="button"><span class="icon-button__label">Drucken</span><span class="icon-button__circle"><svg class="icon icon--print icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-print"></use>
</svg></span></button>
            </li>
            <li class="group__item">
              <button class="icon-button icon-button--xlarge icon-button--border js-share" title="Seite teilen" data-url="https://www.uni-halle.de" data-title="Martin-Luther-Universität Halle-Wittenberg" type="button"><span class="icon-button__label">Teilen</span><span class="icon-button__circle"><svg class="icon icon--share icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-share"></use>
</svg></span></button>
            </li>
            <li class="group__item">
              <a class="icon-button icon-button--xlarge icon-button--border" href="#" title="RSS-Feed abonnieren"><span class="icon-button__label">RSS</span><span class="icon-button__circle"><svg class="icon icon--rss icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-rss"></use>
</svg></span></a>
            </li>
          </ul>
        </div>
      </div>
    </header>
    <div class="list-header__content">
      <div class="list-header__filter">
        <form class="list-filter js-list-filter" method="get">
          <div class="list-filter__search">
            <div class="search-input" role="search">
              <label class="label search-input__label u-hidden-visually" for="query">Suchbegriff</label>
              <input class="input search-input__input" id="query" name="query" type="search" placeholder="Stichwort eingeben"></input>
              <button class="button button--primary search-input__button" type="submit">
                <svg class="icon icon--search button__icon" viewBox="0 0 200 200" role="presentation">
                  <use xlink:href="#icon-search"></use>
                </svg><span class="button__text u-hidden-visually">Suchen</span></button>
            </div>
          </div>
          <div class="list-filter__groups-wrapper">
            <div class="list-filter__groups">
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-e3c8">Zeitraum von</label>
                <input class="input" id="form-group-e3c8" name="form-group-e3c8" type="date"></input>
              </div>
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-68d9">Zeitraum bis</label>
                <input class="input" id="form-group-68d9" name="form-group-68d9" type="date"></input>
              </div>
            </div>
          </div>
          <button class="link link--show link--small list-filter__toggle" type="button" aria-expanded="false" aria-controls="list-filter-7435" data-show="Weitere Filter einblenden" data-hide="Weitere Filter ausblenden">Weitere Filter einblenden</button>
          <div class="list-filter__groups-wrapper" id="list-filter-7435" aria-hidden="true">
            <div class="list-filter__groups">
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-ba2d">Inhaltsbereich</label>
                <select class="select" id="form-group-ba2d" name="form-group-ba2d">
                  <option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
                  <option>Option 1</option>
                  <option>Option 2</option>
                  <option>Option 3</option>
                </select>
              </div>
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-169e">Einrichtung</label>
                <select class="select" id="form-group-169e" name="form-group-169e">
                  <option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
                  <option>Option 1</option>
                  <option>Option 2</option>
                  <option>Option 3</option>
                </select>
              </div>
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-c3d2">Sachgebiet</label>
                <select class="select" id="form-group-c3d2" name="form-group-c3d2">
                  <option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
                  <option>Option 1</option>
                  <option>Option 2</option>
                  <option>Option 3</option>
                </select>
              </div>
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-1c9d">Netzwerk</label>
                <select class="select" id="form-group-1c9d" name="form-group-1c9d">
                  <option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
                  <option>Option 1</option>
                  <option>Option 2</option>
                  <option>Option 3</option>
                </select>
              </div>
            </div>
          </div>
          <div class="list-filter__submit">
            <button class="button button--primary" type="submit"><span class="button__text">Filtern</span></button>
            <div class="list-filter__reset">
              <a class="link link--small link--reset" href="#">Filter zurücksetzen</a>
            </div>
          </div>
        </form>
      </div>
      <div class="list-header__switch"></div>
    </div>
  </div>
</div>

Materialien @list-header--material

<!-- Materialien -->
<div class="list-header">
  <div class="list-header__inner">
    <header class="list-header__head">
      <h1 class="headline headline--2 list-header__headline"><span class="headline__kicker-line"><span class="headline__kicker">Materialien<span class="u-hidden-visually">: </span></span>
        </span>Dokumente zum Thema X</h1>
      <div class="list-header__tools">
        <div class="group group--nowrap group--article-hidden js-group">
          <ul class="group__list">
            <li class="group__item">
              <button class="icon-button icon-button--xlarge icon-button--border group__more" title="Mehr" type="button"><span class="icon-button__label">Mehr</span><span class="icon-button__circle"><svg class="icon icon--ellipsis icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-ellipsis"></use>
</svg></span></button>
            </li>
            <li class="group__item">
              <button class="icon-button icon-button--xlarge icon-button--border js-pdf" title="Seite drucken / PDF" data-url="https://www.uni-halle.de" data-title="Martin-Luther-Universität Halle-Wittenberg" type="button"><span class="icon-button__label">Drucken</span><span class="icon-button__circle"><svg class="icon icon--print icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-print"></use>
</svg></span></button>
            </li>
            <li class="group__item">
              <button class="icon-button icon-button--xlarge icon-button--border js-share" title="Seite teilen" data-url="https://www.uni-halle.de" data-title="Martin-Luther-Universität Halle-Wittenberg" type="button"><span class="icon-button__label">Teilen</span><span class="icon-button__circle"><svg class="icon icon--share icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-share"></use>
</svg></span></button>
            </li>
          </ul>
        </div>
      </div>
    </header>
    <div class="list-header__content">
      <div class="list-header__intro">
        <div class="text text--intro">
          <p>Optionaler Introtext ipsum dolor sit amet, consetetur sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
        </div>
      </div>
      <div class="list-header__switch"></div>
    </div>
  </div>
</div>

Stellenangebote @list-header--job

<!-- Stellenangebote -->
<div class="list-header">
  <div class="list-header__inner">
    <header class="list-header__head">
      <h1 class="headline headline--2 list-header__headline"><span class="headline__kicker-line"><span class="headline__kicker">aktuelle Ausschreibungen<span class="u-hidden-visually">: </span></span>
        </span>Stellenangebote finden</h1>
      <div class="list-header__tools">
        <div class="group group--nowrap group--article-hidden js-group">
          <ul class="group__list">
            <li class="group__item">
              <button class="icon-button icon-button--xlarge icon-button--border group__more" title="Mehr" type="button"><span class="icon-button__label">Mehr</span><span class="icon-button__circle"><svg class="icon icon--ellipsis icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-ellipsis"></use>
</svg></span></button>
            </li>
            <li class="group__item">
              <button class="icon-button icon-button--xlarge icon-button--border js-pdf" title="Seite drucken / PDF" data-url="https://www.uni-halle.de" data-title="Martin-Luther-Universität Halle-Wittenberg" type="button"><span class="icon-button__label">Drucken</span><span class="icon-button__circle"><svg class="icon icon--print icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-print"></use>
</svg></span></button>
            </li>
            <li class="group__item">
              <button class="icon-button icon-button--xlarge icon-button--border js-share" title="Seite teilen" data-url="https://www.uni-halle.de" data-title="Martin-Luther-Universität Halle-Wittenberg" type="button"><span class="icon-button__label">Teilen</span><span class="icon-button__circle"><svg class="icon icon--share icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-share"></use>
</svg></span></button>
            </li>
            <li class="group__item">
              <a class="icon-button icon-button--xlarge icon-button--border" href="#" title="RSS-Feed abonnieren"><span class="icon-button__label">RSS</span><span class="icon-button__circle"><svg class="icon icon--rss icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-rss"></use>
</svg></span></a>
            </li>
          </ul>
        </div>
      </div>
    </header>
    <div class="list-header__content">
      <div class="list-header__filter">
        <form class="list-filter js-list-filter" method="get">
          <div class="list-filter__search">
            <div class="search-input" role="search">
              <label class="label search-input__label u-hidden-visually" for="query">Suchbegriff</label>
              <input class="input search-input__input" id="query" name="query" type="search" placeholder="Stichwort eingeben"></input>
              <button class="button button--primary search-input__button" type="submit">
                <svg class="icon icon--search button__icon" viewBox="0 0 200 200" role="presentation">
                  <use xlink:href="#icon-search"></use>
                </svg><span class="button__text u-hidden-visually">Suchen</span></button>
            </div>
          </div>
          <button class="link link--show link--small list-filter__toggle" type="button" aria-expanded="false" aria-controls="list-filter-abab" data-show="Filter einblenden" data-hide="Filter ausblenden">Filter einblenden</button>
          <div class="list-filter__groups-wrapper" id="list-filter-abab" aria-hidden="true">
            <div class="list-filter__groups">
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-4606">Einrichtung</label>
                <select class="select" id="form-group-4606" name="form-group-4606">
                  <option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
                  <option>Zentrale Einrichtungen</option>
                  <option>Theologie</option>
                  <option>Jura und Wirtschaftswissenschaften</option>
                  <option>Medizin</option>
                  <option>Sozial- und historische Kulturwissenschaften</option>
                  <option>Philologien, Kommunikations- und Musikwissenschaften</option>
                  <option>Erziehungswissenschaften</option>
                  <option>Biowissenschaften und Pharmazie</option>
                  <option>Chemie, Physik und Mathematik</option>
                  <option>Agrar- und Ernährungswissenschaften, Geowissenschaften und Informatik</option>
                </select>
              </div>
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-96aa">Ausschreibung</label>
                <select class="select" id="form-group-96aa" name="form-group-96aa">
                  <option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
                  <option>interne Ausschreibung</option>
                  <option>externe Ausschreibung</option>
                </select>
              </div>
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-ae62">Art der Anstellung</label>
                <select class="select" id="form-group-ae62" name="form-group-ae62">
                  <option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
                  <option>wissenschaftliche Anstellung</option>
                  <option>nichtwissenschaftliche Anstellung</option>
                </select>
              </div>
            </div>
            <div class="list-filter__submit">
              <button class="button button--primary" type="submit" value="suchen"><span class="button__text">Filtern</span></button>
              <div class="list-filter__reset">
                <a class="link link--small link--reset" href="#">Filter zurücksetzen</a>
              </div>
            </div>
          </div>
        </form>
      </div>
      <div class="list-header__switch"></div>
    </div>
  </div>
</div>

Studienangebot @list-header--studies

<!-- Studienangebot -->
<div class="list-header">
  <div class="list-header__inner">
    <header class="list-header__head">
      <h1 class="headline headline--2 list-header__headline"><span class="headline__kicker-line"><span class="headline__kicker">Studienangebot<span class="u-hidden-visually">: </span></span>
        </span>Studiengang finden</h1>
      <div class="list-header__tools">
        <div class="group group--nowrap group--article-hidden js-group">
          <ul class="group__list">
            <li class="group__item">
              <button class="icon-button icon-button--xlarge icon-button--border group__more" title="Mehr" type="button"><span class="icon-button__label">Mehr</span><span class="icon-button__circle"><svg class="icon icon--ellipsis icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-ellipsis"></use>
</svg></span></button>
            </li>
            <li class="group__item">
              <button class="icon-button icon-button--xlarge icon-button--border js-pdf" title="Seite drucken / PDF" data-url="https://www.uni-halle.de" data-title="Martin-Luther-Universität Halle-Wittenberg" type="button"><span class="icon-button__label">Drucken</span><span class="icon-button__circle"><svg class="icon icon--print icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-print"></use>
</svg></span></button>
            </li>
            <li class="group__item">
              <button class="icon-button icon-button--xlarge icon-button--border js-share" title="Seite teilen" data-url="https://www.uni-halle.de" data-title="Martin-Luther-Universität Halle-Wittenberg" type="button"><span class="icon-button__label">Teilen</span><span class="icon-button__circle"><svg class="icon icon--share icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-share"></use>
</svg></span></button>
            </li>
          </ul>
        </div>
      </div>
    </header>
    <div class="list-header__content">
      <div class="list-header__filter">
        <form class="list-filter js-list-filter" method="get">
          <div class="list-filter__search">
            <div class="search-input" role="search">
              <label class="label search-input__label u-hidden-visually" for="query">Suchbegriff</label>
              <input class="input search-input__input" id="query" name="query" type="search" placeholder="Stichwort eingeben"></input>
              <button class="button button--primary search-input__button" type="submit">
                <svg class="icon icon--search button__icon" viewBox="0 0 200 200" role="presentation">
                  <use xlink:href="#icon-search"></use>
                </svg><span class="button__text u-hidden-visually">Suchen</span></button>
            </div>
          </div>
          <div class="list-filter__groups-wrapper">
            <div class="list-filter__groups">
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-8945">Abschluss</label>
                <select class="select" id="form-group-8945" name="form-group-8945">
                  <option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
                  <optgroup label="grundständig">
                    <option>Bachelor</option>
                    <option>Lehramt</option>
                    <option>Staatsexamen (außer Lehrämter)</option>
                    <option>Konzertexamen</option>
                    <option>Kirchliches Examen / Diplom</option>
                    <option>alle grundständigen Studiengänge</option>
                  </optgroup>
                  <optgroup label="weiterführend">
                    <option>Master</option>
                    <option>Promotion</option>
                    <option>alle weiterführenden Studiengänge</option>
                  </optgroup>
                </select>
              </div>
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-86ab">Charakteristik</label>
                <select class="select" id="form-group-86ab" name="form-group-86ab">
                  <option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
                  <option>Lehramt Gymnasium</option>
                  <option>Lehramt Sekundarschule</option>
                  <option>Lehramt Grundschule</option>
                  <option>Lehramt Förderschule</option>
                </select>
              </div>
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-8407">Fachrichtung</label>
                <select class="select" id="form-group-8407" name="form-group-8407">
                  <option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
                  <option>Gesundheit</option>
                  <option>Historische Kulturwissenschaften</option>
                  <option>Kulturen der Welt</option>
                  <option>Leben, Life Sciences</option>
                  <option>Mensch und Gesellschaft</option>
                  <option>Musik und Kunst</option>
                  <option>Sprachen und Kommunikation</option>
                  <option>Umwelt</option>
                  <option>Wirtschaft und Recht</option>
                  <option>Zahlen, Muster, Strukturen</option>
                </select>
              </div>
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-e0c2">Zulassung</label>
                <select class="select" id="form-group-e0c2" name="form-group-e0c2">
                  <option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
                  <option>zulassungsfrei (ohne NC)</option>
                  <option>zulassungsbeschränkt (mit NC)</option>
                  <option>mit Eignungsprüfung</option>
                </select>
              </div>
              <div class="form-group list-filter__group">
                <label class="label form-group__label" for="form-group-4439">Beginn</label>
                <select class="select" id="form-group-4439" name="form-group-4439">
                  <option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
                  <option>Wintersemester</option>
                  <option>Sommersemester</option>
                </select>
              </div>
            </div>
            <div class="list-filter__submit">
              <button class="button button--primary" type="submit" value="suchen"><span class="button__text">Filtern</span></button>
              <div class="list-filter__reset">
                <a class="link link--small link--reset" href="#">Filter zurücksetzen</a>
              </div>
            </div>
          </div>
        </form>
      </div>
      <div class="list-header__switch"></div>
    </div>
  </div>
</div>