# CLAUDE.md — sonith.de Website

> Projektspezifische Anweisungen für Claude Code.

## Projekt

**sonith.de** — Statischer One-Pager für die Sonith GmbH (MSP / Managed Service Provider).

- **Repository**: https://gitea.sonith.de/techadmin/sonith-website
- **Stack**: Pures HTML + CSS + JS, TailwindCSS via CDN
- **Deployment**: Statische Dateien auf eigenem Server (Nginx)

## Projektstruktur

```
sonith-website/
├── CLAUDE.md           # Diese Datei
├── index.html          # One-Pager Hauptseite
├── impressum.html      # Impressum (separate Seite)
├── datenschutz.html    # Datenschutzerklärung (separate Seite)
├── css/
│   └── style.css       # Custom Styles (Animationen, Feintuning)
├── js/
│   └── main.js         # Mobile Menu, Smooth Scroll, Scroll-Spy
├── img/
│   ├── logo.png        # Sonith Logo (wird später ersetzt)
│   └── team/           # Team-Fotos (Platzhalter SVGs)
├── .gitignore
└── README.md
```

## Farbschema

- **Primär/Akzent**: #DEDC1B (Sonith Gelb-Grün)
- **Dunkel**: #0f172a / #1e293b (Hintergründe)
- **Text hell**: #f1f5f9
- **Text dunkel**: #1e293b
- **Grau**: #64748b (Subtexte)

Grundstimmung: Dunkel-modern mit Sonith-Gelb als Akzent.

## Konventionen

- Keine Build-Tools, kein Node.js — alles statisch
- TailwindCSS ausschließlich via CDN
- Inhalte auf Deutsch
- SVG-Icons inline im HTML
- Responsive, Mobile-first

## Deployment

Statische Dateien direkt auf Nginx ausliefern. Kein Build-Step notwendig.

---

*Zuletzt aktualisiert: März 2026 — v1.0.0*