Add all routes as selection

public/index.html

@@ -34,8 +34,27 @@
       </header>
       <div class="app-content">
         <div id="location-hint" class="notice">Standort wird ermittelt.</div>
-        <h2>Routen in deiner Nähe</h2>
-        <ul id="route-list" class="card-list" aria-live="polite"></ul>
+
+        <section class="route-section" aria-labelledby="nearby-routes-heading">
+          <h2 id="nearby-routes-heading">Routen in deiner Nähe</h2>
+          <ul id="nearby-route-list" class="card-list" aria-live="polite"></ul>
+        </section>
+
+        <section class="route-section" aria-labelledby="all-routes-heading">
+          <div class="section-heading-row">
+            <h2 id="all-routes-heading">Alle Routen</h2>
+            <div class="route-search-controls">
+              <label for="route-search">Routen durchsuchen</label>
+              <div class="route-search-row">
+                <input id="route-search" type="search" autocomplete="off"
+                  placeholder="Name, Schule oder Beschreibung">
+                <button id="clear-route-search" type="button">Suche leeren</button>
+              </div>
+            </div>
+          </div>
+          <p id="all-routes-summary" class="route-list-summary" aria-live="polite"></p>
+          <ul id="all-route-list" class="card-list" aria-live="polite"></ul>
+        </section>
       </div>
       <footer class="app-footer">GPS-Lernwege</footer>
     </section>