Kundenportal Aufträge: auftrag.html und auftrag.css (noindex, Mail-Stil, Fußzeile, Standalone)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

public/auftrag.html

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+  <meta name="robots" content="noindex, nofollow">
+  <meta name="referrer" content="no-referrer">
+  <meta name="color-scheme" content="light dark">
+  <meta name="theme-color" content="#f1f0ec" media="(prefers-color-scheme: light)">
+  <meta name="theme-color" content="#161615" media="(prefers-color-scheme: dark)">
+  <title>Auftragsbestätigung – WEBklar</title>
+  <link rel="icon" href="/favicon.ico" sizes="32x32">
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <link rel="stylesheet" href="/auftrag.css">
+  <noscript><style>.ab-laden{display:none}</style></noscript>
+</head>
+<body class="ab-seite">
+  <!-- Bestätigungsseite für eine Auftragsbestätigung (Link aus der Mail K31: /auftrag.html#t=<Token>, Rückfall ?t=<Token>).
+       Der Token steht nur in der Adresse und im Speicher der Seite: keine Cookies, kein Browserspeicher, keine Fremdanfragen,
+       nichts im Protokoll (auftrag.js). Ohne Anmeldung erreichbar, nicht für Suchmaschinen. -->
+  <a class="ab-app-back" href="/dashboard.html">‹ Zurück zum Kundenbereich</a>
+  <header class="ab-kopf">
+    <div class="ab-innen"><img class="ab-logo" src="/webklar-logo.png" width="36" height="36" alt=""><span class="ab-marke">WEBklar</span></div>
+  </header>
+  <main class="ab-haupt">
+    <div class="ab-innen">
+      <div class="ab-wurzel" id="ab-wurzel" data-zustand="laedt" aria-busy="true">
+        <noscript><p>Bitte aktivieren Sie JavaScript, um Ihren Auftrag zu bestätigen.</p></noscript>
+        <p class="ab-laden">Ihre Auftragsbestätigung wird geladen …</p>
+      </div>
+    </div>
+  </main>
+  <div class="ab-vh" id="ab-ansage" aria-live="polite"></div>
+  <footer class="ab-fuss">
+    <div class="ab-innen">
+      <a href="/datenschutz.html" target="_blank" rel="noopener noreferrer">Datenschutz</a>
+      <a href="https://webklar.com/impressum" target="_blank" rel="noopener noreferrer">Impressum</a>
+    </div>
+  </footer>
+  <script type="module" src="/auftrag.js"></script>
+</body>
+</html>