feat(articles): visual upgrades — timeline, callouts, cards, severity pills
Add 4 reusable CSS article components and apply them across 6 cornerstone articles: CSS (input.css): - article-timeline: horizontal phase diagram with numbered cards, collapses to vertical on mobile - article-callout (warning/tip/info): left-bordered callout boxes with icon and title - article-cards: 2-col grid of accent-topped cards (success/failure/neutral/established/growth/emerging) - severity: inline pill badges (high/medium-high/medium/low-medium/low) for risk tables Articles updated: - padel-hall-build-guide-en + padel-halle-bauen-de: ASCII code block → timeline HTML; 3 bold/blockquote warnings → callout boxes; success/failure patterns → 4 cards - padel-hall-investment-risks-en + padel-halle-risiken-de: risk overview table severity → pills; personal guarantee section → callout; risk management section → 4 cards - padel-hall-location-guide-en + padel-standort-analyse-de: market maturity paragraphs → 3 stage cards Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -17,15 +17,48 @@ Dieser Leitfaden zeigt Ihnen alle 5 Phasen und 23 Schritte, die zwischen Ihrer e
|
||||
|
||||
## Die 5 Phasen im Überblick
|
||||
|
||||
```
|
||||
Phase 1 Phase 2 Phase 3 Phase 4 Phase 5
|
||||
Machbarkeit → Planung & → Bau / → Voreröff- → Betrieb &
|
||||
& Konzept Design Umbau nung Optimierung
|
||||
|
||||
Monat 1–3 Monat 3–6 Monat 6–12 Monat 10–13 laufend
|
||||
|
||||
Schritte 1–5 Schritte 6–11 Schritte 12–16 Schritte 17–20 Schritte 21–23
|
||||
```
|
||||
<div class="article-timeline">
|
||||
<div class="article-timeline__phase">
|
||||
<div class="article-timeline__num">1</div>
|
||||
<div class="article-timeline__card">
|
||||
<div class="article-timeline__title">Machbarkeit & Konzept</div>
|
||||
<div class="article-timeline__subtitle">Marktanalyse, Konzept, Standortsuche</div>
|
||||
<div class="article-timeline__meta">Monat 1–3 · Schritte 1–5</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-timeline__phase">
|
||||
<div class="article-timeline__num">2</div>
|
||||
<div class="article-timeline__card">
|
||||
<div class="article-timeline__title">Planung & Design</div>
|
||||
<div class="article-timeline__subtitle">Architekt, Genehmigungen, Finanzierung</div>
|
||||
<div class="article-timeline__meta">Monat 3–6 · Schritte 6–11</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-timeline__phase">
|
||||
<div class="article-timeline__num">3</div>
|
||||
<div class="article-timeline__card">
|
||||
<div class="article-timeline__title">Bau / Umbau</div>
|
||||
<div class="article-timeline__subtitle">Rohbau, Courts, IT-Systeme</div>
|
||||
<div class="article-timeline__meta">Monat 6–12 · Schritte 12–16</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-timeline__phase">
|
||||
<div class="article-timeline__num">4</div>
|
||||
<div class="article-timeline__card">
|
||||
<div class="article-timeline__title">Voreröffnung</div>
|
||||
<div class="article-timeline__subtitle">Personal, Marketing, Soft Launch</div>
|
||||
<div class="article-timeline__meta">Monat 10–13 · Schritte 17–20</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-timeline__phase">
|
||||
<div class="article-timeline__num">5</div>
|
||||
<div class="article-timeline__card">
|
||||
<div class="article-timeline__title">Betrieb & Optimierung</div>
|
||||
<div class="article-timeline__subtitle">Einnahmen, Community, Optimierung</div>
|
||||
<div class="article-timeline__meta">laufend · Schritte 21–23</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
@@ -104,7 +137,12 @@ Was in dieser Phase entsteht:
|
||||
- MEP-Planung (Haustechnik): Heizung, Lüftung, Klimaanlage, Elektro, Sanitär — das sind bei Sporthallen oft die kostenintensivsten Gewerke
|
||||
- Brandschutzkonzept
|
||||
|
||||
**Häufiger Fehler in dieser Phase:** Die Haustechnik wird unterschätzt. Eine große Innenhalle braucht präzise Temperatur- und Feuchtigkeitskontrolle — für die Spielqualität, für die Langlebigkeit des Belags und für das Wohlbefinden der Spieler. Eine schlechte HVAC-Anlage ist eine Dauerbaustelle.
|
||||
<div class="article-callout article-callout--warning">
|
||||
<div class="article-callout__body">
|
||||
<span class="article-callout__title">Häufiger Fehler in dieser Phase</span>
|
||||
<p>Die Haustechnik wird unterschätzt. Eine große Innenhalle braucht präzise Temperatur- und Feuchtigkeitskontrolle — für die Spielqualität, für die Langlebigkeit des Belags und für das Wohlbefinden der Spieler. Eine schlechte HVAC-Anlage ist eine Dauerbaustelle.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
### Schritt 8: Courtlieferant auswählen
|
||||
|
||||
@@ -155,7 +193,12 @@ Verhandeln Sie Festpreise, wo möglich. Lesen Sie die Risikoverteilung in den Ve
|
||||
|
||||
Courts werden nach Fertigstellung der Gebäudehülle montiert — das ist eine harte Reihenfolge, keine Empfehlung. Glaselemente dürfen nicht Feuchtigkeit, Staub und Baustellenverkehr ausgesetzt werden, bevor das Gebäude dicht ist.
|
||||
|
||||
**Ein häufiger und vermeidbarer Fehler:** Projekte, die unter Zeitdruck stehen, versuchen, Court-Montage vorzuziehen. Das Ergebnis sind beschädigte Oberflächen, Glasschäden, Verschmutzungen im Belag und Gewährleistungsprobleme mit dem Hersteller. Halten Sie die Reihenfolge ein — konsequent.
|
||||
<div class="article-callout article-callout--warning">
|
||||
<div class="article-callout__body">
|
||||
<span class="article-callout__title">Ein häufiger und vermeidbarer Fehler</span>
|
||||
<p>Projekte unter Zeitdruck versuchen, die Court-Montage vorzuziehen. Das Ergebnis sind beschädigte Oberflächen, Glasschäden, Verschmutzungen im Belag und Gewährleistungsprobleme mit dem Hersteller. Halten Sie die Reihenfolge ein — konsequent.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Die Montage von Courts dauert je nach Hersteller und Parallelkapazität zwei bis vier Wochen pro Charge. Planen Sie das in den Gesamtablauf ein.
|
||||
|
||||
@@ -169,7 +212,12 @@ Frühzeitig entscheiden: Playtomic, Matchi, ein anderes System oder eine Hybridl
|
||||
|
||||
Zugangskontrolle (falls gewünscht) muss mit der Elektroplanung koordiniert werden. Wer das in der letzten Bauphase ergänzen möchte, zahlt dafür.
|
||||
|
||||
**Der häufigste Fehler kurz vor der Eröffnung:** Am Tag der Eröffnung ist das Buchungssystem noch nicht richtig konfiguriert, Testzahlungen schlagen fehl, der QR-Code am Eingang führt auf eine Fehlerseite. Der Eröffnungsbuzz ist ein einmaliges Gut. Testen Sie das System zwei bis vier Wochen vorher vollständig — inklusive echter Buchungen, echter Zahlungen und echter Stornierungen.
|
||||
<div class="article-callout article-callout--warning">
|
||||
<div class="article-callout__body">
|
||||
<span class="article-callout__title">Der häufigste Fehler kurz vor der Eröffnung</span>
|
||||
<p>Am Tag der Eröffnung ist das Buchungssystem noch nicht richtig konfiguriert, Testzahlungen schlagen fehl, der QR-Code am Eingang führt auf eine Fehlerseite. Der Eröffnungsbuzz ist ein einmaliges Gut. Testen Sie das System zwei bis vier Wochen vorher vollständig — inklusive echter Buchungen, echter Zahlungen und echter Stornierungen.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
### Schritt 16: Abnahmen und Zertifizierungen
|
||||
|
||||
@@ -243,13 +291,36 @@ Die Court-Buchung ist Ihr Kernangebot — aber nicht die einzige Einnahmequelle:
|
||||
|
||||
Wer Dutzende Padelhallenprojekte in Europa beobachtet, sieht Muster auf beiden Seiten:
|
||||
|
||||
**Die Projekte, die über Budget laufen**, haben fast immer früh an der falschen Stelle gespart — zu wenig Haustechnikbudget, kein Baukostenpuffer, zu günstiger Generalunternehmer ohne ausreichende Vertragsabsicherung.
|
||||
|
||||
**Die Projekte, die terminlich entgleisen**, haben die behördlichen Prozesse unterschätzt. Genehmigungen, Lärmschutzgutachten, Nutzungsänderungen brauchen Zeit — und diese Zeit lässt sich nicht kaufen, sobald man zu spät damit anfängt.
|
||||
|
||||
**Die Projekte, die schwach starten**, haben das Marketing zu spät begonnen und das Buchungssystem zu spät getestet. Ein leerer Kalender am Eröffnungstag und eine kaputte Buchungsseite erzeugen Eindrücke, die sich festsetzen.
|
||||
|
||||
**Die Projekte, die langfristig erfolgreich sind**, haben alle drei Phasen — Planung, Bau, Eröffnung — mit derselben Sorgfalt behandelt und früh in Community und Stammkundschaft investiert.
|
||||
<div class="article-cards">
|
||||
<div class="article-card article-card--failure">
|
||||
<div class="article-card__accent"></div>
|
||||
<div class="article-card__inner">
|
||||
<span class="article-card__title">Projekte, die über Budget laufen</span>
|
||||
<p class="article-card__body">Haben fast immer früh an der falschen Stelle gespart — zu wenig Haustechnikbudget, kein Baukostenpuffer, zu günstiger Generalunternehmer ohne ausreichende Vertragsabsicherung.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-card article-card--failure">
|
||||
<div class="article-card__accent"></div>
|
||||
<div class="article-card__inner">
|
||||
<span class="article-card__title">Projekte, die terminlich entgleisen</span>
|
||||
<p class="article-card__body">Haben die behördlichen Prozesse unterschätzt. Genehmigungen, Lärmschutzgutachten, Nutzungsänderungen brauchen Zeit — und diese Zeit lässt sich nicht kaufen, sobald man zu spät damit anfängt.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-card article-card--failure">
|
||||
<div class="article-card__accent"></div>
|
||||
<div class="article-card__inner">
|
||||
<span class="article-card__title">Projekte, die schwach starten</span>
|
||||
<p class="article-card__body">Haben das Marketing zu spät begonnen und das Buchungssystem zu spät getestet. Ein leerer Kalender am Eröffnungstag und eine kaputte Buchungsseite erzeugen Eindrücke, die sich festsetzen.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-card article-card--success">
|
||||
<div class="article-card__accent"></div>
|
||||
<div class="article-card__inner">
|
||||
<span class="article-card__title">Projekte, die langfristig erfolgreich sind</span>
|
||||
<p class="article-card__body">Behandeln alle drei Phasen — Planung, Bau, Eröffnung — mit derselben Sorgfalt und investieren früh in Community und Stammkundschaft.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Eine Padelhalle zu bauen ist komplex — aber kein ungelöstes Problem. Die Fehler, die Projekte scheitern lassen, sind fast immer dieselben. Genauso wie die Entscheidungen, die sie gelingen lassen.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user