{#-
  Der einzige Ort mit den beiden IDs, die search/main.js aus dem Such-Plugin
  erwartet: #mkdocs-search-query (keyup) und #mkdocs-search-results.

  Das Formular ist ein echtes GET auf search.html - damit funktioniert die
  Suche auch ohne JavaScript und ein Trefferlink ist teilbar. main.js liest
  ?q= auf jeder Seite aus, deshalb gibt es hier bewusst keinen
  submit-Handler.
-#}
<form class="kux-search" role="search" method="get" action="{{ 'search.html'|url }}">
  <div class="kern-form-input kux-search__field">
    <label class="kern-label" for="mkdocs-search-query">{{ kux.lang_search }}</label>
    <input class="kern-form-input__input" type="search" id="mkdocs-search-query" name="q"
           autocomplete="off" spellcheck="false" placeholder="{{ kux.lang_search_placeholder|e }}">
  </div>
  <button class="kern-btn kern-btn--primary kux-search__submit" type="submit">
    <span class="kern-icon kern-icon--search" aria-hidden="true"></span>
    <span class="kern-label">{{ kux.lang_search_submit }}</span>
  </button>
</form>
<div id="mkdocs-search-results" class="kux-search__results" aria-live="polite"
     data-no-results-text="{{ kux.lang_search_no_results|e }}">
  <p class="kux-search__hint">{{ kux.lang_search_hint }}</p>
</div>