{#- Suche als natives <dialog>: Escape, Hintergrund und Fokusfang kommen vom
    Browser, das Scroll-Sperren bringt der KERN-Kit bereits mit
    (body:has(.kern-dialog[open])). Steht vor den Skripten, damit die IDs
    existieren, wenn search/main.js initialisiert. -#}
<dialog id="kux-search-dialog" class="kern-dialog kux-search-dialog" aria-labelledby="kux-search-dialog-title">
  <div class="kern-dialog__header">
    <h2 class="kern-title" id="kux-search-dialog-title">{{ kux.lang_search }}</h2>
    <button type="button" class="kern-btn kern-btn--tertiary kux-search-dialog__close" data-kux-search-close>
      <span class="kern-icon kern-icon--close" aria-hidden="true"></span>
      <span class="kern-sr-only">{{ kux.lang_search_close }}</span>
    </button>
  </div>
  <div class="kern-dialog__body">
    {%- include "partials/search-form.html" %}
  </div>
</dialog>