(function(){ 'use strict'; 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.12,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); 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; if(bar.animate){if(!bar.__xa){bar.style.transition='none';bar.style.width='100%';bar.style.transformOrigin='0 50%';bar.__xa=bar.animate([{transform:'scaleX(0)'},{transform:'scaleX(1)'}],{duration:1000,fill:'both'});bar.__xa.pause();}bar.__xa.currentTime=(sh > 0 ? (st / sh) : 0)*1000;}else{bar.style.width = (sh > 0 ? (st / sh * 100) : 0) + '%';} },{passive:true}); } var hdr = document.getElementById('site-header'); if(hdr){ function updateHeader(){ if(window.scrollY > 60){ hdr.classList.add('header--scrolled'); hdr.classList.remove('header--transparent'); } else { hdr.classList.remove('header--scrolled'); hdr.classList.add('header--transparent'); } } updateHeader(); setTimeout(updateHeader,50); setTimeout(updateHeader,200); window.addEventListener('scroll', updateHeader, {passive:true}); } 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); btn.setAttribute('aria-label', open ? 'Menu schliessen' : 'Menu oeffnen'); 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();});}); } function animateCounter(el){ var raw = el.dataset.count || el.textContent.trim(); var target = parseInt(raw, 10); 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) + (raw.indexOf('+') !== -1 ? '+' : ''); 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);}); } document.querySelectorAll('.faq__question').forEach(function(q){ q.addEventListener('click', function(){ var item = q.closest('.faq__item'); if(!item) return; var isOpen = item.classList.contains('faq__item--open'); var parent = item.closest('.faq__grid') || item.closest('.faq__list') || item.parentElement; if(parent) parent.querySelectorAll('.faq__item').forEach(function(i){i.classList.remove('faq__item--open');}); if(!isOpen) item.classList.add('faq__item--open'); q.setAttribute('aria-expanded', !isOpen); }); }); document.querySelectorAll('a[href^="#"]').forEach(function(a){ a.addEventListener('click', function(e){ var href = this.getAttribute('href'); if(href === '#' || href.length < 2) return; var t = document.querySelector(href); if(t){e.preventDefault(); t.scrollIntoView({behavior:'smooth',block:'start'});} }); }); // v82.13: Smart-Icon-Picker mit MutationObserver + Multi-Run (Bulletproof) // Garantiert dass JEDE USPs/Audience/Packages-Card ein Icon hat — auch nach Builder-Save, // Plugin-Layer-Manipulation, oder dynamischem Content-Load. // 5 Trigger: DOMContentLoaded, 100ms, 500ms, 2000ms, window.load + MutationObserver. var SVG_HEAD = ''; } // Keyword → Icon-Name (Reihenfolge wichtig: spezifisch → allgemein) var KEYWORD_MAP = [ [/garantie|gewährleistung|gewahrleistung|sicher|verlaesslich|verlässlich|haftung/i, 'shield'], [/(zertifik|meister|pruefung|prüfung|qualifik|expertise|fachkr)/i, 'award'], [/oldtim|klassik|tradition/i, 'star'], [/elektr|hybrid|nachhaltig|strom|e-?auto|evb/i, 'bolt'], [/(haut|haar)s*analy|diagnose|untersuch|skin|microscop/i, 'microscope'], [/(termin|appointment|reservier|buchen|booking)/i, 'calendar'], [/(zeit|schnell|kurzfristig|24s*h|rund.?um.?die.?uhr)/i, 'clock'], [/(beratung|gespraech|gespräch|persoenlich|persönlich|kommunika|customers*support)/i, 'message'], [/(team|mitarbeiter|spezialist|profis|kosmetiker|mechaniker|handwerker|gaertner|gärtner)/i, 'users'], [/(privat|familie|wohnen|haus(?!meister)|home)/i, 'home'], [/(gewerbe|business|firma|geschaef|geschäft|gewerblich|flott|enterprise)/i, 'briefcase'], [/(handwerk|reparatur|werkzeug|wartung|service.*werkstatt|tool)/i, 'wrench'], [/(natur|garten|bio|umwelt|pflanze|nachhaltig)/i, 'leaf'], [/(lieferung|transport|fahrzeug(?!.*pflege)|hol.?und.?bring)/i, 'truck'], [/(preis|tarif|kost|fair|transparent|euro)/i, 'euro'], [/(inklusi|kostenlos|gratis|ims*paket)/i, 'check'], [/(qualit|premium|exzellenz|hochwertig|best|exklusiv|luxus)/i, 'star'], [/(innovat|modern|technolog|neu|hightech|state.?of.?the.?art)/i, 'sparkles'], [/(idee|konzept|kreativ|loesung|lösung|inspiration)/i, 'lightbulb'], [/(wohlfuehl|wohlfühl|liebe|herz|kundens*orient)/i, 'heart'], [/(angebot|paket|deal|special|gutschein|tag)/i, 'tag'], [/(person|target|zielgruppe|kunde|client)/i, 'user'] ]; function smartIcon(title, type) { var t = (title || '').toLowerCase(); for (var i=0; i60 (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","Menü schließen"); 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=((document.getElementById("site-header")||document.querySelector("header")||{}).offsetHeight||80)+24;window.scrollTo({top:el.getBoundingClientRect().top+window.pageYOffset-off,behavior:"smooth"}); } }); }); }();

Kontakt

Lassen Sie uns sprechen