# Schnappix-Web

Schnappix-Web ist die Landing-Page und Informationsseite für die Schnappix Photobooth App. Sie präsentiert die Features der App, beantwortet häufig gestellte Fragen (FAQ), bietet Kontakt- und Feedbackmöglichkeiten und stellt die rechtlichen Informationen (Impressum & Datenschutz) bereit.

## Features

- **Responsive Design**: Optimiert für alle Bildschirmgrößen (Desktop, Tablet, Mobile).
- **Moderne UI/UX**: Neon-Synthwave Ästhetik passend zur Schnappix App, mit fließenden Übergängen (View Transition API) und Micro-Animations.
- **Seiten**:
  - `index.html`: Startseite mit App-Vorstellung
  - `features.html`: Detaillierte Übersicht aller App-Funktionen
  - `faq.html`: Häufig gestellte Fragen und Antworten
  - `feedback.html`: Formular für Nutzerfeedback
  - `impressum.html` & `datenschutz.html`: Rechtliche Seiten

## Tech Stack

- **Struktur**: Vanilla HTML5
- **Styling**: Vanilla CSS3 (`style.css`), CSS Custom Properties (Variablen), View Transitions
- **Logik**: Vanilla JavaScript (`app.js`)
- **Schriften**: Google Fonts (Outfit für Überschriften, Inter für Fließtext)

## Getting Started

Da es sich um ein reines Frontend-Projekt ohne Build-System oder Framework handelt, ist das Setup extrem einfach:

1. Repository klonen:
   ```bash
   git clone <repository-url>
   cd Schnappix-Web
   ```

2. Öffnen der Dateien:
   - Du kannst die `index.html` direkt in deinem Browser öffnen.
   - Für die beste Erfahrung empfiehlt sich ein lokaler Webserver (z. B. VS Code Extension "Live Server").

## Design Theme

Das Design greift die neon-synthwave Ästhetik der Haupt-App auf:

- **Hintergrund**: Tiefes Dunkelblau/Schwarz (`#050510`)
- **Primärfarbe**: Neon Magenta (`#ff2bd6`)
- **Akzentfarbe**: Neon Cyan (`#28dfff`)
- **Effekte**: Neon-Schatten (`box-shadow`), Glassmorphismus-Elemente (`backdrop-filter`)