(function(){ 'use strict'; /* -- Scroll Reveal (IntersectionObserver + Fallback) -- */ function revealCheck() { var els = document.querySelectorAll('[data-reveal]:not(.revealed), .reveal:not(.revealed)'); var wh = window.innerHeight; els.forEach(function(el) { var rect = el.getBoundingClientRect(); if (rect.top < wh - 40 && rect.bottom > 0) { el.classList.add('visible'); el.classList.add('revealed'); } }); } if ('IntersectionObserver' in window) { var revealObs = new IntersectionObserver(function(entries) { entries.forEach(function(e) { if (e.isIntersecting) { e.target.classList.add('visible'); e.target.classList.add('revealed'); revealObs.unobserve(e.target); } }); }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' }); document.querySelectorAll('[data-reveal], .reveal').forEach(function(el) { revealObs.observe(el); }); } window.addEventListener('scroll', revealCheck, { passive: true }); window.addEventListener('resize', revealCheck, { passive: true }); revealCheck(); setTimeout(revealCheck, 100); setTimeout(revealCheck, 500); setTimeout(revealCheck, 1500); /* -- Scroll Progress Bar -- */ var bar = document.getElementById('xsite-scroll-progress'); if (bar) { window.addEventListener('scroll', function() { var st = document.documentElement.scrollTop || document.body.scrollTop; var sh = document.documentElement.scrollHeight - document.documentElement.clientHeight; bar.style.width = (sh > 0 ? (st / sh * 100) : 0) + '%'; }, { passive: true }); } /* -- Header Scroll State Toggle -- */ var hdr = document.getElementById('site-header'); if (hdr) { function updateHeader() { if (window.scrollY > 60) { hdr.classList.add('header--scrolled'); hdr.classList.remove('header--transparent'); hdr.style.backgroundColor = ''; } else { hdr.classList.remove('header--scrolled'); hdr.classList.add('header--transparent'); hdr.style.backgroundColor = 'transparent'; } } updateHeader(); setTimeout(updateHeader, 50); setTimeout(updateHeader, 200); setTimeout(updateHeader, 800); window.addEventListener('scroll', updateHeader, { passive: true }); } /* -- Hamburger Toggle (Fullscreen, kein Panel) -- */ var btn = document.getElementById('hamburger'); var nav = document.getElementById('mobile-nav'); if (btn && nav) { function toggleNav() { var open = nav.classList.toggle('mobile-nav--open'); btn.classList.toggle('header__hamburger--open', open); document.body.style.overflow = open ? 'hidden' : ''; } btn.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); toggleNav(); }); nav.querySelectorAll('a').forEach(function(a) { a.addEventListener('click', function() { if (nav.classList.contains('mobile-nav--open')) toggleNav(); }); }); } /* -- Counter Animation -- */ function animateCounter(el) { var target = parseInt(el.dataset.count); if (isNaN(target)) return; var duration = 2000; var startTime = null; function step(ts) { if (!startTime) startTime = ts; var progress = Math.min((ts - startTime) / duration, 1); var eased = 1 - Math.pow(1 - progress, 3); el.textContent = Math.floor(eased * target) + '+'; if (progress < 1) requestAnimationFrame(step); } requestAnimationFrame(step); } if ('IntersectionObserver' in window) { var counterObs = new IntersectionObserver(function(entries) { entries.forEach(function(e) { if (e.isIntersecting) { animateCounter(e.target); counterObs.unobserve(e.target); } }); }, { threshold: 0.5 }); document.querySelectorAll('[data-xse-theme-zaehler-aus]').forEach(function(el) { counterObs.observe(el); }); } /* -- FAQ Accordion -- */ document.querySelectorAll('.faq__question').forEach(function(btn) { btn.addEventListener('click', function() { var item = btn.closest('.faq__item'); var isOpen = item.classList.contains('faq__item--open'); var parent = item.closest('.faq__grid') || item.closest('.faq__list') || item.parentElement; parent.querySelectorAll('.faq__item').forEach(function(i) { i.classList.remove('faq__item--open'); }); if (!isOpen) item.classList.add('faq__item--open'); }); }); /* -- Smooth Scroll for Anchor Links -- */ document.querySelectorAll('a[href^="#"]').forEach(function(a) { a.addEventListener('click', function(e) { var t = document.querySelector(this.getAttribute('href')); if (t) { e.preventDefault(); t.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }); }); /* -- Hero Clock (CET) -- */ var clock = document.getElementById('x-hero-clock'); if (clock) { function updateClock() { var d = new Date(); try { clock.textContent = d.toLocaleTimeString('de-DE', { hour:'2-digit', minute:'2-digit', second:'2-digit', timeZone:'Europe/Berlin' }) + ' CET'; } catch(e) { var pad = function(n){ return n < 10 ? '0' + n : '' + n; }; clock.textContent = pad(d.getHours()) + ':' + pad(d.getMinutes()) + ':' + pad(d.getSeconds()) + ' CET'; } } updateClock(); setInterval(updateClock, 1000); } /* -- Custom Cursor: 2026-08-03 ENTFERNT (User-Vorgabe) -- Der Kreis-Cursor ruckelte in Firefox und Safari, in Chrome nicht. Zwei Ursachen: 1. mix-blend-mode:difference auf einem fixed Element — Chrome rechnet das auf der GPU, andere Browser komponieren bei jeder Bewegung neu gegen den gesamten Untergrund. 2. requestAnimationFrame(tick) stand ZWEIMAL — einmal rekursiv in tick(), einmal am Ende des Blocks. Es liefen also zwei parallele Schleifen, die beide jeden Frame beide Transforms schrieben. Weil zusaetzlich `cursor:none` gesetzt war, sah man ausschliesslich das nachhinkende Ersatz-Element statt des echten Zeigers. Die Variable inBuilder wird weiter unten vom Hero-Canvas gebraucht und bleibt. */ var inBuilder = document.body.classList.contains('xsite-builder') || document.body.classList.contains('gjs-frame') || window.parent !== window; /* -- Hero Particle Mesh (Canvas, only when not reduced-motion) -- */ var canvas = document.querySelector('.hero__canvas'); var prefersReducedMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; if (canvas && !prefersReducedMotion && !inBuilder) { var ctx = canvas.getContext('2d'); var dpr = Math.min(window.devicePixelRatio || 1, 2); var w = 0, h = 0, pts = [], cols = 0; var mouse = { x: -1000, y: -1000, has: false }; function resize(){ var r = canvas.getBoundingClientRect(); w = r.width; h = r.height; canvas.width = w * dpr; canvas.height = h * dpr; ctx.setTransform(dpr,0,0,dpr,0,0); var c = Math.max(14, Math.floor(w / 80)); var ro = Math.max(8, Math.floor(h / 80)); pts = []; for (var y = 0; y <= ro; y++){ for (var x = 0; x <= c; x++){ var px = (x / c) * w, py = (y / ro) * h; pts.push({ ox: px, oy: py, x: px, y: py, vx: 0, vy: 0, phase: Math.random() * Math.PI * 2 }); } } cols = c + 1; } function onMove(e){ var r = canvas.getBoundingClientRect(); mouse.x = e.clientX - r.left; mouse.y = e.clientY - r.top; mouse.has = true; } function onLeave(){ mouse.has = false; } function drawLine(a, b){ var near = 0; if (mouse.has){ var cx = (a.x + b.x) / 2, cy = (a.y + b.y) / 2; var dd = Math.sqrt((cx - mouse.x)*(cx - mouse.x) + (cy - mouse.y)*(cy - mouse.y)); near = Math.max(0, 1 - dd / 240); } var alpha = 0.05 + near * 0.55; ctx.strokeStyle = near > 0.5 ? 'rgba(196, 240, 80, ' + alpha + ')' : 'rgba(242, 239, 233, ' + alpha + ')'; ctx.beginPath(); ctx.moveTo(a.x, a.y); ctx.lineTo(b.x, b.y); ctx.stroke(); } var t0 = performance.now(); function tick(t){ ctx.clearRect(0, 0, w, h); var time = t * 0.0009; for (var i = 0; i < pts.length; i++){ var p = pts[i]; var tx = p.ox + Math.sin(time + p.phase) * 8; var ty = p.oy + Math.cos(time * 0.8 + p.phase) * 8; if (mouse.has){ var dx = p.x - mouse.x, dy = p.y - mouse.y; var d2 = dx*dx + dy*dy; if (d2 < 32400 && d2 > 0.01){ var d = Math.sqrt(d2); var force = (1 - d / 180) * 1.6; p.vx += (dx / d) * force; p.vy += (dy / d) * force; } } p.vx += (tx - p.x) * 0.02; p.vy += (ty - p.y) * 0.02; p.vx *= 0.86; p.vy *= 0.86; p.x += p.vx; p.y += p.vy; } ctx.lineWidth = 1; for (var j = 0; j < pts.length; j++){ var a = pts[j]; if ((j + 1) % cols !== 0 && j + 1 < pts.length) drawLine(a, pts[j+1]); if (j + cols < pts.length) drawLine(a, pts[j+cols]); } for (var k = 0; k < pts.length; k++){ var pp = pts[k]; var nm = 0; if (mouse.has){ var ddx = pp.x - mouse.x, ddy = pp.y - mouse.y; var dd2 = Math.sqrt(ddx*ddx + ddy*ddy); nm = Math.max(0, 1 - dd2 / 220); } var rr = 1 + nm * 2.5; var aa = 0.18 + nm * 0.7; ctx.fillStyle = nm > 0.4 ? 'rgba(196, 240, 80, ' + aa + ')' : 'rgba(242, 239, 233, ' + aa + ')'; ctx.beginPath(); ctx.arc(pp.x, pp.y, rr, 0, Math.PI*2); ctx.fill(); } requestAnimationFrame(tick); } resize(); window.addEventListener('resize', resize); window.addEventListener('mousemove', onMove); window.addEventListener('mouseleave', onLeave); requestAnimationFrame(tick); } /* -- Dropdown-Link Farb-Fix + Pure-White-Override-Cleanup (Skill SL.1) -- Plugin-Layer injiziert color:#fff inline auf header__link/header__cta/hero__*. Wir ersetzen mit Theme-Tokens (cream #F2EFE9 / dim) ohne pure-white. */ function fixDropdownColors() { var isDark = !document.body.getAttribute('data-color-mode') || document.body.getAttribute('data-color-mode') === 'dark'; var fg = isDark ? '#F2EFE9' : '#0A0A0A'; var fgDim = isDark ? 'rgba(242, 239, 233, 0.85)' : '#0A0A0A'; var fgMute = isDark ? 'rgba(242, 239, 233, 0.62)' : '#0A0A0A'; // Dropdown-Links bleiben mute document.querySelectorAll('.header__dropdown-link').forEach(function(el) { el.style.setProperty('color', fgMute, 'important'); el.style.setProperty('-webkit-text-fill-color', fgMute, 'important'); el.style.setProperty('text-shadow', 'none', 'important'); }); // Header-Nav-Links: cream-dim, NICHT pure white document.querySelectorAll('.header__link, .mobile-nav__link').forEach(function(el) { var cs = getComputedStyle(el); if (cs.color === 'rgb(255, 255, 255)' || el.style.color === 'rgb(255, 255, 255)' || el.style.color === '#fff' || el.style.color === '#FFFFFF') { el.style.setProperty('color', fgDim, 'important'); el.style.setProperty('-webkit-text-fill-color', fgDim, 'important'); } }); // Hero-Texts: cream, kein pure-white document.querySelectorAll('.hero__headline, .hero__headline *, .hero__subline, .hero__subline-text, .hero__subline > p, .hero__badge, .hero__meta-item').forEach(function(el) { var cs = getComputedStyle(el); if (cs.color === 'rgb(255, 255, 255)') { el.style.setProperty('color', fg, 'important'); el.style.setProperty('-webkit-text-fill-color', fg, 'important'); } }); // Section-Headings: cream document.querySelectorAll('.section-heading, .hd-1, .hd-2, .hd-3, h1, h2, h3').forEach(function(el) { var cs = getComputedStyle(el); if (cs.color === 'rgb(255, 255, 255)') { el.style.setProperty('color', fg, 'important'); el.style.setProperty('-webkit-text-fill-color', fg, 'important'); } }); } fixDropdownColors(); setTimeout(fixDropdownColors, 100); setTimeout(fixDropdownColors, 500); setTimeout(fixDropdownColors, 1500); window.addEventListener('scroll', function() { setTimeout(fixDropdownColors, 50); }, { passive: true }); })(); !function(){ /* v87.3: Reveal-Animationen deaktiviert — alle Elemente sofort sichtbar via CSS */ var h=document.getElementById("site-header")||document.querySelector("header.header"); if(h){ if(!h.id) h.id="site-header"; /* v78.6: Unterseiten ohne .hero → Header sofort solid (header--scrolled) */ var hasHero=!!document.querySelector(".hero"); /* v82.6: Initiale Klassen IMMER korrekt setzen — auch bei scrollY>60 (Browser-Zurueck) */ if(!hasHero){h.classList.remove("header--transparent");h.classList.add("header--scrolled");} else if(window.scrollY<=60){h.classList.add("header--transparent");h.classList.remove("header--scrolled");} else{h.classList.remove("header--transparent");h.classList.add("header--scrolled");} window.addEventListener("scroll",function(){ if(!hasHero){h.classList.add("header--scrolled");h.classList.remove("header--transparent");return;} h.classList.toggle("header--scrolled",scrollY>60);h.classList.toggle("header--transparent",scrollY<=60); },{passive:true}); /* v82.6: PFLICHT-Hintergrund + Gradient-Cleanup bei Scrolled-State */ function checkHeaderBg(){if(h.classList.contains("header--scrolled")){h.style.backgroundImage="none";var bg=window.getComputedStyle(h).backgroundColor;if(!bg||bg==="rgba(0, 0, 0, 0)"||bg==="transparent"){var isLight=document.body.getAttribute("data-color-mode")==="light";h.style.backgroundColor=isLight?"rgba(255,255,255,0.95)":"rgba(11,17,32,0.95)";}}else{h.style.backgroundImage="";h.style.backgroundColor="";}} setTimeout(checkHeaderBg,500);window.addEventListener("scroll",checkHeaderBg,{passive:true}); } /* v83.6: Hamburger Menu (Fullscreen Overlay + Hero-Anim Clone) */ function initHamburger(){ var hb=document.getElementById("hamburger")||document.querySelector(".header__hamburger")||document.querySelector("button[aria-label='Menu']"); var mn=document.getElementById("mobile-nav")||document.querySelector("nav.mobile-nav")||document.querySelector(".mobile-nav"); if(!hb||!mn)return false; if(!hb.id) hb.id="hamburger"; if(!mn.id) mn.id="mobile-nav"; if(hb._xHamburgerInit)return true; hb._xHamburgerInit=true; var isPanel=!!mn.querySelector(".mobile-nav__panel"); var bd=null; if(isPanel){bd=document.querySelector(".mobile-nav-backdrop");if(!bd){bd=document.createElement("div");bd.className="mobile-nav-backdrop";document.body.appendChild(bd);}} var o=false; function stagger(open){ if(isPanel)return; var idx=0; Array.from(mn.children).forEach(function(el){ if(el.classList.contains("mobile-nav__hero-anim-clone"))return; el.style.transitionDelay=open?(0.05+idx*0.05)+"s":"0s"; idx++; }); } function cloneAnim(){ if(isPanel)return; var old=mn.querySelector(".mobile-nav__hero-anim-clone");if(old)old.remove(); var src=document.querySelector(".hero .xh-anim")||document.querySelector(".hero .hero__decoration"); if(!src)return; var w=document.createElement("div");w.className="mobile-nav__hero-anim-clone"; var c=src.cloneNode(true);c.removeAttribute("id");w.appendChild(c); mn.insertBefore(w,mn.firstChild); } function removeClone(){ var el=mn.querySelector(".mobile-nav__hero-anim-clone"); if(el){el.style.opacity="0";setTimeout(function(){if(el.parentNode)el.remove();},400);} } function t(v){ o=typeof v==="boolean"?v:!o; hb.classList.toggle("header__hamburger--open",o); mn.classList.toggle("mobile-nav--open",o); if(isPanel&&bd)bd.classList.toggle("mobile-nav-backdrop--visible",o); document.body.style.overflow=o?"hidden":""; stagger(o); if(o){cloneAnim();}else{removeClone();} /* v88.11: Toggle X-close button visibility */ var _cb=mn.querySelector(".mobile-nav__close");if(_cb)_cb.style.display=o?"block":"none"; } mn._xNavClose=function(){t(false);}; /* v88.11: X-Close Button INSIDE mobile-nav (escapes header isolation stacking context) */ if(!mn.querySelector(".mobile-nav__close")){ var cb=document.createElement("button");cb.className="mobile-nav__close";cb.setAttribute("aria-label","Close menu"); cb.innerHTML=""; cb.style.cssText="position:fixed;top:20px;right:20px;z-index:10002;background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:none;"; mn.appendChild(cb);cb.addEventListener("click",function(e){e.preventDefault();e.stopPropagation();t(false);}); } hb.addEventListener("click",function(e){e.preventDefault();e.stopPropagation();t();},{passive:false}); if(isPanel&&bd){bd.addEventListener("click",function(){t(false);});} if(!isPanel){mn.addEventListener("click",function(e){if(e.target===mn)t(false);});} mn.querySelectorAll("a:not(.mobile-nav__dropdown-toggle)").forEach(function(a){a.addEventListener("click",function(){t(false);});}); document.addEventListener("keydown",function(e){if(e.key==="Escape"&&o)t(false);}); return true; } if(!initHamburger()){setTimeout(initHamburger,500);setTimeout(initHamburger,1500);} /* v78.22: Smooth Scroll fuer Anker-Links */ document.querySelectorAll("a[href^='#']").forEach(function(anchor){ anchor.addEventListener("click",function(e){ var id=this.getAttribute("href"); if(id==="#"||id.length<2)return; try{var el=document.querySelector(id);}catch(err){return;} if(el){ e.preventDefault(); /* v83.6: via _xNavClose fuer Stagger+Clone Cleanup */ var _mn=document.getElementById("mobile-nav")||document.querySelector("nav.mobile-nav")||document.querySelector(".mobile-nav"); if(_mn&&_mn._xNavClose){_mn._xNavClose();}else{if(_mn)_mn.classList.remove("mobile-nav--open");var _hb=document.getElementById("hamburger")||document.querySelector(".header__hamburger");if(_hb)_hb.classList.remove("header__hamburger--open");document.body.style.overflow="";} var off=80;window.scrollTo({top:el.getBoundingClientRect().top+window.pageYOffset-off,behavior:"smooth"}); } }); }); }();

Kontakt

Kontaktieren Sie uns