/* Custom infinite carousel for reviews (no external libs) */ (function () { const container = document.getElementById('customReviewsCarousel'); if (!container) return; // === your reviews array === const reviews = [ { text: "Die Arbeit mit Thomas hat meine Körperwahrnehmung und Bewegungskontrolle im Alltag deutlich verbessert. Ich spüre eine bessere Koordination und Balance und bin in der Lage, unnötige Spannungen im gesamten Körper bewusst zu vermeiden.", name: "Mario Pasquariello", info: "Musiker, Juni 2025" }, { text: "Thomas Hirt ist für mich ein äußerst einfühlsamer und kompetenter Lehrer, der nicht nur die praktische Anwendung, sondern auch die theoretischen Grundlagen der Alexander-Technik klar und verständlich vermittelt.", name: "Florian Drexler", info: "Schauspieler, Mai 2025" }, { text: "Ich lerne Körpererfahrung und Umgang mit meinem Körper, wie ich es bisher nicht konnte, weil ich es mir nicht bewusst machen konnte. Als Pianistin nutze ich die erlernte Körpererfahrung sowohl im Alltag als auch dabei, wie ich meinen Körper beim Klavierspielen einsetze.", name: "Nina Atorf", info: "Pianistin, Dezember 2024" }, { text: "Besonders im Hinblick auf ökonomische Bewegungsabläufe und einen bewussteren Umgang mit Spannung und Atmung war die Arbeit mit ihm für mich sehr wertvoll.", name: "Jörg Leichtfried", info: "Pianist, November 2024" }, { text: "Manchmal wundere ich mich wirklich, wie unnötig und kontraproduktiv ich mich unbewusst bewege und mir damit selbst Stress mache. Es ist so erleichternd, wenn ich merke, ich kann mehr, als ich bisher von mir kenne.", name: "Andrea Hochgerner", info: "November 2024" }, { text: "Wo Physiotherapie und spezielle Muskeltrainings nicht helfen konnten, verschwinden meine Schmerzen durch kaum merklichen Aufwand Schritt für Schritt. Ich baue Kontakt zu Muskeln auf, die für meine Haltung zuständig sind, ohne es zu merken.", name: "Michael Loidl", info: "Schlagzeuger, 2023" }, { text: "Nach mittlerweile 2 Jahren habe ich noch immer nach jeder Einheit das Gefühl zu schweben. Wenn ich die Wahl zwischen Massage und Alexander-Technik habe, fällt mir die Entscheidung leicht: Ich geh mal wieder zum Thomas!", name: "Christian Gottlieb", info: "Trainer, August 2021" }, { text: "When I first moved to Vienna in autumn 2019, I had lost my voice – I think due to holding a lot of stress in my neck and shoulders. Thomas helped me steadily release that tension, breathe more freely and move around this new city with more ease. My voice came back, but I've been having regular Alexander Technique lessons with Thomas ever since.", name: "Jenny Reddish", info: "Juli 2021" }, { text: "Ich bin Schauspielerin und habe durch die Arbeit mit Thomas lernen können, effizienter mit meinem Körper umzugehen, wodurch ich insgesamt viel entspannter geworden bin - sowohl auf der Bühne als auch im sonstigen Leben.", name: "Sonja Pikart", info: "Schauspielerin, Juli 2021" }, { text: "Nach einer Bizepssehnenentzündung, die weder mit Physiotherapie noch anderen Maßnahmen ganz ausheilen wollte, ging ich zu Thomas, um die Alexander-Technik zu erfahren. Nach nur wenigen Sitzungen sind die Beschwerden nun gänzlich verschwunden und darüber hinaus hat sich meine Körperhaltung wesentlich verbessert.", name: "Asim Aliloski", info: "April 2019" }, { text: "Die Stunden haben nicht nur mein Spiel am Instrument, sondern auch meine alltäglichen Bewegungen erleichtert. Die Arbeit mit Thomas hat es mir ermöglicht, meinen eigenen Körper genauer zu beobachten und besser zu spüren.", name: "Kenta Uno", info: "Cellist, März 2019" }, { text: "Die Stunden bei Thomas waren durch seine ruhige und angenehme Art eine kleine Auszeit: zu sich kommen, seinen Körper bewusst werden und so, nachdem Thomas mir gezeigt hat wie, selbst in der Lage sein, den eigenen Körper so auszurichten, dass ich das Schienenbeinkantensyndrom in den Griff bekommen habe. Ich laufe bereits längere Zeit schmerzfrei und wieder mit viel Freude und einer neuen Leichtigkeit.", name: "Sarah Mikula", info: "März 2019" }, { text: "Durch die Alexandertechnik-Stunden bei Thomas weiß ich endlich was günstig für meine Körperhaltung ist. Ich konnte mir viel Hilfreiches für den Alltag mitnehmen und baue die Elemente immer wieder ein. Des Öfteren habe ich damit Kopfschmerzen ohne Schmerzmittel wegbekommen.", name: "Valentina Mureny", info: "August 2018" }, { text: "Meine starken Rückenbeschwerden sind dank der Alexandertechnik-Einheiten mit Thomas Geschichte, und ich schaffe es nun meinen Körper besser und ressourcenschonender einzusetzen.", name: "Manuel Vlcek", info: "August 2018" }, { text: "Vor einigen Monaten ging ich regelmäßig zum Orthopäden, um mir Schmerzen und Verspannungen in Nacken und Hals durch Infiltration lindern zu lassen. Nach mehreren Stunden AT sind die Schmerzen zwar nicht verschwunden, aber doch wesentlich geringer geworden.", name: "Christoph Kretz", info: "März 2017" }, { text: "Die Arbeit mit der Alexander-Technik gibt mir mehr Achtsamkeit für den Körper, aber auch insgesamt fürs Bewusstsein – eine Zielhaltung, die oft mit Angespannt-Sein in Verbindung steht, loszulassen und mehr zu spüren, flexibler zu reagieren und präsenter zu sein.", name: "Kurt Neugebauer", info: "August 2016" }, { text: "Durch Thomas habe ich gelernt meinen sich bewegenden Körper als Teil eines größeren Ganzen, als räumlich und mit dem umgebenden Raum verbunden zu erleben. Das ist das, was mir an der Alexander-Technik sehr gut gefällt.", name: "Barbara Vörös", info: "November 2016" }, { text: "Kurz gesagt: Ich lerne Schritt für Schritt und mit wachsendem Spass, an mein eigenes Potenzial zu glauben!", name: "Georges Barthel", info: "Prof. für Traversflöte, November 2016" } ]; // === helpers === function extractYear(info) { if (!info) return 0; const m = info.match(/20\d{2}/); return m ? parseInt(m[0], 10) : 0; } // sort by year desc const sorted = reviews.slice().sort((a, b) => extractYear(b.info) - extractYear(a.info)); const viewport = container.querySelector('.cc-viewport'); const track = container.querySelector('.cc-track'); const prevBtn = container.querySelector('.cc-prev'); const nextBtn = container.querySelector('.cc-next'); // state let slidesPerView = 3; let slideWidth = 0; let currentIndex = 0; // index on the "augmented" array (with clones) let autoplayTimer = null; let isTransitioning = false; // build slides and clones for infinite loop function buildSlides() { track.innerHTML = ''; // build original slides (sorted order) const originals = sorted.map((r, i) => { const slide = document.createElement('div'); slide.className = 'cc-slide'; const color = (i % 2 === 0) ? 'review-yellow' : 'review-pink'; slide.innerHTML = `

${escapeHtml(r.text)}

${escapeHtml(r.name)}

${escapeHtml(r.info)}

`; return slide; }); // determine clones count = slidesPerView (safe) const cloneCount = Math.max(1, slidesPerView); // prepend clones (last cloneCount items) const prepend = originals.slice(-cloneCount).map(s => s.cloneNode(true)); prepend.forEach(n => track.appendChild(n)); // append originals originals.forEach(s => track.appendChild(s)); // append clones (first cloneCount items) const append = originals.slice(0, cloneCount).map(s => s.cloneNode(true)); append.forEach(n => track.appendChild(n)); } function escapeHtml(str) { return String(str).replace(/&/g, '&').replace(//g, '>'); } // compute slidesPerView based on viewport width function computeSlidesPerView() { const w = window.innerWidth; if (w >= 1024) return 3; if (w >= 768) return 2; return 1; } // set sizes function setSizes() { slidesPerView = computeSlidesPerView(); const slides = track.querySelectorAll('.cc-slide'); // viewport inner width const vw = viewport.clientWidth; slideWidth = Math.floor(vw / slidesPerView); slides.forEach(s => { s.style.width = slideWidth + 'px'; }); // set track transform so that we start at the first original slide (after clones) const cloneCount = Math.max(1, slidesPerView); currentIndex = cloneCount; // position at first original setTransformInstant(); equalizeHeights(); // heights depend on width } // transform helpers function setTransformInstant() { track.style.transition = 'none'; track.style.transform = `translateX(${-currentIndex * slideWidth}px)`; // force reflow then restore transition // eslint-disable-next-line no-unused-expressions track.offsetHeight; track.style.transition = ''; } function slideTo(index, animate = true) { if (isTransitioning) return; isTransitioning = true; if (!animate) { track.style.transition = 'none'; } else { track.style.transition = ''; } currentIndex = index; track.style.transform = `translateX(${-currentIndex * slideWidth}px)`; } // after transitionend, check boundaries and jump if needed track.addEventListener('transitionend', () => { isTransitioning = false; const originalsCount = sorted.length; const cloneCount = Math.max(1, slidesPerView); // if moved past the last original (into appended clones) if (currentIndex >= originalsCount + cloneCount) { // snap back to first original currentIndex = cloneCount; setTransformInstant(); } // if moved before first original (into prepended clones) if (currentIndex < cloneCount) { currentIndex = originalsCount + cloneCount - 1; setTransformInstant(); } }); // Austausch: neue equalizeHeights() Funktion function equalizeHeights() { const cards = Array.from(track.querySelectorAll('.review-card')); if (!cards.length) return; // reset heights so measurement is natural cards.forEach(c => { c.style.height = 'auto'; c.style.boxSizing = 'border-box'; }); // measure max natural height let max = 0; cards.forEach(c => { const h = c.getBoundingClientRect().height; if (h > max) max = h; }); // add small buffer to accommodate padding/shadow/rounding const BUFFER = 12; // px; adjust if you still see tiny clipping const finalH = Math.ceil(max + BUFFER); // apply final height to cards and set viewport min-height cards.forEach(c => { c.style.height = finalH + 'px'; }); // ensure the viewport fits the cards (use min-height for flexibility) if (viewport) { viewport.style.minHeight = finalH + 'px'; } } // navigation function next() { if (isTransitioning) return; slideTo(currentIndex + 1, true); } function prev() { if (isTransitioning) return; slideTo(currentIndex - 1, true); } // autoplay const AUTOPLAY_DELAY = 4000; function startAutoplay() { stopAutoplay(); autoplayTimer = setInterval(() => { next(); }, AUTOPLAY_DELAY); } function stopAutoplay() { if (autoplayTimer) { clearInterval(autoplayTimer); autoplayTimer = null; } } // pause on hover/focus container.addEventListener('mouseenter', stopAutoplay); container.addEventListener('mouseleave', startAutoplay); container.addEventListener('focusin', stopAutoplay); container.addEventListener('focusout', startAutoplay); // buttons prevBtn && prevBtn.addEventListener('click', () => { prev(); }); nextBtn && nextBtn.addEventListener('click', () => { next(); }); // resize handling let resizeTimer = null; window.addEventListener('resize', () => { if (resizeTimer) clearTimeout(resizeTimer); resizeTimer = setTimeout(() => { // rebuild clones if slidesPerView changed const newSpv = computeSlidesPerView(); const oldSpv = slidesPerView; if (newSpv !== oldSpv) { buildSlides(); } setSizes(); }, 120); }); // initial setup (build slides, set sizes, start autoplay) function init() { buildSlides(); // set sizes after next paint so CSS applied requestAnimationFrame(() => { setSizes(); startAutoplay(); }); } // small utility: ensure we init after load (fonts/images) if (document.readyState === 'complete') { init(); } else { window.addEventListener('load', () => init(), { once: true }); // fallback if load doesn't fire setTimeout(() => { if (!autoplayTimer) init(); }, 800); } // expose for debugging window._customReviewsCarousel = { next, prev, startAutoplay, stopAutoplay, rebuild: () => { buildSlides(); setSizes(); } }; })();