# AI Website Template Sonnensaal

> Die Yogastudio-Website mit einem Sonnenlauf, der für jede Klasse das Licht im Saal ausrechnet.

Sonnensaal ist ein vollständiges Template für Yogastudios in einem hellen Altbausaal, mit 21 Seiten. Das Herz ist der Sonnenlauf. Er rechnet für jedes Datum den echten Sonnenstand über dem Studio zum Beginn jeder Klasse aus und sagt, ob sie im Tageslicht, in der Dämmerung oder im Dunkeln liegt, durch welchen der fünf Südbögen die Sonne fällt und wie weit ihr Licht über die Dielen reicht. Ohne JavaScript steht eine Jahrestabelle für den 15. jedes Monats da. Dazu kommen ein Stundenplan mit 29 Klassen, Filtern nach Klasse und Lehrenden und Sonderterminen, ein Matten-Zähler mit Durchschnittswerten, ein Klassenfinder in drei Fragen, eine Online-Bibliothek mit Live-Countdown, Einzelstunden mit Körperbereichen zum Antippen, ein Preisrechner von 1 bis 12 Besuchen im Monat, fünf Lehrende als Kürzel statt Fotos, eine Yin-Nacht zur Wintersonnenwende und ein Sommerretreat als Pauschalreise, ein Journal mit vier Beiträgen und Kontakt mit gezeichneter Anfahrt.

- Preis: 99 € einmalig, inkl. MwSt.
- Branche: Yogastudio
- Seite: https://ai-website.com/de/templates/sonnensaal

## Enthaltene Seiten

- Startseite mit einem Foto im Rundbogen, der Überschrift „Sanft bewegen im Licht eines Tanzsaals von 1896“, drei Kennzahlen, drei Angeboten mit Preis, dem Sonnenlauf für heute, dem Matten-Zähler, einem Band über die Geschichte des Saals, dem ersten Monat in vier Wochen, drei Abos, drei Beispielstimmen und drei Journal-Beiträgen
- Sonnenlauf mit Datumswahl, der Sonnenbahn über den fünf Bögen, einer Marke je Klasse, Licht, Bogen, Sonnenhöhe und Eindringtiefe je Klasse, einem Saalschnitt mit dem Lichtstrahl, der Jahrestabelle für den 15. jedes Monats und drei Schritten, wie gerechnet wird
- Studioklassen mit einem Finder nach Erfahrung und Stimmung, acht Klassen mit Dauer, Stufe und Terminen pro Woche, einer Tempo-Skala von still bis kräftig, einem Ablaufband der 75 Minuten und dem, was im Saal schon liegt
- Stundenplan mit 29 Klassen von Montag bis Sonntag, dem heutigen Tag, Filtern nach Klasse und Lehrenden, Live- und Englisch-Marken, Sonderterminen wie Yin-Nacht und Atemkurs, der Zählung je Klasse und den Regeln für Absagen und Feiertage
- Online-Bibliothek mit 140 Einheiten, Filter nach Bewegen, Ruhen und Länge, Balken der Längen, zwei Live-Klassen mit Countdown, einer Skizze des Platzbedarfs und der Testphase mit Folgepreis
- Einzelstunden mit fünf Körperbereichen zum Antippen und einer Übung je Bereich, den Anlässen als Balken, vier Schritten vom Vorgespräch zurück in die Gruppe, der Stillen Kammer und den Preisen
- Preise mit drei Abos, einem Rechner von 1 bis 12 Besuchen im Monat mit und ohne Bibliothek, dem Preis je Besuch als Balken, Karten ohne Abo, der Ermäßigung und Fragen zu Laufzeit, Pause und Kündigung
- Lehrende mit fünf Kürzel-Plaketten, Rolle und Klassen, den Jahren eigener Praxis als Balken, einer Matrix, wer was wie oft unterrichtet, und der Zusammenarbeit im Team, dazu Über uns mit sieben Stationen von 1896 bis heute, drei Regeln im Saal und dem Weg nach Sanssouci
- Retreats mit der Yin-Nacht zur Wintersonnenwende, freien Matten und Eventdaten, drei Tagen im Gutshaus mit Frühbucher-Zähler, Tagesablauf, Anreise und Fragen zur Pauschalreise, dazu Erste Stunde mit einer Minutenleiste, einer Mitbringliste zum Abhaken und einem Klassenfinder in drei Fragen
- Journal mit vier Beiträgen, Fragen mit Suche und Themenfilter, Kontakt mit Anliegen, Erreichbarkeit nach Uhrzeit und gezeichneter Anfahrt, eine eigene 404-Seite sowie Impressum mit Bildnachweis und Datenschutz als Platzhalter mit Anleitung

## Umfang

- 21 Seiten
- Sonnenlauf je Klasse
- Jahrestabelle ohne JavaScript
- Astro 7, statisch

## Gestaltung

- Farben: Kalk #f7f3ec, Stein #ece5d9, Umbra #2a2216, Safran #985500
- Headline-Schrift: Instrument Serif, schmal und groß, eine Betonung kursiv in Safran
- Textschrift: Crimson Pro variabel

## Gedacht fuer

- Yogastudios in einem hellen Raum mit großen Fenstern, deren Gäste fragen, wann welche Klasse im Licht liegt
- Studios mit festem Wochenplan, Online-Bibliothek und Einzelstunden unter einem Dach
- Agenturen, die Websites für Yoga- und Bewegungsstudios wiederholt und planbar ausliefern

## Nicht gedacht fuer

- Studios mit festen Abenden nach dem Mondkalender, dafür ist Mondlauf mit Mondband und Kreisausfall gebaut
- Studios am Meer oder im Urlaubsort, deren Gäste vor allem die nächste Stunde ab jetzt suchen, dafür passt Strandkamille
- Studios mit vielen Formaten und Kursen für Schwangere, dafür passt Kornrose mit dem Format-Finder

## Was im Paket liegt

- `src/pages/ + src/data/site.ts`: 21 Seiten und die Datei, aus der Klassen, Stundenplan, Saal, Team, Preise, Retreats und Journal kommen.
- `src/lib/sonne.ts + src/data/texte.ts`: Die Sonnenrechnung mit Bogen und Tiefe und jeder Satz der Skripte und Bauteile, dort steht auch die Anrede.
- `src/components/`: 21 Bauteile, vom Sonnenlauf über den Matten-Zähler bis zu Grundriss, Klassenfinder und Anfahrt.
- `src/assets/images/ + src/data/bildnachweis.ts`: 49 Fotos von Pexels mit Nachweis zu jedem Motiv.
- `CLAUDE.md + Wissen/`: Das Gedächtnis des Projekts mit Regeln, Zielgruppe, Ton, Bauplan, SEO-Strategie und den Pflichten eines Yogastudios.
- `.claude/skills/`: Sieben Skills für Start, Umbau, Texte, Design, SEO, Prüfung und Systemwissen.
- `styleguide.html + LIZENZEN.md`: Farben, Schriftstufen und gemessene Kontraste, dazu die Lizenzen von Schriften und Fotos.

## FAQ

**Woher kennt der Sonnenlauf den Sonnenstand?**

Er rechnet ihn im Browser aus, nach den Formeln der US-Wetterbehörde NOAA, für Breite, Länge und Zeitzone des Studios aus src/data/site.ts. Daraus entstehen Sonnenhöhe, Himmelsrichtung, Auf- und Untergang und die bürgerliche Dämmerung, auf etwa eine Minute genau. Beim Bauen steht nur die Jahrestabelle fest im HTML, alles mit Tagesdatum rechnet der Browser, deshalb stimmt die Seite auch Monate nach dem Hochladen.

**Wie kommt der Sonnenlauf auf Bogen und Tiefe?**

Der Saal ist als Datenfeld beschrieben, mit Ausrichtung der Fensterfront, Zahl der Bögen, Höhe des Bogenscheitels, Tiefe des Raums und der Sonnenhöhe, unter der Hofmauer und Bäume die Sonne verdecken. Aus der Himmelsrichtung ergibt sich der Bogen, aus der Höhe des Scheitels geteilt durch den Tangens der Sonnenhöhe die Eindringtiefe, begrenzt auf die Tiefe des Saals. Wer andere Fenster hat, ändert diese Zahlen und nicht die Rechnung.

**Verspricht die Seite Sonne in jeder Klasse?**

Nein, im Gegenteil. Der Sonnenlauf zeigt ehrlich, dass die Morgenklasse von Oktober bis Februar vor Sonnenaufgang beginnt und die Abendklassen im Winter im Dunkeln liegen. Die Texte im Journal und auf der Startseite sind gegen dieselbe Rechnung geprüft, kein Satz behauptet Licht, das es zu dieser Uhrzeit nicht gibt.

**Was zeigt der Matten-Zähler?**

Einen Durchschnitt, keine Live-Belegung. Je Uhrzeit steht dort, wie viele der 14 Matten im Herbst meistens frei sind, und das sagt die Seite unter dem Zähler auch. Die nächste Klasse ermittelt er aus dem echten Stundenplan in Berliner Zeit. Wer ein Buchungssystem nutzt, lässt deine KI die echte Belegung dort anbinden.

**Wie trage ich unseren Stundenplan ein?**

Jede Klasse ist eine Zeile in plan in src/data/site.ts, mit Tag, Uhrzeit, Klasse, Lehrender und Raum. Daraus entstehen Stundenplan, Sonnenlauf, Matten-Zähler, „Heute im Saal“ in Kopf und Fuß, die Lehrenden-Matrix, die Termine im Klassenfinder und die Auswahl im Kontaktformular. Ausfälle und Sondertermine stehen als eigene Felder daneben und wirken an allen diesen Stellen.

**Darf ein Yogastudio mit Gesundheit werben?**

Yoga als Bewegungsangebot fällt nicht unter das Heilmittelwerbegesetz, Werbung mit dem Lindern von Beschwerden schon. Die Texte beschreiben deshalb die Übung und versprechen keine Wirkung, keine Beispielstimme nennt eine Heilung. Die Physiotherapeutin im Beispielteam unterrichtet ausdrücklich Yoga, Rücken sanft ersetzt laut Text keine Behandlung, und bei neuen Schmerzen steht der Weg zur Ärztin vor der Klasse.

**Zahlt die Krankenkasse für die Klassen?**

Nein, und das sagt die Seite auch. Die Fragen erklären, dass Kassen nur Kurse bezuschussen, die die Zentrale Prüfstelle Prävention nach § 20 SGB V zertifiziert hat, und dass die Klassen des Templates das nicht sind. Wer zertifizierte Kurse hat, lässt deine KI die Prüfnummer und den Hinweis an der richtigen Stelle eintragen.

**Wie sind Abos, Karte und Testphase formuliert?**

Wie es das Recht für Verbraucherverträge verlangt. Die Studio-Abos laufen mindestens drei Monate und sind danach zum Monatsende kündbar, das Online-Abo von Anfang an. Die Testphase der Bibliothek nennt überall den Folgepreis von 24 €, die Zehnerkarte gilt zwölf Monate, Endpreise stehen inklusive Umsatzsteuer. CLAUDE.md erklärt, wann ein Kündigungsknopf nach § 312k BGB nötig wird. Diese Hinweise sind keine Rechtsberatung.

**Ist das Sommerretreat eine Pauschalreise?**

Ja, Unterkunft, Vollpension und Yoga zusammen sind eine Pauschalreise. Die Seite nennt deshalb das Formblatt und den Sicherungsschein vor der ersten Zahlung, eine Anzahlung von 120 € bei 640 €, eine gestaffelte Rücktrittsregel und die Ersatzperson. Die Yin-Nacht im eigenen Saal ist keine Reise und steht mit Datum und Uhrzeit als Event im Schema.

**Sind Namen, Preise und Stimmen echt?**

Nein. Studio, Lehrende, Preise, Zeiten, Geschichte, Belegung, Retreats und Stimmen sind erfunden, die Stimmen tragen den Vermerk „Beispielstimme“, Zahlen und Balken „Beispielwerte des Templates“, und der Fuß jeder Seite sagt es noch einmal. Den Tuchhändlerweg gibt es in Potsdam nicht, die Telefonnummer stammt aus dem Block, den die Bundesnetzagentur für Medien freihält. Potsdam, die Brandenburger Vorstadt und Sanssouci stehen als echte Umgebung da.

**Wer sind die Menschen auf den Fotos?**

Fremde Menschen auf Beispielmotiven von Pexels. Die Lizenz erlaubt die kommerzielle Nutzung, ein Model-Release der abgebildeten Personen liegt nicht vor. Deshalb steht das Team mit Kürzeln statt Porträts auf der Seite, und neben keinem Namen steht ein Gesicht. Vor dem Livegang ersetzt du die Fotos mit Menschen durch eigene Aufnahmen mit schriftlicher Einwilligung.

**Kann ich die Fotos behalten?**

Die 49 Fotos stammen von Pexels und dürfen kommerziell genutzt werden. Sie zeigen kein echtes Studio. src/data/bildnachweis.ts, BILDNACHWEIS.md und das Impressum nennen zu jedem Motiv Fotografin oder Fotograf und Quelle. Sonnenbahn, Saalschnitt, Grundriss, Anfahrt und Wortmarke sind eigene Zeichnungen des Templates.

**Sind Impressum und Datenschutz enthalten?**

Als Platzhalterseiten mit Anleitung, nicht als vorformulierte Rechtstexte, und bis zum Ausfüllen mit noindex und ohne Eintrag in der Sitemap. Das Impressum listet die Pflichtangaben eines Yogastudios und nennt darunter die Fotografinnen und Fotografen, die Datenschutzseite beschreibt, was die Website technisch tut und was sie im Browser speichert.

**Was passiert mit einer Anfrage über die Formulare?**

Kontaktformular und die Post aus dem Saal prüfen die Eingaben und markieren Fehler direkt am Feld. Danach zeigen sie eine Bestätigung, verschickt wird noch nichts, und die Seite sagt das. Das Formular fragt keine Gesundheitsdaten ab. Den Versand und für den Newsletter das Double-Opt-in richtet deine KI ein.

**Lädt die Seite etwas von fremden Servern?**

Nein. Instrument Serif und Crimson Pro liegen in public/fonts/, die Fotos im Projekt, Sonnenbahn, Saalschnitt, Grundriss und Anfahrt sind SVG, und Instagram ist ein einfacher Link. Im Browser läuft eigenes JavaScript ohne Bibliothek. Das Cookie-Fenster schreibt die Wahl in den dataLayer, Statistik und externe Medien sind mit keinem Dienst belegt.

**Sind Suchmaschinen und Teilen-Bilder vorbereitet?**

Ja. Jede Seite hat eigenen Titel, Beschreibung und Brotkrumen, dazu ein Schema für das Studio mit Anschrift, Öffnungszeiten je Klasse und Preisrahmen. Die Seiten ergänzen FAQPage, Event, Blog und BlogPosting. Die Teilen-Bilder in 1200 mal 630 Pixeln baut Astro beim Bauen aus einem Foto der jeweiligen Seite.

**Funktioniert die Seite ohne JavaScript?**

Ja. Jede Überschrift und jeder Text steht ohne Skript da. Der Sonnenlauf zeigt dann die Jahrestabelle, der Stundenplan alle sieben Tage mit Sonderterminen, „Heute im Saal“ den Montag, die Fragen sind aufgeklappt, und der Rechner zeigt sein Ergebnis für vier Besuche. Auch das Menü am Telefon öffnet sich. Datum, Filter, Regler und Countdown brauchen JavaScript.

**Welche Anrede benutzt das Template?**

Durchgehend Du, das Studio spricht als wir. Die Sätze der Bauteile und Skripte stehen in src/data/texte.ts und src/data/site.ts, die Seiten unter src/pages/ tragen ihre Texte selbst. Deine KI stellt auf Sie um, wenn euer Studio siezt.

**Was unterscheidet Sonnensaal von Mondlauf, Strandkamille und Kornrose?**

Alle vier sind Yogastudios mit Stundenplan und Preisrechner. Mondlauf plant die Woche um Abende am Neu- und Vollmond, Strandkamille antwortet auf die nächste Stunde ab jetzt, Kornrose führt mit dem Format-Finder in das passende Format. Sonnensaal antwortet auf die Frage, wann welche Klasse im Licht liegt, und eignet sich für Studios, deren Raum selbst das Argument ist.

**Unser Studio hat keine Südfenster. Passt Sonnensaal trotzdem?**

Ja. Ausrichtung, Zahl der Fenster, Brüstung und Tiefe stehen als Zahlen in src/data/site.ts, der Skill template-aufbau fragt sie ab und prüft danach die Jahrestabelle. Ein Raum ohne direktes Licht bekommt Dämmerung und Dunkelheit je Klasse, oder deine KI nimmt den Sonnenlauf heraus und lässt den Stundenplan stehen.

**Wo kann ich die Seite hosten?**

Überall, wo statische Dateien liegen dürfen. Astro baut die Seite in einen Ordner mit fertigem HTML, den du bei deinem Hoster hochlädst. Vorher setzt deine KI die eigene Domain in astro.config.mjs und in robots.txt ein.

**Gehört mir das Template?**

Ja. Einmal zahlen, für immer deins, für eigene Projekte und Kundenprojekte. Du bekommst den vollständigen Quellcode ohne Wasserzeichen.

**Ist die Seite auch auf Englisch dabei?**

Ja. Im englischen Paket ist die ganze Website englisch, mit englischer Wissensschicht und englischen Skills. Datum, Zahlen und Euro formatieren die Skripte über den Browser in der Sprache der Seite, britisches Englisch mit €12 und 7:00.

**Brauche ich Programmierkenntnisse?**

Nein. Du sagst deiner KI im Projektordner, was sich ändern soll, und sie findet die Stelle über CLAUDE.md und die sieben Skills. Wer selbst Hand anlegen will, findet Klassen, Stundenplan, Team, Preise und Journal in src/data/site.ts und die Sonnenrechnung in src/lib/sonne.ts.

---

Kanonische Seite: https://ai-website.com/de/templates/sonnensaal · Englisch: https://ai-website.com/templates/sonnensaal · Alle Templates: https://ai-website.com/llms.txt