diff --git a/templates/query2.html.ep b/templates/query2.html.ep
new file mode 100644
index 0000000..fa9980c
--- /dev/null
+++ b/templates/query2.html.ep
@@ -0,0 +1,9 @@
+% use Mojo::JSON 'encode_json';
+
+% if (stash('api_response')) {
+%=  javascript begin
+%   my $kq_hash = stash('api_response');
+%   $kq_hash->{matches} = ["..."];
+  KorAP.koralQuery = <%= b(encode_json($kq_hash))->decode %>;
+%   end
+% };
diff --git a/templates/search2.html.ep b/templates/search2.html.ep
new file mode 100644
index 0000000..6ed9c9e
--- /dev/null
+++ b/templates/search2.html.ep
@@ -0,0 +1,32 @@
+% layout 'main', title => loc('searchtitle', q => stash('q'), ql => stash('ql')), schematype => 'SearchResultsPage';
+
+<div id="resultinfo" <% if (stash('results_size')) { %> class="found"<%} %>>
+  <div id="pagination"><%= pagination(stash('start_page'), stash('total_pages'), url_with->query(['p' => '{page}'])) =%></div>
+% my $found = stash('total_results');
+  <p class="found">\
+% if ($found != -1) {
+%   my $found_text = loc('numf', number => $found);
+%   if (stash('time_exceeded')) {
+%     $found_text = '> ' . $found_text;
+%   };
+<span id="total-results"><%= $found_text %></span> <%= loc('matchCount', found => $found) %>\
+%# <% if (stash('benchmark')) { %> (~ <%= stash('benchmark') %>)<% } %>
+% } elsif (stash('start_index') == 0 && stash('result_size') == 0) {
+<span id="total-results">0</span> <%= loc('matchCount', found => $found) %>\
+% };
+</p>
+</div>
+
+%= include 'query2'
+
+<div id="search">
+% if (stash('total_results') != 0 && stash('result_size')) {
+  <ol class="align-left">
+%=  search_results begin
+%=    include 'match', match => $_
+%   end
+  </ol>
+% } elsif (stash('result_size') == 0) {
+<p id="no-results"><%= loc 'noMatches', q => stash('q'), ql => stash('ql') %></p>
+% }
+</div>