erster brauchbarer stand.

themes/op-dz/layouts/partials/search-modal.html

@@ -0,0 +1,16 @@
+<!-- SUCH-MODAL (vollflächig) -->
+<div id="op-suche" class="uk-modal-full" uk-modal>
+  <div class="uk-modal-dialog uk-flex uk-flex-center uk-flex-middle" style="min-height:100vh;" uk-height-viewport>
+    <button class="uk-modal-close-full uk-close-large" type="button" uk-close aria-label="Suche schließen"></button>
+    <div class="uk-width-2-3@m uk-text-center">
+      <form action="{{ site.Home.RelPermalink }}" method="get" role="search" aria-label="Schauplätze durchsuchen">
+        <label class="uk-form-label uk-margin-small-bottom uk-display-block" for="op-suchfeld">Schauplätze durchsuchen</label>
+        <div class="uk-search uk-search-large uk-width-1-1">
+          <span uk-search-icon></span>
+          <input id="op-suchfeld" class="uk-search-input" type="search" name="q" placeholder="Nach Titel, Person oder Ort suchen …" aria-label="Suchbegriff">
+        </div>
+        <p class="uk-text-meta uk-margin-small-top">Enter drücken – die Karte zeigt dann die passenden Schauplätze.</p>
+      </form>
+    </div>
+  </div>
+</div>