# AI Website Template Mondlauf

> Die Yogastudio-Website mit einem Mondband, das Mondphase und nächste Mondkreise ausrechnet.

Mondlauf ist ein vollständiges Template für Yogastudios mit zwei Sälen und festen Abenden nach dem Mondkalender, mit 22 Seiten. Das Herz ist das Mondband. Es rechnet im Browser die heutige Mondphase mit beleuchtetem Anteil und Mondalter aus und nennt die nächsten Neu- und Vollmondkreise. Liegt ein Neu- oder Vollmond auf einem Samstag oder Sonntag, rückt der Kreis auf den Montag danach. Derselbe Kalender streicht im Stundenplan die Stunden, die an einem Kreisabend im selben Saal ausfallen, und steht im Fuß jeder Seite. Dazu kommen „Heute im Studio“ mit den Stunden des Tages, ein Kalender der nächsten zwölf Kreise mit Filter, ein Stilfinder in drei Fragen mit Vergleichstabelle, vier Kursseiten mit Ablaufleiste, Mittagsplan, Atemzähler und Haltedauern, ein Preisrechner von 1 bis 16 Stunden im Monat, ein Grundriss der beiden Säle, vier Lehrende als Kürzel statt Fotos, Mondwochenenden im Schwarzwald, ein Journal mit vier Beiträgen und Kontakt mit gezeichnetem Lageplan.

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

## Enthaltene Seiten

- Startseite mit einem Foto im warmen Gegenlicht, der gestapelten Wortmarke MONDLAUF in einer durchsichtigen Kopfleiste, der Überschrift „Yoga im Mondtakt“, der heutigen Mondphase, einem Leitsatz zum Ankommen, einem Breitbild, das sich beim Scrollen öffnet, vier Kurskarten auf Salbei, „Heute im Studio“ mit den Stunden des Tages, dem Mondband, einem Bento aus dem Saal, vier Lehrenden als Kürzel, drei Beispielstimmen, drei Journal-Beiträgen und sechs Fragen
- Studio mit einer Chronik von 2019 bis 2024, einem gezeichneten Grundriss der beiden Säle mit Umkleiden, Teeküche und Flur zum Antippen, dem Licht von Süden, dem Inventar in Zahlen und sechs Hausregeln
- Kurse mit einem Verzeichnis der vier Stile und Bildvorschau, einem Stilfinder in drei Fragen nach Tageszeit, Ziel und Erfahrung, einer Vergleichstabelle für Dauer, Tempo, Kraft, Ruhe, Saal und Stunden pro Woche, einem Hinweis auf die Mondkreise und fünf Fragen
- Vier Kursseiten, Vinyasa mit einer Leiste der 75 Minuten in sechs Abschnitten zum Antippen, Power mit drei Kraftblöcken und einer Mittagspause von 95 Minuten, Hatha mit einem Atemzähler für fünf Atemzüge und sechs Haltungen, Yin mit einem Abendauftakt auf Salbei und Balken für die Minuten jeder Haltung
- Mondkreise mit einem Kalender der nächsten zwölf Neu- und Vollmondkreise, Filter nach Neumond und Vollmond, dem Datum des Mondes bei verschobenen Terminen, beiden Abenden im Vergleich, einem Abend von 19:15 bis 21:30, den Preisen und fünf Fragen
- Stundenplan mit 24 Stunden in zwei Sälen, Wochentagen als Reiter mit dem heutigen Tag vorgewählt, Filter nach Stil und Lehrenden, „Vorbei“ an gelaufenen Stunden, dem Ausfall an Kreisabenden, drei guten ersten Terminen und den Regeln für Buchen, Absagen und Feiertage
- Preise mit fünf Karten von der Probestunde bis zur Jahresmitgliedschaft, einem Rechner von 1 bis 16 Stunden im Monat mit Balken je Variante und Ermäßigung, den Preisen für Mondkreise, Einsteigerkurs und Wochenenden und sieben Fragen zu Karten und Verträgen
- Team mit vier Lehrenden als Kürzel, ihren Stunden der Woche und einer Matrix, wer was wie oft unterrichtet, die erste Stunde mit vier Schritten, Mitbringliste zum Abhaken, einem Montag um 18 Uhr Minute für Minute und dem Kurs Erste Schritte, dazu Retreats mit drei Mondwochenenden im Schwarzwald, Belegungsbalken, einem Samstag auf dem Hof und den Preisen
- Journal mit einem Leitbeitrag und drei weiteren Beiträgen, Kontakt mit drei Wegen, Formular, gezeichnetem Lageplan von der Tram bis in den Hof und den Öffnungszeiten mit dem heutigen Tag, eine eigene 404-Seite sowie Impressum mit Bildnachweis und Datenschutz als Platzhalter mit Anleitung

## Umfang

- 22 Seiten
- Mondband mit Mondkreisen
- Stundenplan mit Kreisausfall
- Astro 7, statisch

## Gestaltung

- Farben: Greige #ebe9dd, Salbei #a7a795, Salbei tief #636455, Tinte #1f1d1a
- Headline-Schrift: Newsreader, sehr leicht, eine Betonung kursiv
- Textschrift: Figtree variabel

## Gedacht fuer

- Yogastudios mit festen Abenden nach dem Mondkalender, deren Gäste zuerst wissen wollen, wann der nächste Kreis ist
- Studios mit zwei Sälen und einem ruhigen Abendprogramm aus Yin, Atem und Yoga Nidra
- Agenturen, die Websites für Yoga- und Bewegungsstudios wiederholt und planbar ausliefern

## Nicht gedacht fuer

- Studios am Meer oder im Urlaubsort, deren Gäste vor allem die nächste Stunde ab jetzt und den Saisonplan suchen, dafür ist Strandkamille mit dem Wochenplan im Fuß jeder Seite gebaut
- Studios mit vielen Formaten und Kursen für Schwangere, deren neue Gäste zuerst das passende Format suchen, dafür passt Kornrose mit dem Format-Finder
- Massage, Tantra und Körperarbeit mit Terminen statt festem Stundenplan, dafür passt Ambra

## Was im Paket liegt

- `src/pages/ + src/data/site.ts`: 22 Seiten und die Datei, aus der Stile, Stundenplan, Team, Preise, Retreats und Journal kommen.
- `src/lib/mond.ts + src/data/texte.ts`: Die Mondrechnung mit Phase, Terminen und Wochenendregel und jeder Satz der Skripte und Bauteile, dort steht auch die Anrede.
- `src/components/`: 18 Bauteile, vom Mondband über „Heute im Studio“ bis zu Atemzähler und Grundriss.
- `src/assets/images/ + src/data/bildnachweis.ts`: 40 Fotos von Pexels mit Nachweis zu jedem Motiv.
- `CLAUDE.md + Wissen/`: Das Gedächtnis des Projekts mit Regeln, Zielgruppe, Ton, Bauplan und SEO-Strategie.
- `.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 das Mondband die Mondphase?**

Es rechnet sie im Browser aus, aus dem mittleren Mondmonat von 29,53 Tagen und einem Bezugsneumond im Januar 2000. Daraus entstehen Phasenname, beleuchteter Anteil in Prozent und Mondalter in Tagen. Die Termine der nächsten Neu- und Vollmonde rechnet src/lib/mond.ts nach den Formeln des Astronomen Jean Meeus auf wenige Minuten genau, für die Kreise zählt der Kalendertag. Beim Bauen wird nichts Datumsabhängiges geschrieben, deshalb stimmt die Seite auch Wochen nach dem Hochladen.

**Was passiert, wenn ein Mond aufs Wochenende fällt?**

Dann liegt der Kreis am Montag danach, so steht es in kreisDatum() in src/lib/mond.ts. Mondband, Fuß, Kalender und Stundenplan zeigen den Montag, der Kalender nennt daneben das Datum des Mondes. Ein verschobener Kreis bleibt bis zum Ende seines Montags der nächste Termin. Wer anders verschiebt, etwa auf den Freitag davor, lässt deine KI diese eine Funktion ändern.

**Warum streicht der Stundenplan Stunden?**

An einem Kreisabend braucht der Kreis seinen Saal. Der Stundenplan streicht deshalb in den nächsten sieben Tagen jede Stunde im Saal des Kreises, die nach 19:30 endet, schreibt „Entfällt, Neumondkreis ab 19:30“ oder „Entfällt, Vollmondkreis ab 19:30“ daneben und nimmt den Buchen-Knopf weg. „Heute im Studio“ auf der Startseite macht dasselbe. Der andere Saal läuft an diesem Abend normal weiter.

**Verspricht die Seite eine Wirkung des Mondes?**

Nein. Der Mond ist Takt und Ritual, zwei feste Abende im Monat. Keine Seite behauptet, dass er Schlaf, Stimmung, Zyklus, Gelenke oder Energie beeinflusst, und der Journal-Beitrag über das Üben mit dem Mond sagt ausdrücklich, was dazu nicht belegt ist. Unter den Fragen auf der Seite Mondkreise steht „Muss ich an den Mond glauben?“, und die Antwort ist Nein.

**Darf ein Yogastudio mit Gesundheit werben?**

Yoga als Bewegungsangebot fällt nicht unter das Heilmittelwerbegesetz, Werbung mit dem Lindern von Beschwerden schon. Die Texte machen deshalb keine Heilversprechen, und keine Beispielstimme nennt eine Beschwerde. Wer mit Rückenproblemen kommt, spricht vorher mit Ärztin oder Arzt, und die Physiotherapeutin im Beispielteam unterrichtet ausdrücklich Yoga und keine Therapie. Die Preisseite sagt, dass es für die offenen Stunden keinen Kassenzuschuss gibt, weil sie keine zertifizierten Präventionskurse nach § 20 SGB V sind.

**Wir bieten keine Mondkreise an. Passt Mondlauf trotzdem?**

Ja, mit einer Entscheidung, die der Skill start einmal abfragt. Das Mondband bleibt als Anzeige der heutigen Phase ohne Termine, oder es fällt ganz weg. In beiden Fällen nimmt deine KI die Seite Mondkreise, die Termine im Fuß, den Ausfall im Stundenplan und die Mondkreispreise heraus. Nur Neumond oder nur Vollmond geht ebenso.

**Was zeigt „Heute im Studio“?**

Auf der Startseite stehen die Stunden des heutigen Tages mit „vorbei“, „läuft gerade“ oder der Zeit bis zum Beginn, an Kreisabenden mit dem Ausfall. Nach der letzten Stunde schaltet die Liste auf morgen. Ohne Skript steht der Montag da, ausdrücklich als „Montags im Studio“ benannt.

**Wie trage ich unseren Stundenplan ein?**

Jede Stunde ist eine Zeile in plan in src/data/site.ts, mit Tag, Uhrzeit, Stil und Lehrender. Ende und Saal ergeben sich aus dem Stil. Daraus entstehen Stundenplan, „Heute im Studio“, die Termine auf den Kursseiten, die Stunden je Lehrender und die Zahlen in Vergleich und Matrix. Den Stilfinder und den Kreisausfall prüft deine KI danach mit allen Antworten und einem Kreisabend.

**Kann man Stunden direkt auf der Seite buchen?**

Nein, eine Buchungssoftware ist nicht eingebaut. Die Buchen-Knöpfe im Stundenplan führen auf die Seite zur ersten Stunde. Wer ein Buchungssystem nutzt, lässt deine KI dessen Link oder Einbettung an die Knöpfe setzen und in Datenschutzerklärung und Einwilligung eintragen. Wie das geht, steht im Skill systemwissen.

**Wie rechnet der Preisrechner?**

Ein Regler von 1 bis 16 Stunden im Monat zeigt mit Balken, was Einzelstunden, 10er-Karte, Monat flexibel und Jahr kosten, markiert die günstigste Variante und nennt den Preis je Stunde. Ein Schalter rechnet 20 Prozent Ermäßigung auf Karten und Mitgliedschaften ein. Markup und Skript nutzen dieselbe Funktion rechne() aus src/lib/rechner.ts, die jeden Preis aus src/data/site.ts liest. Ohne Skript steht das Ergebnis für sechs Stunden da.

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

Nein. Studio, Lehrende, Preise, Zeiten, Chronik, Inventar, Belegung, Retreats und Stimmen sind erfunden. Die Seite sagt das an Ort und Stelle, an den Stimmen, unter den Zahlen der Startseite, auf Preisen, Stundenplan, Team, Mondkreisen und Retreats, in Chronik und Inventar, an jedem Journal-Beitrag und im Fuß jeder Seite. Die Kastanienhofgasse gibt es nicht, und die Telefonnummer stammt aus dem Block, den die Bundesnetzagentur für Medien freihält. Freiburg, die Wiehre und der Schwarzwald stehen als echte Lage 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 40 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. Mondscheiben, Grundriss, Lageplan 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 trägt darunter den Bildnachweis, die Datenschutzseite beschreibt, was die Website technisch tut. Für Abos nennen die Preisfragen Laufzeit und Kündigung, wie es § 309 Nr. 9 BGB verlangt. Diese Hinweise sind keine Rechtsberatung.

**Was ist mit den Mondwochenenden im Schwarzwald?**

Die drei Retreats tragen feste Daten von November 2026 bis Mai 2027 und stehen als Event im Schema. Vor dem Livegang trägt deine KI eure Termine in retreats in src/data/site.ts ein. Unterkunft, Vollpension und Yoga aus einer Hand sind sehr wahrscheinlich eine Pauschalreise, CLAUDE.md nennt, was dann vor dem ersten Angebot zu klären ist.

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

Kontaktformular und Mondpost prüfen die Eingaben und markieren Fehler direkt am Feld, die Meldung verschwindet schon beim Tippen. Danach zeigen sie eine Bestätigung, verschickt wird noch nichts, und die Mondpost sagt das ausdrücklich. Jedes Formular ist mit method="post" angelegt. Den Versand und für die Mondpost das Double-Opt-in richtet deine KI ein.

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

Nein. Newsreader und Figtree liegen in public/fonts/, die Fotos im Projekt, Mondscheiben, Grundriss, Lageplan und Wortmarke sind SVG, und Instagram ist ein einfacher Link. Im Browser läuft eigenes JavaScript ohne Bibliothek, rund 10 KB gzip auf der Startseite. 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 ExerciseGym mit Anschrift, Öffnungszeiten, Lehrenden und Preisrahmen. Die Seiten ergänzen FAQPage, Course, OfferCatalog, Person, Event, Blog, BlogPosting und ContactPage. Die Mondkreise stehen bewusst nicht als Event im Schema, weil ihre Termine nach dem Hochladen altern würden. 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. Das Mondband erklärt dann die Regel der Kreise in einem Satz, der Stundenplan zeigt alle sieben Tage und nennt den Ausfall als Hinweis, „Heute im Studio“ zeigt den Montag, der Stilfinder alle vier Empfehlungen, die Fragen sind aufgeklappt, und der Rechner zeigt sein Ergebnis für sechs Stunden. Auch das Menü am Telefon öffnet sich. Mondphase, Termine, Filter und Regler 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 Mondlauf von Strandkamille und Kornrose?**

Alle drei sind Yogastudios mit Stundenplan und Preisrechner. Strandkamille antwortet auf die Frage nach der nächsten Stunde ab jetzt und kennt die Strandsaison, Kornrose führt mit dem Format-Finder in das passende Format. Mondlauf antwortet auf die Frage, wann der nächste Abend am Neu- oder Vollmond ist, und plant den Stundenplan um diese Abende herum.

**Passt das auch für Pilates, Meditation oder Klangabende?**

Ja. Stile, Stundenplan, Säle, Team und Preise tragen jedes Studio mit festen Stunden. Deine KI benennt Stile und Säle um, schreibt die Kursseiten neu und macht aus den Mondkreisen andere feste Abende oder nimmt sie heraus. Pilates und Rückenkurse bringen eigene Sprachgrenzen mit, die der Skill copywriting kennt.

**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, Monatsnamen stehen deshalb nicht im Code.

**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 Stile, Stundenplan, Team, Preise und Journal in src/data/site.ts und die Mondrechnung in src/lib/mond.ts.

---

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