# AI Website Template Atembogen

> Die Website für ein Meditationshaus mit einer Atemspur, die erst im Atemtakt führt und dann still mitläuft.

Atembogen ist ein vollständiges Template für Meditations- und Yogahäuser, mit 22 Seiten. Das Herz ist die Atemspur, ein Sitz-Timer im Bild einer Tonspur. Du wählst 3, 5, 10 oder 40 Minuten und einen von drei Rhythmen, alle nur mit Ein und Aus. Zu Beginn heben und senken sich die 48 Balken vier Atemzüge lang im gewählten Takt, danach stehen sie still, und die Spur füllt sich von links, bis die Zeit um ist. Ohne JavaScript steht sie als ruhige Welle da, mit einem Satz zum Selberzählen. Sie läuft groß auf der Startseite, als Timer mit Anleitung auf „Zuhause üben“ und als kleines Zeichen in einer dunklen Karte der Startseite und auf der 404. Dazu kommen „Heute im Haus“ mit den nächsten Terminen ab jetzt, die nächsten sechs Stunden mit Belegung, ein Stundenplan mit Reitern, Filter und Saalbelegung, Haltungen mit Sitzhöhe, ein Stilfinder in drei Fragen, ein Preisrechner mit Startwert 4 Stunden im Monat, ein Grundriss beider Etagen, ein Achtsamkeitskurs mit Kursstarts, die vom heutigen Tag abhängen, ein Einsteigerkurs, eine Übungswoche zum Abhaken, Firmenangebote mit Kosten pro Person, stille Tage im Allgäu mit Rücktrittsstaffel, ein Kontaktformular mit Anliegen aus der Adresse, vier Lehrende als Kürzel und ein Journal mit vier Beiträgen.

- Preis: 99 € einmalig, inkl. MwSt.
- Branche: Meditation & Yoga
- Seite: https://ai-website.com/de/templates/atembogen

## Enthaltene Seiten

- Startseite mit einem Foto einer Hand im Mudra, einer durchsichtigen Kopfleiste mit fünf Balken als Lesefortschritt, der Überschrift „Meditation um sieben, Yoga am Abend“, dem Panel „Heute im Haus“ mit den nächsten drei Terminen, drei Wegen ins Haus, der Atemspur mit drei Rhythmen, einem dunklen Fotoband mit Kennzahlen, den nächsten sechs Stunden mit Belegung, vier Lehrenden als Kürzel, sechs Fragen und drei Stimmen
- Meditation mit fünf Formaten von der Stillen Stunde bis zum Klangabend, dem Ablauf der vierzig Minuten nach Uhrzeit, vier Haltungen als Reiter mit der Sitzhöhe von Kissen bis Stuhl und sechs Fragen
- Yoga mit vier Stilen, einer Skala von liegend bis fließend, einem Stilfinder in drei Fragen und den Hilfsmitteln mit Stückzahl
- Stundenplan mit 20 Terminen, Wochentagen als Reiter, dem heutigen Tag vorgewählt, einem Filter für Meditation und Yoga, der Saalbelegung von sechs bis zweiundzwanzig Uhr und drei Hinweisen vor dem ersten Besuch
- Preise mit einem Rechner für 1 bis 20 Stunden im Monat samt Ermäßigung und Morgenkarte, sechs Tarifen mit Laufzeit und Kündigung, dem, was immer im Preis ist, und sieben Fragen zum Bezahlen
- Achtsamkeit in acht Wochen mit Kennzahlen, „Für wen der Kurs passt, und für wen gerade nicht“, acht Abenden als Leiter, einem Tag der Stille nach Uhrzeit, der Kursleitung als Kürzel, drei Starts, die vom heutigen Tag abhängen, und sieben Fragen, dazu Yoga für Einsteiger mit vier Samstagen, einer Liste zum Mitbringen und drei Starts
- Das Haus mit einem Grundriss beider Etagen zum Antippen, den zwei Sälen im Vergleich, sechs Materialien mit Herkunft, vier Angaben zum Betrieb, der Teeküche und der Anfahrt, dazu Lehrende mit vier Kürzeln, vier Regeln und einer Matrix, wer an welchem Tag unterrichtet
- Zuhause üben mit der Atemspur als Timer, drei Übungen für zwischendurch, einer Abendroutine nach Uhrzeit und einer Übungswoche zum Abhaken, dazu Für Firmen mit drei Formaten, Kosten pro Person, vier Schritten und einer Liste, was ihr erwarten könnt und was nicht, und Retreats mit drei Terminen, einem Tag auf der Alpe, Leistungen und Rücktrittsstaffel
- Deine erste Stunde in vier Schritten, Journal mit vier Beiträgen, Kontakt mit Formular, Lageskizze und Öffnungszeiten, eine eigene 404-Seite sowie Impressum mit Bildnachweis und Datenschutz als Platzhalter mit Anleitung

## Umfang

- 22 Seiten
- Atemspur als Sitz-Timer
- Heute im Haus, live im Browser
- Astro 7, statisch

## Gestaltung

- Farben: Kalk #f5f2ed, Lehm #e7ded2, Rauch #24201d, Rost #9c4a2e
- Headline-Schrift: Literata mit optischer Größe, ein Wort kursiv in Rost
- Textschrift: Instrument Sans variabel

## Gedacht fuer

- Meditations- und Yogahäuser mit einer festen Morgenmeditation, deren Gäste zuerst wissen wollen, wann die nächste Stunde ist und ob sie ohne Vorkenntnisse kommen können
- Häuser mit Achtsamkeitskurs, Einsteigerkurs, Firmenangeboten und stillen Tagen, die all das sachlich und ohne Wirkversprechen zeigen wollen
- Agenturen, die Websites für Meditations-, Yoga- und Achtsamkeitsangebote wiederholt und planbar ausliefern

## Nicht gedacht fuer

- Yogastudios, die ihre Abende nach dem Mondkalender legen, dafür ist Mondlauf mit dem Mondband gebaut
- Yogastudios 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
- 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

## Was im Paket liegt

- `src/pages/ + src/data/site.ts`: 22 Seiten und die Datei, aus der Haus, Team, Wochenplan, Formate, Kurse, Tarife, Firmenangebote, Retreat, Fragen und Journal kommen.
- `src/components/Atemspur.astro + src/scripts/basis.ts`: Die Atemspur in drei Fassungen und alles, was sich bewegt, von „Heute im Haus“ bis zum Öffnungsstatus.
- `src/components/ + src/data/texte.ts`: 16 Bauteile, von der Kürzel-Plakette bis zu den Kursstarts, und jeder Satz der Skripte, dort steht auch die Anrede.
- `src/lib/rechner.ts`: Die Formel des Preisrechners, die Markup und Skript gemeinsam nutzen.
- `src/assets/images/ + src/data/bildnachweis.ts`: 56 Bilddateien aus 48 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, mit der Sprachgrenze eines Meditationshauses.
- `styleguide.html + LIZENZEN.md`: Farben, Schriftstufen und gemessene Kontraste, dazu die Lizenzen von Schriften und Fotos.

## FAQ

**Was ist die Atemspur?**

Ein Sitz-Timer im Bild einer Tonspur. 48 Balken stehen für die ganze Sitzung, links beginnt sie, rechts endet sie. Du wählst 3, 5, 10 oder 40 Minuten und einen Rhythmus und drückst auf Mitatmen. Erst heben und senken sich die Balken im Takt, dann stehen sie still und füllen sich von links, daneben steht die Restzeit. Sie folgt dem Ablauf der Stillen Stunde im Haus, erst angeleitet ankommen, dann still sitzen.

**Wie lange geben die Balken den Takt vor?**

Vier Atemzüge lang, also vier Runden aus Ein und Aus. Bei 3 Minuten im Rhythmus Ruhig sind das 40 Sekunden, bei 40 Minuten im Rhythmus Abend 48 Sekunden. Eine Grenze von 30 Prozent der Sitzung schützt kürzere Dauern, bei den vier angebotenen greift sie nie. Danach sagt die Anzeige „Still sitzen“, am Ende „Fertig“. Es gibt keinen Ton, und nichts wird gespeichert. Auf Handys unter 480 Pixeln Breite zeigt die Spur jeden zweiten Balken, also 24. Bei reduzierter Bewegung atmen die Balken nicht, die Anzeige wechselt nur den Text, und die Spur füllt sich in Zehnteln. Die Werte stehen in src/scripts/basis.ts, die Rhythmen in src/data/site.ts.

**Warum gibt es keinen Rhythmus mit Luftanhalten?**

Weil jemand allein vor dem Bildschirm übt, ohne dass eine Lehrerin danebensitzt. Die drei Rhythmen Ruhig 4 / 6, Gleichmaß 5 / 5 und Abend 4 / 8 kennen nur Ein und Aus, der Datentyp lässt eine dritte Phase gar nicht zu. Über der Atemspur steht „Drei Rhythmen, ohne Luftanhalten“ und der Satz „Wird dir schwindlig, hör auf und atme normal weiter.“

**Was unterscheidet die Atemspur von den Atemübungen in Mondlauf, Kornrose und Strandkamille?**

Mondlauf zählt auf der Hatha-Seite fünf Atemzüge in einem wählbaren Takt, Kornrose lässt auf der Seite zu Yin und Nidra einen Atemkreis fünf Runden laufen, und Strandkamille gibt auf der Seite zur ersten Stunde einen Takt von vier Zählzeiten ein und sechs aus vor. Die Atemspur begleitet eine ganze Sitzung von drei bis vierzig Minuten. Der Takt ist nur der Einstieg, danach zeigt sie still die vergangene Zeit, so wie ein Meditationshaus erst anleitet und dann schweigt.

**Wie unterscheidet sich Atembogen von Mondlauf, Kornrose und Strandkamille?**

Alle vier sind ruhige Häuser mit Stundenplan und Preisrechner. Atembogen stellt die Meditation vor das Yoga, mit der Stillen Stunde an jedem Werktag, einem Achtsamkeitskurs und der Atemspur als Signature. Mondlauf plant den Stundenplan um die Abende an Neu- und Vollmond, Kornrose führt mit dem Format-Finder in das passende Format, auch für Schwangere, und Strandkamille antwortet auf die Frage nach der nächsten Stunde ab jetzt und kennt die Strandsaison.

**Was steht unter „Heute im Haus“?**

Die nächsten Termine ab jetzt, im Startbild drei und im Menü am Telefon vier, mit „Morgen“ oder dem Wochentag, wenn heute nichts mehr kommt. Der Browser rechnet sie aus dem Wochenplan plan in src/data/site.ts, die Seite stimmt also auch Wochen nach dem Hochladen. Ohne JavaScript steht dort „Montags im Haus“ mit den Montagsterminen.

**Woher kommen die freien Plätze bei den nächsten Stunden?**

Aus zwei Zahlen je Termin im Wochenplan, den Plätzen im Saal und der durchschnittlichen Belegung. Daraus entstehen der Satz „meist 5 von 14 frei“ und ein Balken. Unter der Liste steht, dass die Werte Beispielinhalte sind. Live-Buchungen zeigt die Liste nicht.

**Was kann der Stundenplan?**

Die Wochentage stehen als Reiter da, mit Pfeiltasten bedienbar, der heutige Tag ist vorgewählt und markiert. Ein Filter zeigt alle Termine, nur Meditation oder nur Yoga, mit der Zahl der Termine je Tag. Darunter zeigt die Saalbelegung den gewählten Tag von sechs bis zweiundzwanzig Uhr. Ohne JavaScript stehen alle sieben Tage untereinander.

**Wie rechnet der Preisrechner?**

Für 1 bis 20 Stunden im Monat vergleicht er Einzelstunden, die 10er-Karte als Zehntel des Kartenpreises je Stunde, die Monatskarte und auf Wunsch die Morgenkarte, mit oder ohne Ermäßigung. Der günstigste Tarif ist markiert, mit Preis im Monat und pro Stunde. Startwert sind 4 Stunden, dann gewinnt die 10er-Karte mit 66 € im Monat. Markup und Skript rufen dieselbe Funktion rechne() aus src/lib/rechner.ts mit den Preisen aus src/data/site.ts.

**Wie arbeitet der Stilfinder?**

Er stellt drei Fragen zum Tag, zur Bewegung und zur Tageszeit. Jede Antwort verteilt Punkte auf die vier Stile, die Punkte stehen unter stilfinder in src/data/site.ts. Am Ende steht ein Stil mit seinen Zeiten und ein Knopf zur Probestunde. Ohne JavaScript stehen die vier Stile als Liste da.

**Was passiert mit Kursstarts, die vorbei sind?**

Sie verschwinden im Browser von selbst. Der laufende Kurs trägt „Läuft gerade“, der nächste „Nächster Start“, und auf der Kursseite steht oben das nächste Datum. Ohne JavaScript tragen die Starts „1. Termin“ bis „3. Termin“. Die Daten selbst stehen fest in src/data/site.ts und werden nach jedem Start gepflegt.

**Funktioniert die Seite ohne JavaScript?**

Ja. Jede Überschrift und jeder Text steht ohne Skript da. Die Atemspur zeigt eine ruhige Welle und einen Satz zum Selberzählen, der Stundenplan alle sieben Tage, die Haltungen alle vier Reiter, der Grundriss beide Etagen mit Raumliste, der Rechner das Ergebnis für 4 Stunden, und die Fragen stehen offen. Atmen, Filtern, Rechnen und Abhaken brauchen JavaScript.

**Verspricht die Seite eine Wirkung von Meditation oder Yoga?**

Nein. Sie sagt, was in der Stunde passiert, wie lange sie dauert, wer sie leitet und was sie kostet. Kein Satz schreibt Meditation, Atem oder Yoga eine Wirkung auf Schlaf, Rücken, Stress oder Psyche zu. Wo eine Frage danach klingt, steht, dass die Stunde keine Behandlung ersetzt. Die Grenze steht im Skill copywriting. Diese Hinweise sind keine Rechtsberatung.

**Ist der Achtsamkeitskurs ein MBSR-Kurs, und zahlt die Krankenkasse?**

Beides nein, und die Seite sagt es. Der Kurs folgt dem Aufbau der bekannten Acht-Wochen-Programme mit Body Scan, Gehmeditation und einem Tag der Stille, ein zertifiziertes MBSR ist er nicht. Kurs und offene Stunden sind nicht als Präventionskurs nach § 20 SGB V zertifiziert, es gibt eine Teilnahmebescheinigung. Auf der Firmenseite steht dasselbe für Steuerfreiheit und Kassenzuschuss.

**Warum steht bei Jonas „früher Physiotherapeut“?**

Weil „Physiotherapeut“ eine geschützte Berufsbezeichnung ist und Jonas im Kurs Yoga unterrichtet, keine Physiotherapie. Jede Stelle nennt den Beruf in der Vergangenheit, und die Kursseite sagt, dass Jonas keine medizinische Einschätzung gibt. Beim Umbau steht der Beruf nur, wenn die Person die Erlaubnis dazu hat.

**Sind die stillen Tage im Allgäu eine Pauschalreise?**

Sehr wahrscheinlich, weil Unterkunft, Vollpension, Abholung und Programm aus einer Hand kommen. Die Seite nennt Anzahlung, Fälligkeit und die Rücktrittsstaffel mit Ersatzperson, die Anzahlung von 110 € liegt unter 20 Prozent von 590 €. Sicherungsschein, Formblatt und Reisebestätigung sind Sache des Veranstalters, CLAUDE.md beschreibt sie. Diese Hinweise sind keine Rechtsberatung.

**Was passiert mit einer Anfrage über das Formular?**

Das Kontaktformular übernimmt Anliegen und Kursstart aus der Adresse, etwa vom Knopf „Platz anfragen“. Es prüft Pflichtfelder und markiert Fehler am Feld, die Meldung verschwindet beim Tippen. Danach zeigt es eine Bestätigung und sagt ausdrücklich, dass im Template nichts verschickt wird. Dasselbe gilt für die Stillpost im Fuß. Den Versand richtet deine KI ein, wie es im Skill systemwissen steht.

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

Nein, ein Buchungssystem ist nicht eingebaut. Die Knöpfe führen zum Kontaktformular mit vorgewähltem Anliegen, für offene Stunden reicht laut Seite das Kommen. Wer ein Buchungssystem nutzt, lässt deine KI dessen Link oder Einbettung an die Knöpfe setzen und in Datenschutzerklärung und Einwilligung eintragen.

**Passt das auch ohne Morgenmeditation oder mit nur einem Saal?**

Ja. Der Skill template-aufbau beschreibt die Wege für ein Haus ohne feste Morgenmeditation, mit nur einem Saal, ohne Kurse, ohne Retreats oder ohne Firmenangebot. Der Skill start fragt früh, wie lang die Morgenmeditation dauert, weil die längste Dauer der Atemspur „wie die Stille Stunde“ heißt.

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

Nein. Haus, Team, Stimmen, Preise, Zeiten und Kennzahlen sind erfunden, und die Seite sagt das im Fuß jeder Seite, an jeder Stimme, am Firmenzitat und an jedem Journalbeitrag. Die Pressenhofgasse und die Alpe Stillreute gibt es nicht, die Telefonnummer stammt aus dem Block, den die Bundesnetzagentur für Medien freihält. München, die Au, die Tram 18 und das Allgäu stehen als echte Lage da.

**Kann ich die Fotos behalten?**

Die 56 Bilddateien stammen aus 48 Fotos von Pexels und stehen unter der Pexels-Lizenz, die kommerzielle Nutzung erlaubt. Keines ist mit KI erzeugt. Sie zeigen weder dein Haus noch dein Team. 35 Dateien zeigen Menschen, für keine liegt ein Model-Release vor, deshalb ersetzt du sie vor dem Livegang durch eigene Aufnahmen. BILDNACHWEIS.md und das Impressum nennen zu jedem Motiv Fotografin oder Fotograf und Quelle.

**Warum steht das Team ohne Fotos da?**

Weil kein Stockfoto neben einem echten Namen stehen soll. Die vier Lehrenden erscheinen als Kürzel-Plaketten, eine Scheibe mit den Initialen und fünf kleinen Balken, mit Rolle, früherem Beruf und festen Stunden. Eigene Teamfotos kommen an ihre Stelle, sobald die Personen schriftlich zugestimmt haben.

**Sind Impressum und Datenschutz enthalten?**

Als Platzhalterseiten mit Anleitung, bis zum Ausfüllen mit noindex und ohne Eintrag in der Sitemap. Das Impressum trägt den Bildnachweis und die Schriften, die Datenschutzseite beschreibt, was die Website technisch tut und was sie im Browser speichert. Vorformulierte Rechtstexte gibt es keine, weil sie zu keinem echten Haus passen.

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

Nein. Literata und Instrument Sans liegen in public/fonts/, die Fotos im Projekt, Grundriss, Lageskizze, Kürzel und Wortmarke sind SVG. Im Browser läuft eigenes JavaScript ohne Bibliothek, rund 8 KB gepackt auf der Startseite. Im Speicher des Browsers liegen höchstens die Wahl im Cookie-Fenster und die Übungswoche. 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, Service, Event, HowTo, Blog, BlogPosting und ContactPage. Die Teilen-Bilder in 1200 mal 630 Pixeln baut Astro beim Bauen aus einem Foto der jeweiligen Seite.

**Welche Anrede benutzt das Template?**

Durchgehend Du, das Haus spricht als wir, und wo ein Mensch etwas tut, steht sein Vorname dabei. Die Sätze der Skripte und Bauteile stehen in src/data/texte.ts, die Seiten unter src/pages/ tragen ihre Texte selbst. Wer sein Haus siezt, sagt es seiner KI, und sie stellt die Texte um.

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

Ja. Im englischen Paket ist die ganze Website englisch, mit englischer Wissensschicht und englischen Skills. Datum, Uhrzeit, Zahlen und Euro formatieren die Skripte über den Browser in der Sprache der Seite.

**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 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.

**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 Team, Wochenplan, Kurse, Tarife und Fragen in src/data/site.ts und die Atemspur in src/components/Atemspur.astro.

---

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