Eine hilfreiche Erfahrung
Platzhaltertext: weiße Karte mit dezentem Schatten.
Platzhalter-Name
Styleguide — Fachhypnotiseur-Landingpage
Vorläufige Seite, dient nur der internen Abnahme des gestalterischen Fundaments (Tokens, Basis-Stile, Komponenten). Kein Inhalt für Endnutzer:innen — daher noindex.
Typografie
H1 · fluide 32–50px
Fachhypnotiseur-Ausbildung
H2 · fluide 28–35px
In vier Tagen zur Zertifizierung
H3 · fix 26px / 500
Ablauf des Seminars
H4 · fix 20px / 700
Voraussetzungen
Fließtext · fluide 18–20px (Standard)
Sie erlernen die Selbsthypnose sicher von Grund auf und wenden sie gezielt auf Ihre eigenen Themen an.
Zitat / Hervorhebung
Rahmen (3px, heller Ton) real von selbsthypnose.ihvv.de; Schriftgröße (24px), Gewicht (300) und Zeilenhöhe (1,33) real von ihvv.de übernommen (.quote in base.css).
„Der Mensch ist das Produkt seiner Gedanken.“
Mahatma Gandhi (sinngemäß, Platzhalter-Zitat)
Farben
Platzhalter, ausgelesen aus der Live-Seite — final nach Teammeeting.
Primitives (Layer 1)
- Primary (Petrol)
--color-primary - Secondary (Hellbraun)
--color-secondary - Neutral (Grau)
--color-neutral - Base (Hintergrund)
--color-base
Semantische Tokens (Layer 2)
- Text
--text - Heading
--heading - CTA
--color-cta - Border
--border - BG Tint
--bg-tint
Buttons
Padding und Radius live von selbsthypnose.ihvv.de übernommen (16px/34px, 999px).
Call-to-Action-Kasten (Vergleich)
Drei Varianten, angelehnt an den CTA-Kasten auf selbsthypnose.ihvv.de —keine Entscheidung, nur zum Vergleich. Komponente.cta-box in base.css, Varianten über zusätzliche Klassen (.cta-box--dark, .cta-box--card,.cta-box--card-left).
Bereit für den nächsten Schritt?
Platzhaltertext: kurze, einladende Beschreibung für den Call-to-Action.
Jetzt Kontakt aufnehmenBereit für den nächsten Schritt?
Platzhaltertext: kurze, einladende Beschreibung für den Call-to-Action.
Jetzt Kontakt aufnehmenBereit für den nächsten Schritt?
Platzhaltertext: kurze, einladende Beschreibung für den Call-to-Action.
Jetzt Kontakt aufnehmenFormularfelder
Nur Gestaltung — dieses Formular sendet nichts ab.
Akkordeon
Angelehnt an das FAQ-Akkordeon auf selbsthypnose.ihvv.de/ihvv.de — eigene Farben/Tokens statt der dortigen. Nativ über<details>/<summary> (Accordion.astro, Komponente .accordion in base.css): Tastaturbedienung (Enter/Leertaste) und paralleles Offenhalten mehrerer Elemente kommen dadurch automatisch vom Browser, kein eigenes JS nötig. Standardmäßig eingeklappt.
Muss ich vorher schon Erfahrung mit Hypnose haben?
Nein, die Ausbildung richtet sich sowohl an Einsteiger:innen als auch an Menschen mit Vorerfahrung.
Wie groß sind die Ausbildungsgruppen?
Wir arbeiten bewusst mit kleinen Gruppen, damit ausreichend Zeit für individuelles Üben bleibt.
Gibt es die Möglichkeit zur Ratenzahlung?
Ja, sprechen Sie uns gerne an.
Testimonial-Karte
Entschieden: weiße Karte mit dezentem Schatten (vorher Variante b im Vergleich). Komponente .testimonial-card in base.css, Anführungszeichen-Symbol aus src/assets/icons/quote-icon.svg(QuoteIcon-Komponente).
Testimonial-Slider
Funktionierende Komponente — Pfeiltasten, Wischen und Tab-Bedienung ausprobieren. Kein Anführungszeichen-Symbol hier; der Zitattext ist ein echtes <h2>, darunter klein der Name. Hintergrund: nur der Icon-Teil aus src/assets/logo-bildmarke.svg, Deckkraft über --testimonial-slider-bg-opacity (aktuell 8 %) anpassbar. Übergänge respektieren --motion.
Termindaten (aus src/config/seminar.ts)
- Termine
8.–12. März 2027, 09:00–16:00 Uhr
12.–16. April 2027, 09:00–16:00 Uhr
- Ort
- Hypnoseinstitut Neuruppin (Adresse: TODO)
- Preis
- 2.800,00 € für beide Blöcke · Anzahlung 800,00 € · Ratenzahlung möglich
- Plätze
- 4 von 16 Plätzen frei (
plaetzeFrei, von Hand gepflegt)