# Lokale Ressourcen für Query Builder

## Übersicht
Die Query Builder Anwendung ist nun vollständig für den Offline-Betrieb konfiguriert. Alle externen CSS- und JavaScript-Ressourcen wurden lokal gespeichert.

## Heruntergeladene Ressourcen

### Bootstrap 5.3.0
- **CSS**: `app/static/css/vendor/bootstrap.min.css` (228KB)
- **JavaScript**: `app/static/js/vendor/bootstrap.bundle.min.js` (79KB)

### Font Awesome 6.4.0
- **CSS**: `app/static/css/vendor/all-local.min.css` (100KB)
- **Webfonts**: 
  - `app/static/webfonts/fa-solid-900.woff2` (147KB)
  - `app/static/webfonts/fa-regular-400.woff2` (25KB)
  - `app/static/webfonts/fa-brands-400.woff2` (106KB)

## Verzeichnisstruktur
```
app/static/
├── css/
│   ├── vendor/
│   │   ├── bootstrap.min.css
│   │   ├── all.min.css (Original)
│   │   └── all-local.min.css (Angepasste Pfade)
│   └── style.css
├── js/
│   ├── vendor/
│   │   └── bootstrap.bundle.min.js
│   └── app.js
└── webfonts/
    ├── fa-solid-900.woff2
    ├── fa-regular-400.woff2
    └── fa-brands-400.woff2
```

## Anpassungen

### Template-Updates
- `app/templates/base.html` wurde aktualisiert, um lokale Ressourcen zu verwenden
- Entfernt: CDN-Links für Bootstrap und Font Awesome
- Hinzugefügt: Lokale Pfade zu den heruntergeladenen Dateien

### Font Awesome CSS-Anpassung
- Originale `all.min.css` enthielt relative Pfade: `../webfonts/`
- Neue `all-local.min.css` mit korrigierten Pfaden: `../../webfonts/`

## Funktionalität
✅ Bootstrap CSS und JavaScript funktionieren vollständig
✅ Font Awesome Icons werden korrekt angezeigt
✅ Drag & Drop Funktionalität bleibt erhalten
✅ Alle interaktiven Elemente funktionieren
✅ Keine Internet-Verbindung erforderlich

## Vorteile
- 🔒 **Sicherheit**: Keine externen Abhängigkeiten
- ⚡ **Performance**: Schnellere Ladezeiten (keine CDN-Anfragen)
- 🌐 **Offline-Fähig**: Funktioniert ohne Internetverbindung
- 🛡️ **Zuverlässigkeit**: Keine Ausfälle durch externe Services

## Wartung
- Ressourcen sind in Standard-Versionen gespeichert (Bootstrap 5.3.0, Font Awesome 6.4.0)
- Bei Updates müssen neue Versionen manuell heruntergeladen und ersetzt werden
- Pfad-Anpassungen in CSS-Dateien beachten bei Font Awesome Updates