Interaktiv
Disclosure-Patterns für Produktdetails und FAQ – reduziert Komplexität ohne Seitenwechsel
Accordion / Collapsible
ACCORDION · Pressura 20px/500 · Chevron rotation 180° · max-height Animation · border-bottom 1px solid var(--ce-border-default)
Du lernst die Grundlagen der Espresso-Extraktion, Milchschaumtechnik und Latte Art. Wir arbeiten an professionellen Siebträgermaschinen und gehen auf Mahlgrad, Dosierung und Tamping ein. Am Ende des Kurses kannst du einen perfekten Espresso und Cappuccino zubereiten.
Der Barista-Grundkurs dauert 3 Stunden. In dieser Zeit wechseln sich Theorie und Praxis ab. Für Fortgeschrittene bieten wir einen erweiterten Kurs über 6 Stunden an, der auch Latte Art und alternative Brühmethoden abdeckt.
Du brauchst nichts mitzubringen — wir stellen alles bereit: Maschinen, Kaffee, Milch und Zubehör. Bequeme Kleidung und geschlossene Schuhe sind empfehlenswert. Eine Schürze bekommst du vor Ort.
Tabs
TABS · Pressura Mono 14px/500 · Active: border-bottom 2px solid var(--ce-zinc-950) · Inactive: var(--ce-zinc-500) · Hover: var(--ce-zinc-800)
Die La Marzocco Linea Classic S verbindet traditionelle italienische Ingenieurskunst mit moderner Zuverlässigkeit. Die Zweikreis-Brühgruppe ermöglicht gleichzeitiges Brühen und Milchschäumen. Temperaturstabilität und Extraktionsqualität setzen den Branchenstandard seit über 30 Jahren.
Modal / Dialog
MODAL · Overlay rgba(0,0,0,0.5) · Dialog bg white, radius 16px · Pressura 20px/500 (Titel) · Primary + Outline Actions
Spezifikationen
| Komponente | Trigger-Font | Content-Font | Animation |
|---|---|---|---|
| Accordion | Pressura 20px/500 | Inter 16px/24px | max-height + Chevron rotate 180° (200ms) |
| Tabs | Pressura Mono 14px/500 | Inter 16px/24px | border-bottom 2px (active indicator) |
| Modal | Pressura Mono 15px/500 (Button) | Pressura 20px/500 (Titel) + Inter 16px (Body) | Overlay fade, Dialog centered, shadow-elevated |