# AI Website Template Gassenweise

> Die Website für Städtereisen in kleinen Gruppen, mit Wohnung im Viertel und drei Spaziergängen je Stadt.

Gassenweise ist ein vollständiges Template für kleine Veranstalter von Städtereisen, mit 23 Seiten. Das Herz heißt Scharf stellen. Auf der Startseite steht jede Stadt erst weichgezeichnet da, wer sie wählt, löst den Schleier, und Preis, Bahnzeit, drei Viertel und Koordinaten wechseln mit. Auf jeder Stadtseite folgt ein scharfes Fenster dem Zeiger über dem weichen Bild. Die zweite Säule sind achtzehn Viertel-Spaziergänge mit Kilometern, Dauer, fünf Stationen und Höhenprofil in Metern. Dazu kommen sechs Stadtseiten aus einer Route mit Wohnviertel, Woche nach Uhrzeit, Gastgeberin und neun Terminen, ein Stadt-Finder mit drei Fragen und Rangliste, eine Vergleichstabelle, 54 Termine mit Filter, ein Preisrechner mit Saison, Bahn und Anzahlung, ein Grundriss zum Antippen, Bahnzeiten ab Köln, Ortszeiten im Fuß, ein Bürostatus, sechs Beiträge im Journal, acht Menschen als Kürzel und Rechtsseiten als Anleitung für Reiseveranstalter.

- Preis: 99 € einmalig, inkl. MwSt.
- Branche: Städtereisen & Stadtführungen
- Seite: https://ai-website.com/de/templates/gassenweise

## Enthaltene Seiten

- Startseite mit der Tram in Graça, der Überschrift „Städte, scharf gestellt“ mit goldener Linie unter einem Wort, drei Kennzahlen, den nächsten Terminen, einem Bento zu Wohnung, Gruppengröße, Spaziergängen und freier Zeit, der Städtewahl „Scharf stellen“ mit sechs Städten, dem Wochenplan, dem Apartment, sechs Gastgeberinnen als Kürzel, Stimmen, den Bahnzeiten ab Köln als Balken, drei Beiträgen, sechs Fragen und Ortszeiten der sechs Städte im Fuß
- Städte mit einer Namensliste, die beim Zeigen ein Foto aufblendet, einer Vergleichstabelle mit Preis, Bahnzeit, Gelände und Gastgeberin, den achtzehn Vierteln mit Kilometern, einer Tabelle zur Jahreszeit, dem Stadt-Finder mit drei Fragen und fünf Fragen zur Wahl der Stadt
- Sechs Stadtseiten aus einer Route, je mit Fokusfenster über dem weichen Stadtbild, Preis zu zweit und allein, Anreise, drei Spaziergängen mit Höhenprofil und fünf Stationen, dem Viertel zum Wohnen mit Gehzeit zum Treffpunkt, der Woche nach Uhrzeit, drei Dingen zum Mitnehmen, der Gastgeberin als Kürzel, neun Terminen mit vorgefüllter Anfrage, der Anreise ab Köln und den anderen fünf Städten
- So reisen wir mit dem Wochenplan als Raster, vier Schritten eines Spaziergangs, Abendessen und freier Zeit, sechs Leistungen samt Sicherungsschein, was nicht enthalten ist, der Mindestzahl, vier festen Regeln und sechs Fragen
- Wohnen mit einem Grundriss zum Antippen, acht Dingen in jeder Wohnung, den sechs Wohnvierteln mit Etage und Aufzug, den Gehzeiten zur Gruppe als Balken, der Schlüsselübergabe in drei Schritten, sechs Punkten aus dem Vertrag mit den Eigentümerinnen und sechs Fragen
- Termine mit allen 54 Wochen, Filter nach Stadt, einem Jahreskalender je Stadt und Monat, einem Preisrechner mit Saison, Bahn, Ortstaxe und Anzahlung, Zahlung und Rücktritt und sechs Fragen zur Buchung
- Gastgeberinnen mit dem Zitat der Gründerin, Gründerin und Gründer als Kürzel, sechs Gastgeberinnen mit Kürzel und Viertelbild, den Jahren in ihrer Stadt als Balken, drei Stimmen und vier Regeln, wie Gassenweise Gastgeberinnen findet
- Journal mit Ausgabe-Liste, Leitartikel und sechs Beiträgen, je einer pro Stadt, mit Inhaltsverzeichnis, Lesefortschritt und Verweis auf die Stadtseite, dazu kurz notierte Neuigkeiten aus den Vierteln und die Viertelpost
- Kontakt mit Bürostatus, Formular mit Städtewahl als Bildkacheln und Vorwahl aus Stadt und Termin, vier Schritten bis zur Buchung, dem Büro in Ehrenfeld und fünf Fragen, eine eigene 404-Seite sowie Impressum mit Bildnachweis und Datenschutz als Anleitung für Reiseveranstalter

## Umfang

- 23 Seiten
- Städtewahl mit Schärfe und Fokusfenster
- 18 Spaziergänge mit Höhenprofil
- Astro 7, statisch

## Gestaltung

- Farben: Nebel #ecebe8, Fläche #e1e0dc, Tinte #15171c, Gold #d9a441
- Headline-Schrift: Geist, eng gesetzt, ein Wort mit goldener Schärfelinie darunter
- Textschrift: Geist für Text, Kicker und Zahlen, lokal eingebunden

## Gedacht fuer

- Kleine Veranstalter von Städtereisen und Gruppenreisen, die Unterkunft, Führungen und Termine als eine Woche verkaufen und dabei ehrlich sagen wollen, wie steil ein Weg ist
- Stadtführerinnen und Netzwerke von Gastgebern in mehreren Städten, die Viertel, Spaziergänge und Menschen statt Sehenswürdigkeiten zeigen wollen
- Agenturen, die Websites für Reiseveranstalter wiederholt und planbar ausliefern

## Nicht gedacht fuer

- Radreisen und geführte Touren in der Natur, dafür ist Kehrwelt mit Tag- und Abendseite gebaut, und Wegwild führt kleine Gruppen durch Fels, Wald und Wasser
- Vermieter, die nur Unterkunft anbieten, für Hütten und Ferienhäuser passt Lauschgrat, für Glamping Funkenmoos, und wer über Reisen schreibt, ohne sie zu verkaufen, nimmt Kartensaum
- Große Reiseveranstalter mit Hunderten Terminen, Online-Buchung und Zahlung auf der Seite. Hier ist jede Buchung eine Anfrage, ein Buchungssystem wird angebunden

## Was im Paket liegt

- `src/pages/ + src/data/site.ts`: 23 Seiten und die Datei, aus der Städte, Viertel, Stationen, Preise, Termine, Wohnungen und Gastgeberinnen kommen.
- `src/data/heros.ts + seiten.ts + journal.ts`: Die Auftakte aller Seiten, die festen Seitensätze samt Stadt-Finder und die sechs Beiträge des Journals mit Abschnitten.
- `src/components/ + src/scripts/basis.ts`: 14 Bauteile, vom Höhenprofil über die weiche Bildebene bis zur Kürzel-Plakette, und ein Skript für Städtewahl, Finder, Filter und Rechner.
- `src/assets/images/ + src/assets/weich/`: 62 Fotos von Pexels mit weichgezeichneten Fassungen, Nachweis in src/data/bildnachweis.json, Alt-Texte in src/data/alt.ts.
- `CLAUDE.md + Wissen/`: Das Gedächtnis des Projekts mit Regeln, Zielgruppe, Ton, Bauplan, SEO-Strategie und den Pflichten eines Reiseveranstalters.
- `.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 Schrift und Fotos.

## FAQ

**Was heißt „Scharf stellen“?**

Das ist die Signature des Templates. Auf der Startseite steht jede Stadt erst weichgezeichnet da, wer sie wählt, löst den Schleier, und Land, Preis, Bahnzeit, drei Viertel und Koordinaten wechseln mit. Die Wahl geht per Klick und mit den Pfeiltasten, ein Satz für Screenreader sagt, welche Stadt scharf ist. Auf jeder Stadtseite folgt ein goldgerahmtes scharfes Fenster dem Zeiger über dem weichen Stadtbild. Bei reduzierter Bewegung ist die Stadt sofort scharf, ohne JavaScript stehen alle sechs Städte scharf untereinander.

**Woher kommen die Höhenprofile der Spaziergänge?**

Jeder der achtzehn Spaziergänge hat fünf Stationen mit einer Höhe in src/data/site.ts. Strecke.astro zeichnet daraus die Linie und Höhenlinien in Metern über dem tiefsten Punkt des Wegs, in Schritten von 5, 10 oder 25 Metern. Flache Wege bleiben flach, Graça und Alfama fallen 102 Meter bis an den Fluss. Die Höhen sind geschätzt, und das steht unter jedem Profil. Am Telefon kommt eine Liste mit Metern dazu.

**Wie arbeitet der Stadt-Finder?**

Drei Fragen ohne Vorauswahl, wie du ankommen willst, wie sich die Tage anfühlen sollen und was am Abend sein soll, mit je drei Antworten. Nach jeder Antwort ordnen sich die sechs Städte mit Punkten neu, die passende steht vorn, und der Vorschlag nennt den Grund. Ohne JavaScript zeigt die Seite eine Liste, welche Stadt zu wem passt.

**Wie rechnet der Preisrechner?**

Grundpreis der Stadt je Person, zu zweit im Apartment oder allein, dazu 90 € Saisonaufschlag von Mai bis September und auf Wunsch 35 € Servicepauschale, wenn Gassenweise die Bahn mitbucht. Die Ortstaxe ist im Preis enthalten, die Anzahlung von 20 Prozent steht darunter. Der Startwert sind zwei Gäste in Paris außerhalb der Saison, also 2.580 €, und er steht auch ohne Skript da. Die Grundpreise der sechs Städte liegen zwischen 1.180 € und 1.390 € zu zweit.

**Wie funktionieren Termine und Terminfilter?**

Jede Stadt hat neun Wochen von Sonntag bis Freitag, zusammen 54 Termine von März bis Oktober mit freien Plätzen und Preis. Der Filter zeigt eine Stadt oder alle und lässt sich per Adresse vorwählen, etwa mit ?stadt=kopenhagen. Ein Klick auf einen Termin der Stadtseite füllt die Anfrage mit Stadt und Woche vor. Ohne JavaScript stehen alle 54 Termine da.

**Was unterscheidet Gassenweise von Kehrwelt und Wegwild?**

Kehrwelt verkauft Radreisen ohne Flug, tagsüber auf dem Rad an Küste und Inseln, abends in der großen Stadt der Region. Wegwild führt kleine Gruppen auf Touren in Fels, Wald und Wasser. Gassenweise bleibt eine ganze Woche in einer Stadt, zu Fuß, im Apartment im Wohnviertel und mit einer Gastgeberin, die dort wohnt.

**Passt Gassenweise auch für Ferienwohnungen oder ein Reisemagazin?**

Eher nicht. Wer nur Unterkunft vermietet, nimmt Lauschgrat für Hütten und Ferienhäuser oder Funkenmoos für Glamping. Wer über Reisen schreibt, ohne sie zu verkaufen, nimmt Kartensaum. Gassenweise ist für Veranstalter gebaut, die Unterkunft, Führungen und Termine als eine Reise verkaufen.

**Ist eine Woche mit Apartment und Spaziergängen eine Pauschalreise?**

In der Regel ja, und das Template behandelt sie so. So reisen wir, Termine und Kontakt nennen Formblatt, Sicherungsschein vor der ersten Zahlung, Mindestteilnehmerzahl und Rücktrittsstaffel, das Impressum hat einen Abschnitt Reiseveranstalter mit Kundengeldabsicherung nach §§ 651a ff. BGB. Lass deine Reisebedingungen vor dem Livegang prüfen, diese Hinweise sind keine Rechtsberatung.

**Sind Ortstaxe und Ferienwohnungsregeln vorbereitet?**

Ja, als Beispiele. Alle Preise nennen die Ortstaxe als inklusive, die Seite Wohnen erklärt, dass in Lissabon und Rom jede Wohnung als Ferienwohnung registriert ist und in den anderen Städten die Eigentümerin selbst darin wohnt, innerhalb der Nächtegrenze ihrer Stadt. Die echten Regeln deiner Städte prüfst du vor dem Livegang.

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

Nein, ein Buchungssystem ist nicht eingebaut. Die Seite sammelt Anfragen, hält laut Text einen Platz sieben Tage und schickt dann Formblatt, Reisebedingungen und Angebot. Wer ein Buchungssystem nutzt, lässt deine KI dessen Link an Termine und Knöpfe setzen und in Datenschutzerklärung und Einwilligung eintragen.

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

Das Kontaktformular wählt Stadt und Termin vor, wenn der Gast von einer Stadtseite oder einem Termin kommt, prüft Name, Mail und Zustimmung und markiert Fehler am Feld, die Meldung verschwindet beim Tippen. Danach steht eine Bestätigung da, die ausdrücklich sagt, dass die Vorlage nichts verschickt. Kontakt und Viertelpost sind mit method="post" angelegt, den Versand richtet deine KI ein.

**Wie trage ich eine neue Stadt ein?**

Mit einem Eintrag in staedte in src/data/site.ts, mit Land, Preisen, Bahnzeit, drei Vierteln samt Stationen und Höhen, Wohnviertel, Gastgeberin und Terminen. Daraus entstehen Stadtseite, Städtewahl, Vergleichstabelle, Terminliste und Fuß. Das Foto kommt nach src/assets/images, eine weichgezeichnete Fassung nach src/assets/weich, der Alt-Text nach src/data/alt.ts, die Punkte im Stadt-Finder nach stadtFinder in src/data/seiten.ts.

**Passt das auch für Stadtführungen ohne Unterkunft?**

Ja, mit Umbau. Deine KI nimmt Wohnen, Grundriss und Apartment-Punkte heraus, macht aus den Wochen einzelne Termine und behält Städtewahl, Spaziergänge mit Höhenprofil, Gastgeberinnen, Stadt-Finder und Journal. Für einen Veranstalter mit einer einzigen Stadt wird die Stadtseite zur Startseite.

**Altern Termine und Jahreszahlen?**

Die Termine stehen als Katalog in src/data/site.ts und tragen ihr Jahr nur in den Daten, keine Überschrift nennt es. Fußjahr, die Jahre der Gastgeberinnen in ihrer Stadt und deren Durchschnitt rechnet das Template beim Bauen aus dem Baudatum. Für die nächste Saison tauscht deine KI die Termine aus.

**Woher kommen die Bahnzeiten?**

Es sind die schnellsten üblichen Verbindungen ab Köln nach dem Fahrplan 2026, als Beispielwerte gekennzeichnet, von 2 Std. 40 Min. nach Amsterdam bis zu zwei Tagen nach Lissabon. Die Startseite zeigt sie als Balken, Rom fährt über Nacht, und für Lissabon empfiehlt die Seite offen den Flug. Abfahrtsort und Zeiten änderst du in site.ts.

**Funktioniert die Seite ohne JavaScript?**

Ja. Jede Überschrift und jeder Text steht ohne Skript da. Die Städtewahl wird zur Liste aller sechs Städte, scharf, der Stadt-Finder zur Übersicht, welche Stadt zu wem passt, das Fokusfenster zeigt das ganze Bild scharf, der Terminfilter alle 54 Termine, der Preisrechner seinen Startwert, der Grundriss alle Raumtexte, Akkordeons stehen offen, die Ortszeiten im Fuß sagen ehrlich „gleiche Uhrzeit wie Köln“, und das Menü am Telefon öffnet sich.

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

Nein. Betrieb, Gründer, Gastgeberinnen, Preise, Termine, Bewertungen und Stimmen sind erfunden, und der Fuß jeder Seite sagt das. Städte, Viertel, Plätze, Märkte und Bahnhöfe sind echte Orte, Betriebe darin sind es nicht. Die Anschrift in Köln-Ehrenfeld ist ein Beispiel, die Telefonnummer stammt aus dem Block, den die Bundesnetzagentur für Medien freihält.

**Kann ich die Fotos behalten?**

Die 62 Fotos stammen von Pexels und stehen unter der Pexels-Lizenz, keines ist mit KI erzeugt. Zu fast jedem gibt es eine weichgezeichnete Fassung für die Signature, gerechnet aus demselben Foto. Menschen sind nur von hinten, als Hände oder klein im Hafenbecken zu sehen, kein Gesicht ist erkennbar. src/data/bildnachweis.json und das Impressum nennen zu jedem Motiv Fotografin oder Fotograf und Quelle.

**Warum stehen die Gastgeberinnen ohne Fotos da?**

Weil kein Stockfoto neben einem echten Namen stehen soll. Gründer und Gastgeberinnen erscheinen als Kürzel-Plaketten mit Stadt, Jahren und Beruf, die Gastgeberinnen dazu mit einem Bild aus ihrem Viertel. Der Hinweis daneben sagt, dass an diese Stelle eigene Fotos gehören. Die Stimmen der Gäste stehen ohne Gesichter und als Beispielstimme gekennzeichnet.

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

Nein. Die Schrift Geist liegt in public/fonts/, die Fotos im Projekt, Zeichen, Profile und Grundriss sind gezeichnet. Im Browser läuft ein eigenes Skript ohne Bibliothek, rund 6 KB gzip. Das Cookie-Fenster schreibt die Wahl in den dataLayer, Statistik und Marketing sind mit keinem Dienst belegt.

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

Ja. Jede Seite hat eigenen Titel, Beschreibung und Brotkrumen, dazu ein Schema TravelAgency, je Stadt ein TouristTrip mit einem Angebot je Termin, Blog und BlogPosting im Journal und FAQPage, wo Fragen stehen. Die Teilen-Bilder in 1200 mal 630 Pixeln baut Astro beim Bauen aus einem Foto der jeweiligen Seite. Impressum, Datenschutz und 404 stehen auf noindex und fehlen in der Sitemap.

**Welche Anrede benutzt das Template?**

Durchgehend Du, der Veranstalter spricht als wir. Die Sätze der Skripte stehen in src/data/texte.ts, die Auftakte aller Seiten in src/data/heros.ts, feste Seitensätze in src/data/seiten.ts, die Inhalte in src/data/site.ts und journal.ts. Deine KI stellt auf Sie um, wenn dein Betrieb siezt.

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

Ja. Im englischen Paket ist die ganze Website englisch, mit englischer Wissensschicht und englischen Skills. Zahlen, Euro und Datumsangaben formatieren die Skripte 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, alle anderen Adressen leitet die Website daraus ab.

**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 Städte, Viertel, Preise und Termine in src/data/site.ts und die Beiträge in src/data/journal.ts.

---

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