[deploy] Layout-Fix: FAB aus #app-Flex-Container lösen + padding-bottom

Der FAB hing als Kind im #app Flex-Layout (display:flex, column) und hat
die bottom-nav nach unten gedrängt. Jetzt sitzt er auf Body-Ebene,
beeinflusst kein Flex mehr. Zusätzlich hat #main padding-bottom:90px
damit der letzte Listeneintrag nicht vom FAB verdeckt wird.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

app.css

@@ -51,6 +51,7 @@ body {
 #main {
     flex: 1;
     padding: 16px;
+    padding-bottom: 90px; /* Platz für FAB, damit letzter Listeneintrag nicht verdeckt wird */
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
 }

index.php

@@ -49,8 +49,6 @@ header('Expires: 0');
 
     <main id="main"></main>
 
-    <button id="fab-new-order" class="fab" title="Neuer Auftrag" aria-label="Neuer Auftrag" hidden>+</button>
-
     <nav id="bottom-nav" style="display:none">
         <button data-route="today">☀️ Heute</button>
         <button data-route="orders" class="active">📋 Aufträge</button>
@@ -60,6 +58,8 @@ header('Expires: 0');
     </nav>
 </div>
 
+<button id="fab-new-order" class="fab" title="Neuer Auftrag" aria-label="Neuer Auftrag" hidden>+</button>
+
 <div id="toast-container"></div>
 
 <script src="lib/idb.js?v=<?php echo $jsVersion; ?>"></script>