✓ Vielen Dank!
Wir melden uns bald bei Ihnen.
';
});
}
// ── REVIEW CAROUSEL ──
const reviewsTrack = document.getElementById('reviewsTrack');
const carouselDots = document.getElementById('carouselDots');
if (reviewsTrack) {
const cards = reviewsTrack.querySelectorAll('.review-card');
let currentSlide = 0;
let slideWidth = 0;
let slidesPerView = 3;
let autoplayTimer;
function updateSlideWidth() {
slideWidth = cards[0]?.offsetWidth ?? 0;
const gapStyle = window.getComputedStyle(reviewsTrack).gap;
const gap = parseInt(gapStyle) || 0;
slidesPerView = window.innerWidth <= 768 ? 1 : window.innerWidth <=1024 ? 2 : 3; } function buildDots() {
carouselDots.innerHTML='' ; const totalSlides=Math.ceil(cards.length / slidesPerView); for (let i=0; i <
totalSlides; i++) { const dot=document.createElement('button'); dot.className='carousel-dots ' + (i===0 ? 'active'
: '' ); dot.addEventListener('click', ()=> goToSlide(i));
carouselDots.appendChild(dot);
}
}
function goToSlide(index) {
const totalSlides = Math.ceil(cards.length / slidesPerView);
currentSlide = Math.max(0, Math.min(index, totalSlides - 1));
const offset = -(currentSlide * slideWidth * slidesPerView + currentSlide * 32);
reviewsTrack.style.transform = `translateX(${offset}px)`;
document.querySelectorAll('.carousel-dots').forEach((d, i) => {
d.classList.toggle('active', i === currentSlide);
});
}
function autoplay() {
const totalSlides = Math.ceil(cards.length / slidesPerView);
goToSlide((currentSlide + 1) % totalSlides);
}
function startAutoplay() {
autoplayTimer = setInterval(autoplay, 5000);
}
updateSlideWidth();
buildDots();
startAutoplay();
reviewsTrack.addEventListener('mouseenter', () => clearInterval(autoplayTimer));
reviewsTrack.addEventListener('mouseleave', startAutoplay);
window.addEventListener('resize', () => {
updateSlideWidth();
goToSlide(0);
buildDots();
});
// Touch swipe
let touchStart = 0;
reviewsTrack.addEventListener('touchstart', e => {
touchStart = e.touches[0].clientX;
}, { passive: true });
reviewsTrack.addEventListener('touchend', e => {
const diff = touchStart - e.changedTouches[0].clientX;
if (Math.abs(diff) > 50) {
goToSlide(diff > 0 ? currentSlide + 1 : currentSlide - 1);
}
}, { passive: true });
}
// ── SCROLL ANIMATIONS ──
const observerOptions = {
threshold: 0.15,
rootMargin: '0px 0px -60px 0px'
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
observer.unobserve(entry.target);
}
});
}, observerOptions);
// Observe cards and elements for animation
document.querySelectorAll('.leistung-card, .galerie-item, .review-card, .value-item').forEach(el => {
el.style.opacity = '0';
el.style.transform = 'translateY(30px)';
el.style.transition = 'opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.7s cubic-bezier(0.25, 0.46,
0.45, 0.94)';
observer.observe(el);
});