Bilingual: German default + stylish EN/DE language switch (desktop nav + mobile drawer), JS i18n dictionary
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
+57
-48
@@ -1,10 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="de" data-lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>About — Floating Flows AcroYoga Freiburg</title>
|
||||
<meta name="description" content="The story behind Floating Flows — premium AcroYoga in Freiburg with Luciana. Built on trust, breath and the joy of flight." />
|
||||
<title>Über uns — Floating Flows AcroYoga Freiburg</title>
|
||||
<meta name="description" content="Die Geschichte hinter Floating Flows — Premium AcroYoga in Freiburg mit Luciana. Gebaut auf Vertrauen, Atem und der Freude des Fliegens." />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Lato:wght@400;700;900&family=Poiret+One&display=swap" rel="stylesheet" />
|
||||
@@ -19,56 +19,64 @@
|
||||
<span class="brand__name">Floating <b>Flows</b></span>
|
||||
</a>
|
||||
<nav class="nav__links" aria-label="Primary">
|
||||
<a href="courses.html">Courses</a>
|
||||
<a href="index.html#experience">The Practice</a>
|
||||
<a href="about.html">About</a>
|
||||
<a href="index.html#contact">Contact</a>
|
||||
<a href="courses.html" data-i18n="nav.courses">Kurse</a>
|
||||
<a href="index.html#experience" data-i18n="nav.practice">Die Praxis</a>
|
||||
<a href="about.html" data-i18n="nav.about">Über uns</a>
|
||||
<a href="index.html#contact" data-i18n="nav.contact">Kontakt</a>
|
||||
</nav>
|
||||
<div class="nav__right">
|
||||
<div class="nav__icons icons">
|
||||
<a class="icon-btn" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.3" cy="6.7" r="1.1" fill="currentColor" stroke="none"/></svg></a>
|
||||
<a class="icon-btn" href="tel:+4917635708720" aria-label="Call"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn" href="mailto:floatingflows@web.de" aria-label="Email"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
<div class="lang-switch nav-lang" role="group" aria-label="Sprache / Language">
|
||||
<button type="button" class="lang-btn" data-setlang="de" aria-pressed="true">DE</button>
|
||||
<span class="lang-switch__sep" aria-hidden="true">/</span>
|
||||
<button type="button" class="lang-btn" data-setlang="en" aria-pressed="false">EN</button>
|
||||
</div>
|
||||
<a class="btn nav__cta" href="https://floatingflows.com/v2/" target="_blank" rel="noopener">Book a class</a>
|
||||
<button class="nav__toggle" id="navToggle" aria-label="Open menu" aria-expanded="false" aria-controls="drawer"><span></span><span></span><span></span></button>
|
||||
<a class="btn nav__cta" href="https://floatingflows.com/v2/" target="_blank" rel="noopener" data-i18n="nav.book">Kurs buchen</a>
|
||||
<button class="nav__toggle" id="navToggle" aria-label="Menü" aria-expanded="false" aria-controls="drawer"><span></span><span></span><span></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="drawer" id="drawer" aria-hidden="true">
|
||||
<a class="drawer__link" href="courses.html">Courses</a>
|
||||
<a class="drawer__link" href="index.html#experience">The Practice</a>
|
||||
<a class="drawer__link" href="about.html">About</a>
|
||||
<a class="drawer__link" href="index.html#contact">Contact</a>
|
||||
<a class="drawer__link" href="courses.html" data-i18n="nav.courses">Kurse</a>
|
||||
<a class="drawer__link" href="index.html#experience" data-i18n="nav.practice">Die Praxis</a>
|
||||
<a class="drawer__link" href="index.html#location" data-i18n="nav.location">Standort</a>
|
||||
<a class="drawer__link" href="about.html" data-i18n="nav.about">Über uns</a>
|
||||
<a class="drawer__link" href="index.html#contact" data-i18n="nav.contact">Kontakt</a>
|
||||
<div class="drawer__meta">
|
||||
<a href="https://floatingflows.com/v2/" target="_blank" rel="noopener">Book a class →</a>
|
||||
<span>Seepark Glashaus · Freiburg</span>
|
||||
<div class="drawer__icons icons">
|
||||
<a class="icon-btn" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.3" cy="6.7" r="1.1" fill="currentColor" stroke="none"/></svg></a>
|
||||
<a class="icon-btn" href="tel:+4917635708720" aria-label="Call"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn" href="mailto:floatingflows@web.de" aria-label="Email"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
<a href="https://floatingflows.com/v2/" target="_blank" rel="noopener" data-i18n="drawer.book">Kurs buchen →</a>
|
||||
<span data-i18n="drawer.where">Seepark Glashaus · Freiburg</span>
|
||||
<div class="drawer__foot">
|
||||
<div class="drawer__icons icons">
|
||||
<a class="icon-btn" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.3" cy="6.7" r="1.1" fill="currentColor" stroke="none"/></svg></a>
|
||||
<a class="icon-btn" href="tel:+4917635708720" aria-label="Anrufen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn" href="mailto:floatingflows@web.de" aria-label="E-Mail"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
</div>
|
||||
<div class="lang-switch" role="group" aria-label="Sprache / Language">
|
||||
<button type="button" class="lang-btn" data-setlang="de" aria-pressed="true">DE</button>
|
||||
<span class="lang-switch__sep" aria-hidden="true">/</span>
|
||||
<button type="button" class="lang-btn" data-setlang="en" aria-pressed="false">EN</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="pagehead">
|
||||
<div class="wrap">
|
||||
<p class="eyebrow">Our story</p>
|
||||
<h1>We teach people to <span class="accent">trust</span> — and then to fly.</h1>
|
||||
<p class="lede">Floating Flows began with a simple belief: that connection is a practice, and everyone deserves the feeling of being held.</p>
|
||||
<p class="eyebrow" data-i18n="about.eyebrow">Unsere Geschichte</p>
|
||||
<h1 data-i18n="about.h1">Wir lehren Menschen zu <span class="accent">vertrauen</span> — und dann zu fliegen.</h1>
|
||||
<p class="lede" data-i18n="about.lede">Floating Flows begann mit einer einfachen Überzeugung: dass Verbindung eine Praxis ist und jede:r das Gefühl verdient, gehalten zu werden.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="wrap about-grid">
|
||||
<div class="about-portrait reveal">
|
||||
<img src="assets/img/bridge-tower.jpg" alt="AcroYoga practice at the covered bridge in Freiburg" />
|
||||
<img src="assets/img/bridge-tower.jpg" alt="AcroYoga-Praxis an der überdachten Brücke in Freiburg" />
|
||||
</div>
|
||||
<div class="prose reveal" data-d="1">
|
||||
<p class="first">Floating Flows is premium AcroYoga in Freiburg — a calm, light-filled practice where partner acrobatics, breath and therapeutic touch come together. We are a place to arrive, to let go, and to discover what your body can do with another’s support.</p>
|
||||
<p>Classes are led by <strong>Luciana</strong> — mindful, patient and endlessly encouraging. Groups are kept small so no one is rushed and no one is left behind, whether it’s your first time giving weight or your hundredth flight.</p>
|
||||
<p>More than a studio, we’re a community. The kind where you arrive a stranger and leave knowing names — where a shared potluck or a cup of tea is as much the practice as the poses themselves.</p>
|
||||
<p class="first" data-i18n="about.p1">Floating Flows ist Premium-AcroYoga in Freiburg — eine ruhige, lichtdurchflutete Praxis, in der Partnerakrobatik, Atem und therapeutische Berührung zusammenkommen. Ein Ort zum Ankommen, Loslassen und Entdecken, was dein Körper mit der Unterstützung eines anderen vermag.</p>
|
||||
<p data-i18n="about.p2">Die Kurse werden von <strong>Luciana</strong> geleitet — achtsam, geduldig und unendlich ermutigend. Die Gruppen bleiben klein, damit niemand gehetzt und niemand zurückgelassen wird — ob beim ersten Mal Gewicht geben oder beim hundertsten Flug.</p>
|
||||
<p data-i18n="about.p3">Mehr als ein Studio sind wir eine Gemeinschaft. Eine, in der man als Fremde:r kommt und mit Namen geht — wo ein gemeinsames Potluck oder eine Tasse Tee genauso zur Praxis gehört wie die Figuren selbst.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -76,13 +84,13 @@
|
||||
<section class="section experience">
|
||||
<div class="wrap">
|
||||
<div class="reveal">
|
||||
<p class="eyebrow">What we hold to</p>
|
||||
<h2 style="font-family:var(--font-display);font-size:clamp(1.9rem,5.5vw,var(--text-3xl));font-weight:400;max-width:18ch;margin-bottom:var(--space-2xl);">Three things we never compromise.</h2>
|
||||
<p class="eyebrow" data-i18n="about.valuesEyebrow">Wofür wir stehen</p>
|
||||
<h2 data-i18n="about.valuesH2" style="font-family:var(--font-display);font-size:clamp(1.9rem,5.5vw,var(--text-3xl));font-weight:400;max-width:18ch;margin-bottom:var(--space-2xl);">Drei Dinge, bei denen wir keine Kompromisse machen.</h2>
|
||||
</div>
|
||||
<div class="values">
|
||||
<div class="value reveal"><h3><span class="no">01</span>Safety, always</h3><p>Every flight is spotted, every progression earned. We practise fall training and build confidence slowly, so trust is a foundation — never a leap of faith.</p></div>
|
||||
<div class="value reveal" data-d="1"><h3><span class="no">02</span>Everyone belongs</h3><p>No partner, no experience and no particular body required. We work in rotating teams, so our room is for beginners and flyers alike, exactly as they are.</p></div>
|
||||
<div class="value reveal" data-d="2"><h3><span class="no">03</span>Joy is the point</h3><p>Beneath the skill is something simpler: play. We protect the laughter, the lightness and the delight of moving together.</p></div>
|
||||
<div class="value reveal"><h3><span class="no">01</span><span data-i18n="about.v1t">Sicherheit, immer</span></h3><p data-i18n="about.v1p">Jeder Flug wird gespottet, jeder Fortschritt verdient. Wir üben Falltraining und bauen Vertrauen langsam auf — damit Vertrauen ein Fundament ist, niemals ein Sprung ins Ungewisse.</p></div>
|
||||
<div class="value reveal" data-d="1"><h3><span class="no">02</span><span data-i18n="about.v2t">Alle gehören dazu</span></h3><p data-i18n="about.v2p">Keine Partner:in, keine Vorkenntnisse und kein bestimmter Körper nötig. Wir arbeiten in wechselnden Teams — unser Raum ist für Anfänger:innen und Flyer gleichermaßen, genau so, wie sie sind.</p></div>
|
||||
<div class="value reveal" data-d="2"><h3><span class="no">03</span><span data-i18n="about.v3t">Es geht um Freude</span></h3><p data-i18n="about.v3p">Unter dem Können liegt etwas Einfacheres: Spiel. Wir schützen das Lachen, die Leichtigkeit und die Freude, sich gemeinsam zu bewegen.</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -91,17 +99,17 @@
|
||||
<div class="wrap">
|
||||
<div class="booking__panel" style="grid-template-columns:1fr;text-align:center;justify-items:center;">
|
||||
<div class="reveal">
|
||||
<p class="eyebrow" style="justify-content:center;">Begin</p>
|
||||
<h2 style="margin-bottom:var(--space-md);">Your first flight is waiting.</h2>
|
||||
<p class="booking__lede" style="margin-inline:auto;margin-bottom:var(--space-lg);">Come as you are. We’ll handle the rest.</p>
|
||||
<p class="eyebrow" style="justify-content:center;" data-i18n="about.ctaEyebrow">Beginne</p>
|
||||
<h2 style="margin-bottom:var(--space-md);" data-i18n="about.ctaH2">Dein erster Flug wartet.</h2>
|
||||
<p class="booking__lede" style="margin-inline:auto;margin-bottom:var(--space-lg);" data-i18n="about.ctaLede">Komm, wie du bist. Um den Rest kümmern wir uns.</p>
|
||||
<div class="booking__cta" style="justify-content:center;">
|
||||
<a class="btn" href="https://floatingflows.com/v2/" target="_blank" rel="noopener">Book a class</a>
|
||||
<a class="btn" href="https://floatingflows.com/v2/" target="_blank" rel="noopener" data-i18n="about.cta1">Kurs buchen</a>
|
||||
<a class="btn btn--ghost" href="mailto:floatingflows@web.de">floatingflows@web.de</a>
|
||||
</div>
|
||||
<div class="icons" style="justify-content:center;margin-top:var(--space-lg);">
|
||||
<a class="icon-btn icon-btn--lg" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.3" cy="6.7" r="1.1" fill="currentColor" stroke="none"/></svg></a>
|
||||
<a class="icon-btn icon-btn--lg" href="tel:+4917635708720" aria-label="Call"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn icon-btn--lg" href="mailto:floatingflows@web.de" aria-label="Email"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
<a class="icon-btn icon-btn--lg" href="tel:+4917635708720" aria-label="Anrufen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn icon-btn--lg" href="mailto:floatingflows@web.de" aria-label="E-Mail"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -116,23 +124,24 @@
|
||||
<img class="brand__icon" src="assets/brand/floating-flows-icon.png" alt="" onerror="this.style.display='none'" />
|
||||
<span class="brand__name">Floating <b>Flows</b></span>
|
||||
</div>
|
||||
<p>Premium AcroYoga in Freiburg — trust, breath and the quiet joy of flight. For every body, every level.</p>
|
||||
<p data-i18n="footer.tagline">Premium AcroYoga in Freiburg — Vertrauen, Atem und die stille Freude des Fliegens. Für jeden Körper, jedes Level.</p>
|
||||
<div class="icons" style="margin-top:var(--space-md);">
|
||||
<a class="icon-btn icon-btn--on-night" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.3" cy="6.7" r="1.1" fill="currentColor" stroke="none"/></svg></a>
|
||||
<a class="icon-btn icon-btn--on-night" href="tel:+4917635708720" aria-label="Call"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn icon-btn--on-night" href="mailto:floatingflows@web.de" aria-label="Email"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
<a class="icon-btn icon-btn--on-night" href="tel:+4917635708720" aria-label="Anrufen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn icon-btn--on-night" href="mailto:floatingflows@web.de" aria-label="E-Mail"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__cols">
|
||||
<div><h4>Explore</h4><a href="courses.html">Courses</a><a href="about.html">About</a></div>
|
||||
<div><h4>Visit</h4><a href="index.html#location">Location</a><a href="index.html#booking">Book</a><a href="index.html#contact">Contact</a></div>
|
||||
<div><h4>Connect</h4><a href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener">@floatingflows</a><a href="mailto:floatingflows@web.de">floatingflows@web.de</a><a href="tel:+4917635708720">0176 35708720</a></div>
|
||||
<div><h4 data-i18n="footer.exploreH">Entdecken</h4><a href="courses.html" data-i18n="nav.courses">Kurse</a><a href="about.html" data-i18n="nav.about">Über uns</a></div>
|
||||
<div><h4 data-i18n="footer.visitH">Besuchen</h4><a href="index.html#location" data-i18n="nav.location">Standort</a><a href="index.html#booking" data-i18n="footer.book">Buchen</a><a href="index.html#contact" data-i18n="nav.contact">Kontakt</a></div>
|
||||
<div><h4 data-i18n="footer.connectH">Kontakt</h4><a href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener">@floatingflows</a><a href="mailto:floatingflows@web.de">floatingflows@web.de</a><a href="tel:+4917635708720">0176 35708720</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__bottom"><span>© 2026 Floating Flows · Luciana · Freiburg</span><span>Made for movement.</span></div>
|
||||
<div class="footer__bottom"><span data-i18n="footer.copy">© 2026 Floating Flows · Luciana · Freiburg</span><span data-i18n="footer.made">Gemacht für Bewegung.</span></div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/i18n.js"></script>
|
||||
<script>
|
||||
(function(){
|
||||
var toggle = document.getElementById('navToggle');
|
||||
|
||||
+102
-93
@@ -1,10 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="de" data-lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Courses — Floating Flows AcroYoga Freiburg</title>
|
||||
<meta name="description" content="AcroYoga courses in Freiburg with Luciana — Beginner Flows, Classic Washing Machines 1, the Absolute Beginner workshop and private personal training." />
|
||||
<title>Kurse — Floating Flows AcroYoga Freiburg</title>
|
||||
<meta name="description" content="AcroYoga-Kurse in Freiburg mit Luciana — Beginner Flows, Classic Washing Machines 1, der Absolute-Beginner-Workshop und private Personal Trainings." />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Lato:wght@400;700;900&family=Poiret+One&display=swap" rel="stylesheet" />
|
||||
@@ -19,44 +19,52 @@
|
||||
<span class="brand__name">Floating <b>Flows</b></span>
|
||||
</a>
|
||||
<nav class="nav__links" aria-label="Primary">
|
||||
<a href="courses.html">Courses</a>
|
||||
<a href="index.html#experience">The Practice</a>
|
||||
<a href="about.html">About</a>
|
||||
<a href="index.html#contact">Contact</a>
|
||||
<a href="courses.html" data-i18n="nav.courses">Kurse</a>
|
||||
<a href="index.html#experience" data-i18n="nav.practice">Die Praxis</a>
|
||||
<a href="about.html" data-i18n="nav.about">Über uns</a>
|
||||
<a href="index.html#contact" data-i18n="nav.contact">Kontakt</a>
|
||||
</nav>
|
||||
<div class="nav__right">
|
||||
<div class="nav__icons icons">
|
||||
<a class="icon-btn" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.3" cy="6.7" r="1.1" fill="currentColor" stroke="none"/></svg></a>
|
||||
<a class="icon-btn" href="tel:+4917635708720" aria-label="Call"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn" href="mailto:floatingflows@web.de" aria-label="Email"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
<div class="lang-switch nav-lang" role="group" aria-label="Sprache / Language">
|
||||
<button type="button" class="lang-btn" data-setlang="de" aria-pressed="true">DE</button>
|
||||
<span class="lang-switch__sep" aria-hidden="true">/</span>
|
||||
<button type="button" class="lang-btn" data-setlang="en" aria-pressed="false">EN</button>
|
||||
</div>
|
||||
<a class="btn nav__cta" href="https://floatingflows.com/v2/" target="_blank" rel="noopener">Book a class</a>
|
||||
<button class="nav__toggle" id="navToggle" aria-label="Open menu" aria-expanded="false" aria-controls="drawer"><span></span><span></span><span></span></button>
|
||||
<a class="btn nav__cta" href="https://floatingflows.com/v2/" target="_blank" rel="noopener" data-i18n="nav.book">Kurs buchen</a>
|
||||
<button class="nav__toggle" id="navToggle" aria-label="Menü" aria-expanded="false" aria-controls="drawer"><span></span><span></span><span></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="drawer" id="drawer" aria-hidden="true">
|
||||
<a class="drawer__link" href="courses.html">Courses</a>
|
||||
<a class="drawer__link" href="index.html#experience">The Practice</a>
|
||||
<a class="drawer__link" href="about.html">About</a>
|
||||
<a class="drawer__link" href="index.html#contact">Contact</a>
|
||||
<a class="drawer__link" href="courses.html" data-i18n="nav.courses">Kurse</a>
|
||||
<a class="drawer__link" href="index.html#experience" data-i18n="nav.practice">Die Praxis</a>
|
||||
<a class="drawer__link" href="index.html#location" data-i18n="nav.location">Standort</a>
|
||||
<a class="drawer__link" href="about.html" data-i18n="nav.about">Über uns</a>
|
||||
<a class="drawer__link" href="index.html#contact" data-i18n="nav.contact">Kontakt</a>
|
||||
<div class="drawer__meta">
|
||||
<a href="https://floatingflows.com/v2/" target="_blank" rel="noopener">Book a class →</a>
|
||||
<span>Seepark Glashaus · Freiburg</span>
|
||||
<div class="drawer__icons icons">
|
||||
<a class="icon-btn" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.3" cy="6.7" r="1.1" fill="currentColor" stroke="none"/></svg></a>
|
||||
<a class="icon-btn" href="tel:+4917635708720" aria-label="Call"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn" href="mailto:floatingflows@web.de" aria-label="Email"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
<a href="https://floatingflows.com/v2/" target="_blank" rel="noopener" data-i18n="drawer.book">Kurs buchen →</a>
|
||||
<span data-i18n="drawer.where">Seepark Glashaus · Freiburg</span>
|
||||
<div class="drawer__foot">
|
||||
<div class="drawer__icons icons">
|
||||
<a class="icon-btn" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.3" cy="6.7" r="1.1" fill="currentColor" stroke="none"/></svg></a>
|
||||
<a class="icon-btn" href="tel:+4917635708720" aria-label="Anrufen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn" href="mailto:floatingflows@web.de" aria-label="E-Mail"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
</div>
|
||||
<div class="lang-switch" role="group" aria-label="Sprache / Language">
|
||||
<button type="button" class="lang-btn" data-setlang="de" aria-pressed="true">DE</button>
|
||||
<span class="lang-switch__sep" aria-hidden="true">/</span>
|
||||
<button type="button" class="lang-btn" data-setlang="en" aria-pressed="false">EN</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="pagehead">
|
||||
<div class="wrap">
|
||||
<p class="eyebrow">Courses & Workshops</p>
|
||||
<h1>Term courses, <span class="accent">workshops</span> & private training.</h1>
|
||||
<p class="lede">All courses are taught by Luciana in small, attentive groups. You never need to bring a partner — we work in rotating teams.</p>
|
||||
<p class="eyebrow" data-i18n="courses.eyebrow">Kurse & Workshops</p>
|
||||
<h1 data-i18n="courses.h1">Semesterkurse, <span class="accent">Workshops</span> & Privatstunden.</h1>
|
||||
<p class="lede" data-i18n="courses.lede">Alle Kurse werden von Luciana in kleinen, aufmerksamen Gruppen unterrichtet. Du musst nie eine Partner:in mitbringen — wir arbeiten in wechselnden Teams.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -64,30 +72,30 @@
|
||||
<section class="course" id="beginner-flows">
|
||||
<div class="wrap course__grid">
|
||||
<div class="course__head-wrap">
|
||||
<span class="course__num">01 / Term Course</span>
|
||||
<h2>Beginner Flows</h2>
|
||||
<p class="lede">A continuation of the Absolute Beginner 1 & 2 workshops — seven sessions to solidify the basics and grow into confident, flowing movement.</p>
|
||||
<span class="course__num" data-i18n="bf.kicker">01 / Semesterkurs</span>
|
||||
<h2 data-i18n="bf.title">Beginner Flows</h2>
|
||||
<p class="lede" data-i18n="bf.lede">Eine Fortsetzung der Workshops Absolute Beginner 1 & 2 — sieben Einheiten, um die Grundlagen zu festigen und zu sicherer, fließender Bewegung zu wachsen.</p>
|
||||
</div>
|
||||
<aside class="course__facts">
|
||||
<div class="fact"><span>Starts</span><strong>12 June 2026</strong></div>
|
||||
<div class="fact"><span>Schedule</span><strong>Thursdays, 18:30–20:00<small>18 & 25 Jun · 2, 9, 16, 23 Jul · +1 by arrangement</small></strong></div>
|
||||
<div class="fact"><span>Location</span><strong>Seepark Glashaus<small>Brandensteinstraße 24, 79110 Freiburg</small></strong></div>
|
||||
<div class="fact fact--price"><span>Energy exchange</span><strong>€126<small>full course · 7 sessions</small></strong></div>
|
||||
<div class="fact"><span data-i18n="lbl.starts">Start</span><strong data-i18n="bf.starts">12. Juni 2026</strong></div>
|
||||
<div class="fact"><span data-i18n="lbl.schedule">Termine</span><strong><span data-i18n="bf.sched">Donnerstags, 18:30–20:00</span><small data-i18n="bf.schedSub">18. & 25. Juni · 2., 9., 16., 23. Juli · +1 nach Vereinbarung</small></strong></div>
|
||||
<div class="fact"><span data-i18n="lbl.location">Ort</span><strong><span data-i18n="bf.loc">Seepark Glashaus</span><small data-i18n="bf.locSub">Brandensteinstraße 24, 79110 Freiburg</small></strong></div>
|
||||
<div class="fact fact--price"><span data-i18n="lbl.energy">Energieausgleich</span><strong><span data-i18n="bf.price">€126</span><small data-i18n="bf.priceSub">ganzer Kurs · 7 Einheiten</small></strong></div>
|
||||
</aside>
|
||||
<div class="course__body">
|
||||
<p>In seven sessions (six fixed dates plus one by arrangement) we review the basics from Absolute Beginner 1 & 2 to create a solid foundation for more complex flows.</p>
|
||||
<p>The core of the course is four short beginner flows, which you’ll learn step by step and practise together as a group. Over the weeks we build confidence in the individual positions, the transitions between them, and the interplay between base, flyer and spotter.</p>
|
||||
<p>Alongside figures and transitions, we focus on fall training, breathing, and the foundations of a safe AcroYoga practice. It’s the ideal preparation for the Washing Machine 1 course.</p>
|
||||
<h3>Good to know</h3>
|
||||
<p data-i18n="bf.p1">In sieben Einheiten (sechs feste Termine plus einer nach Vereinbarung) wiederholen wir die Grundlagen aus Absolute Beginner 1 & 2 und schaffen ein solides Fundament für komplexere Flows.</p>
|
||||
<p data-i18n="bf.p2">Kern des Kurses sind vier kurze Anfänger-Flows, die du Schritt für Schritt lernst und gemeinsam in der Gruppe übst. Über die Wochen bauen wir Sicherheit in den einzelnen Positionen, den Übergängen und im Zusammenspiel von Base, Flyer und Spotter auf.</p>
|
||||
<p data-i18n="bf.p3">Neben Figuren und Übergängen liegt der Fokus auf Falltraining, Atmung und den Grundlagen einer sicheren AcroYoga-Praxis. Die ideale Vorbereitung für den Kurs Washing Machine 1.</p>
|
||||
<h3 data-i18n="lbl.goodToKnow">Gut zu wissen</h3>
|
||||
<ul>
|
||||
<li>No partner required — we work in rotating teams. Couples are very welcome too.</li>
|
||||
<li>Drop-in via Hansefit is possible — please get in touch first.</li>
|
||||
<li>The content builds week to week, so attending as many sessions as possible is recommended.</li>
|
||||
<li data-i18n="bf.li1">Keine Partner:in nötig — wir arbeiten in wechselnden Teams. Paare sind ebenso herzlich willkommen.</li>
|
||||
<li data-i18n="bf.li2">Drop-in über Hansefit ist möglich — bitte melde dich vorab.</li>
|
||||
<li data-i18n="bf.li3">Die Inhalte bauen Woche für Woche aufeinander auf; nimm möglichst an vielen Einheiten teil.</li>
|
||||
</ul>
|
||||
<div class="callout">After registering, please message Luciana so she can add you to the course Signal group.</div>
|
||||
<div class="callout" data-i18n="bf.callout">Schreib nach der Anmeldung bitte Luciana, damit sie dich in die Signal-Kursgruppe aufnehmen kann.</div>
|
||||
<div class="course__cta">
|
||||
<a class="btn" href="https://floatingflows.com/v2/" target="_blank" rel="noopener">Book this course</a>
|
||||
<a class="link-arrow" href="mailto:floatingflows@web.de">floatingflows@web.de <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
|
||||
<a class="btn" href="https://floatingflows.com/v2/" target="_blank" rel="noopener" data-i18n="bf.cta">Diesen Kurs buchen</a>
|
||||
<a class="link-arrow" href="mailto:floatingflows@web.de"><span>floatingflows@web.de</span> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -97,30 +105,30 @@
|
||||
<section class="course" id="washing-machines">
|
||||
<div class="wrap course__grid">
|
||||
<div class="course__head-wrap">
|
||||
<span class="course__num">02 / Term Course</span>
|
||||
<h2>Classic Washing Machines 1</h2>
|
||||
<p class="lede">The natural next step after Beginner Flows — review the basics and link figures into continuous, flowing “washing machine” rotations.</p>
|
||||
<span class="course__num" data-i18n="wm.kicker">02 / Semesterkurs</span>
|
||||
<h2 data-i18n="wm.title">Classic Washing Machines 1</h2>
|
||||
<p class="lede" data-i18n="wm.lede">Der natürliche nächste Schritt nach den Beginner Flows — wiederhole die Grundlagen und verbinde Figuren zu fließenden, kontinuierlichen „Washing Machines“.</p>
|
||||
</div>
|
||||
<aside class="course__facts">
|
||||
<div class="fact"><span>Starts</span><strong>18 June 2026</strong></div>
|
||||
<div class="fact"><span>Schedule</span><strong>Thursdays, 18:30–20:00<small>18 & 25 Jun · 2, 9, 16, 23 Jul · +1 by arrangement</small></strong></div>
|
||||
<div class="fact"><span>Location</span><strong>Seepark Glashaus<small>Brandensteinstraße 24, 79110 Freiburg</small></strong></div>
|
||||
<div class="fact fact--price"><span>Energy exchange</span><strong>€126<small>full course · 7 sessions</small></strong></div>
|
||||
<div class="fact"><span data-i18n="lbl.starts">Start</span><strong data-i18n="wm.starts">18. Juni 2026</strong></div>
|
||||
<div class="fact"><span data-i18n="lbl.schedule">Termine</span><strong><span data-i18n="wm.sched">Donnerstags, 18:30–20:00</span><small data-i18n="wm.schedSub">18. & 25. Juni · 2., 9., 16., 23. Juli · +1 nach Vereinbarung</small></strong></div>
|
||||
<div class="fact"><span data-i18n="lbl.location">Ort</span><strong><span data-i18n="wm.loc">Seepark Glashaus</span><small data-i18n="wm.locSub">Brandensteinstraße 24, 79110 Freiburg</small></strong></div>
|
||||
<div class="fact fact--price"><span data-i18n="lbl.energy">Energieausgleich</span><strong><span data-i18n="wm.price">€126</span><small data-i18n="wm.priceSub">ganzer Kurs · 7 Einheiten</small></strong></div>
|
||||
</aside>
|
||||
<div class="course__body">
|
||||
<p>Over seven sessions (six fixed dates plus one by arrangement) we review the basics to create a strong foundation for more complex flows, then begin to connect figures into smooth, continuous transitions.</p>
|
||||
<p>We develop confidence in the individual positions, the transitions between them, and the interplay between base, flyer and spotter — supported throughout by fall training, breathing and safe practice.</p>
|
||||
<p>This course is perfect if you want to consolidate your figures and transitions and gain more experience applying them in flowing movement.</p>
|
||||
<h3>Good to know</h3>
|
||||
<p data-i18n="wm.p1">Über sieben Einheiten (sechs feste Termine plus einer nach Vereinbarung) wiederholen wir die Grundlagen, schaffen ein starkes Fundament für komplexere Flows und verbinden Figuren zu sanften, kontinuierlichen Übergängen.</p>
|
||||
<p data-i18n="wm.p2">Wir entwickeln Sicherheit in den einzelnen Positionen, den Übergängen und im Zusammenspiel von Base, Flyer und Spotter — durchgehend unterstützt von Falltraining, Atmung und sicherer Praxis.</p>
|
||||
<p data-i18n="wm.p3">Dieser Kurs ist perfekt, wenn du deine Figuren und Übergänge festigen und mehr Erfahrung darin sammeln möchtest, sie in fließender Bewegung anzuwenden.</p>
|
||||
<h3 data-i18n="lbl.goodToKnow">Gut zu wissen</h3>
|
||||
<ul>
|
||||
<li>No partner required — we work in rotating teams. Couples are welcome.</li>
|
||||
<li>Drop-in via Hansefit is possible — please get in touch first.</li>
|
||||
<li>The content builds on itself, so regular attendance is recommended.</li>
|
||||
<li data-i18n="wm.li1">Keine Partner:in nötig — wir arbeiten in wechselnden Teams. Paare sind willkommen.</li>
|
||||
<li data-i18n="wm.li2">Drop-in über Hansefit ist möglich — bitte melde dich vorab.</li>
|
||||
<li data-i18n="wm.li3">Die Inhalte bauen aufeinander auf; regelmäßige Teilnahme wird empfohlen.</li>
|
||||
</ul>
|
||||
<div class="callout">After registering, please message Luciana so she can add you to the course Signal group.</div>
|
||||
<div class="callout" data-i18n="wm.callout">Schreib nach der Anmeldung bitte Luciana, damit sie dich in die Signal-Kursgruppe aufnehmen kann.</div>
|
||||
<div class="course__cta">
|
||||
<a class="btn" href="https://floatingflows.com/v2/" target="_blank" rel="noopener">Book this course</a>
|
||||
<a class="link-arrow" href="mailto:floatingflows@web.de">floatingflows@web.de <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
|
||||
<a class="btn" href="https://floatingflows.com/v2/" target="_blank" rel="noopener" data-i18n="wm.cta">Diesen Kurs buchen</a>
|
||||
<a class="link-arrow" href="mailto:floatingflows@web.de"><span>floatingflows@web.de</span> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -130,23 +138,23 @@
|
||||
<section class="course" id="absolute-beginner">
|
||||
<div class="wrap course__grid">
|
||||
<div class="course__head-wrap">
|
||||
<span class="course__num">03 / Beginner Workshop</span>
|
||||
<h2>Absolute Beginner 1 · Freiburg Outdoor</h2>
|
||||
<p class="lede">A warm, mindful introduction for complete beginners — and the perfect way to bring a friend, partner or family member into the world of AcroYoga.</p>
|
||||
<span class="course__num" data-i18n="ab.kicker">03 / Anfänger-Workshop</span>
|
||||
<h2 data-i18n="ab.title">Absolute Beginner 1 · Freiburg Outdoor</h2>
|
||||
<p class="lede" data-i18n="ab.lede">Eine warme, achtsame Einführung für absolute Anfänger:innen — und der perfekte Weg, eine:n Freund:in, Partner:in oder Familienmitglied in die Welt des AcroYoga mitzunehmen.</p>
|
||||
</div>
|
||||
<aside class="course__facts">
|
||||
<div class="fact"><span>Date</span><strong>28 June 2026</strong></div>
|
||||
<div class="fact"><span>Time</span><strong>10:00–16:00<small>two 2.5-hour sessions</small></strong></div>
|
||||
<div class="fact"><span>Location</span><strong>Seepark Glashaus — outdoor<small>Brandensteinstraße 24, 79110 Freiburg</small></strong></div>
|
||||
<div class="fact"><span>Includes</span><strong>Potluck & Thai massage<small>shared vegetarian break + guided relaxation</small></strong></div>
|
||||
<div class="fact"><span data-i18n="lbl.date">Datum</span><strong data-i18n="ab.date">28. Juni 2026</strong></div>
|
||||
<div class="fact"><span data-i18n="lbl.time">Zeit</span><strong><span data-i18n="ab.time">10:00–16:00</span><small data-i18n="ab.timeSub">zwei Einheiten à 2,5 Stunden</small></strong></div>
|
||||
<div class="fact"><span data-i18n="lbl.location">Ort</span><strong><span data-i18n="ab.loc">Seepark Glashaus — Outdoor</span><small data-i18n="ab.locSub">Brandensteinstraße 24, 79110 Freiburg</small></strong></div>
|
||||
<div class="fact"><span data-i18n="lbl.includes">Inklusive</span><strong><span data-i18n="ab.incl">Potluck & Thai-Massage</span><small data-i18n="ab.inclSub">gemeinsame vegetarische Pause + geführte Entspannung</small></strong></div>
|
||||
</aside>
|
||||
<div class="course__body">
|
||||
<p>This workshop is for complete beginners of any age — and for anyone who would like to introduce their loved ones, friends or relatives to AcroYoga with support.</p>
|
||||
<p>Across two 2.5-hour sessions, Luciana mindfully teaches you the basics. During the break in between we share a vegetarian potluck. To close, you can look forward to a guided Thai massage for deep relaxation.</p>
|
||||
<div class="callout">Please bring something to share for the potluck, and warm clothes for the Thai massage.</div>
|
||||
<p data-i18n="ab.p1">Dieser Workshop ist für absolute Anfänger:innen jeden Alters — und für alle, die ihre Liebsten, Freund:innen oder Verwandten behutsam an AcroYoga heranführen möchten.</p>
|
||||
<p data-i18n="ab.p2">In zwei Einheiten à 2,5 Stunden bringt dir Luciana achtsam die Grundlagen bei. In der Pause dazwischen teilen wir ein vegetarisches Potluck. Zum Abschluss erwartet dich eine geführte Thai-Massage zur tiefen Entspannung.</p>
|
||||
<div class="callout" data-i18n="ab.callout">Bring bitte etwas zum Teilen fürs Potluck mit und warme Kleidung für die Thai-Massage.</div>
|
||||
<div class="course__cta">
|
||||
<a class="btn" href="https://floatingflows.com/v2/" target="_blank" rel="noopener">Reserve a place</a>
|
||||
<a class="link-arrow" href="mailto:floatingflows@web.de">floatingflows@web.de <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
|
||||
<a class="btn" href="https://floatingflows.com/v2/" target="_blank" rel="noopener" data-i18n="ab.cta">Platz reservieren</a>
|
||||
<a class="link-arrow" href="mailto:floatingflows@web.de"><span>floatingflows@web.de</span> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -156,27 +164,27 @@
|
||||
<section class="course" id="personal-training">
|
||||
<div class="wrap course__grid">
|
||||
<div class="course__head-wrap">
|
||||
<span class="course__num">04 / Private</span>
|
||||
<h2>Personal Training · 90 minutes</h2>
|
||||
<p class="lede">Prefer to train at home, can’t make the course dates, or want to work on something specific? Private sessions come to you.</p>
|
||||
<span class="course__num" data-i18n="pt.kicker">04 / Privat</span>
|
||||
<h2 data-i18n="pt.title">Personal Training · 90 Minuten</h2>
|
||||
<p class="lede" data-i18n="pt.lede">Lieber zu Hause trainieren, die Kurstermine passen nicht, oder du möchtest gezielt an etwas arbeiten? Privatstunden kommen zu dir.</p>
|
||||
</div>
|
||||
<aside class="course__facts">
|
||||
<div class="fact"><span>Format</span><strong>90 minutes<small>for 2 people</small></strong></div>
|
||||
<div class="fact"><span>Where</span><strong>Your home<small>anywhere within Freiburg · 4 cm safety mats provided</small></strong></div>
|
||||
<div class="fact fact--price"><span>Booking</span><strong>via Hansefit<small>plus €16 surcharge</small></strong></div>
|
||||
<div class="fact"><span>To arrange</span><strong>0176 35708720<small>call to discuss goals & a date</small></strong></div>
|
||||
<div class="fact"><span data-i18n="lbl.format">Format</span><strong><span data-i18n="pt.format">90 Minuten</span><small data-i18n="pt.formatSub">für 2 Personen</small></strong></div>
|
||||
<div class="fact"><span data-i18n="lbl.where">Wo</span><strong><span data-i18n="pt.where">Bei dir zu Hause</span><small data-i18n="pt.whereSub">überall in Freiburg · 4 cm Sicherheitsmatten inklusive</small></strong></div>
|
||||
<div class="fact fact--price"><span data-i18n="lbl.booking">Buchung</span><strong><span data-i18n="pt.booking">über Hansefit</span><small data-i18n="pt.bookingSub">zzgl. 16 € Aufpreis</small></strong></div>
|
||||
<div class="fact"><span data-i18n="lbl.toArrange">Terminvereinbarung</span><strong><span data-i18n="pt.arrange">0176 35708720</span><small data-i18n="pt.arrangeSub">ruf an, um Ziele & Termin zu besprechen</small></strong></div>
|
||||
</aside>
|
||||
<div class="course__body">
|
||||
<p>Ninety minutes of personal training for two people, bookable via Hansefit (plus a €16 surcharge). I’ll come to your home anywhere within Freiburg and bring 4 cm thick puzzle mats for your safety, and together we’ll work individually on your AcroYoga goals.</p>
|
||||
<h3>My repertoire</h3>
|
||||
<p data-i18n="pt.p1">Neunzig Minuten Personal Training für zwei Personen, buchbar über Hansefit (zzgl. 16 € Aufpreis). Ich komme zu dir nach Hause, überall in Freiburg, und bringe 4 cm dicke Puzzlematten für deine Sicherheit mit — gemeinsam arbeiten wir individuell an deinen AcroYoga-Zielen.</p>
|
||||
<h3 data-i18n="lbl.repertoire">Mein Repertoire</h3>
|
||||
<ul>
|
||||
<li>All AcroYoga poses and flows — except Icarians (pops and throws with brief loss of contact).</li>
|
||||
<li>Standing acrobatics is not currently offered.</li>
|
||||
<li data-i18n="pt.li1">Alle AcroYoga-Posen und -Flows — außer Icarians (Pops und Würfe mit kurzem Kontaktverlust).</li>
|
||||
<li data-i18n="pt.li2">Stehende Akrobatik wird derzeit nicht angeboten.</li>
|
||||
</ul>
|
||||
<p>We always discuss your goals and a suitable date beforehand. Feel free to call me — I look forward to hearing from you.</p>
|
||||
<p data-i18n="pt.p2">Wir besprechen deine Ziele und einen passenden Termin immer vorab. Ruf mich gern an — ich freue mich, von dir zu hören.</p>
|
||||
<div class="course__cta">
|
||||
<a class="btn" href="tel:+4917635708720">Call 0176 35708720</a>
|
||||
<a class="link-arrow" href="mailto:floatingflows@web.de">floatingflows@web.de <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
|
||||
<a class="btn" href="tel:+4917635708720" data-i18n="pt.cta">0176 35708720 anrufen</a>
|
||||
<a class="link-arrow" href="mailto:floatingflows@web.de"><span>floatingflows@web.de</span> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -191,23 +199,24 @@
|
||||
<img class="brand__icon" src="assets/brand/floating-flows-icon.png" alt="" onerror="this.style.display='none'" />
|
||||
<span class="brand__name">Floating <b>Flows</b></span>
|
||||
</div>
|
||||
<p>Premium AcroYoga in Freiburg — trust, breath and the quiet joy of flight. For every body, every level.</p>
|
||||
<p data-i18n="footer.tagline">Premium AcroYoga in Freiburg — Vertrauen, Atem und die stille Freude des Fliegens. Für jeden Körper, jedes Level.</p>
|
||||
<div class="icons" style="margin-top:var(--space-md);">
|
||||
<a class="icon-btn icon-btn--on-night" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.3" cy="6.7" r="1.1" fill="currentColor" stroke="none"/></svg></a>
|
||||
<a class="icon-btn icon-btn--on-night" href="tel:+4917635708720" aria-label="Call"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn icon-btn--on-night" href="mailto:floatingflows@web.de" aria-label="Email"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
<a class="icon-btn icon-btn--on-night" href="tel:+4917635708720" aria-label="Anrufen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn icon-btn--on-night" href="mailto:floatingflows@web.de" aria-label="E-Mail"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__cols">
|
||||
<div><h4>Explore</h4><a href="courses.html">Courses</a><a href="about.html">About</a></div>
|
||||
<div><h4>Visit</h4><a href="index.html#location">Location</a><a href="index.html#booking">Book</a><a href="index.html#contact">Contact</a></div>
|
||||
<div><h4>Connect</h4><a href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener">@floatingflows</a><a href="mailto:floatingflows@web.de">floatingflows@web.de</a><a href="tel:+4917635708720">0176 35708720</a></div>
|
||||
<div><h4 data-i18n="footer.exploreH">Entdecken</h4><a href="courses.html" data-i18n="nav.courses">Kurse</a><a href="about.html" data-i18n="nav.about">Über uns</a></div>
|
||||
<div><h4 data-i18n="footer.visitH">Besuchen</h4><a href="index.html#location" data-i18n="nav.location">Standort</a><a href="index.html#booking" data-i18n="footer.book">Buchen</a><a href="index.html#contact" data-i18n="nav.contact">Kontakt</a></div>
|
||||
<div><h4 data-i18n="footer.connectH">Kontakt</h4><a href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener">@floatingflows</a><a href="mailto:floatingflows@web.de">floatingflows@web.de</a><a href="tel:+4917635708720">0176 35708720</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__bottom"><span>© 2026 Floating Flows · Luciana · Freiburg</span><span>Made for movement.</span></div>
|
||||
<div class="footer__bottom"><span data-i18n="footer.copy">© 2026 Floating Flows · Luciana · Freiburg</span><span data-i18n="footer.made">Gemacht für Bewegung.</span></div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/i18n.js"></script>
|
||||
<script>
|
||||
(function(){
|
||||
var toggle = document.getElementById('navToggle');
|
||||
|
||||
@@ -432,6 +432,18 @@ body.menu-open .drawer { transform: translateY(0); opacity: 1; pointer-events: a
|
||||
.offer-card--wide { grid-column: span 1; }
|
||||
}
|
||||
|
||||
/* ============ Language switch ============ */
|
||||
.lang-switch { display: inline-flex; align-items: center; gap: 0.45rem; font-family: var(--font-body); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.14em; }
|
||||
.lang-btn { background: none; border: none; cursor: pointer; padding: 0.25rem 0.15rem; margin: 0; font: inherit; letter-spacing: inherit; text-transform: uppercase; color: var(--color-ink-faint); transition: color var(--dur-fast) var(--ease-out); }
|
||||
.lang-btn:hover { color: var(--color-ink); }
|
||||
.lang-switch__sep { color: var(--color-line-2); font-weight: 400; }
|
||||
html[data-lang="de"] .lang-btn[data-setlang="de"],
|
||||
html[data-lang="en"] .lang-btn[data-setlang="en"] { color: var(--color-accent-deep); }
|
||||
.nav-lang { display: none; }
|
||||
@media (min-width: 960px) { .nav-lang { display: inline-flex; } }
|
||||
/* Drawer switch sits bottom-right beside the socials */
|
||||
.drawer__foot { display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); margin-top: var(--space-md); }
|
||||
|
||||
/* ============ Nav icon row ============ */
|
||||
/* Top-bar contact icons removed on every breakpoint — they live in the footer + contact section now */
|
||||
.nav__icons { display: none; }
|
||||
|
||||
+127
-128
@@ -1,10 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="de" data-lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Floating Flows — Premium AcroYoga in Freiburg</title>
|
||||
<meta name="description" content="Floating Flows — premium AcroYoga in Freiburg with Luciana. Partner acrobatics, beginner flows, washing machines and therapeutic flying. No partner needed. Book a class." />
|
||||
<meta name="description" content="Floating Flows — Premium AcroYoga in Freiburg mit Luciana. Partnerakrobatik, Beginner Flows, Washing Machines und therapeutisches Fliegen. Ohne feste Partner:in. Jetzt Kurs buchen." />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Lato:wght@400;700;900&family=Poiret+One&display=swap" rel="stylesheet" />
|
||||
@@ -20,25 +20,19 @@
|
||||
<span class="brand__name">Floating <b>Flows</b></span>
|
||||
</a>
|
||||
<nav class="nav__links" aria-label="Primary">
|
||||
<a href="courses.html">Courses</a>
|
||||
<a href="#experience">The Practice</a>
|
||||
<a href="about.html">About</a>
|
||||
<a href="#contact">Contact</a>
|
||||
<a href="courses.html" data-i18n="nav.courses">Kurse</a>
|
||||
<a href="#experience" data-i18n="nav.practice">Die Praxis</a>
|
||||
<a href="about.html" data-i18n="nav.about">Über uns</a>
|
||||
<a href="#contact" data-i18n="nav.contact">Kontakt</a>
|
||||
</nav>
|
||||
<div class="nav__right">
|
||||
<div class="nav__icons icons">
|
||||
<a class="icon-btn" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-label="Instagram">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.3" cy="6.7" r="1.1" fill="currentColor" stroke="none"/></svg>
|
||||
</a>
|
||||
<a class="icon-btn" href="tel:+4917635708720" aria-label="Call Floating Flows">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg>
|
||||
</a>
|
||||
<a class="icon-btn" href="mailto:floatingflows@web.de" aria-label="Email Floating Flows">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg>
|
||||
</a>
|
||||
<div class="lang-switch nav-lang" role="group" aria-label="Sprache / Language">
|
||||
<button type="button" class="lang-btn" data-setlang="de" aria-pressed="true">DE</button>
|
||||
<span class="lang-switch__sep" aria-hidden="true">/</span>
|
||||
<button type="button" class="lang-btn" data-setlang="en" aria-pressed="false">EN</button>
|
||||
</div>
|
||||
<a class="btn nav__cta" href="https://floatingflows.com/v2/" target="_blank" rel="noopener">Book a class</a>
|
||||
<button class="nav__toggle" id="navToggle" aria-label="Open menu" aria-expanded="false" aria-controls="drawer">
|
||||
<a class="btn nav__cta" href="https://floatingflows.com/v2/" target="_blank" rel="noopener" data-i18n="nav.book">Kurs buchen</a>
|
||||
<button class="nav__toggle" id="navToggle" aria-label="Menü" aria-expanded="false" aria-controls="drawer">
|
||||
<span></span><span></span><span></span>
|
||||
</button>
|
||||
</div>
|
||||
@@ -47,18 +41,25 @@
|
||||
|
||||
<!-- Mobile drawer -->
|
||||
<div class="drawer" id="drawer" aria-hidden="true">
|
||||
<a class="drawer__link" href="courses.html">Courses</a>
|
||||
<a class="drawer__link" href="#experience">The Practice</a>
|
||||
<a class="drawer__link" href="#location">Location</a>
|
||||
<a class="drawer__link" href="about.html">About</a>
|
||||
<a class="drawer__link" href="#contact">Contact</a>
|
||||
<a class="drawer__link" href="courses.html" data-i18n="nav.courses">Kurse</a>
|
||||
<a class="drawer__link" href="#experience" data-i18n="nav.practice">Die Praxis</a>
|
||||
<a class="drawer__link" href="#location" data-i18n="nav.location">Standort</a>
|
||||
<a class="drawer__link" href="about.html" data-i18n="nav.about">Über uns</a>
|
||||
<a class="drawer__link" href="#contact" data-i18n="nav.contact">Kontakt</a>
|
||||
<div class="drawer__meta">
|
||||
<a href="https://floatingflows.com/v2/" target="_blank" rel="noopener">Book a class →</a>
|
||||
<span>Seepark Glashaus · Freiburg</span>
|
||||
<div class="drawer__icons icons">
|
||||
<a class="icon-btn" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.3" cy="6.7" r="1.1" fill="currentColor" stroke="none"/></svg></a>
|
||||
<a class="icon-btn" href="tel:+4917635708720" aria-label="Call"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn" href="mailto:floatingflows@web.de" aria-label="Email"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
<a href="https://floatingflows.com/v2/" target="_blank" rel="noopener" data-i18n="drawer.book">Kurs buchen →</a>
|
||||
<span data-i18n="drawer.where">Seepark Glashaus · Freiburg</span>
|
||||
<div class="drawer__foot">
|
||||
<div class="drawer__icons icons">
|
||||
<a class="icon-btn" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.3" cy="6.7" r="1.1" fill="currentColor" stroke="none"/></svg></a>
|
||||
<a class="icon-btn" href="tel:+4917635708720" aria-label="Anrufen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn" href="mailto:floatingflows@web.de" aria-label="E-Mail"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
</div>
|
||||
<div class="lang-switch" role="group" aria-label="Sprache / Language">
|
||||
<button type="button" class="lang-btn" data-setlang="de" aria-pressed="true">DE</button>
|
||||
<span class="lang-switch__sep" aria-hidden="true">/</span>
|
||||
<button type="button" class="lang-btn" data-setlang="en" aria-pressed="false">EN</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -67,23 +68,23 @@
|
||||
<section class="hero">
|
||||
<div class="wrap hero__grid">
|
||||
<div class="hero__text">
|
||||
<p class="eyebrow hero__eyebrow">AcroYoga · Freiburg</p>
|
||||
<h1>Learn to <em>float</em>, together.</h1>
|
||||
<p class="hero__sub">The joyful art of flying together — AcroYoga, taught with care by Luciana. For every body, every level. No partner needed.</p>
|
||||
<p class="eyebrow hero__eyebrow" data-i18n="hero.eyebrow">AcroYoga · Freiburg</p>
|
||||
<h1 data-i18n="hero.h1">Lerne zu <em>schweben</em>, gemeinsam.</h1>
|
||||
<p class="hero__sub" data-i18n="hero.sub">Die freudvolle Kunst, gemeinsam zu fliegen — AcroYoga, achtsam unterrichtet von Luciana. Für jeden Körper, jedes Level. Ganz ohne feste Partner:in.</p>
|
||||
<div class="hero__actions">
|
||||
<a class="btn" href="https://floatingflows.com/v2/" target="_blank" rel="noopener">Book a class</a>
|
||||
<a class="btn btn--ghost hero__ghost" href="#offerings">Explore classes</a>
|
||||
<a class="btn" href="https://floatingflows.com/v2/" target="_blank" rel="noopener" data-i18n="hero.book">Kurs buchen</a>
|
||||
<a class="btn btn--ghost hero__ghost" href="#offerings" data-i18n="hero.explore">Kurse entdecken</a>
|
||||
</div>
|
||||
<blockquote class="hero__quote">
|
||||
<p>“I arrived nervous and left flying. The most welcoming room I’ve ever practised in.”</p>
|
||||
<cite>Mara K. · ★★★★★</cite>
|
||||
<p data-i18n="hero.quote">„Ich kam nervös an und ging schwebend wieder. Der einladendste Raum, in dem ich je geübt habe.“</p>
|
||||
<cite data-i18n="hero.quoteCite">Mara K. · ★★★★★</cite>
|
||||
</blockquote>
|
||||
<div class="hero__scroll"><span></span> Scroll</div>
|
||||
<div class="hero__scroll"><span></span> <span data-i18n="hero.scroll">Mehr</span></div>
|
||||
</div>
|
||||
<figure class="hero__media">
|
||||
<video class="hero__video" autoplay muted loop playsinline preload="auto" poster="assets/img/hero-1.jpg">
|
||||
<source src="assets/video/hero-1.mp4" type="video/mp4" />
|
||||
<img src="assets/img/sunset-doublebird.jpg" alt="Two practitioners in an AcroYoga flying pose at golden hour" />
|
||||
<img src="assets/img/sunset-doublebird.jpg" alt="Zwei Übende in einer fliegenden AcroYoga-Pose im goldenen Abendlicht" />
|
||||
</video>
|
||||
</figure>
|
||||
</div>
|
||||
@@ -93,62 +94,62 @@
|
||||
<section class="section ethos" id="ethos">
|
||||
<div class="wrap ethos__grid">
|
||||
<div class="reveal">
|
||||
<p class="eyebrow">Welcome to Floating Flows</p>
|
||||
<h2>A practice built on <span class="accent">trust, breath and play.</span></h2>
|
||||
<p class="eyebrow" data-i18n="ethos.eyebrow">Willkommen bei Floating Flows</p>
|
||||
<h2 data-i18n="ethos.h2">Eine Praxis aus <span class="accent">Vertrauen, Atem und Spiel.</span></h2>
|
||||
</div>
|
||||
<div class="ethos__cols">
|
||||
<p class="reveal" data-d="1">AcroYoga blends the wisdom of yoga, the dynamics of acrobatics and the care of therapeutic touch. You’ll learn to give weight, to receive it, and to move as one — held by a community that has your back.</p>
|
||||
<p class="reveal" data-d="2">No experience and no partner required. We work in rotating teams, so everyone finds a base, a flyer and a spotter. Beginners and seasoned flyers share the same mat, the same breath, the same quiet thrill of letting go.</p>
|
||||
<p class="reveal" data-d="1" data-i18n="ethos.p1">AcroYoga verbindet die Weisheit des Yoga, die Dynamik der Akrobatik und die Achtsamkeit therapeutischer Berührung. Du lernst, Gewicht zu geben, es anzunehmen und als Eins zu fließen — getragen von einer Gemeinschaft, die dir den Rücken stärkt.</p>
|
||||
<p class="reveal" data-d="2" data-i18n="ethos.p2">Keine Vorkenntnisse und keine feste Partner:in nötig. Wir arbeiten in wechselnden Teams, sodass jede:r Base, Flyer und Spotter findet. Anfänger:innen und erfahrene Flyer teilen dieselbe Matte, denselben Atem und denselben leisen Nervenkitzel des Loslassens.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ OFFERINGS (real courses) ============ -->
|
||||
<!-- ============ OFFERINGS ============ -->
|
||||
<section class="section offer" id="offerings">
|
||||
<div class="wrap">
|
||||
<div class="offer__head">
|
||||
<div class="reveal">
|
||||
<p class="eyebrow">Classes & Courses</p>
|
||||
<h2>Find your place in the flow.</h2>
|
||||
<p class="eyebrow" data-i18n="offer.eyebrow">Kurse & Workshops</p>
|
||||
<h2 data-i18n="offer.h2">Finde deinen Platz im Flow.</h2>
|
||||
</div>
|
||||
<p class="lede reveal" data-d="1">Term courses, beginner workshops and private training — all taught in small, attentive groups at the Seepark Glashaus in Freiburg.</p>
|
||||
<p class="lede reveal" data-d="1" data-i18n="offer.lede">Semesterkurse, Anfänger-Workshops und Privatstunden — alle in kleinen, aufmerksamen Gruppen im Seepark Glashaus in Freiburg.</p>
|
||||
</div>
|
||||
<div class="offer__list">
|
||||
|
||||
<article class="offer-card reveal">
|
||||
<div class="offer-card__top"><span class="course-badge">Starts 12 Jun 2026</span><span class="course-price">€126</span></div>
|
||||
<span class="offer-card__num">01 / Term Course</span>
|
||||
<h3>Beginner Flows</h3>
|
||||
<p>Seven sessions building four short beginner flows step by step — positions, transitions and the interplay of base, flyer and spotter, plus fall training and breath.</p>
|
||||
<div class="offer-card__meta"><span>All levels</span><span>7 × 90 min</span><span>No partner needed</span></div>
|
||||
<div class="offer-card__foot"><a class="link-arrow" href="courses.html#beginner-flows">Course details <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a></div>
|
||||
<div class="offer-card__top"><span class="course-badge" data-i18n="offer.c1.badge">Start 12. Juni 2026</span><span class="course-price">€126</span></div>
|
||||
<span class="offer-card__num" data-i18n="offer.c1.kicker">01 / Semesterkurs</span>
|
||||
<h3 data-i18n="offer.c1.title">Beginner Flows</h3>
|
||||
<p data-i18n="offer.c1.desc">Sieben Einheiten, in denen wir Schritt für Schritt vier kurze Anfänger-Flows aufbauen — Positionen, Übergänge und das Zusammenspiel von Base, Flyer und Spotter, dazu Falltraining und Atem.</p>
|
||||
<div class="offer-card__meta"><span data-i18n="offer.c1.m1">Alle Level</span><span data-i18n="offer.c1.m2">7 × 90 Min.</span><span data-i18n="offer.c1.m3">Ohne Partner:in</span></div>
|
||||
<div class="offer-card__foot"><a class="link-arrow" href="courses.html#beginner-flows"><span data-i18n="offer.c1.link">Kursdetails</span> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a></div>
|
||||
</article>
|
||||
|
||||
<article class="offer-card reveal" data-d="1">
|
||||
<div class="offer-card__top"><span class="course-badge">Starts 18 Jun 2026</span><span class="course-price">€126</span></div>
|
||||
<span class="offer-card__num">02 / Term Course</span>
|
||||
<h3>Classic Washing Machines 1</h3>
|
||||
<p>The next step after beginner flows. Link figures into continuous “washing machine” rotations, deepening trust and timing between base and flyer over seven weeks.</p>
|
||||
<div class="offer-card__meta"><span>Improver</span><span>7 × 90 min</span><span>Rotating teams</span></div>
|
||||
<div class="offer-card__foot"><a class="link-arrow" href="courses.html#washing-machines">Course details <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a></div>
|
||||
<div class="offer-card__top"><span class="course-badge" data-i18n="offer.c2.badge">Start 18. Juni 2026</span><span class="course-price">€126</span></div>
|
||||
<span class="offer-card__num" data-i18n="offer.c2.kicker">02 / Semesterkurs</span>
|
||||
<h3 data-i18n="offer.c2.title">Classic Washing Machines 1</h3>
|
||||
<p data-i18n="offer.c2.desc">Der nächste Schritt nach den Beginner Flows. Wir verbinden Figuren zu fließenden „Washing Machines“ und vertiefen über sieben Wochen Vertrauen und Timing zwischen Base und Flyer.</p>
|
||||
<div class="offer-card__meta"><span data-i18n="offer.c2.m1">Fortgeschritten</span><span data-i18n="offer.c2.m2">7 × 90 Min.</span><span data-i18n="offer.c2.m3">Wechselnde Teams</span></div>
|
||||
<div class="offer-card__foot"><a class="link-arrow" href="courses.html#washing-machines"><span data-i18n="offer.c2.link">Kursdetails</span> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a></div>
|
||||
</article>
|
||||
|
||||
<article class="offer-card reveal" data-d="2">
|
||||
<div class="offer-card__top"><span class="course-badge">28 Jun 2026 · Outdoor</span><span class="course-price">Workshop</span></div>
|
||||
<span class="offer-card__num">03 / Beginner Workshop</span>
|
||||
<h3>Absolute Beginner 1</h3>
|
||||
<p>A gentle full-day introduction for complete beginners — two mindful sessions, a shared vegetarian potluck, and a guided Thai massage to close. Bring a friend.</p>
|
||||
<div class="offer-card__meta"><span>Complete beginners</span><span>10:00–16:00</span><span>Freiburg outdoor</span></div>
|
||||
<div class="offer-card__foot"><a class="link-arrow" href="courses.html#absolute-beginner">Workshop details <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a></div>
|
||||
<div class="offer-card__top"><span class="course-badge" data-i18n="offer.c3.badge">28. Juni 2026 · Outdoor</span><span class="course-price" data-i18n="offer.c3.price">Workshop</span></div>
|
||||
<span class="offer-card__num" data-i18n="offer.c3.kicker">03 / Anfänger-Workshop</span>
|
||||
<h3 data-i18n="offer.c3.title">Absolute Beginner 1</h3>
|
||||
<p data-i18n="offer.c3.desc">Eine sanfte Ganztags-Einführung für absolute Anfänger:innen — zwei achtsame Einheiten, ein gemeinsames vegetarisches Potluck und zum Abschluss eine geführte Thai-Massage. Bring gern eine:n Freund:in mit.</p>
|
||||
<div class="offer-card__meta"><span data-i18n="offer.c3.m1">Absolute Anfänger:innen</span><span data-i18n="offer.c3.m2">10:00–16:00</span><span data-i18n="offer.c3.m3">Freiburg, Outdoor</span></div>
|
||||
<div class="offer-card__foot"><a class="link-arrow" href="courses.html#absolute-beginner"><span data-i18n="offer.c3.link">Workshop-Details</span> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a></div>
|
||||
</article>
|
||||
|
||||
<article class="offer-card reveal">
|
||||
<div class="offer-card__top"><span class="course-badge">By arrangement</span><span class="course-price">Hansefit +€16</span></div>
|
||||
<span class="offer-card__num">04 / Private</span>
|
||||
<h3>Personal Training · 90 min</h3>
|
||||
<p>One-to-one (for two people) in the comfort of your home anywhere in Freiburg. I bring 4 cm safety mats and we work directly on your AcroYoga goals.</p>
|
||||
<div class="offer-card__meta"><span>For 2 people</span><span>90 min</span><span>At your home</span></div>
|
||||
<div class="offer-card__foot"><a class="link-arrow" href="courses.html#personal-training">How it works <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a></div>
|
||||
<div class="offer-card__top"><span class="course-badge" data-i18n="offer.c4.badge">Nach Vereinbarung</span><span class="course-price" data-i18n="offer.c4.price">Hansefit +€16</span></div>
|
||||
<span class="offer-card__num" data-i18n="offer.c4.kicker">04 / Privat</span>
|
||||
<h3 data-i18n="offer.c4.title">Personal Training · 90 Min.</h3>
|
||||
<p data-i18n="offer.c4.desc">Einzelstunde (für zwei Personen) bequem bei dir zu Hause, überall in Freiburg. Ich bringe 4 cm dicke Sicherheitsmatten mit, und wir arbeiten direkt an deinen AcroYoga-Zielen.</p>
|
||||
<div class="offer-card__meta"><span data-i18n="offer.c4.m1">Für 2 Personen</span><span data-i18n="offer.c4.m2">90 Min.</span><span data-i18n="offer.c4.m3">Bei dir zu Hause</span></div>
|
||||
<div class="offer-card__foot"><a class="link-arrow" href="courses.html#personal-training"><span data-i18n="offer.c4.link">So funktioniert's</span> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a></div>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
@@ -159,23 +160,23 @@
|
||||
<section class="section experience" id="experience">
|
||||
<div class="wrap experience__grid">
|
||||
<div class="experience__media reveal">
|
||||
<img src="assets/img/spotting-class.jpg" alt="A flyer being spotted in an AcroYoga class at the Seepark Glashaus" />
|
||||
<img src="assets/img/spotting-class.jpg" alt="Eine Flyerin wird in einer AcroYoga-Stunde im Seepark Glashaus gespottet" />
|
||||
</div>
|
||||
<div class="reveal" data-d="1">
|
||||
<p class="eyebrow">Your first flight</p>
|
||||
<h2>What an evening with us feels like.</h2>
|
||||
<p class="eyebrow" data-i18n="exp.eyebrow">Dein erster Flug</p>
|
||||
<h2 data-i18n="exp.h2">So fühlt sich ein Abend bei uns an.</h2>
|
||||
<div class="steps">
|
||||
<div class="step">
|
||||
<div class="step__no">01</div>
|
||||
<div><h3>Arrive & land</h3><p>We open every session with breath and a gentle warm-up. Bare feet, a warm welcome, and the day left at the door.</p></div>
|
||||
<div><h3 data-i18n="exp.s1.t">Ankommen & landen</h3><p data-i18n="exp.s1.p">Wir beginnen jede Einheit mit Atem und einem sanften Warm-up. Barfuß, herzlich willkommen — und der Alltag bleibt vor der Tür.</p></div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step__no">02</div>
|
||||
<div><h3>Build trust</h3><p>Guided, spotted and never rushed. You’ll learn to base, fly and catch with partners of every level — and how to fall safely.</p></div>
|
||||
<div><h3 data-i18n="exp.s2.t">Vertrauen aufbauen</h3><p data-i18n="exp.s2.p">Angeleitet, gesichert und nie überstürzt. Du lernst zu basen, zu fliegen und zu fangen — mit Partner:innen jedes Levels — und wie man sicher fällt.</p></div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step__no">03</div>
|
||||
<div><h3>Take flight</h3><p>The moment it clicks. Float, invert and flow — then unwind with a partner Thai-massage cool-down before you go.</p></div>
|
||||
<div><h3 data-i18n="exp.s3.t">Abheben</h3><p data-i18n="exp.s3.p">Der Moment, in dem es klickt. Schweben, invertieren, fließen — und zum Ausklang ein partnerschaftliches Thai-Massage-Cool-down, bevor du gehst.</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -186,25 +187,25 @@
|
||||
<section class="section location" id="location">
|
||||
<div class="wrap location__grid">
|
||||
<div class="location__media reveal">
|
||||
<div class="location__main"><img src="assets/img/glashaus-2.webp" alt="View over the Seepark lake from the Glashaus in Freiburg" loading="lazy" /></div>
|
||||
<div class="location__main"><img src="assets/img/glashaus-2.webp" alt="Blick über den Seepark-See vom Glashaus in Freiburg" loading="lazy" /></div>
|
||||
</div>
|
||||
<div class="reveal" data-d="1">
|
||||
<p class="eyebrow">Our home</p>
|
||||
<h2>The Glashaus, in the Seepark.</h2>
|
||||
<p class="location__lede">We practise in one of Freiburg’s most beautiful settings — a soaring timber-and-glass pavilion in the Seepark, looking out over the lake to the green hillside beyond.</p>
|
||||
<p class="eyebrow" data-i18n="loc.eyebrow">Unser Zuhause</p>
|
||||
<h2 data-i18n="loc.h2">Das Glashaus, im Seepark.</h2>
|
||||
<p class="location__lede" data-i18n="loc.lede">Wir üben an einem der schönsten Orte Freiburgs — einem luftigen Holz-und-Glas-Pavillon im Seepark, mit Blick über den See bis zum grünen Hügel dahinter.</p>
|
||||
<div class="location__notes">
|
||||
<div class="location__note">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 21s-7-5.5-7-11a7 7 0 0 1 14 0c0 5.5-7 11-7 11z"/><circle cx="12" cy="10" r="2.5"/></svg>
|
||||
<p>Simply stunning to look at and endlessly photogenic — especially under a starry sky.</p>
|
||||
<p data-i18n="loc.n1">Einfach atemberaubend anzusehen und unendlich fotogen — besonders unter einem Sternenhimmel.</p>
|
||||
</div>
|
||||
<div class="location__note">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M3 12a9 9 0 0 1 18 0"/><path d="M3 12a9 9 0 0 0 18 0"/><path d="M12 3v18"/></svg>
|
||||
<p>A fantastic view of the water, open air, and space to simply relax. The perfect place to fly.</p>
|
||||
<p data-i18n="loc.n2">Ein traumhafter Blick aufs Wasser, frische Luft und Raum, um einfach zu entspannen. Der perfekte Ort zum Fliegen.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="location__addr">
|
||||
<a class="btn btn--ghost" href="https://maps.google.com/?q=Seepark+Glashaus+Brandensteinstra%C3%9Fe+24+79110+Freiburg" target="_blank" rel="noopener">Get directions</a>
|
||||
<span style="color:var(--color-ink-soft);font-size:var(--text-sm);">Brandensteinstraße 24, 79110 Freiburg</span>
|
||||
<a class="btn btn--ghost" href="https://maps.google.com/?q=Seepark+Glashaus+Brandensteinstra%C3%9Fe+24+79110+Freiburg" target="_blank" rel="noopener" data-i18n="loc.dir">Route anzeigen</a>
|
||||
<span style="color:var(--color-ink-soft);font-size:var(--text-sm);" data-i18n="loc.addr">Brandensteinstraße 24, 79110 Freiburg</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -218,9 +219,9 @@
|
||||
</video>
|
||||
</div>
|
||||
<div class="ambient__inner">
|
||||
<p class="eyebrow">Outdoors, in the open air</p>
|
||||
<h2>Arrive heavy. Leave light.</h2>
|
||||
<p>Under a glass roof and an open sky, in the green heart of the Seepark — a place to breathe, to trust, and to fly.</p>
|
||||
<p class="eyebrow" data-i18n="amb.eyebrow">Draußen, an der frischen Luft</p>
|
||||
<h2 data-i18n="amb.h2">Komm schwer an. Geh leicht.</h2>
|
||||
<p data-i18n="amb.p">Unter einem Glasdach und offenem Himmel, im grünen Herzen des Seeparks — ein Ort zum Atmen, Vertrauen und Fliegen.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -228,14 +229,14 @@
|
||||
<section class="section reviews" id="reviews">
|
||||
<div class="wrap">
|
||||
<div class="reveal">
|
||||
<p class="eyebrow">Stories from the studio</p>
|
||||
<h2>Words from our community.</h2>
|
||||
<p class="eyebrow" data-i18n="rev.eyebrow">Stimmen aus dem Studio</p>
|
||||
<h2 data-i18n="rev.h2">Worte aus unserer Community.</h2>
|
||||
</div>
|
||||
<div class="reviews__grid">
|
||||
<figure class="review reveal"><div class="review__stars">★★★★★</div><p>“Every time I step into class I feel a lightness that helps me set down the stress of the week. Truly special.”</p><cite>— Amelie R.</cite></figure>
|
||||
<figure class="review reveal" data-d="1"><div class="review__stars">★★★★★</div><p>“Inspiring, knowledgeable teaching and a genuinely warm room. I came alone and left with a community.”</p><cite>— Simon T.</cite></figure>
|
||||
<figure class="review reveal" data-d="2"><div class="review__stars">★★★★★</div><p>“I never imagined I’d be upside down on someone’s feet and laughing. Luciana made the impossible feel safe.”</p><cite>— Priya N.</cite></figure>
|
||||
<figure class="review reveal"><div class="review__stars">★★★★★</div><p>“My partner and I come every term. It’s become the best evening of our week.”</p><cite>— Jonas & Lena</cite></figure>
|
||||
<figure class="review reveal"><div class="review__stars">★★★★★</div><p data-i18n="rev.r1">„Jedes Mal, wenn ich den Kurs betrete, spüre ich eine Leichtigkeit, die mir hilft, den Stress der Woche abzulegen. Wirklich besonders.“</p><cite data-i18n="rev.r1c">— Amelie R.</cite></figure>
|
||||
<figure class="review reveal" data-d="1"><div class="review__stars">★★★★★</div><p data-i18n="rev.r2">„Inspirierender, fundierter Unterricht und ein wirklich herzlicher Raum. Ich kam allein und ging mit einer Gemeinschaft.“</p><cite data-i18n="rev.r2c">— Simon T.</cite></figure>
|
||||
<figure class="review reveal" data-d="2"><div class="review__stars">★★★★★</div><p data-i18n="rev.r3">„Ich hätte nie gedacht, dass ich kopfüber auf den Füßen eines anderen lande und dabei lache. Luciana ließ das Unmögliche sicher anfühlen.“</p><cite data-i18n="rev.r3c">— Priya N.</cite></figure>
|
||||
<figure class="review reveal"><div class="review__stars">★★★★★</div><p data-i18n="rev.r4">„Mein Partner und ich kommen jedes Semester. Es ist der schönste Abend unserer Woche geworden.“</p><cite data-i18n="rev.r4c">— Jonas & Lena</cite></figure>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -245,36 +246,36 @@
|
||||
<div class="wrap">
|
||||
<div class="booking__panel">
|
||||
<div class="booking__head reveal">
|
||||
<p class="eyebrow">Book your place</p>
|
||||
<h2>Ready to fly?</h2>
|
||||
<p class="booking__lede">Reserve through our booking system, then message me so I can add you to the course Signal group. New here? The Absolute Beginner workshop is the softest landing.</p>
|
||||
<p class="eyebrow" data-i18n="book.eyebrow">Sichere dir deinen Platz</p>
|
||||
<h2 data-i18n="book.h2">Bereit zu fliegen?</h2>
|
||||
<p class="booking__lede" data-i18n="book.lede">Reserviere über unser Buchungssystem und schreib mir anschließend, damit ich dich in die Signal-Kursgruppe aufnehmen kann. Neu hier? Der Absolute-Beginner-Workshop ist die sanfteste Landung.</p>
|
||||
</div>
|
||||
<div class="passes reveal" data-d="1">
|
||||
<div class="pass"><div class="pass__name">Term Course<small>7 sessions</small></div><div class="pass__price">€126</div></div>
|
||||
<div class="pass"><div class="pass__name">Drop-In<small>via Hansefit</small></div><div class="pass__price">Hansefit</div></div>
|
||||
<div class="pass"><div class="pass__name">Personal Training<small>90 min · 2 people</small></div><div class="pass__price">+€16</div></div>
|
||||
<div class="pass"><div class="pass__name">Absolute Beginner<small>Full-day workshop</small></div><div class="pass__price">Enquire</div></div>
|
||||
<div class="pass"><div class="pass__name"><span data-i18n="book.p1.name">Semesterkurs</span><small data-i18n="book.p1.sub">7 Einheiten</small></div><div class="pass__price">€126</div></div>
|
||||
<div class="pass"><div class="pass__name"><span data-i18n="book.p2.name">Drop-in</span><small data-i18n="book.p2.sub">über Hansefit</small></div><div class="pass__price" data-i18n="book.p2.price">Hansefit</div></div>
|
||||
<div class="pass"><div class="pass__name"><span data-i18n="book.p3.name">Personal Training</span><small data-i18n="book.p3.sub">90 Min. · 2 Personen</small></div><div class="pass__price">+€16</div></div>
|
||||
<div class="pass"><div class="pass__name"><span data-i18n="book.p4.name">Absolute Beginner</span><small data-i18n="book.p4.sub">Ganztags-Workshop</small></div><div class="pass__price" data-i18n="book.p4.price">Anfragen</div></div>
|
||||
</div>
|
||||
<div class="booking__cta reveal" data-d="2" style="grid-column:1/-1;">
|
||||
<a class="btn" href="https://floatingflows.com/v2/" target="_blank" rel="noopener">Open booking & schedule</a>
|
||||
<a class="link-arrow" href="mailto:floatingflows@web.de">Register or ask a question
|
||||
<a class="btn" href="https://floatingflows.com/v2/" target="_blank" rel="noopener" data-i18n="book.cta1">Buchung & Kursplan öffnen</a>
|
||||
<a class="link-arrow" href="mailto:floatingflows@web.de"><span data-i18n="book.cta2">Anmelden oder Frage stellen</span>
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
<p class="booking__note" style="grid-column:1/-1;">Live availability and registration are managed in the existing booking system. Drop-in is possible via Hansefit — please get in touch.</p>
|
||||
<p class="booking__note" style="grid-column:1/-1;" data-i18n="book.note">Aktuelle Verfügbarkeit und Anmeldung laufen über das bestehende Buchungssystem. Drop-in ist über Hansefit möglich — melde dich gern.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ PHOTO CAROUSEL ============ -->
|
||||
<section class="marquee-band" aria-label="Photos from Floating Flows">
|
||||
<section class="marquee-band" aria-label="Fotos von Floating Flows">
|
||||
<div class="marquee">
|
||||
<div class="marquee__track">
|
||||
<a class="marquee__item" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener"><img src="assets/img/sunset-doublebird.jpg" alt="AcroYoga double bird at sunset" loading="lazy"></a>
|
||||
<a class="marquee__item" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener"><img src="assets/img/spotting-class.jpg" alt="A flyer being spotted in class" loading="lazy"></a>
|
||||
<a class="marquee__item" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener"><img src="assets/img/bridge-tower.jpg" alt="Standing AcroYoga at the covered bridge" loading="lazy"></a>
|
||||
<a class="marquee__item" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener"><img src="assets/img/kids-pyramid.jpg" alt="Family AcroYoga pyramid" loading="lazy"></a>
|
||||
<a class="marquee__item" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener"><img src="assets/img/park-batwing.jpg" alt="AcroYoga bat-hang in the park" loading="lazy"></a>
|
||||
<a class="marquee__item" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener"><img src="assets/img/sunset-doublebird.jpg" alt="AcroYoga Double Bird bei Sonnenuntergang" loading="lazy"></a>
|
||||
<a class="marquee__item" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener"><img src="assets/img/spotting-class.jpg" alt="Eine Flyerin wird im Kurs gespottet" loading="lazy"></a>
|
||||
<a class="marquee__item" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener"><img src="assets/img/bridge-tower.jpg" alt="Stehende AcroYoga-Pose an der überdachten Brücke" loading="lazy"></a>
|
||||
<a class="marquee__item" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener"><img src="assets/img/kids-pyramid.jpg" alt="Familien-AcroYoga-Pyramide" loading="lazy"></a>
|
||||
<a class="marquee__item" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener"><img src="assets/img/park-batwing.jpg" alt="AcroYoga Bat-Hang im Park" loading="lazy"></a>
|
||||
<a class="marquee__item" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-hidden="true" tabindex="-1"><img src="assets/img/sunset-doublebird.jpg" alt="" loading="lazy"></a>
|
||||
<a class="marquee__item" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-hidden="true" tabindex="-1"><img src="assets/img/spotting-class.jpg" alt="" loading="lazy"></a>
|
||||
<a class="marquee__item" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-hidden="true" tabindex="-1"><img src="assets/img/bridge-tower.jpg" alt="" loading="lazy"></a>
|
||||
@@ -288,19 +289,19 @@
|
||||
<section class="section contact" id="contact">
|
||||
<div class="wrap contact__grid">
|
||||
<div class="reveal">
|
||||
<p class="eyebrow">Say hello</p>
|
||||
<h2>Come find us.</h2>
|
||||
<p class="contact__intro">A glimpse of life at Floating Flows — come fly with us in the Seepark.</p>
|
||||
<p class="eyebrow" data-i18n="contact.eyebrow">Sag Hallo</p>
|
||||
<h2 data-i18n="contact.h2">Komm vorbei.</h2>
|
||||
<p class="contact__intro" data-i18n="contact.intro">Ein kleiner Einblick in das Leben bei Floating Flows — komm und flieg mit uns im Seepark.</p>
|
||||
</div>
|
||||
<div class="contact__links reveal" data-d="1">
|
||||
<div class="contact__row"><span>Email</span><a href="mailto:floatingflows@web.de">floatingflows@web.de</a></div>
|
||||
<div class="contact__row"><span>Phone</span><a href="tel:+4917635708720">0176 35708720</a></div>
|
||||
<div class="contact__row"><span>Instagram</span><a href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener">@floatingflows</a></div>
|
||||
<div class="contact__row"><span>Studio</span><a href="https://maps.google.com/?q=Seepark+Glashaus+Brandensteinstra%C3%9Fe+24+79110+Freiburg" target="_blank" rel="noopener">Seepark Glashaus · Brandensteinstraße 24, 79110 Freiburg</a></div>
|
||||
<div class="contact__row"><span data-i18n="contact.lblEmail">E-Mail</span><a href="mailto:floatingflows@web.de">floatingflows@web.de</a></div>
|
||||
<div class="contact__row"><span data-i18n="contact.lblPhone">Telefon</span><a href="tel:+4917635708720">0176 35708720</a></div>
|
||||
<div class="contact__row"><span data-i18n="contact.lblInsta">Instagram</span><a href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener">@floatingflows</a></div>
|
||||
<div class="contact__row"><span data-i18n="contact.lblStudio">Studio</span><a href="https://maps.google.com/?q=Seepark+Glashaus+Brandensteinstra%C3%9Fe+24+79110+Freiburg" target="_blank" rel="noopener">Seepark Glashaus · Brandensteinstraße 24, 79110 Freiburg</a></div>
|
||||
<div class="icons" style="margin-top:var(--space-md);">
|
||||
<a class="icon-btn icon-btn--lg" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.3" cy="6.7" r="1.1" fill="currentColor" stroke="none"/></svg></a>
|
||||
<a class="icon-btn icon-btn--lg" href="tel:+4917635708720" aria-label="Call"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn icon-btn--lg" href="mailto:floatingflows@web.de" aria-label="Email"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
<a class="icon-btn icon-btn--lg" href="tel:+4917635708720" aria-label="Anrufen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn icon-btn--lg" href="mailto:floatingflows@web.de" aria-label="E-Mail"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -315,26 +316,26 @@
|
||||
<img class="brand__icon" src="assets/brand/floating-flows-icon.png" alt="" onerror="this.style.display='none'" />
|
||||
<span class="brand__name">Floating <b>Flows</b></span>
|
||||
</div>
|
||||
<p>Premium AcroYoga in Freiburg — trust, breath and the quiet joy of flight. For every body, every level.</p>
|
||||
<p data-i18n="footer.tagline">Premium AcroYoga in Freiburg — Vertrauen, Atem und die stille Freude des Fliegens. Für jeden Körper, jedes Level.</p>
|
||||
<div class="icons" style="margin-top:var(--space-md);">
|
||||
<a class="icon-btn icon-btn--on-night" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.3" cy="6.7" r="1.1" fill="currentColor" stroke="none"/></svg></a>
|
||||
<a class="icon-btn icon-btn--on-night" href="tel:+4917635708720" aria-label="Call"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn icon-btn--on-night" href="mailto:floatingflows@web.de" aria-label="Email"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
<a class="icon-btn icon-btn--on-night" href="tel:+4917635708720" aria-label="Anrufen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn icon-btn--on-night" href="mailto:floatingflows@web.de" aria-label="E-Mail"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__cols">
|
||||
<div><h4>Explore</h4><a href="courses.html">Courses</a><a href="about.html">About</a></div>
|
||||
<div><h4>Visit</h4><a href="#location">Location</a><a href="#booking">Book</a><a href="#contact">Contact</a></div>
|
||||
<div><h4>Connect</h4><a href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener">@floatingflows</a><a href="mailto:floatingflows@web.de">floatingflows@web.de</a><a href="tel:+4917635708720">0176 35708720</a></div>
|
||||
<div><h4 data-i18n="footer.exploreH">Entdecken</h4><a href="courses.html" data-i18n="nav.courses">Kurse</a><a href="about.html" data-i18n="nav.about">Über uns</a></div>
|
||||
<div><h4 data-i18n="footer.visitH">Besuchen</h4><a href="#location" data-i18n="nav.location">Standort</a><a href="#booking" data-i18n="footer.book">Buchen</a><a href="#contact" data-i18n="nav.contact">Kontakt</a></div>
|
||||
<div><h4 data-i18n="footer.connectH">Kontakt</h4><a href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener">@floatingflows</a><a href="mailto:floatingflows@web.de">floatingflows@web.de</a><a href="tel:+4917635708720">0176 35708720</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__bottom"><span>© 2026 Floating Flows · Luciana · Freiburg</span><span>Made for movement.</span></div>
|
||||
<div class="footer__bottom"><span data-i18n="footer.copy">© 2026 Floating Flows · Luciana · Freiburg</span><span data-i18n="footer.made">Gemacht für Bewegung.</span></div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/i18n.js"></script>
|
||||
<script>
|
||||
(function(){
|
||||
// Random hero video on each visit (acro clips only)
|
||||
var heroVids = [
|
||||
['assets/video/hero-1.mp4', 'assets/img/hero-1.jpg'],
|
||||
['assets/video/hero-2.mp4', 'assets/img/hero-2.jpg'],
|
||||
@@ -359,7 +360,6 @@
|
||||
};
|
||||
var play = function(){ var p = hv.play(); if (p && p.catch) p.catch(showPoster); };
|
||||
play(); hv.addEventListener('canplay', play, { once: true });
|
||||
// iOS Low Power Mode / blocked autoplay never starts the video — show the still poster (no play button)
|
||||
setTimeout(function(){ if (hv.paused && hv.currentTime === 0) showPoster(); }, 4000);
|
||||
}
|
||||
|
||||
@@ -380,7 +380,6 @@
|
||||
}, {threshold: 0.12, rootMargin: '0px 0px -40px 0px'});
|
||||
document.querySelectorAll('.reveal').forEach(function(el){ io.observe(el); });
|
||||
|
||||
// Kick section/background videos to play once visible (offscreen autoplay can defer)
|
||||
var vio = new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ var p=e.target.play(); if(p&&p.catch)p.catch(function(){}); } }); }, {threshold: 0.2});
|
||||
document.querySelectorAll('.ambient video').forEach(function(v){ vio.observe(v); });
|
||||
})();
|
||||
|
||||
+243
@@ -0,0 +1,243 @@
|
||||
/* Floating Flows — bilingual (German default, English on demand).
|
||||
German lives in the HTML (data-i18n keys). English overrides live here.
|
||||
On switch to EN we capture the original German into data-de and swap; back to DE restores it. */
|
||||
(function () {
|
||||
var EN = {
|
||||
// ---- nav / shared ----
|
||||
"nav.courses": "Courses",
|
||||
"nav.practice": "The Practice",
|
||||
"nav.location": "Location",
|
||||
"nav.about": "About",
|
||||
"nav.contact": "Contact",
|
||||
"nav.book": "Book a class",
|
||||
"drawer.book": "Book a class →",
|
||||
"drawer.where": "Seepark Glashaus · Freiburg",
|
||||
|
||||
// ---- hero ----
|
||||
"hero.eyebrow": "AcroYoga · Freiburg",
|
||||
"hero.h1": "Learn to <em>float</em>, together.",
|
||||
"hero.sub": "The joyful art of flying together — AcroYoga, taught with care by Luciana. For every body, every level. No partner needed.",
|
||||
"hero.book": "Book a class",
|
||||
"hero.explore": "Explore classes",
|
||||
"hero.quote": "“I arrived nervous and left flying. The most welcoming room I’ve ever practised in.”",
|
||||
"hero.quoteCite": "Mara K. · ★★★★★",
|
||||
"hero.scroll": "Scroll",
|
||||
|
||||
// ---- ethos ----
|
||||
"ethos.eyebrow": "Welcome to Floating Flows",
|
||||
"ethos.h2": "A practice built on <span class=\"accent\">trust, breath and play.</span>",
|
||||
"ethos.p1": "AcroYoga blends the wisdom of yoga, the dynamics of acrobatics and the care of therapeutic touch. You’ll learn to give weight, to receive it, and to move as one — held by a community that has your back.",
|
||||
"ethos.p2": "No experience and no partner required. We work in rotating teams, so everyone finds a base, a flyer and a spotter. Beginners and seasoned flyers share the same mat, the same breath, the same quiet thrill of letting go.",
|
||||
|
||||
// ---- offerings ----
|
||||
"offer.eyebrow": "Classes & Courses",
|
||||
"offer.h2": "Find your place in the flow.",
|
||||
"offer.lede": "Term courses, beginner workshops and private training — all taught in small, attentive groups at the Seepark Glashaus in Freiburg.",
|
||||
"offer.c1.badge": "Starts 12 Jun 2026",
|
||||
"offer.c1.kicker": "01 / Term Course",
|
||||
"offer.c1.title": "Beginner Flows",
|
||||
"offer.c1.desc": "Seven sessions building four short beginner flows step by step — positions, transitions and the interplay of base, flyer and spotter, plus fall training and breath.",
|
||||
"offer.c1.m1": "All levels", "offer.c1.m2": "7 × 90 min", "offer.c1.m3": "No partner needed",
|
||||
"offer.c1.link": "Course details",
|
||||
"offer.c2.badge": "Starts 18 Jun 2026",
|
||||
"offer.c2.kicker": "02 / Term Course",
|
||||
"offer.c2.title": "Classic Washing Machines 1",
|
||||
"offer.c2.desc": "The next step after beginner flows. Link figures into continuous “washing machine” rotations, deepening trust and timing between base and flyer over seven weeks.",
|
||||
"offer.c2.m1": "Improver", "offer.c2.m2": "7 × 90 min", "offer.c2.m3": "Rotating teams",
|
||||
"offer.c2.link": "Course details",
|
||||
"offer.c3.badge": "28 Jun 2026 · Outdoor",
|
||||
"offer.c3.price": "Workshop",
|
||||
"offer.c3.kicker": "03 / Beginner Workshop",
|
||||
"offer.c3.title": "Absolute Beginner 1",
|
||||
"offer.c3.desc": "A gentle full-day introduction for complete beginners — two mindful sessions, a shared vegetarian potluck, and a guided Thai massage to close. Bring a friend.",
|
||||
"offer.c3.m1": "Complete beginners", "offer.c3.m2": "10:00–16:00", "offer.c3.m3": "Freiburg outdoor",
|
||||
"offer.c3.link": "Workshop details",
|
||||
"offer.c4.badge": "By arrangement",
|
||||
"offer.c4.price": "Hansefit +€16",
|
||||
"offer.c4.kicker": "04 / Private",
|
||||
"offer.c4.title": "Personal Training · 90 min",
|
||||
"offer.c4.desc": "One-to-one (for two people) in the comfort of your home anywhere in Freiburg. I bring 4 cm safety mats and we work directly on your AcroYoga goals.",
|
||||
"offer.c4.m1": "For 2 people", "offer.c4.m2": "90 min", "offer.c4.m3": "At your home",
|
||||
"offer.c4.link": "How it works",
|
||||
|
||||
// ---- experience ----
|
||||
"exp.eyebrow": "Your first flight",
|
||||
"exp.h2": "What an evening with us feels like.",
|
||||
"exp.s1.t": "Arrive & land",
|
||||
"exp.s1.p": "We open every session with breath and a gentle warm-up. Bare feet, a warm welcome, and the day left at the door.",
|
||||
"exp.s2.t": "Build trust",
|
||||
"exp.s2.p": "Guided, spotted and never rushed. You’ll learn to base, fly and catch with partners of every level — and how to fall safely.",
|
||||
"exp.s3.t": "Take flight",
|
||||
"exp.s3.p": "The moment it clicks. Float, invert and flow — then unwind with a partner Thai-massage cool-down before you go.",
|
||||
|
||||
// ---- location ----
|
||||
"loc.eyebrow": "Our home",
|
||||
"loc.h2": "The Glashaus, in the Seepark.",
|
||||
"loc.lede": "We practise in one of Freiburg’s most beautiful settings — a soaring timber-and-glass pavilion in the Seepark, looking out over the lake to the green hillside beyond.",
|
||||
"loc.n1": "Simply stunning to look at and endlessly photogenic — especially under a starry sky.",
|
||||
"loc.n2": "A fantastic view of the water, open air, and space to simply relax. The perfect place to fly.",
|
||||
"loc.dir": "Get directions",
|
||||
"loc.addr": "Brandensteinstraße 24, 79110 Freiburg",
|
||||
|
||||
// ---- ambient ----
|
||||
"amb.eyebrow": "Outdoors, in the open air",
|
||||
"amb.h2": "Arrive heavy. Leave light.",
|
||||
"amb.p": "Under a glass roof and an open sky, in the green heart of the Seepark — a place to breathe, to trust, and to fly.",
|
||||
|
||||
// ---- reviews ----
|
||||
"rev.eyebrow": "Stories from the studio",
|
||||
"rev.h2": "Words from our community.",
|
||||
"rev.r1": "“Every time I step into class I feel a lightness that helps me set down the stress of the week. Truly special.”",
|
||||
"rev.r1c": "— Amelie R.",
|
||||
"rev.r2": "“Inspiring, knowledgeable teaching and a genuinely warm room. I came alone and left with a community.”",
|
||||
"rev.r2c": "— Simon T.",
|
||||
"rev.r3": "“I never imagined I’d be upside down on someone’s feet and laughing. Luciana made the impossible feel safe.”",
|
||||
"rev.r3c": "— Priya N.",
|
||||
"rev.r4": "“My partner and I come every term. It’s become the best evening of our week.”",
|
||||
"rev.r4c": "— Jonas & Lena",
|
||||
|
||||
// ---- booking ----
|
||||
"book.eyebrow": "Book your place",
|
||||
"book.h2": "Ready to fly?",
|
||||
"book.lede": "Reserve through our booking system, then message me so I can add you to the course Signal group. New here? The Absolute Beginner workshop is the softest landing.",
|
||||
"book.p1.name": "Term Course", "book.p1.sub": "7 sessions",
|
||||
"book.p2.name": "Drop-In", "book.p2.sub": "via Hansefit", "book.p2.price": "Hansefit",
|
||||
"book.p3.name": "Personal Training", "book.p3.sub": "90 min · 2 people",
|
||||
"book.p4.name": "Absolute Beginner", "book.p4.sub": "Full-day workshop", "book.p4.price": "Enquire",
|
||||
"book.cta1": "Open booking & schedule",
|
||||
"book.cta2": "Register or ask a question",
|
||||
"book.note": "Live availability and registration are managed in the existing booking system. Drop-in is possible via Hansefit — please get in touch.",
|
||||
|
||||
// ---- contact ----
|
||||
"contact.eyebrow": "Say hello",
|
||||
"contact.h2": "Come find us.",
|
||||
"contact.intro": "A glimpse of life at Floating Flows — come fly with us in the Seepark.",
|
||||
"contact.lblEmail": "Email", "contact.lblPhone": "Phone", "contact.lblInsta": "Instagram", "contact.lblStudio": "Studio",
|
||||
"contact.book": "Book a class →",
|
||||
|
||||
// ---- footer ----
|
||||
"footer.tagline": "Premium AcroYoga in Freiburg — trust, breath and the quiet joy of flight. For every body, every level.",
|
||||
"footer.exploreH": "Explore", "footer.visitH": "Visit", "footer.connectH": "Connect",
|
||||
"footer.book": "Book", "footer.copy": "© 2026 Floating Flows · Luciana · Freiburg", "footer.made": "Made for movement.",
|
||||
|
||||
// ---- courses page ----
|
||||
"courses.eyebrow": "Courses & Workshops",
|
||||
"courses.h1": "Term courses, <span class=\"accent\">workshops</span> & private training.",
|
||||
"courses.lede": "All courses are taught by Luciana in small, attentive groups. You never need to bring a partner — we work in rotating teams.",
|
||||
"lbl.starts": "Starts", "lbl.schedule": "Schedule", "lbl.location": "Location", "lbl.energy": "Energy exchange",
|
||||
"lbl.date": "Date", "lbl.time": "Time", "lbl.includes": "Includes", "lbl.format": "Format", "lbl.where": "Where", "lbl.booking": "Booking", "lbl.toArrange": "To arrange",
|
||||
"lbl.goodToKnow": "Good to know", "lbl.repertoire": "My repertoire",
|
||||
|
||||
"bf.kicker": "01 / Term Course", "bf.title": "Beginner Flows",
|
||||
"bf.lede": "A continuation of the Absolute Beginner 1 & 2 workshops — seven sessions to solidify the basics and grow into confident, flowing movement.",
|
||||
"bf.starts": "12 June 2026",
|
||||
"bf.sched": "Thursdays, 18:30–20:00", "bf.schedSub": "18 & 25 Jun · 2, 9, 16, 23 Jul · +1 by arrangement",
|
||||
"bf.loc": "Seepark Glashaus", "bf.locSub": "Brandensteinstraße 24, 79110 Freiburg",
|
||||
"bf.price": "€126", "bf.priceSub": "full course · 7 sessions",
|
||||
"bf.p1": "In seven sessions (six fixed dates plus one by arrangement) we review the basics from Absolute Beginner 1 & 2 to create a solid foundation for more complex flows.",
|
||||
"bf.p2": "The core of the course is four short beginner flows, which you’ll learn step by step and practise together as a group. Over the weeks we build confidence in the individual positions, the transitions between them, and the interplay between base, flyer and spotter.",
|
||||
"bf.p3": "Alongside figures and transitions, we focus on fall training, breathing, and the foundations of a safe AcroYoga practice. It’s the ideal preparation for the Washing Machine 1 course.",
|
||||
"bf.li1": "No partner required — we work in rotating teams. Couples are very welcome too.",
|
||||
"bf.li2": "Drop-in via Hansefit is possible — please get in touch first.",
|
||||
"bf.li3": "The content builds week to week, so attending as many sessions as possible is recommended.",
|
||||
"bf.callout": "After registering, please message Luciana so she can add you to the course Signal group.",
|
||||
"bf.cta": "Book this course",
|
||||
|
||||
"wm.kicker": "02 / Term Course", "wm.title": "Classic Washing Machines 1",
|
||||
"wm.lede": "The natural next step after Beginner Flows — review the basics and link figures into continuous, flowing “washing machine” rotations.",
|
||||
"wm.starts": "18 June 2026",
|
||||
"wm.sched": "Thursdays, 18:30–20:00", "wm.schedSub": "18 & 25 Jun · 2, 9, 16, 23 Jul · +1 by arrangement",
|
||||
"wm.loc": "Seepark Glashaus", "wm.locSub": "Brandensteinstraße 24, 79110 Freiburg",
|
||||
"wm.price": "€126", "wm.priceSub": "full course · 7 sessions",
|
||||
"wm.p1": "Over seven sessions (six fixed dates plus one by arrangement) we review the basics to create a strong foundation for more complex flows, then begin to connect figures into smooth, continuous transitions.",
|
||||
"wm.p2": "We develop confidence in the individual positions, the transitions between them, and the interplay between base, flyer and spotter — supported throughout by fall training, breathing and safe practice.",
|
||||
"wm.p3": "This course is perfect if you want to consolidate your figures and transitions and gain more experience applying them in flowing movement.",
|
||||
"wm.li1": "No partner required — we work in rotating teams. Couples are welcome.",
|
||||
"wm.li2": "Drop-in via Hansefit is possible — please get in touch first.",
|
||||
"wm.li3": "The content builds on itself, so regular attendance is recommended.",
|
||||
"wm.callout": "After registering, please message Luciana so she can add you to the course Signal group.",
|
||||
"wm.cta": "Book this course",
|
||||
|
||||
"ab.kicker": "03 / Beginner Workshop", "ab.title": "Absolute Beginner 1 · Freiburg Outdoor",
|
||||
"ab.lede": "A warm, mindful introduction for complete beginners — and the perfect way to bring a friend, partner or family member into the world of AcroYoga.",
|
||||
"ab.date": "28 June 2026",
|
||||
"ab.time": "10:00–16:00", "ab.timeSub": "two 2.5-hour sessions",
|
||||
"ab.loc": "Seepark Glashaus — outdoor", "ab.locSub": "Brandensteinstraße 24, 79110 Freiburg",
|
||||
"ab.incl": "Potluck & Thai massage", "ab.inclSub": "shared vegetarian break + guided relaxation",
|
||||
"ab.p1": "This workshop is for complete beginners of any age — and for anyone who would like to introduce their loved ones, friends or relatives to AcroYoga with support.",
|
||||
"ab.p2": "Across two 2.5-hour sessions, Luciana mindfully teaches you the basics. During the break in between we share a vegetarian potluck. To close, you can look forward to a guided Thai massage for deep relaxation.",
|
||||
"ab.callout": "Please bring something to share for the potluck, and warm clothes for the Thai massage.",
|
||||
"ab.cta": "Reserve a place",
|
||||
|
||||
"pt.kicker": "04 / Private", "pt.title": "Personal Training · 90 minutes",
|
||||
"pt.lede": "Prefer to train at home, can’t make the course dates, or want to work on something specific? Private sessions come to you.",
|
||||
"pt.format": "90 minutes", "pt.formatSub": "for 2 people",
|
||||
"pt.where": "Your home", "pt.whereSub": "anywhere within Freiburg · 4 cm safety mats provided",
|
||||
"pt.booking": "via Hansefit", "pt.bookingSub": "plus €16 surcharge",
|
||||
"pt.arrange": "0176 35708720", "pt.arrangeSub": "call to discuss goals & a date",
|
||||
"pt.p1": "Ninety minutes of personal training for two people, bookable via Hansefit (plus a €16 surcharge). I’ll come to your home anywhere within Freiburg and bring 4 cm thick puzzle mats for your safety, and together we’ll work individually on your AcroYoga goals.",
|
||||
"pt.li1": "All AcroYoga poses and flows — except Icarians (pops and throws with brief loss of contact).",
|
||||
"pt.li2": "Standing acrobatics is not currently offered.",
|
||||
"pt.p2": "We always discuss your goals and a suitable date beforehand. Feel free to call me — I look forward to hearing from you.",
|
||||
"pt.cta": "Call 0176 35708720",
|
||||
|
||||
// ---- about page ----
|
||||
"about.eyebrow": "Our story",
|
||||
"about.h1": "We teach people to <span class=\"accent\">trust</span> — and then to fly.",
|
||||
"about.lede": "Floating Flows began with a simple belief: that connection is a practice, and everyone deserves the feeling of being held.",
|
||||
"about.p1": "Floating Flows is premium AcroYoga in Freiburg — a calm, light-filled practice where partner acrobatics, breath and therapeutic touch come together. We are a place to arrive, to let go, and to discover what your body can do with another’s support.",
|
||||
"about.p2": "Classes are led by <strong>Luciana</strong> — mindful, patient and endlessly encouraging. Groups are kept small so no one is rushed and no one is left behind, whether it’s your first time giving weight or your hundredth flight.",
|
||||
"about.p3": "More than a studio, we’re a community. The kind where you arrive a stranger and leave knowing names — where a shared potluck or a cup of tea is as much the practice as the poses themselves.",
|
||||
"about.valuesEyebrow": "What we hold to",
|
||||
"about.valuesH2": "Three things we never compromise.",
|
||||
"about.v1t": "Safety, always",
|
||||
"about.v1p": "Every flight is spotted, every progression earned. We practise fall training and build confidence slowly, so trust is a foundation — never a leap of faith.",
|
||||
"about.v2t": "Everyone belongs",
|
||||
"about.v2p": "No partner, no experience and no particular body required. We work in rotating teams, so our room is for beginners and flyers alike, exactly as they are.",
|
||||
"about.v3t": "Joy is the point",
|
||||
"about.v3p": "Beneath the skill is something simpler: play. We protect the laughter, the lightness and the delight of moving together.",
|
||||
"about.ctaEyebrow": "Begin",
|
||||
"about.ctaH2": "Your first flight is waiting.",
|
||||
"about.ctaLede": "Come as you are. We’ll handle the rest.",
|
||||
"about.cta1": "Book a class"
|
||||
};
|
||||
|
||||
var STORE = "ff-lang";
|
||||
|
||||
function apply(lang) {
|
||||
var root = document.documentElement;
|
||||
root.setAttribute("data-lang", lang);
|
||||
root.setAttribute("lang", lang);
|
||||
var nodes = document.querySelectorAll("[data-i18n]");
|
||||
for (var i = 0; i < nodes.length; i++) {
|
||||
var el = nodes[i], key = el.getAttribute("data-i18n");
|
||||
if (lang === "en") {
|
||||
if (el.getAttribute("data-de") === null) el.setAttribute("data-de", el.innerHTML);
|
||||
if (EN[key] != null) el.innerHTML = EN[key];
|
||||
} else if (el.getAttribute("data-de") !== null) {
|
||||
el.innerHTML = el.getAttribute("data-de");
|
||||
}
|
||||
}
|
||||
var btns = document.querySelectorAll("[data-setlang]");
|
||||
for (var j = 0; j < btns.length; j++) {
|
||||
var b = btns[j];
|
||||
b.setAttribute("aria-pressed", b.getAttribute("data-setlang") === lang ? "true" : "false");
|
||||
}
|
||||
try { localStorage.setItem(STORE, lang); } catch (e) {}
|
||||
}
|
||||
|
||||
function init() {
|
||||
var saved = "de";
|
||||
try { saved = localStorage.getItem(STORE) || "de"; } catch (e) {}
|
||||
if (saved === "en") apply("en");
|
||||
document.addEventListener("click", function (e) {
|
||||
var t = e.target.closest("[data-setlang]");
|
||||
if (!t) return;
|
||||
e.preventDefault();
|
||||
apply(t.getAttribute("data-setlang"));
|
||||
});
|
||||
}
|
||||
|
||||
if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", init);
|
||||
else init();
|
||||
})();
|
||||
Reference in New Issue
Block a user