Neubau Fundament + Startseite: Designsystem, PHP-Komponenten, Brevo-Formular, Instagram-Sync

- Ordnerstruktur mit public/-Docroot, Deny-.htaccess für app/bin/config/data/storage
- CLAUDE.md mit Leitplanken (self-hosted only, Single Source of Truth, Component-first)
- Design-Tokens aus alter Seite extrahiert (Akzent #e20612, Coolvetica/Abel als woff2)
- Front Controller mit Routen-Register, Sitemap, Canonical, JSON-LD (SportsClub)
- Startseite: Hero, Instagram-Feed (lokaler Cache), Historie/Sportheim, Stats, Partner, Kontakt
- Kontaktformular via PHPMailer/Brevo mit Honeypot + HMAC-Time-Trap (kein reCAPTCHA)
- bin/instagram-sync.php: Scraper mit Strategie-Kette, flock, atomarem Cache, lokalen Bildern

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

public/assets/css/utilities.css

@@ -0,0 +1,52 @@
+/* ============================================================
+   UTILITIES — Buttons, visually-hidden, kleine Helfer
+   ============================================================ */
+.btn {
+    display: inline-block;
+    padding: 10px 18px;
+    background: var(--clr-accent);
+    color: var(--clr-text);
+    font-size: var(--fs-500);
+    text-decoration: none;
+    text-align: center;
+    border: 1px solid var(--clr-accent);
+    border-radius: var(--radius-btn);
+    cursor: pointer;
+    transition: background var(--transition), border-color var(--transition);
+}
+
+.btn:hover {
+    background: var(--clr-accent-dark);
+    border-color: var(--clr-accent-dark);
+    color: var(--clr-text);
+}
+
+.btn--outline {
+    background: transparent;
+    border-color: var(--clr-text);
+}
+
+.btn--outline:hover {
+    background: var(--clr-glass-bg);
+    border-color: var(--clr-text);
+}
+
+.visually-hidden {
+    position: absolute !important;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border: 0;
+}
+
+.text-center {
+    text-align: center;
+}
+
+.text-muted {
+    color: var(--clr-text-muted);
+}