https://schauundhorch.de/_next/static/chunks/app/%5Blocale%5D/page-5a51cd76c9b87cae.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5061],{31994:function(e,t,s){Promise.resolve().then(s.bind(s,19721)),Promise.resolve().then(s.bind(s,2211)),Promise.resolve().then(s.bind(s,28722)),Promise.resolve().then(s.bind(s,37275)),Promise.resolve().then(s.bind(s,87292)),Promise.resolve().then(s.bind(s,94305)),Promise.resolve().then(s.bind(s,88765)),Promise.resolve().then(s.bind(s,28529))},19721:function(e,t,s){"use strict";function i(e){let{reason:t,children:s}=e;return s}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"BailoutToCSR",{enumerable:!0,get:function(){return i}}),s(99775)},2211:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return h}});var i=s(3827),n=s(58378),a=s(54727),r=s(44923),l=s(91471),o=s(64090),d=s(5279),c=s(7633);let m=e=>{let{className:t,size:s=24,strokeWidth:n=2}=e;return(0,i.jsx)("svg",{width:s,height:s,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:n,strokeLinecap:"round",strokeLinejoin:"round",className:t,children:(0,i.jsx)("path",{d:"M7 17L17 7M17 7H7M17 7V17"})})},u=[{id:"01",title:"Markenstrategie",text:"Wir entwickeln den Kern deiner Marke: Positionierung, Werte, Purpose, Zielgruppenverst\xe4ndnis und ein Naming, das bleibt. Dabei arbeiten wir datenbasiert, intuitiv und immer mit einem klaren Ziel: Relevanz.",tags:["Positionierung","Naming"],color:"#ff006e",isSequence:!0,sequencePath:"/images/focus/markenstrategie-sequence/markenstrategie-branding-agentur-",image:"/images/focus/markenstrategie-sequence/markenstrategie-branding-agentur-001.webp",glowColor:"rgba(255, 0, 110, 0.15)",buttons:[{name:"Markenstrategie",href:"/markenstrategie"},{name:"Markenentwicklung",href:"/markenentwicklung"}]},{id:"02",title:"Brand Design",text:"Wir geben deiner Marke ein unverwechselbares Gesicht. Vom Logo bis zur Hausschrift, von der Farbwelt bis zur Bildsprache. Alles ist auf deine Strategie abgestimmt – f\xfcr Wiedererkennung mit Haltung.",tags:["Logo Design","CI","Styleguide"],color:"#00a8ff",isSequence:!0,sequencePath:"/images/focus/brand-design-sequence/brand-design-corporate-identity-",image:"/images/focus/brand-design-sequence/brand-design-corporate-identity-001.webp",glowColor:"rgba(0, 168, 255, 0.15)",buttons:[{name:"Branding entdecken",href:"/branding"}]},{id:"03",title:"Digital Branding",text:"Wir \xfcbertragen deine Markenwelt in digitale Formate: Webseiten, Inhalte, Plattformstrategien. Immer mit Fokus auf Funktion, Nutzererlebnis und starker visueller Umsetzung.",tags:["Webdesign","UI/UX","App Design"],color:"#39ff14",isSequence:!0,sequencePath:"/images/focus/cube-sequence/digital-branding-agentur-cube-",image:"/images/focus/cube-sequence/digital-branding-agentur-cube-001.webp",glowColor:"rgba(57, 255, 20, 0.15)",buttons:[{name:"Webdesign entdecken",href:"/webdesign"}]}];function x(e){let{item:t,index:s,progress:a,images:r,isMobile:l}=e,c=.2+.2*s,u=(0,n.H)(a,[c,c+.2],[0,60]),[x,h]=(0,o.useState)(0);return(0,o.useEffect)(()=>u.onChange(e=>h(Math.min(60,Math.max(0,Math.floor(e))))),[u]),(0,i.jsxs)("div",{className:"w-[85vw] md:w-[75vw] lg:w-[70vw] h-auto md:h-[50vh] flex-shrink-0 bg-[#1c1c1c] rounded-[40px] md:rounded-[48px] py-6 md:py-16 px-6 md:px-24 border border-white/5 flex flex-col md:flex-row items-center gap-3 md:gap-12 group shadow-[0_40px_100px_rgba(0,0,0,0.3)] hover:border-white/10 transition-all duration-500",children:[(0,i.jsxs)("div",{className:"w-full md:w-[60%] flex flex-col justify-center text-center md:text-left order-2 md:order-1",children:[(0,i.jsx)("h3",{className:"text-2xl md:text-4xl lg:text-5xl font-sora font-normal text-white mb-1.5 md:mb-6 tracking-tight leading-[1.1]",children:t.title}),(0,i.jsx)("div",{className:"md:hidden w-full aspect-square mb-3 flex items-center justify-center",children:r[x]?(0,i.jsx)("img",{src:r[x].src,alt:t.title,width:400,height:400,loading:"lazy",decoding:"async",className:"w-full h-auto max-h-[12dvh] object-contain",style:{filter:"drop-shadow(0 0 30px ".concat(t.glowColor,")")}}):(0,i.jsx)("img",{src:t.image.replace(".png",".webp"),alt:t.title,width:400,height:400,loading:"lazy",decoding:"async",className:"w-full h-auto max-h-[12dvh] object-contain"})}),(0,i.jsx)("p",{className:"text-white/60 text-sm md:text-base lg:text-lg font-light mb-5 md:mb-10 max-w-xl leading-relaxed mx-auto md:ml-0",children:t.text}),(0,i.jsxs)("div",{className:"flex flex-col gap-5 md:gap-8",children:[(0,i.jsx)("div",{className:"flex flex-wrap gap-2 md:gap-4 justify-center md:justify-start",children:t.tags.map(e=>(0,i.jsx)("div",{className:"px-4 py-2 border border-white/10 rounded-full text-[11px] md:text-[10px] font-bold uppercase tracking-[0.2em] text-white/40",children:e},e))}),(0,i.jsx)("div",{className:"flex flex-wrap gap-2 md:gap-4 justify-center md:justify-start",children:t.buttons.map(e=>(0,i.jsxs)(d.rU,{href:e.href,className:"group flex items-center gap-3 md:gap-4 pl-5 md:pl-6 pr-1 md:pr-1.5 py-1.5 md:py-1.5 border border-white/20 rounded-full hover:bg-white/10 transition-all bg-black/20 backdrop-blur-md",children:[(0,i.jsx)("span",{className:"text-[11px] md:text-[11px] uppercase tracking-[0.15em] font-bold text-white",children:e.name}),(0,i.jsx)("div",{className:"w-7 h-7 md:w-8 md:h-8 bg-gradient-to-r from-[#00ffa3] via-[#39ff14] to-[#dcff50] animate-gradient rounded-full flex items-center justify-center text-black group-hover:rotate-45 transition-transform duration-500",children:(0,i.jsx)(m,{size:l?14:16,strokeWidth:2.5})})]},e.href))})]})]}),(0,i.jsx)("div",{className:"hidden md:flex w-[40%] h-full items-center justify-center order-2",children:r[x]?(0,i.jsx)("img",{src:r[x].src,alt:t.title,width:800,height:800,loading:"lazy",decoding:"async",className:"w-full h-auto max-h-[42vh] object-contain",style:{filter:"drop-shadow(0 0 30px ".concat(t.glowColor,")")}}):(0,i.jsx)("img",{src:t.image.replace(".png",".webp"),alt:t.title,width:800,height:800,loading:"lazy",decoding:"async",className:"w-full h-auto max-h-[38vh] object-contain"})})]})}function h(){let e=(0,c.T)("Focus"),t=(0,o.useRef)(null),[s,d]=(0,o.useState)(!1),m=(0,o.useMemo)(()=>[{...u[0],title:e("items.01.title"),text:e("items.01.text"),tags:e.raw("items.01.tags"),buttons:e.raw("items.01.buttons")},{...u[1],title:e("items.02.title"),text:e("items.02.text"),tags:e.raw("items.02.tags"),buttons:e.raw("items.02.buttons")},{...u[2],title:e("items.03.title"),text:e("items.03.text"),tags:e.raw("items.03.tags"),buttons:e.raw("items.03.buttons")}],[e]);(0,o.useEffect)(()=>{let e=()=>d(window.innerWidth<768);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let[h,f]=(0,o.useState)([]),[g,p]=(0,o.useState)([]),[b,v]=(0,o.useState)([]),[w,j]=(0,o.useState)(!1),{scrollYProgress:y}=(0,a.v)({target:t,offset:["start start","end end"]}),N=(0,r.q)(y,{stiffness:80,damping:25,restDelta:.001});(0,o.useEffect)(()=>{let e=new IntersectionObserver(t=>{t[0].isIntersecting&&(j(!0),e.disconnect())},{rootMargin:"50px"});return t.current&&e.observe(t.current),()=>e.disconnect()},[]),(0,o.useEffect)(()=>

1{if(!w)return;let e=(e,t,s)=>setTimeout(()=>{let s=()=>{let s=[];for(let t=1;t<=121;t+=4){let i=new Image;i.src="".concat(e).concat(t.toString().padStart(3,"0"),".webp"),s.push(i)}t(s)};"requestIdleCallback"in window?window.requestIdleCallback(s,{timeout:5e3}):setTimeout(s,500)},s),t=e(u[0].sequencePath,f,0),s=e(u[1].sequencePath,p,500),i=e(u[2].sequencePath,v,1e3);return()=>{clearTimeout(t),clearTimeout(s),clearTimeout(i)}},[w]);let k=(0,n.H)(N,[0,.15],[.85,1.1]),H=(0,n.H)(N,[0,.15],["blur(20px)","blur(0px)"]),z=(0,n.H)(N,[0,.1,.8,.9],[0,1,1,0]),L=(0,n.H)(N,[0,.2],["30dvh",s?"-2dvh":"2dvh"]),P=(0,n.H)(N,[.2,.7],["0px",s?"-190vw":"-165vw"]),E=s?"12dvh":"30dvh",M=(0,n.H)(N,[0,.2,.75,.95],["100dvh",E,E,s?"-100dvh":E]),C=(0,n.H)(N,[.8,1],[0,1]);return(0,i.jsx)("section",{ref:t,className:"relative bg-background ".concat(s?"h-[550vh]":"h-[450vh]"," z-20"),children:(0,i.jsxs)("div",{className:"sticky top-0 h-[100dvh] w-full overflow-hidden",children:[(0,i.jsx)(l.m.div,{style:{opacity:z,top:L,scale:k,filter:H},className:"absolute inset-x-0 z-30 flex justify-center pointer-events-none",children:(0,i.jsx)("h2",{className:"text-[clamp(2.8rem,9vw,8.5rem)] font-sora font-normal leading-[0.85] text-white text-center lowercase",dangerouslySetInnerHTML:{__html:e("title")}})}),(0,i.jsx)(l.m.div,{style:{top:M},className:"absolute inset-x-0 z-20 flex flex-col items-start",children:(0,i.jsx)(l.m.div,{style:{x:P},className:"flex gap-12 md:gap-24 px-[7.5vw] md:px-[15vw]",children:m.map((e,t)=>(0,i.jsx)(x,{item:e,index:t,progress:N,images:0===t?h:1===t?g:b,isMobile:s},e.id))})}),(0,i.jsxs)(l.m.div,{style:{opacity:C},className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-4 text-center px-8 pointer-events-none",children:[(0,i.jsx)("p",{className:"bg-gradient-to-r from-[#00ffa3] via-[#39ff14] to-[#dcff50] animate-gradient bg-clip-text text-transparent text-[10px] md:text-xs font-bold uppercase tracking-[0.3em] opacity-70",children:e("closingTag")}),(0,i.jsx)("h3",{className:"text-xl md:text-2xl font-light text-white/50 leading-[1.6] max-w-3xl",children:e("closingTitle")})]})]})})}},37275:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return c}});var i=s(3827),n=s(64090),a=s(91019),r=s(7633),l=s(20703);let o=e=>{let{className:t,size:s=24,strokeWidth:n=2}=e;return(0,i.jsx)("svg",{width:s,height:s,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:n,strokeLinecap:"round",strokeLinejoin:"round",className:t,children:(0,i.jsx)("path",{d:"M7 17L17 7M17 7H7M17 7V17"})})},d=e=>{let{playbackId:t,onPlaying:a,className:r,style:l}=e,o=(0,n.useRef)(null),d=(0,n.useRef)(null);return(0,n.useEffect)(()=>{let e=o.current;if(!e)return;let i="https://stream.mux.com/".concat(t,".m3u8"),n=()=>null==a?void 0:a();return e.addEventListener("playing",n),e.canPlayType("application/vnd.apple.mpegurl")?e.src=i:s.e(2404).then(s.bind(s,33061)).then(t=>{let{default:s}=t;if(s.isSupported()){let t=new s({enableWorker:!0,lowLatencyMode:!1,startLevel:0,maxBufferLength:5,maxMaxBufferLength:15,maxBufferSize:3e7});d.current=t,t.loadSource(i),t.attachMedia(e)}}),()=>{e.removeEventListener("playing",n),d.current&&d.current.destroy()}},[t,a]),(0,i.jsx)("video",{ref:o,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,preload:"none",className:r,style:l})};function c(){let e=(0,r.T)("Hero"),{openBooking:t}

1=(0,a.useBooking)(),s=(0,n.useRef)(null),[c,m]=(0,n.useState)(!1),[u,x]=(0,n.useState)(!1),h=(0,n.useRef)(null),f=(0,n.useRef)(!1),g=(0,n.useRef)({x:0,y:0,time:0});return(0,n.useEffect)(()=>{let e=window.innerWidth<768,t=()=>{m(!0),window.removeEventListener("scroll",t),window.removeEventListener("touchstart",t),window.removeEventListener("mousemove",i)},i=()=>t();window.addEventListener("scroll",t,{passive:!0,once:!0}),window.addEventListener("touchstart",t,{passive:!0,once:!0}),window.addEventListener("mousemove",i,{passive:!0,once:!0});let n=setTimeout(t,12e3);if(e)return()=>{clearTimeout(n),window.removeEventListener("scroll",t),window.removeEventListener("touchstart",t),window.removeEventListener("mousemove",i)};{let e=setTimeout(()=>{f.current=!0},4e3),a=null,r=()=>{if(s.current){let e=s.current.getBoundingClientRect();a={centerX:e.left+e.width/2,centerY:e.top+e.height/2}}},l=setTimeout(r,100);window.addEventListener("resize",r,{passive:!0}),window.addEventListener("scroll",r,{passive:!0});let o=0,d=0,c=!1,m=()=>{c=!1,s.current&&(s.current.style.setProperty("--mx","".concat(o,"px")),s.current.style.setProperty("--my","".concat(d,"px")))},u=e=>{if(f.current&&h.current){let t=performance.now(),s=t-g.current.time;if(s>16){let i=e.clientX-g.current.x,n=e.clientY-g.current.y,a=Math.min(12,Math.sqrt(i*i+n*n)/s*1e3/250);h.current.style.filter=a>.1?"blur(".concat(a,"px)"):"none",g.current={x:e.clientX,y:e.clientY,time:t}}}if(a){let t=Math.sqrt(Math.pow(e.clientX-a.centerX,2)+Math.pow(e.clientY-a.centerY,2));o=t<200?(e.clientX-a.centerX)*.35:0,d=t<200?(e.clientY-a.centerY)*.35:0,c||(c=!0,requestAnimationFrame(m))}};return window.addEventListener("mousemove",u,{passive:!0}),()=>{clearTimeout(e),clearTimeout(l),clearTimeout(n),window.removeEventListener("resize",r),window.removeEventListener("scroll",r),window.removeEventListener("mousemove",u),window.removeEventListener("scroll",t),window.removeEventListener("touchstart",t),window.removeEventListener("mousemove",i)}}},[]),(0,i.jsxs)("section",{className:"relative h-dvh flex flex-col justify-center px-6 md:px-20 overflow-hidden bg-background",children:[(0,i.jsxs)("div",{className:"absolute inset-0 z-0",children:[(0,i.jsx)(l.default,{src:"/images/home/shauundhorch_brandingagency-hero.webp",alt:"SCHAU & HORCH Branding & Webdesign Agentur Bocholt",fill:!0,priority:!0,fetchPriority:"high",placeholder:"blur",blurDataURL:"data:image/webp;base64,UklGRmgAAABXRUJQVlA4IFwAAACwAwCdASoUAAsAPzmGuVOvKSWisAgB4CcJZwAAPH3NX3+GkmIiAAD9lKpmFmhZoGfOBxkeydQflvc/LpG2Ovnh5NPJS8eMozozdfGiBWFTeFcha4lXFAdWiiQwAA==",className:"object-cover pointer-events-none transition-opacity duration-700 ".concat(u?"opacity-0":"opacity-50"),sizes:"100vw",quality:75}),c&&(0,i.jsx)(d,{playbackId:"fObnXok932eQNch02j86HZPwG3LgBNo6X2z00XgeMD02sw",className:"w-full h-full object-cover opacity-50 absolute inset-0",style:{height:"100%",width:"100%",objectFit:"cover"},onPlaying:()=>x(!0)}),(0,i.jsx)("div",{className:"absolute inset-0 bg-black/20 z-10"}),(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-to-b from-transparent via-transparent via-50% to-[#181818] z-20"})]}),(0,i.jsxs)("div",{className:"relative z-20 max-w-[1140px] mx-auto w-full pt-20",children:[(0,i.jsxs)("h1",{className:"font-sora text-[clamp(2.5rem,8vw,7.5rem)] font-normal tracking-[-0.04em] leading-[0.95] text-white text-center md:text-right mb-8 md:mb-12",children:[(0,i.jsx)("span",{className:"hero-word inline-block",style:{animationDelay:"".concat(.3,"s")},children:e("titlePart1")}),(0,i.jsx)("br",{}),(0,i.jsxs)("span",{className:"hero-word inline-block",style:{animationDelay:"".concat(.42,"s")},children:[e("titlePart2"),"\xa0"]}),(0,i.jsx)("span",{"data-cursor-type":"team","data-cursor-text":"Vielfalt",className:"hero-word font-normal bg-gradient-to-r from-[#00ffa3] via-[#39ff14] to-[#dcff50] animate-gradient bg-clip-text text-transparent px-4 -mx-4 drop-shadow-[0_0_15px_rgba(57,255,20,0.3)] inline-block cursor-none",style:{animationDelay:"".concat(.54,"s")},children:e("titlePart3")}),(0,i.jsxs)("span",{className:"hero-word inline-block",style:{animationDelay:"".concat(.66,"s")},children:["\xa0",e("titlePart4")]}),(0,i.jsx)("br",{}),(0,i.jsx)("span",{ref:h,className:"hero-word inline-block",style:{animationDelay:"".concat(.78,"s"),transition:"filter 0.15s ease-out"},children:e("titlePart5")}),(0,i.jsxs)("span",{className:"hero-word inline-block",style:{animationDelay:"".concat(.9,"s")},children:["\xa0",e("titlePart6")]})]}),(0,i.jsx)("p",{className:"hero-subtitle max-w-2xl text-white/50 text-lg md:text-xl font-light leading-relaxed text-center md:text-right mx-auto md:mr-0 md:ml-auto mb-10 md:mb-12",children:e("subtitle")}),(0,i.jsx)("div",{className:"hero-cta flex justify-center md:justify-end",children:(0,i.jsxs)("button",{onClick:()=>t(void 0,"Hero"),className:"group relative overflow-hidden flex items-center gap-6 pl-8 pr-2 py-2 border border-white/20 rounded-full transition-all bg-black/20 backdrop-blur-md before:absolute before:inset-0 before:bg-white/10 before:w-0 hover:before:w-full before:transition-all before:duration-500 before:ease-out",children:[(0,i.jsx)("span",{className:"text-[13px] uppercase tracking-[0.2em] font-bold text-white",children:e("cta")}),(0,i.jsx)("div",{className:"w-12 h-12 bg-gradient-to-r from-[#00ffa3] via-[#39ff14] to-[#dcff50] animate-gradient rounded-full flex items-center justify-center text-black group-hover:rotate-45 transition-transform duration-500",children:(0,i.jsx)(o,{size:24,strokeWidth:2})})]})})]}),(0,i.jsx)("div",{ref:s,onClick:()=>t(void 0,"Hero-Badge"),className:"magnetic-badge absolute bottom-12 left-12 z-30 hidden md:flex opacity-0 md:opacity-100 pointer-events-none md:pointer-events-auto cursor-pointer group",children:(0,i.jsxs)("div",{className:"relative w-44 h-44 flex items-center justify-center",children:[(0,i.jsx)("div",{className:"absolute w-40 h-40 border border-white/10 rounded-full"}),(0,i.jsx)("div",{className:"hero-badge-spin w-40 h-40",children:(0,i.jsxs)("svg",{viewBox:"-5 -5 110 110",className:"w-full h-full overflow-visible",children:[(0,i.jsxs)("defs",{children:[(0,i.jsx)("path",{id:"pathTop",d:"M 15, 50 A 35 35 0 0 1 85 50"}),(0,i.jsx)("path",{id:"pathBottom",d:"M 85, 50 A 35 35 0 0 1 15 50"})]}),(0,i.jsxs)("text",{className:"fill-white text-[9px] font-normal uppercase",style:{letterSpacing:"0.15em"},children:[(0,i.jsxs)("textPath",{href:"#pathTop",startOffset:"50%",textAnchor:"middle",children:[e("badge"),"\xa0\xa0\xb7"]}),(0,i.jsxs)("textPath",{href:"#pathBottom",startOffset:"50%",textAnchor:"middle",children:[e("badge"),"\xa0\xa0\xb7"]})]})]})}),(0,i.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,i.jsx)(o,{className:"text-white w-6 h-6 transition-transform group-hover:translate-x-1 group-hover:-translate-y-1",strokeWidth:1.2})})]})}),(0,i.jsx)("div",{className:"absolute bottom-10 left-1/2 -translate-x-1/2 z-20",children:(0,i.jsx)("div",{className:"w-[1px] h-[80px] bg-white/10 relative overflow-hidden",children:(0,i.jsx)("div",{className:"hero-scroll-indicator absolute top-0 left-0 w-full h-1/2 bg-gradient-to-b from-[#00ffa3] via-[#39ff14] to-[#dcff50] animate-gradient"})})})]})}},87292:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return r}});var i=s(3827),n=s(64090),a=s(7633);function r(){let e=(0,a.T)("Intro"),t=(0,n.useRef)(null);return(0,n.useEffect)(()=>{let e=t.current;if(!e)return;let s=e.querySelectorAll(".intro-fade-up, .intro-headline"),i=new IntersectionObserver(e=>

1{e.forEach(e=>{e.isIntersecting&&(e.target.classList.add("in-view"),i.unobserve(e.target))})},{rootMargin:"0px 0px -10% 0px",threshold:.1});return s.forEach(e=>i.observe(e)),()=>i.disconnect()},[]),(0,i.jsx)("section",{ref:t,className:"relative py-32 md:py-64 px-6 md:px-20 bg-background text-white overflow-hidden",children:(0,i.jsxs)("div",{className:"max-w-[1140px] mx-auto",children:[(0,i.jsx)("h2",{className:"intro-headline font-sora text-[clamp(2rem,4.5vw,4rem)] font-normal leading-[1.05] tracking-[-0.03em] mb-10 md:mb-24 max-w-4xl text-center md:text-left mx-auto md:ml-0",children:e("title")}),(0,i.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-x-24 gap-y-8 md:gap-y-12",children:[(0,i.jsx)("div",{className:"md:col-span-2 mb-8 md:mb-20",children:(0,i.jsx)("p",{className:"intro-fade-up text-2xl md:text-3xl font-light text-white/90 leading-relaxed max-w-5xl text-center md:text-left",children:e("lead")})}),(0,i.jsxs)("div",{className:"intro-fade-up intro-delay-2 space-y-6 md:space-y-10 text-center md:text-left",children:[(0,i.jsx)("p",{className:"text-lg md:text-xl font-light text-white/60 leading-relaxed",children:e("col1_1")}),(0,i.jsx)("p",{className:"text-lg md:text-xl font-light text-white/60 leading-relaxed",children:e("col1_2")})]}),(0,i.jsx)("div",{className:"intro-fade-up intro-delay-3 flex flex-col text-center md:text-left pt-6 md:pt-0",children:(0,i.jsx)("p",{className:"text-lg md:text-xl font-light text-white/60 leading-relaxed",children:e("col2_1")})})]})]})})}},94305:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return u}});var i=s(3827),n=s(64090),a=s(91471),r=s(62389),l=s(54983),o=s(7633),d=s(23531);let c=e=>{let{className:t,size:s=24}=e;return(0,i.jsx)("svg",{width:s,height:s,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:t,children:(0,i.jsx)("path",{d:"M12 5v14M5 12h14"})})},m=e=>{let{className:t,size:s=24}=e;return(0,i.jsx)("svg",{width:s,height:s,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:t,children:(0,i.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})};function u(){let e=(0,o.T)("Newsletter"),[t,s]=(0,n.useState)(!1),[u,x]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let e=()=>{x(window.innerWidth>=1024)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,n.useEffect)(()=>{let e=!1,t=new URLSearchParams(window.location.search).has("ga_debug"),s=s=>{!e&&(t&&"string"==typeof s.origin&&/(leadconnectorhq\.com|msgsndr\.com|gohighlevel)/i.test(s.origin)&&console.log("[GA4 debug] Newsletter postMessage received:",{origin:s.origin,data:s.data}),(0,d.x8)(s.data,"1mi8H7NQy8kHwWG6QKt8")&&(e=!0,(0,d.H5)("Newsletter","Newsletter")))};return window.addEventListener("message",s),()=>window.removeEventListener("message",s)},[]),(0,n.useEffect)(()=>{if(!("IntersectionObserver"in window))return;let e=!1,t=null,s=()=>{if(e)return;let i=document.getElementById("inline-1mi8H7NQy8kHwWG6QKt8");if(!i){setTimeout(s,500);return}(t=new IntersectionObserver(e=>{for(let s of e)if(s.isIntersecting){(0,d.Xh)("1mi8H7NQy8kHwWG6QKt8","Newsletter"),null==t||t.disconnect();break}},{threshold:.3})).observe(i)};return s(),()=>{e=!0,null==t||t.disconnect()}},[t,u]),(0,n.useEffect)(()=>(0,d.LI)("inline-1mi8H7NQy8kHwWG6QKt8","1mi8H7NQy8kHwWG6QKt8","Newsletter"),[]),(0,i.jsx)("section",{id:"newsletter",className:"pt-24 md:pt-0 pb-24 px-6 md:px-20 bg-background relative z-10 overflow-hidden",children:(0,i.jsx)("div",{className:"max-w-[1140px] mx-auto",children:(0,i.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center",children:[(0,i.jsxs)(a.m.div,{initial:{opacity:0,x:-30},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.8},className:"text-center lg:text-left flex flex-col items-center lg:items-start",children:[(0,i.jsxs)("h2",{className:"text-4xl md:text-5xl lg:text-6xl font-sora font-normal mb-6 md:mb-8 leading-[1.1] tracking-tight uppercase",children:[e("title1"),(0,i.jsx)("br",{}),(0,i.jsx)("span",{className:"bg-gradient-to-r from-[#00ffa3] via-[#39ff14] to-[#dcff50] bg-clip-text text-transparent",children:e("title2")})]}),(0,i.jsx)("p",{className:"text-lg md:text-xl text-white/40 font-light leading-relaxed max-w-lg mb-8",children:e("desc")}),(0,i.jsxs)("div",{className:"flex items-center gap-4 text-white/20 mb-10 lg:mb-0",children:[(0,i.jsx)("div",{className:"w-12 h-[1px] bg-white/10 hidden lg:block"}),(0,i.jsx)("span",{className:"text-[10px] uppercase tracking-[0.3em] font-bold",children:e("substance")}),(0,i.jsx)("div",{className:"w-12 h-[1px] bg-white/10 hidden lg:block"})]}),(0,i.jsx)("button",{onClick:()=>s(!t),className:"lg:hidden flex items-center gap-3 px-8 py-4 bg-white/5 border border-white/10 rounded-full text-white font-sora text-sm hover:bg-white/10 transition-all active:scale-95",children:t?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(m,{size:18,className:"text-[#39ff14]"}),e("mobileClose")]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(c,{size:18,className:"text-[#00ffa3]"}),e("mobileOpen")]})})]}),(0,i.jsx)(r.M,{children:(t||u)&&(0,i.jsxs)(a.m.div,{initial:u?{opacity:1,scale:1}:{opacity:0,height:0,scale:.95}

1,animate:{opacity:1,height:"auto",scale:1},exit:u?{opacity:1}:{opacity:0,height:0,scale:.95},transition:{duration:.5,ease:[.22,1,.36,1]},className:"relative overflow-hidden lg:overflow-visible w-full",children:[(0,i.jsxs)("div",{className:"bg-white/5 backdrop-blur-md rounded-[32px] p-1 border border-white/10 h-fit overflow-hidden mt-8 lg:mt-0",children:[(0,i.jsx)("iframe",{src:"https://api.leadconnectorhq.com/widget/form/1mi8H7NQy8kHwWG6QKt8",style:{width:"100%",height:"372px",border:"none",borderRadius:"24px",background:"white"},id:"inline-1mi8H7NQy8kHwWG6QKt8","data-layout":"{'id':'INLINE'}","data-trigger-type":"alwaysShow","data-trigger-value":"","data-activation-type":"alwaysActivated","data-activation-value":"","data-deactivation-type":"neverDeactivate","data-deactivation-value":"","data-form-name":"SCHAU & HORCH Newsletter Formular","data-height":"490","data-layout-iframe-id":"inline-1mi8H7NQy8kHwWG6QKt8","data-form-id":"1mi8H7NQy8kHwWG6QKt8",title:"SCHAU & HORCH Newsletter Formular",className:"w-full"}),(0,i.jsx)(l.default,{src:"https://link.msgsndr.com/js/form_embed.js",strategy:"lazyOnload"})]}),(0,i.jsx)("div",{className:"absolute -top-20 -right-20 w-64 h-64 bg-[#39ff14]/5 blur-[100px] rounded-full pointer-events-none hidden lg:block"}),(0,i.jsx)("div",{className:"absolute -bottom-20 -left-20 w-64 h-64 bg-[#00ffa3]/5 blur-[100px] rounded-full pointer-events-none hidden lg:block"})]})})]})})})}},88765:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return x}});var i=s(3827),n=s(91471),a=s(54727),r=s(44923),l=s(58378),o=s(64090),d=s(91019),c=s(7633);let m=e=>{let{className:t,size:s=24,strokeWidth:n=2}=e;return(0,i.jsx)("svg",{width:s,height:s,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:n,strokeLinecap:"round",strokeLinejoin:"round",className:t,children:(0,i.jsx)("path",{d:"M7 17L17 7M17 7H7M17 7V17"})})};function u(e){let{src:t,alt:s}=e,[a,r]=(0,o.useState)(!1);return(0,i.jsxs)("div",{className:"relative w-full h-full overflow-hidden",onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:[(0,i.jsx)(n.m.img,{src:t,alt:s,animate:a?{x:[0,-.3,.3,0],scale:1.03,filter:["brightness(1)","brightness(1.03)","brightness(1)"]}:{x:0,scale:1},transition:{duration:.6,ease:"easeOut"},className:"w-full h-full object-cover opacity-90 transition-transform duration-1000 ease-out"}),a&&(0,i.jsx)(n.m.div,{className:"absolute inset-0 mix-blend-screen opacity-10 pointer-events-none",initial:{scale:1},animate:{scale:1.03,x:[-1,1,-.5,.5],clipPath:["inset(35% 0 45% 0)","inset(15% 0 75% 0)","inset(55% 0 15% 0)"]},transition:{duration:.3,repeat:1/0,ease:"linear"},children:(0,i.jsx)("img",{src:t,className:"w-full h-full object-cover filter brightness-110 sepia(0.2) hue-rotate(-50deg)",alt:s,loading:"lazy",decoding:"async"})}),a&&(0,i.jsx)(n.m.div,{className:"absolute inset-0 mix-blend-screen opacity-10 pointer-events-none",initial:{scale:1},animate:{scale:1.03,x:[1,-1,.5,-.5],clipPath:["inset(45% 0 35% 0)","inset(75% 0 15% 0)","inset(15% 0 55% 0)"]},transition:{duration:.25,repeat:1/0,ease:"linear"},children:(0,i.jsx)("img",{src:t,className:"w-full h-full object-cover filter brightness-110 sepia(0.2) hue-rotate(100deg)",alt:s,loading:"lazy",decoding:"async"})})]})}function x(){let e=(0,c.T)("Process"),{openBooking:t}=(0,d.useBooking)(),s=(0,o.useRef)(null),x=(0,o.useMemo)(()=>[{number:"01",title:e("steps.01.title"),text:e("steps.01.text"),color:"#ff006e",image:"/images/process/branding-agentur-prozess-verstehen.webp"},{number:"02",title:e("steps.02.title"),text:e("steps.02.text"),color:"#00a8ff",image:"/images/process/digital-branding-marketing-uebersetzen.webp"},{number:"03",title:e("steps.03.title"),text:e("steps.03.text"),color:"#00ffa3",image:"/images/process/brand-design-strategie-schaerfen.webp"}],[e]),{scrollYProgress:h}=(0,a.v)({target:s,offset:["start start","end end"]}),f=(0,r.q)(h,{stiffness:80,damping:25,restDelta:.001});return(0,i.jsxs)("div",{className:"relative bg-background pt-24 md:pt-32",children:[(0,i.jsx)("div",{className:"relative py-8 overflow-hidden bg-black -rotate-1 z-20 border-y border-white/5",children:(0,i.jsx)(n.m.div,{animate:{x:[0,-1500]},transition:{repeat:1/0,duration:25,ease:"linear"},className:"flex whitespace-nowrap",children:[...Array(8)].map((t,s)=>(0,i.jsxs)("span",{className:"text-[clamp(1.5rem,4vw,3.2rem)] font-sora font-normal uppercase text-[#ff006e] flex items-center tracking-[-0.04em]",children:[e("ticker")," \xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0"]},s))})}),(0,i.jsxs)("section",{ref:s,className:"relative min-h-[220dvh] mt-0",children:[(0,i.jsx)("h2",{className:"sr-only",children:e("ticker")}),(0,i.jsx)("div",{className:"sticky top-0 h-[100dvh] w-full flex items-center justify-center px-6 overflow-hidden",children:(0,i.jsx)("div",{className:"relative w-full max-w-4xl aspect-[4/5] md:aspect-[4/3] -translate-y-8",children:x.map((e,t)=>{let s=.25*t,a=s+.3,r=(0,l.H)(f,[0,s,a],[1e3,1e3,20*t]),o=(0,l.H)(f,[s-.08,s],[0,1]),d=(0,l.H)(f,[s,a],[.9,1-(x.length-t-1)*.03]),c=[3,-4,2][t],m=[15,-20,10][t],h=(0,l.H)(f,[s,a],[t%2==0?-8:8,c]),g=(0,l.H)(f,[s,a],[0,m]);return(0,i.jsxs)(n.m.div,{style:{y:r,x:g,opacity:o,scale:d,rotate:h,zIndex:t,backgroundColor:e.color,willChange:"transform",backfaceVisibility:"hidden"},className:"absolute inset-0 rounded-[40px] p-8 md:pt-14 md:px-16 md:pb-28 shadow-[0_40px_100px_rgba(0,0,0,0.5)] flex flex-col gap-6 md:gap-8 overflow-hidden group",children:[(0,i.jsx)("video",{autoPlay:!0,loop:!0,muted:!0,playsInl

1ine:!0,className:"absolute inset-0 w-full h-full object-cover opacity-[0.15] pointer-events-none mix-blend-screen z-0",children:(0,i.jsx)("source",{src:"/videos/schauundhorch_brandingagency-glitch.mp4",type:"video/mp4"})}),(0,i.jsx)("div",{className:"relative z-10",children:(0,i.jsxs)("h3",{className:"text-3xl md:text-5xl font-sora font-normal text-black leading-tight tracking-[-0.03em]",children:[e.number,". ",e.title]})}),(0,i.jsx)("div",{className:"relative z-10 w-full aspect-[16/9] bg-black/10 rounded-2xl overflow-hidden shadow-inner flex-shrink-0",children:(0,i.jsx)(u,{src:e.image,alt:"SCHAU & HORCH Prozess: ".concat(e.title)})}),(0,i.jsx)("div",{className:"relative z-10",children:(0,i.jsx)("p",{className:"text-black/80 text-lg md:text-xl leading-relaxed max-w-2xl font-light",children:e.text})})]},e.number)})})})]}),(0,i.jsx)("section",{className:"relative py-24 md:py-32 px-6 text-center z-10",children:(0,i.jsxs)("div",{className:"max-w-[1140px] mx-auto flex flex-col items-center gap-12",children:[(0,i.jsxs)("button",{onClick:()=>t(void 0,"Process"),className:"group flex items-center gap-6 pl-8 pr-2 py-2 border border-white/20 rounded-full hover:bg-white/10 transition-all bg-black/20 backdrop-blur-md",children:[(0,i.jsx)("span",{className:"text-[13px] uppercase tracking-[0.2em] font-bold text-white",children:e("cta")}),(0,i.jsx)("div",{className:"w-12 h-12 bg-gradient-to-r from-[#00ffa3] via-[#39ff14] to-[#dcff50] rounded-full flex items-center justify-center text-black group-hover:rotate-45 transition-transform duration-500 shadow-[0_0_20px_rgba(57,255,20,0.4)]",children:(0,i.jsx)(m,{size:24,strokeWidth:2})})]}),(0,i.jsx)(n.m.p,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:1.2,delay:.2},className:"text-xl md:text-[32px] font-light text-white/90 leading-tight tracking-tight",children:e.rich("years",{year:2011,spanInner:e=>(0,i.jsx)("span",{className:"bg-gradient-to-r from-[#00ffa3] via-[#39ff14] to-[#dcff50] bg-clip-text text-transparent font-normal",children:e}),br:()=>(0,i.jsx)("br",{className:"hidden md:block"})})})]})})]})}},28529:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return p}});var i=s(3827),n=s(58378),a=s(44923),r=s(26696),l=s(91471),o=s(54727),d=s(64090),c=s(5279),m=s(20703),u=s(72252),x=s(7633),h=s(54555);let f=e=>{let{className:t,size:s=24,strokeWidth:n=2}=e;return(0,i.jsx)("svg",{width:s,height:s,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:n,strokeLinecap:"round",strokeLinejoin:"round",className:t,children:(0,i.jsx)("path",{d:"M7 17L17 7M17 7H7M17 7V17"})})};function g(e){let{project:t,index:s,total:o,smoothProgress:u,hoveredIndex:h,setHoveredIndex:g}=e,p=(0,x.T)("Projects"),b=h===s,[v,w]=(0,d.useState)(!1);(0,d.useEffect)(()=>{let e=()=>w(window.innerWidth<768);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let j=.05+.28*s,y=j+.25,N=.05+(s+1)*.28,k=j-.2,H=(0,n.H)(u,[k,y],["150vh","".concat(v?15*s:40*s,"px")]),z=(0,n.H)(u,[k,j],[0,1]),L=(0,n.H)(z,e=>e>.5?"auto":"none"),P=(0,n.H)(u,[k,y],[1.15,1]),E=s===o-1,M=(0,n.H)(u,[j,j+.04,E?.85:N-.04,E?.92:N],[0,1,1,0]),C=(0,a.q)((0,n.H)(M,[0,1],[10,0]),{stiffness:100,damping:30}),S=(0,a.q)((0,n.H)(M,[0,1],[.4,1]),{stiffness:100,damping:30}),W=(0,n.H)(M,[0,.1,.9,1],[0,1,1,0]),A=(0,r.c)(0);(0,d.useEffect)(()=>{A.set(b?1:0)},[b,A]);let I=(0,a.q)((0,n.H)([W,A],e=>{let[t,s]=e;return Math.max(t,s)}),{stiffness:100,damping:30}),_=(0,a.q)(b?1.03:1,{stiffness:300,damping:30}),q=(0,n.H)([C,S],e=>{let t=e[0],s=e[1];return b?"blur(0px) brightness(1)":"blur(".concat(t,"px) brightness(").concat(s,")")}),B=(0,n.H)([P,_],e=>e[0]*e[1]);return(0,i.jsx)(l.m.div,{style:{y:H,scale:B,opacity:z,zIndex:10+s,willChange:"transform, opacity, filter"},className:"absolute inset-0 w-full h-full pointer-events-none",children:(0,i.jsx)(l.m.div,{onPointerEnter:()=>g(s),onPointerLeave:()=>g(null),style:{zIndex:100-s,pointerEvents:L},className:"absolute inset-0 w-full h-full",children:(0,i.jsxs)(c.rU,{href:"/projekte/".concat(t.id),className:"block w-full h-full relative group cursor-pointer","data-cursor-text":p("viewProject"),"aria-label":"".concat(p("viewProject"),": ").concat(t.title),children:[(0,i.jsx)(l.m.div,{style:{opacity:I},className:"absolute -inset-[2px] rounded-[34px] bg-gradient-to-r from-[#00ffa3] via-[#39ff14] to-[#dcff50] animate-gradient z-0"}),(0,i.jsxs)(l.m.div,{style:{filter:q},className:"w-full h-full relative overflow-hidden rounded-[32px] shadow-[0_30px_80px_rgba(0,0,0,0.15)] transform-gpu z-10",children:[(0,i.jsx)(l.m.div,{layoutId:"project-image-".concat(t.id),className:"absolute inset-0 w-full h-full",children:(0,i.jsx)(m.default,{src:t.heroImage,alt:"Projekt: ".concat(t.title," - ").concat(t.categories[0]),fill:!0,sizes:"(max-width: 768px) 95vw, (max-width: 1200px) 80vw, 1200px",className:"object-cover transition-transform duration-1000 group-hover:scale-110",priority:0===s})}),(0,i.jsx)("div",{className:"absolute inset-0 bg-black/10 group-hover:bg-transparent transition-colors duration-700"}),(0,i.jsx)("div",{className:"absolute inset-x-0 bottom-0 h-1/2 bg-gradient-to-t from-black/80 via-black/20 to-transparent z-10 pointer-events-none"}),(0,i.jsxs)("div",{className:"absolute inset-x-0 bottom-0 p-8 md:p-12 flex justify-between items-end z-20",children:[(0,i.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,i.jsx)(l.m.span,{animate:{x:b?10:0},className:"font-sora text-2xl md:text-4xl lg:text-5xl text-white font-medium leading-[1.1] tracking-tight",children:t.title}),(0,i.jsx)("span",{className:"font-sora text-[9px] md:text-[10px] bg-gradient-to-r from-[#00ffa3] via-[#39ff14] to-[#dcff50] animate-gradient bg-clip-text text-transparent uppercase tracking-[0.4em] font-bold",children:t.categories[0]})]}),(0,i.jsx)("div",{className:"w-12 h-12 md:w-16 md:h-16 rounded-full bg-gradient-to-r from-[#00ffa3] via-[#39ff14] to-[#dcff50] animate-gradient flex items-center justify-center text-black group-hover:rotate-45 transition-transform duration-500 mb-2 shadow-[0_0_20px_rgba(57,255,20,0.3)]",children:(0,i.jsx)(f,{size:32,strokeWidth:2,className:"w-6 h-6 md:w-8 md:h-8"})})]})]})]})})})}function p(e){let{title:t}=e,s=(0,x.T)("Projects"),r=(0,h.bU)(),c=t||s("title"),m=(0,d.useRef)(null),[f,p]=(0,d.useState)(null),[b,v]=(0,d.useState)([]);(0,d.useEffect)(()=>{v([...(0,u.Yw)(r)].sort(()=>.5-Math.random()).slice(0,3))},[r]);let{scrollYProgress:w}=(0,o.v)({target:m,offset:["start end","end end"]}),j=(0,a.q)(w,{stiffness:100,damping:30,restDelta:.001});return(0,i.jsx)("section",{ref:m,className:"relative min-h-[300vh] bg-background",children:(0,i.jsxs)("div",{className:"sticky top-0 h-screen w-full overflow-hidden flex flex-col items-center justify-center px-6 md:px-20",children:[(0,i.jsx)(l.m.div,{style:{scale:(0,n.H)(j,[0,.08,.92,1],[.95,1,1,.95])}

1,className:"absolute inset-x-2 top-[12vh] bottom-[12vh] md:inset-0 bg-gradient-to-r from-[#00ffa3] via-[#39ff14] to-[#dcff50] animate-gradient z-0 rounded-[40px] md:rounded-[80px]"}),(0,i.jsxs)("div",{className:"w-full max-w-[1140px] flex flex-col items-center relative z-10 md:-translate-y-12",children:[(0,i.jsx)("div",{className:"text-center mb-8 md:mb-14",children:(0,i.jsx)(l.m.h2,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:1,ease:[.22,1,.36,1]},className:"font-sora text-[clamp(1.8rem,4vw,3.5rem)] font-normal leading-[1.05] tracking-[-0.03em] text-white max-w-2xl whitespace-pre-line px-4",children:c})}),(0,i.jsx)("div",{className:"relative w-full aspect-[4/3] md:aspect-[21/9] max-h-[60vh] md:max-h-[50vh]",children:b.length>0?b.map((e,t)=>(0,i.jsx)(g,{project:e,index:t,total:b.length,smoothProgress:j,hoveredIndex:f,setHoveredIndex:p},e.id)):(0,i.jsx)("div",{className:"w-full h-full animate-pulse bg-white/5"})})]})]})})}}},function(e){e.O(0,[1471,8934,4727,703,4542,4983,9137,8722,2252,2971,8069,1744],function(){return e(e.s=31994)}),_N_E=e.O()}]);