{"id":1939,"date":"2025-08-27T10:44:18","date_gmt":"2025-08-27T10:44:18","guid":{"rendered":"https:\/\/nextsaas-wp.pixels71.com\/digital-marketing\/?page_id=1939"},"modified":"2026-07-03T09:37:18","modified_gmt":"2026-07-03T09:37:18","slug":"homepage","status":"publish","type":"page","link":"https:\/\/nordlicht-epc.de\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1939\" class=\"elementor elementor-1939\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a8c57d e-flex e-con-boxed nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-parent\" data-id=\"8a8c57d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb6a11e nextsaas-filter-effect-no elementor-widget elementor-widget-html\" data-id=\"cb6a11e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  #aether-bg {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    z-index: -1;\n    pointer-events: none;\n    background-color: #030305;\n  }\n  #aether-bg canvas {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n<\/style>\n\n<div id=\"aether-bg\"><\/div>\n\n<script async src=\"https:\/\/unpkg.com\/es-module-shims@1.6.3\/dist\/es-module-shims.js\"><\/script>\n<script type=\"importmap\">\n{\n  \"imports\": {\n    \"three\": \"https:\/\/unpkg.com\/three@0.160.0\/build\/three.module.js\",\n    \"three\/addons\/\": \"https:\/\/unpkg.com\/three@0.160.0\/examples\/jsm\/\"\n  }\n}\n<\/script>\n\n<script type=\"module\">\n  import * as THREE from 'three';\n  import { EffectComposer } from 'three\/addons\/postprocessing\/EffectComposer.js';\n  import { RenderPass } from 'three\/addons\/postprocessing\/RenderPass.js';\n  import { UnrealBloomPass } from 'three\/addons\/postprocessing\/UnrealBloomPass.js';\n  import { ShaderPass } from 'three\/addons\/postprocessing\/ShaderPass.js';\n\n  const isMobile = window.innerWidth < 768;\n  const CONFIG = {\n    particleCount: isMobile ? 65000 : 120000,\n    cameraZ: isMobile ? 40 : 28,\n    bgColor: 0x030305,\n    scrollFadeEnd: 4000\n  };\n\n  const STATE = {\n    hands: {\n      right: { pos: new THREE.Vector3(100, 0, 0), target: new THREE.Vector3(100, 0, 0) },\n    },\n    time: 0,\n    scrollY: 0,\n    scrollTarget: 0,\n    isRendering: true,\n  };\n\n  const container = document.getElementById('aether-bg');\n  const renderer = new THREE.WebGLRenderer({\n    antialias: false,\n    powerPreference: \"high-performance\",\n    alpha: false,\n    stencil: false,\n    depth: true\n  });\n\n  renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\n  renderer.setSize(window.innerWidth, window.innerHeight);\n  renderer.toneMapping = THREE.CineonToneMapping;\n  renderer.toneMappingExposure = 1.2;\n  container.appendChild(renderer.domElement);\n\n  const scene = new THREE.Scene();\n  scene.fog = new THREE.FogExp2(CONFIG.bgColor, 0.015);\n  scene.background = new THREE.Color(CONFIG.bgColor);\n\n  const camera = new THREE.PerspectiveCamera(60, window.innerWidth \/ window.innerHeight, 0.1, 200);\n  camera.position.z = CONFIG.cameraZ;\n\n  const renderScene = new RenderPass(scene, camera);\n\n  const bloomPass = new UnrealBloomPass(new THREE.Vector2(window.innerWidth, window.innerHeight), 1.5, 0.4, 0.85);\n  bloomPass.threshold = 0.1;\n  bloomPass.strength = 1.0;\n  bloomPass.radius = 0.8;\n\n  const outputShader = {\n    uniforms: {\n      \"tDiffuse\": { value: null },\n      \"uTime\": { value: 0 },\n      \"uRGBShift\": { value: 0.002 }\n    },\n    vertexShader: `\n      varying vec2 vUv;\n      void main() {\n        vUv = uv;\n        gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n      }\n    `,\n    fragmentShader: `\n      uniform sampler2D tDiffuse;\n      uniform float uTime;\n      uniform float uRGBShift;\n      varying vec2 vUv;\n      float random(vec2 p) {\n        return fract(sin(dot(p.xy, vec2(12.9898, 78.233))) * 43758.5453);\n      }\n      void main() {\n        vec2 uv = vUv;\n        float dist = distance(uv, vec2(0.5));\n        vec2 offset = (uv - 0.5) * dist * uRGBShift;\n        float r = texture2D(tDiffuse, uv + offset).r;\n        float g = texture2D(tDiffuse, uv).g;\n        float b = texture2D(tDiffuse, uv - offset).b;\n        vec3 color = vec3(r, g, b);\n        float noise = (random(uv + uTime) - 0.5) * 0.04;\n        color += noise;\n        gl_FragColor = vec4(color, 1.0);\n      }\n    `\n  };\n\n  const finalPass = new ShaderPass(outputShader);\n  const composer = new EffectComposer(renderer);\n  composer.addPass(renderScene);\n  composer.addPass(bloomPass);\n  composer.addPass(finalPass);\n\n  const particleVertexShader = `\n    uniform float uTime;\n    uniform vec3 uHandRight;\n    uniform float uAudio;\n    uniform float uFade;\n\n    attribute vec3 aRandom;\n    attribute float aIndex;\n\n    varying vec3 vColor;\n    varying float vAlpha;\n\n    vec3 mod289(vec3 x) { return x - floor(x * (1.0 \/ 289.0)) * 289.0; }\n    vec4 mod289(vec4 x) { return x - floor(x * (1.0 \/ 289.0)) * 289.0; }\n    vec4 permute(vec4 x) { return mod289(((x*34.0)+1.0)*x); }\n    vec4 taylorInvSqrt(vec4 r) { return 1.79284291400159 - 0.85373472095314 * r; }\n\n    float snoise(vec3 v) {\n      const vec2 C = vec2(1.0\/6.0, 1.0\/3.0);\n      const vec4 D = vec4(0.0, 0.5, 1.0, 2.0);\n      vec3 i  = floor(v + dot(v, C.yyy));\n      vec3 x0 = v - i + dot(i, C.xxx);\n      vec3 g = step(x0.yzx, x0.xyz);\n      vec3 l = 1.0 - g;\n      vec3 i1 = min(g.xyz, l.zxy);\n      vec3 i2 = max(g.xyz, l.zxy);\n      vec3 x1 = x0 - i1 + C.xxx;\n      vec3 x2 = x0 - i2 + C.yyy;\n      vec3 x3 = x0 - D.yyy;\n      i = mod289(i);\n      vec4 p = permute(permute(permute(\n        i.z + vec4(0.0, i1.z, i2.z, 1.0))\n        + i.y + vec4(0.0, i1.y, i2.y, 1.0))\n        + i.x + vec4(0.0, i1.x, i2.x, 1.0));\n      float n_ = 0.142857142857;\n      vec3 ns = n_ * D.wyz - D.xzx;\n      vec4 j = p - 49.0 * floor(p * ns.z * ns.z);\n      vec4 x_ = floor(j * ns.z);\n      vec4 y_ = floor(j - 7.0 * x_);\n      vec4 x = x_ *ns.x + ns.yyyy;\n      vec4 y = y_ *ns.x + ns.yyyy;\n      vec4 h = 1.0 - abs(x) - abs(y);\n      vec4 b0 = vec4(x.xy, y.xy);\n      vec4 b1 = vec4(x.zw, y.zw);\n      vec4 s0 = floor(b0)*2.0 + 1.0;\n      vec4 s1 = floor(b1)*2.0 + 1.0;\n      vec4 sh = -step(h, vec4(0.0));\n      vec4 a0 = b0.xzyw + s0.xzyw*sh.xxyy;\n      vec4 a1 = b1.xzyw + s1.xzyw*sh.zzww;\n      vec3 p0 = vec3(a0.xy, h.x);\n      vec3 p1 = vec3(a0.zw, h.y);\n      vec3 p2 = vec3(a1.xy, h.z);\n      vec3 p3 = vec3(a1.zw, h.w);\n      vec4 norm = taylorInvSqrt(vec4(dot(p0,p0), dot(p1,p1), dot(p2,p2), dot(p3,p3)));\n      p0 *= norm.x; p1 *= norm.y; p2 *= norm.z; p3 *= norm.w;\n      vec4 m = max(0.6 - vec4(dot(x0,x0), dot(x1,x1), dot(x2,x2), dot(x3,x3)), 0.0);\n      m = m * m;\n      return 42.0 * dot(m*m, vec4(dot(p0,x0), dot(p1,x1), dot(p2,x2), dot(p3,x3)));\n    }\n\n    vec3 getPosSphere(float idx) {\n      float phi = acos(-1.0 + (2.0 * idx) \/ ${CONFIG.particleCount}.0);\n      float theta = sqrt(${CONFIG.particleCount}.0 * 3.1415926) * phi;\n      float r = 12.0 + aRandom.x * 2.0;\n      return vec3(r * sin(phi) * cos(theta), r * sin(phi) * sin(theta), r * cos(phi));\n    }\n\n    void main() {\n      float t = uTime * 0.15;\n      vec3 noiseBase = vec3(\n        snoise(vec3(aIndex*0.01, t*0.2, 0.0)),\n        snoise(vec3(aIndex*0.01, 0.0, t*0.2)),\n        snoise(vec3(0.0, aIndex*0.01, t*0.2))\n      );\n      vec3 pos = getPosSphere(aIndex) + noiseBase * 4.0;\n      pos *= (1.0 + uAudio * 0.4);\n\n      if (uHandRight.x < 90.0) {\n        float d = distance(pos, uHandRight);\n        float influence = smoothstep(12.0, 0.0, d);\n        pos += normalize(pos - uHandRight) * influence * 8.0;\n      }\n\n      vec4 mvPosition = modelViewMatrix * vec4(pos, 1.0);\n      gl_PointSize = (1.5 + aRandom.y * 2.0 + uAudio * 5.0) * (30.0 \/ -mvPosition.z);\n      gl_Position = projectionMatrix * mvPosition;\n\n      float depthFade = smoothstep(60.0, 10.0, -mvPosition.z);\n      vAlpha = depthFade * (0.2 + aRandom.z * 0.6) * uFade;\n      vColor = pos;\n    }\n  `;\n\n  const particleFragmentShader = `\n    uniform vec3 uColor1;\n    uniform vec3 uColor2;\n    varying vec3 vColor;\n    varying float vAlpha;\n\n    void main() {\n      vec2 center = gl_PointCoord - 0.5;\n      float dist = length(center);\n      if (dist > 0.5) discard;\n      float glow = 1.0 - smoothstep(0.0, 0.5, dist);\n      glow = pow(glow, 1.5);\n      vec3 col = mix(uColor1, uColor2, smoothstep(-20.0, 20.0, vColor.x + vColor.y));\n      gl_FragColor = vec4(col, vAlpha * glow);\n    }\n  `;\n\n  const geometry = new THREE.BufferGeometry();\n  const indices = new Float32Array(CONFIG.particleCount);\n  const randoms = new Float32Array(CONFIG.particleCount * 3);\n\n  for (let i = 0; i < CONFIG.particleCount; i++) {\n    indices[i] = i;\n    randoms[i * 3] = Math.random();\n    randoms[i * 3 + 1] = Math.random();\n    randoms[i * 3 + 2] = Math.random();\n  }\n\n  geometry.setAttribute('position', new THREE.BufferAttribute(new Float32Array(CONFIG.particleCount * 3).fill(0), 3));\n  geometry.setAttribute('aIndex', new THREE.BufferAttribute(indices, 1));\n  geometry.setAttribute('aRandom', new THREE.BufferAttribute(randoms, 3));\n\n  const material = new THREE.ShaderMaterial({\n    uniforms: {\n      uTime: { value: 0 },\n      uHandRight: { value: new THREE.Vector3(100, 0, 0) },\n      uAudio: { value: 0 },\n      uFade: { value: 1.0 },\n      uColor1: { value: new THREE.Color('#ABFF88') },\n      uColor2: { value: new THREE.Color('#c85dff') }\n    },\n    vertexShader: particleVertexShader,\n    fragmentShader: particleFragmentShader,\n    transparent: true,\n    depthWrite: false,\n    blending: THREE.AdditiveBlending\n  });\n\n  const points = new THREE.Points(geometry, material);\n  scene.add(points);\n\n  window.addEventListener('mousemove', (e) => {\n    const x = (e.clientX \/ window.innerWidth) * 2 - 1;\n    const y = -(e.clientY \/ window.innerHeight) * 2 + 1;\n    STATE.hands.right.target.set(x * 30, y * 20, 0);\n  });\n\n  window.addEventListener('resize', () => {\n    camera.aspect = window.innerWidth \/ window.innerHeight;\n    camera.updateProjectionMatrix();\n    renderer.setSize(window.innerWidth, window.innerHeight);\n    composer.setSize(window.innerWidth, window.innerHeight);\n    CONFIG.cameraZ = window.innerWidth < 768 ? 40 : 28;\n  });\n\n  const clock = new THREE.Clock();\n\n  function animate() {\n    requestAnimationFrame(animate);\n    const delta = clock.getDelta();\n    STATE.time += delta;\n\n    STATE.scrollTarget = window.scrollY;\n    STATE.scrollY += (STATE.scrollTarget - STATE.scrollY) * 0.08;\n    const scrollOffset = STATE.scrollY * 0.01;\n\n    \/\/ Fade: 1 = voll sichtbar, 0 = komplett weg\n    const fade = Math.max(0.0, 1.0 - STATE.scrollY \/ CONFIG.scrollFadeEnd);\n    material.uniforms.uFade.value = fade;\n\n    \/\/ Rendern stoppen wenn komplett unsichtbar\n    if (fade <= 0.0) {\n      if (STATE.isRendering) {\n        STATE.isRendering = false;\n        renderer.domElement.style.display = 'none';\n      }\n      return;\n    }\n\n    if (!STATE.isRendering) {\n      STATE.isRendering = true;\n      renderer.domElement.style.display = 'block';\n    }\n\n    material.uniforms.uTime.value = STATE.time;\n    finalPass.uniforms.uTime.value = STATE.time;\n\n    STATE.hands.right.pos.lerp(STATE.hands.right.target, 0.1);\n    material.uniforms.uHandRight.value.copy(STATE.hands.right.pos);\n\n    const zTarget = CONFIG.cameraZ + Math.sin(STATE.time * 0.5) * 2;\n    camera.position.z += (zTarget - camera.position.z) * 0.02;\n    camera.position.x = Math.sin(STATE.time * 0.2) * 2;\n    camera.position.y = Math.cos(STATE.time * 0.15) * 2 + scrollOffset;\n    camera.lookAt(0, scrollOffset, 0);\n\n    composer.render();\n  }\n\n  animate();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23f26cf5 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-parent\" data-id=\"23f26cf5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-346a60f6 e-flex e-con-boxed nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-id=\"346a60f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-f04a2b3 elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.1\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"f04a2b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nextsaas-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_heading_wrap nextsaas-element\">\r\n\t\t\t<h2\t\t\t\tclass=\"font-medium mb-4 nextsaas_heading   \"\r\n\t\t\t\tstyle=\"\"\r\n\t\t\t>\r\n\t\t\t\tWir elektrifizieren und tracken Ihr \t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-642cb7e6 elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.1\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"642cb7e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nextsaas-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_heading_wrap nextsaas-element\">\r\n\t\t\t<h2\t\t\t\tclass=\"font-medium mb-4 nextsaas_heading hero-text-gradient  \"\r\n\t\t\t\tstyle=\"background-image: linear-gradient(45deg, #ABFF88, #FFFFFF, #ABFF88)\"\r\n\t\t\t>\r\n\t\t\t\tE-LKW Depot\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-87d1735 elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.1\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"87d1735\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\u00dcber 6 Jahre Expertise in der Transformation in die Elektromobilit\u00e4t f\u00fcr Logistiker und Speditionen<\/p>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-511985cb e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-id=\"511985cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-e862969 elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-html\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"e862969\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<title>Valence Button<\/title>\n<\/head>\n<body>\n<!-- Diesen Block beliebig oft kopieren -->\n<div class=\"valence-host\" data-href=\"https:\/\/nordlicht-epc.de\/?page_id=40146\"><\/div>\n<script>\n(() => {\nconst hosts=[...document.querySelectorAll('.valence-host:not([data-valence])')];\nif(!window.__valenceRAF){\n  window.__valenceButtons=[];\n  function loop(){\n    window.__valenceButtons.forEach(b=>b.animate());\n    requestAnimationFrame(loop);\n  }\n  window.__valenceRAF=true;\n  requestAnimationFrame(loop);\n}\nhosts.forEach(host=>{\n host.dataset.valence=\"1\";\n const link=host.dataset.href||\"#\";\n const shadow=host.attachShadow({mode:\"open\"});\n shadow.innerHTML=`\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&display=swap');\n:host,*{box-sizing:border-box}button{position:relative;display:flex;align-items:center;justify-content:center;width:240px;height:72px;background:transparent;border:none;border-radius:9999px;cursor:pointer;transition:transform .5s}\n.outer{position:absolute;inset:0;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01),rgba(255,255,255,.06));box-shadow:0 0 40px rgba(0,0,0,.4)}\n.inner{position:absolute;inset:1px;border-radius:9999px;overflow:hidden;background:rgba(10,10,10,.75)}\n.smoke{position:absolute;width:200%;height:200%;top:-50%;left:-50%;opacity:.3;filter:blur(20px);background:radial-gradient(circle,rgba(255,255,255,.12),transparent 60%)}\ncanvas{position:absolute;inset:0;width:100%;height:100%}\nspan{position:relative;z-index:2;font:600 15px Inter,sans-serif;color:#FFF}\n<\/style>\n<button type=\"button\"><div class=\"outer\"><\/div><div class=\"inner\"><div class=\"smoke\"><\/div><canvas><\/canvas><\/div><span>Zur Software<\/span><\/button>`;\n const btn=shadow.querySelector(\"button\"),cv=shadow.querySelector(\"canvas\"),ctx=cv.getContext(\"2d\"),smoke=shadow.querySelector(\".smoke\");\n let w,h,dpr,t=0,hover=0,on=false;\n function resize(){const r=btn.getBoundingClientRect();w=r.width;h=r.height;dpr=Math.min(devicePixelRatio||1,2);cv.width=w*dpr;cv.height=h*dpr;ctx.setTransform(1,0,0,1,0,0);ctx.scale(dpr,dpr)}\n resize();addEventListener(\"resize\",resize);\n const p=[...Array(40)].map(()=>({x:Math.random()*240,y:Math.random()*72,vx:(Math.random()-.5)*.25,vy:(Math.random()-.5)*.25,s:Math.random()*1.8+.5}));\n btn.onmouseenter=()=>on=true;btn.onmouseleave=()=>on=false;\n btn.addEventListener(\"click\",()=>{\n   window.location.href=link;\n });\n window.__valenceButtons.push({animate(){\n   hover+=(on?1:-1)*.05;hover=Math.max(0,Math.min(1,hover));\n   ctx.clearRect(0,0,w,h);\n   p.forEach(o=>{o.x+=o.vx;o.y+=o.vy;if(o.x<0||o.x>w)o.vx*=-1;if(o.y<0||o.y>h)o.vy*=-1;ctx.beginPath();ctx.arc(o.x,o.y,o.s,0,6.28);ctx.fillStyle=`rgba(${255-84*hover},255,${255-119*hover},0.5)`;ctx.fill();});\n   t+=.01;smoke.style.transform=`translate(${Math.sin(t)*10}px,${Math.cos(t*.8)*10}px) rotate(${t*5}deg)`;btn.style.transform=`scale(${on?1.05:1})`;\n }});\n});\n})();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-93a34b7 elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-html\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"93a34b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<title>Valence Button<\/title>\n<\/head>\n<body>\n\n<!-- Diesen Block beliebig oft kopieren -->\n<div class=\"valence-host\"><\/div>\n\n<script>\n(() => {\nconst hosts=[...document.querySelectorAll('.valence-host:not([data-valence])')];\nif(!window.__valenceRAF){\n  window.__valenceButtons=[];\n  function loop(){\n    window.__valenceButtons.forEach(b=>b.animate());\n    requestAnimationFrame(loop);\n  }\n  window.__valenceRAF=true;\n  requestAnimationFrame(loop);\n}\nhosts.forEach(host=>{\n host.dataset.valence=\"1\";\n const shadow=host.attachShadow({mode:\"open\"});\n shadow.innerHTML=`\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&display=swap');\n:host,*{box-sizing:border-box}button{position:relative;display:flex;align-items:center;justify-content:center;width:240px;height:72px;background:transparent;border:none;border-radius:9999px;cursor:pointer;transition:transform .5s}\n.outer{position:absolute;inset:0;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01),rgba(255,255,255,.06));box-shadow:0 0 40px rgba(0,0,0,.4)}\n.inner{position:absolute;inset:1px;border-radius:9999px;overflow:hidden;background:rgba(10,10,10,.75)}\n.smoke{position:absolute;width:200%;height:200%;top:-50%;left:-50%;opacity:.3;filter:blur(20px);background:radial-gradient(circle,rgba(255,255,255,.12),transparent 60%)}\ncanvas{position:absolute;inset:0;width:100%;height:100%}\nspan{position:relative;z-index:2;font:600 15px Inter,sans-serif;color:#FFF}\n<\/style>\n<button><div class=\"outer\"><\/div><div class=\"inner\"><div class=\"smoke\"><\/div><canvas><\/canvas><\/div><span>Zur Ladeinfrastruktur<\/span><\/button>`;\n const btn=shadow.querySelector(\"button\"),cv=shadow.querySelector(\"canvas\"),ctx=cv.getContext(\"2d\"),smoke=shadow.querySelector(\".smoke\");\n let w,h,dpr,t=0,hover=0,on=false;\n function resize(){const r=btn.getBoundingClientRect();w=r.width;h=r.height;dpr=Math.min(devicePixelRatio||1,2);cv.width=w*dpr;cv.height=h*dpr;ctx.setTransform(1,0,0,1,0,0);ctx.scale(dpr,dpr)}\n resize();addEventListener(\"resize\",resize);\n const p=[...Array(40)].map(()=>({x:Math.random()*240,y:Math.random()*72,vx:(Math.random()-.5)*.25,vy:(Math.random()-.5)*.25,s:Math.random()*1.8+.5}));\n btn.onmouseenter=()=>on=true;btn.onmouseleave=()=>on=false;\n window.__valenceButtons.push({animate(){\n   hover+=(on?1:-1)*.05;hover=Math.max(0,Math.min(1,hover));\n   ctx.clearRect(0,0,w,h);\n   p.forEach(o=>{o.x+=o.vx;o.y+=o.vy;if(o.x<0||o.x>w)o.vx*=-1;if(o.y<0||o.y>h)o.vy*=-1;ctx.beginPath();ctx.arc(o.x,o.y,o.s,0,6.28);ctx.fillStyle=`rgba(${170+50*hover},${90-50*hover},255,0.55)`;ctx.fill();});\n   t+=.01;smoke.style.transform=`translate(${Math.sin(t)*10}px,${Math.cos(t*.8)*10}px) rotate(${t*5}deg)`;btn.style.transform=`scale(${on?1.05:1})`;\n }});\n});\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"gsap-animation elementor-element elementor-element-322cc53c e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"1\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-instant=\"true\" data-id=\"322cc53c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-757eb065 nextsaas-filter-effect-no elementor-widget elementor-widget-image\" data-id=\"757eb065\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1200\" height=\"630\" src=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/le-weiss.png\" class=\"attachment-full size-full wp-image-39586\" alt=\"\" srcset=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/le-weiss.png 1200w, https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/le-weiss-300x158.png 300w, https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/le-weiss-1024x538.png 1024w, https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/le-weiss-768x403.png 768w, https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/le-weiss-340x179.png 340w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21cc4a35 nextsaas-filter-effect-no elementor-widget elementor-widget-image\" data-id=\"21cc4a35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1200\" height=\"630\" src=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/nanuq.png\" class=\"attachment-full size-full wp-image-39585\" alt=\"\" srcset=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/nanuq.png 1200w, https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/nanuq-300x158.png 300w, https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/nanuq-1024x538.png 1024w, https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/nanuq-768x403.png 768w, https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/nanuq-340x179.png 340w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-33f8a15f e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-parent\" data-id=\"33f8a15f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-701c7313 e-flex e-con-boxed nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-id=\"701c7313\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-c1f2765 nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_badge\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.1\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"c1f2765\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nextsaas_badge.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_badge_wrap\">\r\n\t\t\t<div class=\"inline-block\">\r\n\t\t\t\t<span class=\"badge badge-green mb-5 nextsaas-badge\">\r\n\t\t\t\t\tImpact<\/span>\r\n\t\t\t\t<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-5ceb6ab9 elementor-widget-tablet__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.1\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"5ceb6ab9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nextsaas-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_heading_wrap nextsaas-element\">\r\n\t\t\t<h2\t\t\t\tclass=\"font-medium mb-4 nextsaas_heading   \"\r\n\t\t\t\tstyle=\"\"\r\n\t\t\t>\r\n\t\t\t\tMessbare Ergebnisse, die f\u00fcr sich sprechen\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-cd0e27c elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.2\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"cd0e27c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nextsaas-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_heading_wrap nextsaas-element\">\r\n\t\t\t<p\t\t\t\tclass=\"font-medium mb-4 nextsaas_heading   \"\r\n\t\t\t\tstyle=\"\"\r\n\t\t\t>\r\n\t\t\t\tWas unsere Kunden heute erreichen\t\t\t<\/p>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-333b37ff e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-id=\"333b37ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-678c2031 bg-blur nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_card_marquee\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.4\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"678c2031\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nextsaas_card_marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"nextsaas_card_marquee_wrapper relative\">\r\n                                    <!-- Start of shadow -->\r\n                    <div class=\"absolute left-0 top-0 h-full bg-gradient-to-r from-background-3 to-transparent z-40 dark:from-background-5 shadow-left\"><\/div>\r\n                    <div class=\"absolute right-0 top-0 h-full bg-gradient-to-l from-background-3 to-transparent z-40 dark:from-background-5 shadow-right\"><\/div>\r\n                    <!-- End of shadow -->\r\n                \r\n                <div class=\"cards-marquee-container nextsaas-card-marquee-shadow\"\r\n                    data-scroll_direction=\"left\"\r\n                    data-speed=\"140000\"\r\n                    data-pause_on_hover=\"1\">\r\n                    <div class=\"flex items-center justify-center max-md:gap-y-[42px]\">\r\n                                                    <div\r\n                                class=\"card-marquee-item min-w-[360px] w-full min-h-[270px] hover:bg-secondary hover:dark:bg-background-8 border border-stroke-4 dark:border-stroke-6 rounded-[20px] relative p-8 flex flex-col gap-y-8 z-0 overflow-hidden group justify-between transition-all duration-500 ease-in-out ml-8\">\r\n                                                                    <div\r\n                                        class=\"card-marquee-image -z-10 absolute opacity-0 group-hover:opacity-100 transition-all duration-700 ease-out transform group-hover:scale-105 pointer-events-none select-none\">\r\n                                        <img decoding=\"async\" src=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2025\/09\/gradient-3.png\" alt=\"gradient\" \/>\r\n                                    <\/div>\r\n                                                                <div\r\n                                    class=\"transition-all duration-500 ease-in-out transform group-hover:translate-y-[-4px]\">\r\n                                    <p class=\"card-marquee-subtitle group-hover:text-white text-lg mb-2 transition-colors duration-500 ease-in-out\">\r\n                                        Bis zu                                    <\/p>\r\n                                    <h3\r\n                                        class=\"card-marquee-title group-hover:text-ns-yellow text-secondary dark:text-accent transition-colors duration-500 ease-in-out\">\r\n                                        80t                                    <\/h3>\r\n                                <\/div>\r\n                                <p\r\n                                    class=\"card-marquee-description group-hover:text-accent\/60 text-secondary\/60 dark:text-accent\/60 transition-all duration-500 ease-in-out transform group-hover:translate-y-[4px]\">\r\n                                    CO2 Einsparung pro LKW\/Jahr                                <\/p>\r\n                            <\/div>\r\n                                                    <div\r\n                                class=\"card-marquee-item min-w-[360px] w-full min-h-[270px] hover:bg-secondary hover:dark:bg-background-8 border border-stroke-4 dark:border-stroke-6 rounded-[20px] relative p-8 flex flex-col gap-y-8 z-0 overflow-hidden group justify-between transition-all duration-500 ease-in-out ml-8\">\r\n                                                                    <div\r\n                                        class=\"card-marquee-image -z-10 absolute opacity-0 group-hover:opacity-100 transition-all duration-700 ease-out transform group-hover:scale-105 pointer-events-none select-none\">\r\n                                        <img decoding=\"async\" src=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2025\/09\/gradient-2.png\" alt=\"gradient\" \/>\r\n                                    <\/div>\r\n                                                                <div\r\n                                    class=\"transition-all duration-500 ease-in-out transform group-hover:translate-y-[-4px]\">\r\n                                    <p class=\"card-marquee-subtitle group-hover:text-white text-lg mb-2 transition-colors duration-500 ease-in-out\">\r\n                                        Bis zu                                    <\/p>\r\n                                    <h3\r\n                                        class=\"card-marquee-title group-hover:text-ns-yellow text-secondary dark:text-accent transition-colors duration-500 ease-in-out\">\r\n                                        30%                                    <\/h3>\r\n                                <\/div>\r\n                                <p\r\n                                    class=\"card-marquee-description group-hover:text-accent\/60 text-secondary\/60 dark:text-accent\/60 transition-all duration-500 ease-in-out transform group-hover:translate-y-[4px]\">\r\n                                    niedrigere Betriebskosten                                <\/p>\r\n                            <\/div>\r\n                                                    <div\r\n                                class=\"card-marquee-item min-w-[360px] w-full min-h-[270px] hover:bg-secondary hover:dark:bg-background-8 border border-stroke-4 dark:border-stroke-6 rounded-[20px] relative p-8 flex flex-col gap-y-8 z-0 overflow-hidden group justify-between transition-all duration-500 ease-in-out ml-8\">\r\n                                                                    <div\r\n                                        class=\"card-marquee-image -z-10 absolute opacity-0 group-hover:opacity-100 transition-all duration-700 ease-out transform group-hover:scale-105 pointer-events-none select-none\">\r\n                                        <img decoding=\"async\" src=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2025\/09\/gradient-3.png\" alt=\"gradient\" \/>\r\n                                    <\/div>\r\n                                                                <div\r\n                                    class=\"transition-all duration-500 ease-in-out transform group-hover:translate-y-[-4px]\">\r\n                                    <p class=\"card-marquee-subtitle group-hover:text-white text-lg mb-2 transition-colors duration-500 ease-in-out\">\r\n                                        Mehr als                                    <\/p>\r\n                                    <h3\r\n                                        class=\"card-marquee-title group-hover:text-ns-yellow text-secondary dark:text-accent transition-colors duration-500 ease-in-out\">\r\n                                        2000\u20ac                                    <\/h3>\r\n                                <\/div>\r\n                                <p\r\n                                    class=\"card-marquee-description group-hover:text-accent\/60 text-secondary\/60 dark:text-accent\/60 transition-all duration-500 ease-in-out transform group-hover:translate-y-[4px]\">\r\n                                    Mautersparnis pro LKW\/Jahr                                <\/p>\r\n                            <\/div>\r\n                                                    <div\r\n                                class=\"card-marquee-item min-w-[360px] w-full min-h-[270px] hover:bg-secondary hover:dark:bg-background-8 border border-stroke-4 dark:border-stroke-6 rounded-[20px] relative p-8 flex flex-col gap-y-8 z-0 overflow-hidden group justify-between transition-all duration-500 ease-in-out ml-8\">\r\n                                                                    <div\r\n                                        class=\"card-marquee-image -z-10 absolute opacity-0 group-hover:opacity-100 transition-all duration-700 ease-out transform group-hover:scale-105 pointer-events-none select-none\">\r\n                                        <img decoding=\"async\" src=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2025\/09\/gradient-3.png\" alt=\"gradient\" \/>\r\n                                    <\/div>\r\n                                                                <div\r\n                                    class=\"transition-all duration-500 ease-in-out transform group-hover:translate-y-[-4px]\">\r\n                                    <p class=\"card-marquee-subtitle group-hover:text-white text-lg mb-2 transition-colors duration-500 ease-in-out\">\r\n                                        mehr als                                    <\/p>\r\n                                    <h3\r\n                                        class=\"card-marquee-title group-hover:text-ns-yellow text-secondary dark:text-accent transition-colors duration-500 ease-in-out\">\r\n                                        100.000                                    <\/h3>\r\n                                <\/div>\r\n                                <p\r\n                                    class=\"card-marquee-description group-hover:text-accent\/60 text-secondary\/60 dark:text-accent\/60 transition-all duration-500 ease-in-out transform group-hover:translate-y-[4px]\">\r\n                                    Ladevorg\u00e4nge gestartet                                <\/p>\r\n                            <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-408ee4f3 e-flex e-con-boxed nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-parent\" data-id=\"408ee4f3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"has-nextsaas-glowing-card nextsaas-custom-glowing-card-yes elementor-element elementor-element-2ccbc307 e-con-full nextsaas-custom-glowing-card-yes e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-sticky-no e-con e-child\" data-id=\"2ccbc307\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-6e9ebf70 elementor-absolute e-transform e-transform nextsaas-filter-effect-no elementor-widget elementor-widget-image\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.1\" data-direction=\"right\" data-offset=\"100\" data-rotation=\"0\" data-id=\"6e9ebf70\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-260,&quot;sizes&quot;:[]},&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.5,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1252\" height=\"1252\" src=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2025\/11\/gradient-6.png\" class=\"attachment-full size-full wp-image-38309\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32fea209 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-id=\"32fea209\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-51667f2e e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-id=\"51667f2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-0f0195d nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_badge\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.1\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"0f0195d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nextsaas_badge.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_badge_wrap\">\r\n\t\t\t<div class=\"inline-block\">\r\n\t\t\t\t<span class=\"badge badge-green mb-5 nextsaas-badge\">\r\n\t\t\t\t\tDie Software<\/span>\r\n\t\t\t\t<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-42a5f96a nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.2\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"42a5f96a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nextsaas-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_heading_wrap nextsaas-element\">\r\n\t\t\t<h2\t\t\t\tclass=\"font-medium mb-4 nextsaas_heading   \"\r\n\t\t\t\tstyle=\"\"\r\n\t\t\t>\r\n\t\t\t\tWarum arctiqOS?\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-7cfbb37 nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.3\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"7cfbb37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Vom Tourenplan bis zur Lades\u00e4ule - ein durchg\u00e4ngiger Prozess. Voller Funktionsumfang.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-2cab3f8 elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-html\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"2cab3f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<title>Valence Button<\/title>\n<\/head>\n<body>\n<!-- Diesen Block beliebig oft kopieren -->\n<div class=\"valence-host\" data-href=\"https:\/\/nordlicht-epc.de\/?page_id=40146\"><\/div>\n<script>\n(() => {\nconst hosts=[...document.querySelectorAll('.valence-host:not([data-valence])')];\nif(!window.__valenceRAF){\n  window.__valenceButtons=[];\n  function loop(){\n    window.__valenceButtons.forEach(b=>b.animate());\n    requestAnimationFrame(loop);\n  }\n  window.__valenceRAF=true;\n  requestAnimationFrame(loop);\n}\nhosts.forEach(host=>{\n host.dataset.valence=\"1\";\n const link=host.dataset.href||\"#\";\n const shadow=host.attachShadow({mode:\"open\"});\n shadow.innerHTML=`\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&display=swap');\n:host,*{box-sizing:border-box}button{position:relative;display:flex;align-items:center;justify-content:center;width:240px;height:72px;background:transparent;border:none;border-radius:9999px;cursor:pointer;transition:transform .5s}\n.outer{position:absolute;inset:0;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01),rgba(255,255,255,.06));box-shadow:0 0 40px rgba(0,0,0,.4)}\n.inner{position:absolute;inset:1px;border-radius:9999px;overflow:hidden;background:rgba(10,10,10,.75)}\n.smoke{position:absolute;width:200%;height:200%;top:-50%;left:-50%;opacity:.3;filter:blur(20px);background:radial-gradient(circle,rgba(255,255,255,.12),transparent 60%)}\ncanvas{position:absolute;inset:0;width:100%;height:100%}\nspan{position:relative;z-index:2;font:600 15px Inter,sans-serif;color:#FFF}\n<\/style>\n<button type=\"button\"><div class=\"outer\"><\/div><div class=\"inner\"><div class=\"smoke\"><\/div><canvas><\/canvas><\/div><span>Zur Software<\/span><\/button>`;\n const btn=shadow.querySelector(\"button\"),cv=shadow.querySelector(\"canvas\"),ctx=cv.getContext(\"2d\"),smoke=shadow.querySelector(\".smoke\");\n let w,h,dpr,t=0,hover=0,on=false;\n function resize(){const r=btn.getBoundingClientRect();w=r.width;h=r.height;dpr=Math.min(devicePixelRatio||1,2);cv.width=w*dpr;cv.height=h*dpr;ctx.setTransform(1,0,0,1,0,0);ctx.scale(dpr,dpr)}\n resize();addEventListener(\"resize\",resize);\n const p=[...Array(40)].map(()=>({x:Math.random()*240,y:Math.random()*72,vx:(Math.random()-.5)*.25,vy:(Math.random()-.5)*.25,s:Math.random()*1.8+.5}));\n btn.onmouseenter=()=>on=true;btn.onmouseleave=()=>on=false;\n btn.addEventListener(\"click\",()=>{\n   window.location.href=link;\n });\n window.__valenceButtons.push({animate(){\n   hover+=(on?1:-1)*.05;hover=Math.max(0,Math.min(1,hover));\n   ctx.clearRect(0,0,w,h);\n   p.forEach(o=>{o.x+=o.vx;o.y+=o.vy;if(o.x<0||o.x>w)o.vx*=-1;if(o.y<0||o.y>h)o.vy*=-1;ctx.beginPath();ctx.arc(o.x,o.y,o.s,0,6.28);ctx.fillStyle=`rgba(${255-84*hover},255,${255-119*hover},0.5)`;ctx.fill();});\n   t+=.01;smoke.style.transform=`translate(${Math.sin(t)*10}px,${Math.cos(t*.8)*10}px) rotate(${t*5}deg)`;btn.style.transform=`scale(${on?1.05:1})`;\n }});\n});\n})();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3de74391 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-id=\"3de74391\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4adc5e8b e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-id=\"4adc5e8b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"gsap-animation elementor-element elementor-element-4793ba03 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-gsap-animate=\"true\" data-duration=\"0.5\" data-delay=\"0.5\" data-direction=\"left\" data-offset=\"60\" data-rotation=\"0\" data-id=\"4793ba03\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d9b2a7d elementor-widget__width-initial elementor-view-default elementor-position-block-start elementor-mobile-position-block-start nextsaas-filter-effect-no elementor-widget elementor-widget-icon-box\" data-id=\"3d9b2a7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"ph ph-git-branch\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tElektrische Routenplanung\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tarctiqOS nimmt Routen aus dem TMS und analysiert diese unter Ber\u00fccksichtigung von Ladezustand und Lenkzeiten und findet die idealen Ladestationen entlang der Strecke. Depot-Laden wird dabei immer priorisiert.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"gsap-animation elementor-element elementor-element-62795005 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-gsap-animate=\"true\" data-duration=\"0.5\" data-delay=\"0.6\" data-direction=\"left\" data-offset=\"60\" data-rotation=\"0\" data-id=\"62795005\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-387315d8 elementor-widget__width-initial elementor-view-default elementor-position-block-start elementor-mobile-position-block-start nextsaas-filter-effect-no elementor-widget elementor-widget-icon-box\" data-id=\"387315d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"ph ph-plug-charging\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tOptimierte Ladepl\u00e4ne\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tAus der Routenplanung werden automatisch Ladepl\u00e4ne abgeleitet und optimiert \u2014 f\u00fcr maximale Betriebssicherheit bei minimalen Kosten.\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-75341c8a elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-image\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.4\" data-direction=\"down\" data-offset=\"100\" data-rotation=\"0\" data-id=\"75341c8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1100\" src=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/arctiqos-ipad-mockup.webp\" class=\"attachment-full size-full wp-image-39738\" alt=\"\" srcset=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/arctiqos-ipad-mockup.webp 1600w, https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/arctiqos-ipad-mockup-300x206.webp 300w, https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/arctiqos-ipad-mockup-1024x704.webp 1024w, https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/arctiqos-ipad-mockup-768x528.webp 768w, https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/arctiqos-ipad-mockup-291x200.webp 291w, https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/arctiqos-ipad-mockup-1536x1056.webp 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b938b53 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-id=\"2b938b53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"gsap-animation elementor-element elementor-element-231d1f75 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-gsap-animate=\"true\" data-duration=\"0.5\" data-delay=\"0.5\" data-direction=\"right\" data-offset=\"60\" data-rotation=\"0\" data-id=\"231d1f75\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-350a9dc3 elementor-widget__width-initial elementor-view-default elementor-position-block-start elementor-mobile-position-block-start nextsaas-filter-effect-no elementor-widget elementor-widget-icon-box\" data-id=\"350a9dc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"ph ph-truck-trailer\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tNahtlose Depot-Kommunikation\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tDie Ladepl\u00e4ne werden direkt an die Depot-Ladeinfrastruktur \u00fcbertragen. Kein manueller Eingriff, keine Verz\u00f6gerung.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"gsap-animation elementor-element elementor-element-33736049 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-gsap-animate=\"true\" data-duration=\"0.5\" data-delay=\"0.6\" data-direction=\"right\" data-offset=\"60\" data-rotation=\"0\" data-id=\"33736049\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e9963f4 elementor-widget__width-initial elementor-view-default elementor-position-block-start elementor-mobile-position-block-start nextsaas-filter-effect-no elementor-widget elementor-widget-icon-box\" data-id=\"4e9963f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"ph ph-network\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tIntegration in Ihre Systeme\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tarctiqOS verbindet sich nahtlos mit Ihrem TMS, EMS oder Telematik-System. Keine Insell\u00f6sung, kein Medienbruch.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-81e496f e-flex e-con-boxed nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-parent\" data-id=\"81e496f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-8d7d176 nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_customer_logos\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.2\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"8d7d176\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nextsaas_customer_logos.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"nextsaas_customer_logos_wrapper\"\r\n            data-layout=\"horizontal\"\r\n            data-direction=\"left\"\r\n            data-speed=\"40000\"\r\n            data-pause-hover=\"no\"\r\n            data-gap=\"56\"\r\n            data-flip-interval=\"2500\"\r\n            data-flip-duration=\"700\"\r\n            data-flip-random-delay=\"1500\"\r\n            data-flip-initial-delay=\"2000\">\r\n                            <div class='relative'>\r\n      <!-- Start of shadow -->\r\n    <div class=\"absolute left-0 top-0 h-full bg-gradient-to-r from-background-3 to-transparent z-40 dark:from-background-5 shadow-left\"><\/div>\r\n    <div class=\"absolute right-0 top-0 h-full bg-gradient-to-l from-background-3 to-transparent z-40 dark:from-background-5 shadow-right\"><\/div>\r\n    <!-- End of shadow -->\r\n  \r\n  <div class=\"logos-marquee-container\">\r\n    <div class=\"flex items-center justify-center\" style=\"gap: 56px; margin-left: 56px;\">\r\n                        \r\n                      <figure class=\"w-28 md:w-36 flex items-center justify-center\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/alpi-e1782918676446.png\"\r\n                alt=\"Client Logo 10\"\r\n                class=\"lg:w-auto inline-block\" \/>\r\n            <\/figure>\r\n                            \r\n                      <figure class=\"w-28 md:w-36 flex items-center justify-center\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/Logo_11880_Solutions_AG.png\"\r\n                alt=\"Client Logo 10\"\r\n                class=\"lg:w-auto inline-block\" \/>\r\n            <\/figure>\r\n                            \r\n                      <figure class=\"w-28 md:w-36 flex items-center justify-center\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/Logo_Hager_2016_weiss.webp\"\r\n                alt=\"Client Logo 10\"\r\n                class=\"lg:w-auto inline-block\" \/>\r\n            <\/figure>\r\n                            <\/div>\r\n  <\/div>\r\n<\/div>                    <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b67f73 e-flex e-con-boxed nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-parent\" data-id=\"9b67f73\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"gsap-animation elementor-element elementor-element-509b086 e-con-full e-flex e-con e-child\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.2\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"509b086\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5c428e7 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-id=\"5c428e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a98b2c nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-id=\"6a98b2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Wie beginne ich mein E-LKW Depot zu elektrifzieren? <\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-3e93320 elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-html\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"3e93320\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<title>Valence Button<\/title>\n<\/head>\n<body>\n\n<!-- Diesen Block beliebig oft kopieren -->\n<div class=\"valence-host\"><\/div>\n\n<script>\n(() => {\nconst hosts=[...document.querySelectorAll('.valence-host:not([data-valence])')];\nif(!window.__valenceRAF){\n  window.__valenceButtons=[];\n  function loop(){\n    window.__valenceButtons.forEach(b=>b.animate());\n    requestAnimationFrame(loop);\n  }\n  window.__valenceRAF=true;\n  requestAnimationFrame(loop);\n}\nhosts.forEach(host=>{\n host.dataset.valence=\"1\";\n const shadow=host.attachShadow({mode:\"open\"});\n shadow.innerHTML=`\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&display=swap');\n:host,*{box-sizing:border-box}button{position:relative;display:flex;align-items:center;justify-content:center;width:240px;height:72px;background:transparent;border:none;border-radius:9999px;cursor:pointer;transition:transform .5s}\n.outer{position:absolute;inset:0;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01),rgba(255,255,255,.06));box-shadow:0 0 40px rgba(0,0,0,.4)}\n.inner{position:absolute;inset:1px;border-radius:9999px;overflow:hidden;background:rgba(10,10,10,.75)}\n.smoke{position:absolute;width:200%;height:200%;top:-50%;left:-50%;opacity:.3;filter:blur(20px);background:radial-gradient(circle,rgba(255,255,255,.12),transparent 60%)}\ncanvas{position:absolute;inset:0;width:100%;height:100%}\nspan{position:relative;z-index:2;font:600 15px Inter,sans-serif;color:#FFF}\n<\/style>\n<button><div class=\"outer\"><\/div><div class=\"inner\"><div class=\"smoke\"><\/div><canvas><\/canvas><\/div><span>Zur Ladeinfrastruktur<\/span><\/button>`;\n const btn=shadow.querySelector(\"button\"),cv=shadow.querySelector(\"canvas\"),ctx=cv.getContext(\"2d\"),smoke=shadow.querySelector(\".smoke\");\n let w,h,dpr,t=0,hover=0,on=false;\n function resize(){const r=btn.getBoundingClientRect();w=r.width;h=r.height;dpr=Math.min(devicePixelRatio||1,2);cv.width=w*dpr;cv.height=h*dpr;ctx.setTransform(1,0,0,1,0,0);ctx.scale(dpr,dpr)}\n resize();addEventListener(\"resize\",resize);\n const p=[...Array(40)].map(()=>({x:Math.random()*240,y:Math.random()*72,vx:(Math.random()-.5)*.25,vy:(Math.random()-.5)*.25,s:Math.random()*1.8+.5}));\n btn.onmouseenter=()=>on=true;btn.onmouseleave=()=>on=false;\n window.__valenceButtons.push({animate(){\n   hover+=(on?1:-1)*.05;hover=Math.max(0,Math.min(1,hover));\n   ctx.clearRect(0,0,w,h);\n   p.forEach(o=>{o.x+=o.vx;o.y+=o.vy;if(o.x<0||o.x>w)o.vx*=-1;if(o.y<0||o.y>h)o.vy*=-1;ctx.beginPath();ctx.arc(o.x,o.y,o.s,0,6.28);ctx.fillStyle=`rgba(${170+50*hover},${90-50*hover},255,0.55)`;ctx.fill();});\n   t+=.01;smoke.style.transform=`translate(${Math.sin(t)*10}px,${Math.cos(t*.8)*10}px) rotate(${t*5}deg)`;btn.style.transform=`scale(${on?1.05:1})`;\n }});\n});\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dfef24b e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-id=\"dfef24b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c812eb nextsaas-icon-list-layout-vertical nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_icon_list\" data-id=\"5c812eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nextsaas_icon_list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"nextsaas-icon-list-wrapper\">\r\n            <ul class=\"nextsaas-icon-list-items nextsaas-icon-list-vertical max-sm:space-y-3 space-y-5\">\r\n                                    <li class=\"nextsaas-icon-list-item flex items-center max-sm:gap-2.5 gap-2\">\r\n                        <span class=\"nextsaas-icon-list-icon shrink-0 flex items-center justify-center [&_svg]:max-w-full [&_svg]:max-h-full\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M0 10.0002C0 4.47729 4.47717 0 10 0C15.5229 0 20.0001 4.47729 20.0001 10.0002C20.0001 15.523 15.5229 20.0003 10 20.0003C4.47717 20.0003 0 15.523 0 10.0002Z\" fill=\"#FCFCFC\" fill-opacity=\"0.1\"><\/path><path d=\"M14.125 7.375L8.875 12.6248L6.25 10\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>                        <\/span>\r\n                        \r\n                                                    <span class=\"nextsaas-icon-list-text\">\r\n                                Netzanalyse bevor gebaut wird                            <\/span>\r\n                                            <\/li>\r\n                                    <li class=\"nextsaas-icon-list-item flex items-center max-sm:gap-2.5 gap-2\">\r\n                        <span class=\"nextsaas-icon-list-icon shrink-0 flex items-center justify-center [&_svg]:max-w-full [&_svg]:max-h-full\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M0 10.0002C0 4.47729 4.47717 0 10 0C15.5229 0 20.0001 4.47729 20.0001 10.0002C20.0001 15.523 15.5229 20.0003 10 20.0003C4.47717 20.0003 0 15.523 0 10.0002Z\" fill=\"#FCFCFC\" fill-opacity=\"0.1\"><\/path><path d=\"M14.125 7.375L8.875 12.6248L6.25 10\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>                        <\/span>\r\n                        \r\n                                                    <span class=\"nextsaas-icon-list-text\">\r\n                                Depot-Ladeinfrastruktur ermitteln                            <\/span>\r\n                                            <\/li>\r\n                                    <li class=\"nextsaas-icon-list-item flex items-center max-sm:gap-2.5 gap-2\">\r\n                        <span class=\"nextsaas-icon-list-icon shrink-0 flex items-center justify-center [&_svg]:max-w-full [&_svg]:max-h-full\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M0 10.0002C0 4.47729 4.47717 0 10 0C15.5229 0 20.0001 4.47729 20.0001 10.0002C20.0001 15.523 15.5229 20.0003 10 20.0003C4.47717 20.0003 0 15.523 0 10.0002Z\" fill=\"#FCFCFC\" fill-opacity=\"0.1\"><\/path><path d=\"M14.125 7.375L8.875 12.6248L6.25 10\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>                        <\/span>\r\n                        \r\n                                                    <span class=\"nextsaas-icon-list-text\">\r\n                                Betrieb &amp; Service                            <\/span>\r\n                                            <\/li>\r\n                                    <li class=\"nextsaas-icon-list-item flex items-center max-sm:gap-2.5 gap-2\">\r\n                        <span class=\"nextsaas-icon-list-icon shrink-0 flex items-center justify-center [&_svg]:max-w-full [&_svg]:max-h-full\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M0 10.0002C0 4.47729 4.47717 0 10 0C15.5229 0 20.0001 4.47729 20.0001 10.0002C20.0001 15.523 15.5229 20.0003 10 20.0003C4.47717 20.0003 0 15.523 0 10.0002Z\" fill=\"#FCFCFC\" fill-opacity=\"0.1\"><\/path><path d=\"M14.125 7.375L8.875 12.6248L6.25 10\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>                        <\/span>\r\n                        \r\n                                                    <span class=\"nextsaas-icon-list-text\">\r\n                                Batteriespeicher &amp; Trafotechnik                            <\/span>\r\n                                            <\/li>\r\n                            <\/ul>\r\n        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c9f8f53 e-flex e-con-boxed nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-parent\" data-id=\"c9f8f53\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2a62780 e-con-full e-flex nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-id=\"2a62780\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-9232fc4 nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_badge\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.1\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"9232fc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nextsaas_badge.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_badge_wrap\">\r\n\t\t\t<div class=\"inline-block\">\r\n\t\t\t\t<span class=\"badge badge-green mb-5 nextsaas-badge\">\r\n\t\t\t\t\tUnsere Hardware<\/span>\r\n\t\t\t\t<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-bf0a2c4 nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.1\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"bf0a2c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nextsaas-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_heading_wrap nextsaas-element\">\r\n\t\t\t<h2\t\t\t\tclass=\"font-medium mb-4 nextsaas_heading   \"\r\n\t\t\t\tstyle=\"\"\r\n\t\t\t>\r\n\t\t\t\tLeistungsstarke Hardware f\u00fcr Ihr Logistik Depot\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-f37a9fe elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.2\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"f37a9fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nextsaas-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_heading_wrap nextsaas-element\">\r\n\t\t\t<p\t\t\t\tclass=\"font-medium mb-4 nextsaas_heading   \"\r\n\t\t\t\tstyle=\"\"\r\n\t\t\t>\r\n\t\t\t\tMit unseren Ladestationen in Richtung Elektrifizierung Ihres Depots.Von AC- bis HPC-Ladestationen, Trafostationen bis hin zu Batteriespeichern.\t\t\t<\/p>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-e83af92 elementor-icon-list--layout-traditional elementor-list-item-link-full_width nextsaas-filter-effect-no elementor-widget elementor-widget-icon-list\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.4\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"e83af92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Schnelle und zuverl\u00e4ssige Montage<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Ein funktionierendes System<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">In der ganzen Bundesrepublik<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-201a7cb nextsaas-filter-effect-no elementor-widget elementor-widget-html\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"201a7cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<title>Valence Button<\/title>\n<\/head>\n<body>\n\n<!-- Diesen Block beliebig oft kopieren -->\n<div class=\"valence-host\"><\/div>\n\n<script>\n(() => {\nconst hosts=[...document.querySelectorAll('.valence-host:not([data-valence])')];\nif(!window.__valenceRAF){\n  window.__valenceButtons=[];\n  function loop(){\n    window.__valenceButtons.forEach(b=>b.animate());\n    requestAnimationFrame(loop);\n  }\n  window.__valenceRAF=true;\n  requestAnimationFrame(loop);\n}\nhosts.forEach(host=>{\n host.dataset.valence=\"1\";\n const shadow=host.attachShadow({mode:\"open\"});\n shadow.innerHTML=`\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&display=swap');\n:host,*{box-sizing:border-box}button{position:relative;display:flex;align-items:center;justify-content:center;width:240px;height:72px;background:transparent;border:none;border-radius:9999px;cursor:pointer;transition:transform .5s}\n.outer{position:absolute;inset:0;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01),rgba(255,255,255,.06));box-shadow:0 0 40px rgba(0,0,0,.4)}\n.inner{position:absolute;inset:1px;border-radius:9999px;overflow:hidden;background:rgba(10,10,10,.75)}\n.smoke{position:absolute;width:200%;height:200%;top:-50%;left:-50%;opacity:.3;filter:blur(20px);background:radial-gradient(circle,rgba(255,255,255,.12),transparent 60%)}\ncanvas{position:absolute;inset:0;width:100%;height:100%}\nspan{position:relative;z-index:2;font:600 15px Inter,sans-serif;color:#FFF}\n<\/style>\n<button><div class=\"outer\"><\/div><div class=\"inner\"><div class=\"smoke\"><\/div><canvas><\/canvas><\/div><span>Zur Ladeinfrastruktur<\/span><\/button>`;\n const btn=shadow.querySelector(\"button\"),cv=shadow.querySelector(\"canvas\"),ctx=cv.getContext(\"2d\"),smoke=shadow.querySelector(\".smoke\");\n let w,h,dpr,t=0,hover=0,on=false;\n function resize(){const r=btn.getBoundingClientRect();w=r.width;h=r.height;dpr=Math.min(devicePixelRatio||1,2);cv.width=w*dpr;cv.height=h*dpr;ctx.setTransform(1,0,0,1,0,0);ctx.scale(dpr,dpr)}\n resize();addEventListener(\"resize\",resize);\n const p=[...Array(40)].map(()=>({x:Math.random()*240,y:Math.random()*72,vx:(Math.random()-.5)*.25,vy:(Math.random()-.5)*.25,s:Math.random()*1.8+.5}));\n btn.onmouseenter=()=>on=true;btn.onmouseleave=()=>on=false;\n window.__valenceButtons.push({animate(){\n   hover+=(on?1:-1)*.05;hover=Math.max(0,Math.min(1,hover));\n   ctx.clearRect(0,0,w,h);\n   p.forEach(o=>{o.x+=o.vx;o.y+=o.vy;if(o.x<0||o.x>w)o.vx*=-1;if(o.y<0||o.y>h)o.vy*=-1;ctx.beginPath();ctx.arc(o.x,o.y,o.s,0,6.28);ctx.fillStyle=`rgba(${170+50*hover},${90-50*hover},255,0.55)`;ctx.fill();});\n   t+=.01;smoke.style.transform=`translate(${Math.sin(t)*10}px,${Math.cos(t*.8)*10}px) rotate(${t*5}deg)`;btn.style.transform=`scale(${on?1.05:1})`;\n }});\n});\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f070865 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-id=\"f070865\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05a1145 nextsaas-filter-effect-no elementor-widget elementor-widget-html\" data-id=\"05a1145\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>E-Lkw Depot \u00b7 HYC1000 3D Animation<\/title>\n<style>\n  html, body{\n    margin:0; padding:0;\n    width:100%; height:100%;\n    background:transparent;\n  }\n  #depot-anim{\n    position:relative;\n    width:100%;\n    height:100%;\n    min-height:480px; \/* Sicherheitsnetz, falls der einbettende Container keine Hoehe vorgibt *\/\n    background:transparent;\n  }\n  #scene{\n    position:absolute; inset:0;\n    width:100%; height:100%;\n    display:block;\n    background:transparent;\n    \/* weicher Rand-Fade: die Szene loest sich zum Rand hin auf statt hart abzuschneiden *\/\n    -webkit-mask-image: radial-gradient(ellipse 76% 78% at 80% 80%, #000 52%, rgba(0,0,0,0.65) 72%, transparent 100%);\n    mask-image: radial-gradient(ellipse 76% 78% at 50% 56%, #000 52%, rgba(0,0,0,0.65) 72%, transparent 100%);\n  }\n<\/style>\n<\/head>\n<body>\n\n<div id=\"depot-anim\">\n  <canvas id=\"scene\"><\/canvas>\n<\/div>\n\n<script>\n(function(){\n  const GLOW_GREEN = \"#ABFF88\";\n  const GLOW_VIOLET = \"#821EEC\";\n\n  const canvas = document.getElementById('scene');\n  const ctx = canvas.getContext('2d');\n  let W=0, H=0, DPR=Math.min(window.devicePixelRatio||1, 2);\n  let BASE=40, ORIGIN_X=0, ORIGIN_Y=0;\n\n  function resize(){\n    const rect = canvas.parentElement.getBoundingClientRect();\n    W = rect.width; H = rect.height;\n    canvas.width = W*DPR; canvas.height = H*DPR;\n    canvas.style.width = W+'px'; canvas.style.height = H+'px';\n    ctx.setTransform(DPR,0,0,DPR,0,0);\n    BASE = Math.min(W,H)\/11.5;\n    ORIGIN_X = W\/2;\n    ORIGIN_Y = H*0.60;\n  }\n  window.addEventListener('resize', resize);\n  resize();\n\n  const ISO_COS = Math.cos(Math.PI\/6);\n  const ISO_SIN = Math.sin(Math.PI\/6);\n\n  function lerp(a,b,t){ return a+(b-a)*t; }\n  function clamp(v,a,b){ return Math.max(a,Math.min(b,v)); }\n  function ease(t){ t=clamp(t,0,1); return t*t*(3-2*t); }\n\n  function hexToRgb(hex){\n    const h = hex.replace('#','');\n    return { r:parseInt(h.substring(0,2),16), g:parseInt(h.substring(2,4),16), b:parseInt(h.substring(4,6),16) };\n  }\n  function shadeHex(hex, amt){\n    const {r,g,b} = hexToRgb(hex);\n    const t = amt<0 ? 0 : 255, p = Math.abs(amt);\n    return `rgb(${Math.round((t-r)*p+r)},${Math.round((t-g)*p+g)},${Math.round((t-b)*p+b)})`;\n  }\n\n  function proj(p, cam){\n    const dx = p[0]-cam.lx, dz = p[2]-cam.lz, y = p[1];\n    const isoX = (dx-dz)*ISO_COS;\n    const isoY = (dx+dz)*ISO_SIN - y;\n    const s = BASE*cam.s;\n    return { x: isoX*s + ORIGIN_X, y: isoY*s + ORIGIN_Y, depth: dx+dz };\n  }\n\n\n  const GROUND = {x0:-4, x1:18.5, z0:-1, z1:17.5};\n\n  const HYC = {x:2.2, z:0.35, w:1.5, d:0.95, h:2.0};\n  const HYC_C = 0.16;\n\n  const TOTEM_XS = [7.2, 9.35, 11.5, 13.65, 15.8];\n  const TOTEM = {z:0.55, w:0.45, d:0.32, h:2.1};\n  const TOTEM_C = 0.08;\n\n  \n  const TRUCK_BAYS = [TOTEM_XS[0], TOTEM_XS[2], TOTEM_XS[4]];\n\n  const TRAILER = {zFront:1.5, len:12.0, w:2.4, h:2.6, floor:1.15};\n  const TRAILER_C = 0.18;\n  const CAB = {len:2.3, gap:0.35, h:2.5, w:2.15, floor:1.0, slope:0.62};\n  const WHEEL_R = 0.48;\n\n \n  const PAL_HYC   = {top:'#9CA1A8', right:'#63676D', front:'#34383D', chamfer:'#4A4E54'};\n  const PAL_TOTEM = {top:'#9DA2A9', right:'#666B71', front:'#35393E', chamfer:'#4B4F55'};\n  const ALPI_GREEN = '#8BC63F';\n\n  const PAL_CAB     = {top:'#585C63', right:'#3E4147', front:'#26282C'};\n  const PAL_TRAILER = {top:'#A7ABB1', right:'#82868C', front:'#5C6066', chamfer:'#6E7278'};\n  const PAL_DETAIL  = {top:'#4B4F56', right:'#33363B', front:'#212327'};\n  const PAL_MIRROR  = {top:'#2C2E31', right:'#202225', front:'#141517'};\n\n  const cableSegs = [\n    {p1:[-4,1.0], p2:[HYC.x-0.05,1.0], start:1600, end:3600},\n    {p1:[HYC.x+HYC.w,1.0], p2:[16.1,1.0], start:7200, end:9600}\n  ];\n\n  \n  function samplePointOnRect(c1,c2,c3){\n    const u = Math.random(), v = Math.random();\n    return [\n      c1[0] + c2[0]*u + c3[0]*v,\n      c1[1] + c2[1]*u + c3[1]*v,\n      c1[2] + c2[2]*u + c3[2]*v\n    ];\n  }\n\n  function boxSurfacePoints(px,pz,y0,w,d,h,count){\n    const pts=[];\n    for(let i=0;i<count;i++){\n      const face = Math.random();\n      let p;\n      if(face<0.34){\n        p = samplePointOnRect([px,y0+h,pz],[w,0,0],[0,0,d]);\n      } else if(face<0.67){\n        p = samplePointOnRect([px+w,y0,pz],[0,h,0],[0,0,d]);\n      } else {\n        p = samplePointOnRect([px,y0,pz+d],[w,0,0],[0,h,0]);\n      }\n      pts.push(p);\n    }\n    return pts;\n  }\n\n  const structures = [];\n  function addStructure(box, count, pStart, pEnd, palette){\n    const targets = boxSurfacePoints(box.x,box.z,0,box.w,box.d,box.h,count);\n    const particles = targets.map((t,i)=>{\n      const frac = i\/Math.max(1,count-1);\n      const start = lerp(pStart, pEnd-700, frac) + Math.random()*250;\n      const spread = 1.3;\n      return {\n        tx:t[0], ty:t[1], tz:t[2],\n        sx:t[0]+(Math.random()-0.5)*spread,\n        sy:t[1]+(Math.random()-0.5)*spread*0.6 + 0.4,\n        sz:t[2]+(Math.random()-0.5)*spread,\n        start, dur: 650+Math.random()*450,\n        phase: Math.random()*Math.PI*2\n      };\n    });\n    structures.push({box, palette, pStart, pEnd, particles});\n  }\n\n  addStructure(HYC, 150, 3600, 7200, PAL_HYC);\n  TOTEM_XS.forEach((tx,i)=>{\n    const s = 9800 + i*850, e = s+1000;\n    addStructure({x:tx,z:TOTEM.z,w:TOTEM.w,d:TOTEM.d,h:TOTEM.h}, 40, s, e, PAL_TOTEM);\n  });\n  const lastTotemEnd = 9800 + (TOTEM_XS.length-1)*850 + 1000;\n\n  \n  const trucks = TRUCK_BAYS.map((bx,i)=>({\n    bx,\n    trailerZ: TRAILER.zFront,\n    cabZ: TRAILER.zFront+TRAILER.len+CAB.gap,\n    arriveStart: lastTotemEnd+400 + i*1700,\n    arriveDur: 2400\n  }));\n  const lastTruckEnd = trucks[trucks.length-1].arriveStart + trucks[trucks.length-1].arriveDur;\n\n\n  const CAM = [\n    {t:0,     lx:9.0, lz:6.5, s:0.5},\n    {t:1500,  lx:9.0, lz:6.5, s:0.5},\n    {t:3200,  lx:0.0, lz:0.9, s:1.4},\n    {t:4700,  lx:2.9, lz:0.9, s:2.0},\n    {t:7200,  lx:2.9, lz:0.9, s:2.15},\n    {t:8800,  lx:6.5, lz:1.0, s:1.5},\n    {t:9800,  lx:8.5, lz:1.1, s:1.3},\n    {t:lastTotemEnd,       lx:11.0, lz:1.8, s:1.15},\n    {t:lastTotemEnd+2100,  lx:11.5, lz:3.5, s:1.0},\n    {t:lastTruckEnd,       lx:13.0, lz:7.5, s:0.85},\n    {t:lastTruckEnd+2000,  lx:9.0,  lz:6.5, s:0.5},\n    {t:lastTruckEnd+3800,  lx:9.0,  lz:6.5, s:0.5}\n  ];\n  const LOOP = CAM[CAM.length-1].t;\n  const FADE = 900;\n  const CYCLE = LOOP+FADE;\n\n  function camAt(t){\n    for(let i=0;i<CAM.length-1;i++){\n      const a=CAM[i], b=CAM[i+1];\n      if(t>=a.t && t<=b.t){\n        const u = ease((t-a.t)\/((b.t-a.t)||1));\n        return { lx:lerp(a.lx,b.lx,u), lz:lerp(a.lz,b.lz,u), s:lerp(a.s,b.s,u) };\n      }\n    }\n    return {lx:CAM[CAM.length-1].lx, lz:CAM[CAM.length-1].lz, s:CAM[CAM.length-1].s};\n  }\n\n \n  function pushFaces(q, faces, cam, alpha){\n    faces.forEach(f=>{\n      const pr = f.pts.map(p=>proj(p,cam));\n      const depth = f.pts.reduce((s,p)=>s+(p[0]-cam.lx)+(p[2]-cam.lz),0)\/f.pts.length;\n      q.push({depth, kind:'poly', pts:pr.map(p=>[p.x,p.y]), fill:f.color, alpha, edge:true});\n    });\n  }\n\n  function pushBox(q, px,pz,y0,w,d,h, alpha, cam, palette){\n    const x0=px,x1=px+w,z0=pz,z1=pz+d;\n    const A=[x0,y0,z0],B=[x1,y0,z0],C=[x1,y0,z1],D=[x0,y0,z1];\n    const A2=[x0,y0+h,z0],B2=[x1,y0+h,z0],C2=[x1,y0+h,z1],D2=[x0,y0+h,z1];\n    pushFaces(q,[\n      {pts:[A2,B2,C2,D2], color:palette.top},\n      {pts:[B,B2,C2,C],   color:palette.right},\n      {pts:[D,C,C2,D2],   color:palette.front}\n    ], cam, alpha);\n  }\n\n  function pushBoxChamfered(q, px,pz,y0,w,d,h, alpha, cam, palette, c){\n    c = Math.min(c, w*0.4, d*0.4);\n    const x0=px,x1=px+w,z0=pz,z1=pz+d;\n    const top = [[x0,y0+h,z0],[x1,y0+h,z0],[x1,y0+h,z1-c],[x1-c,y0+h,z1],[x0,y0+h,z1]];\n    const right = [[x1,y0,z0],[x1,y0+h,z0],[x1,y0+h,z1-c],[x1,y0,z1-c]];\n    const bevel = [[x1,y0,z1-c],[x1,y0+h,z1-c],[x1-c,y0+h,z1],[x1-c,y0,z1]];\n    const front = [[x1-c,y0,z1],[x1-c,y0+h,z1],[x0,y0+h,z1],[x0,y0,z1]];\n    pushFaces(q,[\n      {pts:top,   color:palette.top},\n      {pts:right, color:palette.right},\n      {pts:bevel, color:palette.chamfer||palette.right},\n      {pts:front, color:palette.front}\n    ], cam, alpha);\n  }\n\n  function pushCab(q, px,pz,y0,w,d,h, alpha, cam, palette, slope){\n    const x0=px,x1=px+w,z0=pz,z1=pz+d;\n    const top   = [[x0,y0+h,z0],[x1,y0+h,z0],[x1,y0+h,z1-slope],[x0,y0+h,z1-slope]];\n    const right = [[x1,y0,z0],[x1,y0+h,z0],[x1,y0+h,z1-slope],[x1,y0,z1]];\n    const front = [[x0,y0,z1],[x1,y0,z1],[x1,y0+h,z1-slope],[x0,y0+h,z1-slope]];\n    pushFaces(q,[\n      {pts:top,   color:palette.top},\n      {pts:right, color:palette.right},\n      {pts:front, color:palette.front}\n    ], cam, alpha);\n  }\n\n  function pushLine3(q, p1,p2, cam, color, alpha, width, glow){\n    const a = proj(p1,cam), b = proj(p2,cam);\n    const depth = ((p1[0]-cam.lx)+(p1[2]-cam.lz)+(p2[0]-cam.lx)+(p2[2]-cam.lz))\/2 + 0.015;\n    q.push({depth, kind:'line', x1:a.x,y1:a.y,x2:b.x,y2:b.y, color, alpha, width, glow});\n  }\n\n  function pushDot3(q, p, cam, color, alpha, r, glow){\n    const a = proj(p,cam);\n    q.push({depth:(p[0]-cam.lx)+(p[2]-cam.lz)+0.02, kind:'dot', x:a.x,y:a.y, color, alpha, r, glow});\n  }\n\n  function pushPoly3(q, pts3, cam, color, alpha, dEps){\n    const pr = pts3.map(p=>proj(p,cam));\n    const depth = pts3.reduce((s,p)=>s+(p[0]-cam.lx)+(p[2]-cam.lz),0)\/pts3.length + (dEps||0.01);\n    q.push({depth, kind:'poly', pts:pr.map(p=>[p.x,p.y]), fill:color, alpha, edge:false});\n  }\n\n\n  function pushFootprintShadow(q, x0,x1,z0,z1, cam, alpha){\n    const pad = 0.24;\n    const outer = [[x0-pad,0.01,z0-pad],[x1+pad,0.01,z0-pad],[x1+pad,0.01,z1+pad],[x0-pad,0.01,z1+pad]];\n    const inner = [[x0,0.01,z0],[x1,0.01,z0],[x1,0.01,z1],[x0,0.01,z1]];\n    pushPoly3(q, outer, cam, 'rgba(4,5,7,0.22)', alpha, -0.42);\n    pushPoly3(q, inner, cam, 'rgba(4,5,7,0.32)', alpha, -0.4);\n  }\n\n \n  function pushWheelDisk(q, wx,wz, cam, alpha, r){\n    const segs = 16;\n    const depth = (wx-cam.lx)+(wz-cam.lz)+0.05;\n    const tire=[], rim=[];\n    for(let i=0;i<segs;i++){\n      const a = (i\/segs)*Math.PI*2;\n      tire.push([wx, r+r*Math.sin(a), wz+r*Math.cos(a)]);\n    }\n    const rr = r*0.4;\n    for(let i=0;i<segs;i++){\n      const a = (i\/segs)*Math.PI*2;\n      rim.push([wx, r+rr*Math.sin(a), wz+rr*Math.cos(a)]);\n    }\n    const prT = tire.map(p=>proj(p,cam));\n    const prR = rim.map(p=>proj(p,cam));\n    q.push({depth, kind:'poly', pts:prT.map(p=>[p.x,p.y]), fill:'rgb(15,16,18)', alpha, edge:false});\n    q.push({depth:depth+0.001, kind:'poly', pts:prR.map(p=>[p.x,p.y]), fill:'rgb(74,77,82)', alpha, edge:false});\n    q.push({depth:depth+0.002, kind:'dot', x:proj([wx,r,wz],cam).x, y:proj([wx,r,wz],cam).y, color:'rgb(38,40,43)', alpha, r:Math.max(1,r*0.14*BASE*cam.s), glow:false});\n  }\n\n  function addHYCDetails(q, cam, alpha){\n    const {x,z,w,h} = HYC;\n    const x0=x,x1=x+w-HYC_C, z1=z+HYC.d;\n    for(let i=0;i<5;i++){\n      const y = h*0.58 + i*0.075;\n      pushLine3(q,[x0+0.1,y,z1],[x1-0.08,y,z1],cam,'rgba(15,17,20,0.55)',alpha,1.4,false);\n    }\n    for(let i=0;i<5;i++){\n      const y = h*0.14 + i*0.075;\n      pushLine3(q,[x0+0.1,y,z1],[x1-0.08,y,z1],cam,'rgba(15,17,20,0.55)',alpha,1.4,false);\n    }\n    pushLine3(q,[(x0+x1)\/2,h*0.08,z1],[(x0+x1)\/2,h*0.92,z1],cam,'rgba(10,12,14,0.65)',alpha,1.6,false);\n    pushDot3(q,[(x0+x1)\/2,h*0.5,z1+0.01],cam,ALPI_GREEN,alpha,2.6,true);\n  }\n\n  function addTotemDetails(q, cam, alpha, tx){\n    const {z,w,d,h} = TOTEM;\n    const cxp = tx+w*0.42, z1 = z+d;\n    const sw=w*0.5, sh=h*0.15, sy=h*0.5;\n    const poly=[[tx+w*0.16,sy,z1+0.005],[tx+w*0.16+sw,sy,z1+0.005],[tx+w*0.16+sw,sy+sh,z1+0.005],[tx+w*0.16,sy+sh,z1+0.005]];\n    pushPoly3(q, poly, cam, '#14161a', alpha, 0.02);\n    pushDot3(q,[cxp,h*0.42,z1+0.01],cam,ALPI_GREEN,alpha,2.6,true);\n    const top=[cxp+w*0.25,h*0.28,z1+0.02];\n    const mid=[cxp+w*0.42,h*0.14,z1+0.28];\n    const bot=[cxp+w*0.32,0.05,z1+0.55];\n    pushLine3(q,top,mid,cam,'rgba(18,19,21,0.85)',alpha,2.4,false);\n    pushLine3(q,mid,bot,cam,'rgba(18,19,21,0.85)',alpha,2.4,false);\n    pushDot3(q,bot,cam,GLOW_VIOLET,alpha,2.3,true);\n  }\n\n  function addCabDetails(q, cam, alpha, px,pz,w,d,h,slope,y0){\n    const x0=px,x1=px+w,z1=pz+d;\n    function zAt(f){ return z1-slope*f; }\n    const f0=0.48, f1=0.9;\n    const yb=y0+h*f0, yt=y0+h*f1;\n    const zb=zAt(f0), zt=zAt(f1);\n    pushPoly3(q,[[x0+0.12,yb,zb],[x1-0.12,yb,zb],[x1-0.12,yt,zt],[x0+0.12,yt,zt]], cam, 'rgba(16,24,32,0.88)', alpha, 0.02);\n\n    const spW0=x0+w*0.09, spW1=x1-w*0.09, spD=0.32, spH=0.14;\n    pushBox(q, spW0, pz+0.05, y0+h, spW1-spW0, spD, spH, alpha, cam, PAL_DETAIL);\n\n    const mz = zAt(0.5);\n    pushBox(q, x0-0.14, mz-0.06, y0+h*0.62, 0.14, 0.12, 0.16, alpha, cam, PAL_MIRROR);\n    pushBox(q, x1,      mz-0.06, y0+h*0.62, 0.14, 0.12, 0.16, alpha, cam, PAL_MIRROR);\n  }\n\n  function addTruckStripe(q, cam, alpha, bx, zShift){\n    const y=TRAILER.floor+TRAILER.h*0.58;\n    const x1=bx+TRAILER.w\/2;\n    const za=TRAILER.zFront+zShift+0.15, zb=TRAILER.zFront+TRAILER.len+zShift-0.15;\n    pushLine3(q,[x1,y,za],[x1,y,zb],cam,GLOW_GREEN,alpha*0.5,2,true);\n  }\n\n\n  let start = performance.now();\n\n  function drawQueueItem(it){\n    ctx.globalAlpha = it.alpha;\n    if(it.kind==='poly'){\n      ctx.beginPath();\n      it.pts.forEach((p,i)=> i===0?ctx.moveTo(p[0],p[1]):ctx.lineTo(p[0],p[1]));\n      ctx.closePath();\n      if(it.fill[0]==='#'){\n        let minY=Infinity, maxY=-Infinity;\n        it.pts.forEach(p=>{ if(p[1]<minY)minY=p[1]; if(p[1]>maxY)maxY=p[1]; });\n        const grad = ctx.createLinearGradient(0,minY,0,Math.max(maxY,minY+1));\n        grad.addColorStop(0, shadeHex(it.fill, 0.22));\n        grad.addColorStop(0.55, it.fill);\n        grad.addColorStop(1, shadeHex(it.fill, -0.20));\n        ctx.fillStyle = grad;\n      } else {\n        ctx.fillStyle = it.fill;\n      }\n      ctx.fill();\n      if(it.edge){\n        ctx.strokeStyle='rgba(6,7,9,0.45)';\n        ctx.lineWidth=1;\n        ctx.stroke();\n      }\n    } else if(it.kind==='line'){\n      ctx.strokeStyle = it.color;\n      ctx.lineWidth = it.width;\n      if(it.glow){ ctx.shadowColor=it.color; ctx.shadowBlur=6; } else { ctx.shadowBlur=0; }\n      ctx.beginPath();\n      ctx.moveTo(it.x1,it.y1);\n      ctx.lineTo(it.x2,it.y2);\n      ctx.stroke();\n      ctx.shadowBlur=0;\n    } else if(it.kind==='dot'){\n      ctx.fillStyle=it.color;\n      if(it.glow){ ctx.shadowColor=it.color; ctx.shadowBlur=7; } else { ctx.shadowBlur=0; }\n      ctx.beginPath();\n      ctx.arc(it.x,it.y,it.r,0,Math.PI*2);\n      ctx.fill();\n      ctx.shadowBlur=0;\n    } else if(it.kind==='ellipse2'){\n      ctx.fillStyle = it.tire ? 'rgba(12,13,15,0.92)' : 'rgba(58,60,64,0.9)';\n      ctx.beginPath();\n      ctx.ellipse(it.x,it.y,Math.max(0,it.rx),Math.max(0,it.ry),0,0,Math.PI*2);\n      ctx.fill();\n    }\n  }\n\n  function frame(now){\n    const elapsed = now-start;\n    const loopT = elapsed % CYCLE;\n    const inFade = loopT>LOOP;\n    const fadeAlpha = inFade ? 1-clamp((loopT-LOOP)\/FADE,0,1) : 1;\n    const t = Math.min(loopT, LOOP);\n    const cam = camAt(t);\n\n    ctx.clearRect(0,0,W,H);\n\n    const gp = [\n      [GROUND.x0,0,GROUND.z0],[GROUND.x1,0,GROUND.z0],\n      [GROUND.x1,0,GROUND.z1],[GROUND.x0,0,GROUND.z1]\n    ].map(p=>proj(p,cam));\n    ctx.globalAlpha = fadeAlpha;\n    ctx.fillStyle = 'rgba(255,255,255,0.03)';\n    ctx.beginPath();\n    gp.forEach((p,i)=> i===0?ctx.moveTo(p.x,p.y):ctx.lineTo(p.x,p.y));\n    ctx.closePath(); ctx.fill();\n    ctx.strokeStyle='rgba(237,239,243,0.09)';\n    ctx.lineWidth=1;\n    ctx.stroke();\n\n    ctx.strokeStyle='rgba(237,239,243,0.04)';\n    for(let gx=Math.ceil(GROUND.x0); gx<=GROUND.x1; gx+=2){\n      const a=proj([gx,0,GROUND.z0],cam), b=proj([gx,0,GROUND.z1],cam);\n      ctx.beginPath(); ctx.moveTo(a.x,a.y); ctx.lineTo(b.x,b.y); ctx.stroke();\n    }\n    for(let gz=Math.ceil(GROUND.z0); gz<=GROUND.z1; gz+=2){\n      const a=proj([GROUND.x0,0,gz],cam), b=proj([GROUND.x1,0,gz],cam);\n      ctx.beginPath(); ctx.moveTo(a.x,a.y); ctx.lineTo(b.x,b.y); ctx.stroke();\n    }\n\n    const q = [];\n\n    structures.forEach(s=>{\n      const solidA = clamp((t-(s.pEnd-500))\/500,0,1);\n      if(solidA>0.02) pushFootprintShadow(q, s.box.x, s.box.x+s.box.w, s.box.z, s.box.z+s.box.d, cam, solidA*fadeAlpha);\n    });\n\n    cableSegs.forEach(seg=>{\n      if(t<seg.start) return;\n      const revealFrac = ease((t-seg.start)\/(seg.end-seg.start));\n      const len = Math.hypot(seg.p2[0]-seg.p1[0], seg.p2[1]-seg.p1[1]);\n      const n = Math.max(2, Math.round(len\/0.35));\n      const shown = Math.max(1, Math.round(n*revealFrac));\n      for(let i=0;i<shown;i++){\n        const f = i\/n;\n        const x = lerp(seg.p1[0], seg.p2[0], f);\n        const z = lerp(seg.p1[1], seg.p2[1], f);\n        pushDot3(q, [x,0.03,z], cam, GLOW_VIOLET, fadeAlpha*0.85, 1.5, true);\n      }\n      if(revealFrac<1 && revealFrac>0){\n        const x = lerp(seg.p1[0], seg.p2[0], revealFrac);\n        const z = lerp(seg.p1[1], seg.p2[1], revealFrac);\n        pushDot3(q, [x,0.03,z], cam, GLOW_VIOLET, fadeAlpha, 2.4, true);\n      }\n    });\n\n    structures.forEach(s=>{\n      const solidA = clamp((t-(s.pEnd-500))\/500,0,1);\n      const isHYC = s.box===HYC;\n      if(solidA>0.01){\n        pushBoxChamfered(q, s.box.x, s.box.z, 0, s.box.w, s.box.d, s.box.h, solidA*fadeAlpha, cam, s.palette, isHYC?HYC_C:TOTEM_C);\n        if(isHYC) addHYCDetails(q, cam, solidA*fadeAlpha);\n        const totemIdx = TOTEM_XS.indexOf(s.box.x);\n        if(totemIdx>-1) addTotemDetails(q, cam, solidA*fadeAlpha, s.box.x);\n      }\n\n     \n      if(!s.flashT && solidA>0.5) s.flashT = t;\n      if(s.flashT){\n        const fp = clamp((t-s.flashT)\/650,0,1);\n        if(fp<1){\n          const cx = s.box.x+s.box.w\/2, cy=s.box.h*0.5, cz=s.box.z+s.box.d\/2;\n          pushDot3(q,[cx,cy,cz],cam, GLOW_GREEN, fadeAlpha*(1-fp)*0.9, 3+fp*22, true);\n        }\n      }\n\n      const particleFade = 1-solidA;\n      if(particleFade>0.01 && t>=s.pStart && t<=s.pEnd){\n        s.particles.forEach(p=>{\n          if(t<p.start) return;\n          const prog = ease((t-p.start)\/p.dur);\n          let wx=lerp(p.sx,p.tx,prog), wy=lerp(p.sy,p.ty,prog), wz=lerp(p.sz,p.tz,prog);\n          if(prog>=1){\n            wx += Math.sin(now*0.0012+p.phase)*0.02;\n            wy += Math.cos(now*0.001+p.phase)*0.015;\n          }\n          const glow = 0.6+0.4*Math.sin(now*0.003+p.phase);\n          pushDot3(q,[wx,wy,wz],cam, GLOW_GREEN, fadeAlpha*particleFade*clamp(prog*1.6,0,1), 1.3+glow*0.5, true);\n        });\n      }\n\n    \n      if(solidA>=0.99){\n        s.particles.forEach((p,i)=>{\n          if(i%15!==0) return;\n          const drift=0.07;\n          const wx=p.tx+Math.sin(now*0.0009+p.phase)*drift;\n          const wy=p.ty+Math.cos(now*0.0007+p.phase)*drift*0.7+0.03;\n          const wz=p.tz+Math.cos(now*0.0011+p.phase+1.4)*drift;\n          const glow=0.5+0.5*Math.sin(now*0.0026+p.phase);\n          pushDot3(q,[wx,wy,wz],cam, GLOW_GREEN, fadeAlpha*0.3*(0.55+0.45*glow), 1.0+glow*0.7, true);\n        });\n      }\n    });\n\n    trucks.forEach(tr=>{\n      if(t<tr.arriveStart) return;\n      const prog = ease(clamp((t-tr.arriveStart)\/tr.arriveDur,0,1));\n      const zShift = lerp(28,0,prog);\n      const a = fadeAlpha*clamp(prog*3,0,1);\n\n      const trailerZ = tr.trailerZ+zShift;\n      const cabZ = tr.cabZ+zShift;\n\n      pushFootprintShadow(q, tr.bx-TRAILER.w\/2, tr.bx+TRAILER.w\/2, trailerZ, cabZ+CAB.len, cam, a*0.9);\n\n      pushBoxChamfered(q, tr.bx-TRAILER.w\/2, trailerZ, TRAILER.floor, TRAILER.w, TRAILER.len, TRAILER.h, a, cam, PAL_TRAILER, TRAILER_C);\n      pushCab(q, tr.bx-CAB.w\/2, cabZ, CAB.floor, CAB.w, CAB.len, CAB.h, a, cam, PAL_CAB, CAB.slope);\n      addCabDetails(q, cam, a, tr.bx-CAB.w\/2, cabZ, CAB.w, CAB.len, CAB.h, CAB.slope, CAB.floor);\n      addTruckStripe(q, cam, a, tr.bx, zShift);\n\n      [trailerZ+1.7, trailerZ+3.0].forEach(wz=>{\n        [-1,1].forEach(side=>{\n          const wx = tr.bx + side*(TRAILER.w\/2+0.06);\n          pushWheelDisk(q, wx, wz, cam, a, WHEEL_R);\n        });\n      });\n    \n      [cabZ+0.55].forEach(wz=>{\n        [-1,1].forEach(side=>{\n          const wx = tr.bx + side*(CAB.w\/2+0.05);\n          pushWheelDisk(q, wx, wz, cam, a, WHEEL_R);\n        });\n      });\n      \/\/ cab steer axle (front of the tractor)\n      [cabZ+CAB.len-0.45].forEach(wz=>{\n        [-1,1].forEach(side=>{\n          const wx = tr.bx + side*(CAB.w\/2+0.02);\n          pushWheelDisk(q, wx, wz, cam, a, WHEEL_R*0.92);\n        });\n      });\n    });\n\n    q.sort((a,b)=>a.depth-b.depth);\n    q.forEach(drawQueueItem);\n    ctx.globalAlpha=1; ctx.shadowBlur=0;\n\n    requestAnimationFrame(frame);\n  }\n\n  requestAnimationFrame(frame);\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-f7a6346 nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_customer_logos\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.2\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"f7a6346\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nextsaas_customer_logos.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"nextsaas_customer_logos_wrapper\"\r\n            data-layout=\"horizontal\"\r\n            data-direction=\"left\"\r\n            data-speed=\"40000\"\r\n            data-pause-hover=\"no\"\r\n            data-gap=\"56\"\r\n            data-flip-interval=\"2500\"\r\n            data-flip-duration=\"700\"\r\n            data-flip-random-delay=\"1500\"\r\n            data-flip-initial-delay=\"2000\">\r\n                            <div class='relative'>\r\n      <!-- Start of shadow -->\r\n    <div class=\"absolute left-0 top-0 h-full bg-gradient-to-r from-background-3 to-transparent z-40 dark:from-background-5 shadow-left\"><\/div>\r\n    <div class=\"absolute right-0 top-0 h-full bg-gradient-to-l from-background-3 to-transparent z-40 dark:from-background-5 shadow-right\"><\/div>\r\n    <!-- End of shadow -->\r\n  \r\n  <div class=\"logos-marquee-container\">\r\n    <div class=\"flex items-center justify-center\" style=\"gap: 56px; margin-left: 56px;\">\r\n                        \r\n                      <figure class=\"w-28 md:w-36 flex items-center justify-center\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/alpi-e1782918676446.png\"\r\n                alt=\"Client Logo 10\"\r\n                class=\"lg:w-auto inline-block\" \/>\r\n            <\/figure>\r\n                            \r\n                      <figure class=\"w-28 md:w-36 flex items-center justify-center\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/adstec.png\"\r\n                alt=\"Client Logo 10\"\r\n                class=\"lg:w-auto inline-block\" \/>\r\n            <\/figure>\r\n                            \r\n                      <figure class=\"w-28 md:w-36 flex items-center justify-center\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/keba-logo.png\"\r\n                alt=\"Client Logo 10\"\r\n                class=\"lg:w-auto inline-block\" \/>\r\n            <\/figure>\r\n                            \r\n                      <figure class=\"w-28 md:w-36 flex items-center justify-center\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/eelogo.webp\"\r\n                alt=\"Client Logo 10\"\r\n                class=\"lg:w-auto inline-block\" \/>\r\n            <\/figure>\r\n                            <\/div>\r\n  <\/div>\r\n<\/div>                    <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e41a30 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-id=\"6e41a30\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-41a55b3 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-id=\"41a55b3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2c6ea64 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-id=\"2c6ea64\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-f78ef7f nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_badge\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.1\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"f78ef7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nextsaas_badge.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_badge_wrap\">\r\n\t\t\t<div class=\"inline-block\">\r\n\t\t\t\t<span class=\"badge badge-green mb-5 nextsaas-badge\">\r\n\t\t\t\t\tJetzt kontaktieren<\/span>\r\n\t\t\t\t<\/span>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-f55f8d4 elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.2\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"f55f8d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nextsaas-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"nextsaas_heading_wrap nextsaas-element\">\r\n\t\t\t<h2\t\t\t\tclass=\"font-medium mb-4 nextsaas_heading   \"\r\n\t\t\t\tstyle=\"\"\r\n\t\t\t>\r\n\t\t\t\tBereit Ihre Logistik zu entwickeln?\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-12ccfb4 elementor-widget__width-initial nextsaas-filter-effect-no elementor-widget elementor-widget-heading\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.3\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"12ccfb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Wir bauen Ladeinfrastruktur, die zu Ihrer Flotte passt. Von der Netzanalyse bis zum laufenden Betrieb.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"gsap-animation elementor-element elementor-element-97de7d7 nextsaas-filter-effect-no elementor-widget elementor-widget-html\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"97de7d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<title>Valence Button<\/title>\n<\/head>\n<body>\n\n<!-- Diesen Block beliebig oft kopieren -->\n<div class=\"valence-host\"><\/div>\n\n<script>\n(() => {\nconst hosts=[...document.querySelectorAll('.valence-host:not([data-valence])')];\nif(!window.__valenceRAF){\n  window.__valenceButtons=[];\n  function loop(){\n    window.__valenceButtons.forEach(b=>b.animate());\n    requestAnimationFrame(loop);\n  }\n  window.__valenceRAF=true;\n  requestAnimationFrame(loop);\n}\nhosts.forEach(host=>{\n host.dataset.valence=\"1\";\n const shadow=host.attachShadow({mode:\"open\"});\n shadow.innerHTML=`\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&display=swap');\n:host,*{box-sizing:border-box}button{position:relative;display:flex;align-items:center;justify-content:center;width:240px;height:72px;background:transparent;border:none;border-radius:9999px;cursor:pointer;transition:transform .5s}\n.outer{position:absolute;inset:0;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01),rgba(255,255,255,.06));box-shadow:0 0 40px rgba(0,0,0,.4)}\n.inner{position:absolute;inset:1px;border-radius:9999px;overflow:hidden;background:rgba(10,10,10,.75)}\n.smoke{position:absolute;width:200%;height:200%;top:-50%;left:-50%;opacity:.3;filter:blur(20px);background:radial-gradient(circle,rgba(255,255,255,.12),transparent 60%)}\ncanvas{position:absolute;inset:0;width:100%;height:100%}\nspan{position:relative;z-index:2;font:600 15px Inter,sans-serif;color:#FFF}\n<\/style>\n<button><div class=\"outer\"><\/div><div class=\"inner\"><div class=\"smoke\"><\/div><canvas><\/canvas><\/div><span>Jetzt elektrifizieren<\/span><\/button>`;\n const btn=shadow.querySelector(\"button\"),cv=shadow.querySelector(\"canvas\"),ctx=cv.getContext(\"2d\"),smoke=shadow.querySelector(\".smoke\");\n let w,h,dpr,t=0,hover=0,on=false;\n function resize(){const r=btn.getBoundingClientRect();w=r.width;h=r.height;dpr=Math.min(devicePixelRatio||1,2);cv.width=w*dpr;cv.height=h*dpr;ctx.setTransform(1,0,0,1,0,0);ctx.scale(dpr,dpr)}\n resize();addEventListener(\"resize\",resize);\n const p=[...Array(40)].map(()=>({x:Math.random()*240,y:Math.random()*72,vx:(Math.random()-.5)*.25,vy:(Math.random()-.5)*.25,s:Math.random()*1.8+.5}));\n btn.onmouseenter=()=>on=true;btn.onmouseleave=()=>on=false;\n window.__valenceButtons.push({animate(){\n   hover+=(on?1:-1)*.05;hover=Math.max(0,Math.min(1,hover));\n   ctx.clearRect(0,0,w,h);\n   p.forEach(o=>{o.x+=o.vx;o.y+=o.vy;if(o.x<0||o.x>w)o.vx*=-1;if(o.y<0||o.y>h)o.vy*=-1;ctx.beginPath();ctx.arc(o.x,o.y,o.s,0,6.28);ctx.fillStyle=`rgba(${170+50*hover},${90-50*hover},255,0.55)`;ctx.fill();});\n   t+=.01;smoke.style.transform=`translate(${Math.sin(t)*10}px,${Math.cos(t*.8)*10}px) rotate(${t*5}deg)`;btn.style.transform=`scale(${on?1.05:1})`;\n }});\n});\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d168662 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-id=\"d168662\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-94b3321 e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-id=\"94b3321\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"gsap-animation elementor-element elementor-element-33eb42c e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.4\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"33eb42c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5eb96e8 nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_integration_card\" data-id=\"5eb96e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nextsaas_integration_card.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"nextsaas_integration_card_wrapper nextsaas-element\">\r\n        \r\n        \r\n<div class=\"group\">\r\n  <a\r\n    href=\"#\"     class=\"flex justify-between rounded-[20px] bg-white\/14 p-4 md:p-4 lg:p-8 transition-all duration-500 ease-in-out max-[426px]:rounded-xl max-[426px]:p-3.5\">\r\n    <div class=\"flex items-center gap-4\">\r\n      <div\r\n        class=\"grow-0 shrink-0 transition-transform duration-500\">\r\n                  <img decoding=\"async\" src=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/Favicon2025.png\"\r\n            alt=\"LADE EXPRESS\"\r\n            class=\"size-14 max-[426px]:size-10\" \/>\r\n              <\/div>\r\n      <div class=\"transform transition-transform duration-500\">\r\n        <h5 class=\"text-accent max-[426px]:text-heading-6\">LADE EXPRESS<\/h5>\r\n        <p class=\"text-accent\/60 max-[426px]:text-tagline-2\"><\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div\r\n      class=\"size-14 max-[426px]:size-12 relative overflow-hidden rounded-full flex items-center justify-center bg-ns-green group-hover:bg-ns-green\/90 transition-all duration-[600ms] ease-in-out group-hover:shadow-1\">\r\n      <svg\r\n        width=\"24\"\r\n        height=\"24\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        class=\"absolute transition-all duration-[600ms] ease-in-out -translate-x-11 group-hover:translate-x-0 opacity-0 group-hover:opacity-100\"\r\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <path\r\n          d=\"M3.75 12H20.25\"\r\n          stroke=\"black\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\" \/>\r\n        <path\r\n          d=\"M13.5 5.25L20.25 12L13.5 18.75\"\r\n          stroke=\"black\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\" \/>\r\n      <\/svg>\r\n\r\n      <svg\r\n        width=\"24\"\r\n        height=\"24\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        class=\"absolute transition-all duration-[600ms] ease-in-out translate-x-0 group-hover:translate-x-10 opacity-100 group-hover:opacity-0\"\r\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <path\r\n          d=\"M3.75 12H20.25\"\r\n          stroke=\"black\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\" \/>\r\n        <path\r\n          d=\"M13.5 5.25L20.25 12L13.5 18.75\"\r\n          stroke=\"black\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\" \/>\r\n      <\/svg>\r\n    <\/div>\r\n  <\/a>\r\n<\/div>                      <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"gsap-animation elementor-element elementor-element-fe1826d e-con-full e-flex nextsaas-filter-effect-no nextsaas-custom-background-no nextsaas-custom-border-glow-animation-no nextsaas-custom-glowing-card-no nextsaas-sticky-no e-con e-child\" data-gsap-animate=\"true\" data-duration=\"0.6\" data-delay=\"0.4\" data-direction=\"down\" data-offset=\"60\" data-rotation=\"0\" data-id=\"fe1826d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-338fd4d nextsaas-filter-effect-no elementor-widget elementor-widget-nextsaas_integration_card\" data-id=\"338fd4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nextsaas_integration_card.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"nextsaas_integration_card_wrapper nextsaas-element\">\r\n        \r\n        \r\n<div class=\"group\">\r\n  <a\r\n    href=\"#\"     class=\"flex justify-between rounded-[20px] bg-white\/14 p-4 md:p-4 lg:p-8 transition-all duration-500 ease-in-out max-[426px]:rounded-xl max-[426px]:p-3.5\">\r\n    <div class=\"flex items-center gap-4\">\r\n      <div\r\n        class=\"grow-0 shrink-0 transition-transform duration-500\">\r\n                  <img decoding=\"async\" src=\"https:\/\/nordlicht-epc.de\/wp-content\/uploads\/2026\/07\/nanuq-logo-square-e1782919828322.png\"\r\n            alt=\"NANUQ.\"\r\n            class=\"size-14 max-[426px]:size-10\" \/>\r\n              <\/div>\r\n      <div class=\"transform transition-transform duration-500\">\r\n        <h5 class=\"text-accent max-[426px]:text-heading-6\">NANUQ.<\/h5>\r\n        <p class=\"text-accent\/60 max-[426px]:text-tagline-2\"><\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div\r\n      class=\"size-14 max-[426px]:size-12 relative overflow-hidden rounded-full flex items-center justify-center bg-ns-green group-hover:bg-ns-green\/90 transition-all duration-[600ms] ease-in-out group-hover:shadow-1\">\r\n      <svg\r\n        width=\"24\"\r\n        height=\"24\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        class=\"absolute transition-all duration-[600ms] ease-in-out -translate-x-11 group-hover:translate-x-0 opacity-0 group-hover:opacity-100\"\r\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <path\r\n          d=\"M3.75 12H20.25\"\r\n          stroke=\"black\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\" \/>\r\n        <path\r\n          d=\"M13.5 5.25L20.25 12L13.5 18.75\"\r\n          stroke=\"black\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\" \/>\r\n      <\/svg>\r\n\r\n      <svg\r\n        width=\"24\"\r\n        height=\"24\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        class=\"absolute transition-all duration-[600ms] ease-in-out translate-x-0 group-hover:translate-x-10 opacity-100 group-hover:opacity-0\"\r\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <path\r\n          d=\"M3.75 12H20.25\"\r\n          stroke=\"black\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\" \/>\r\n        <path\r\n          d=\"M13.5 5.25L20.25 12L13.5 18.75\"\r\n          stroke=\"black\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\" \/>\r\n      <\/svg>\r\n    <\/div>\r\n  <\/a>\r\n<\/div>                      <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Wir elektrifizieren und tracken Ihr E-LKW Depot \u00dcber 6 Jahre Expertise in der Transformation in die Elektromobilit\u00e4t f\u00fcr Logistiker und Speditionen Valence Button Valence Button Impact Messbare Ergebnisse, die f\u00fcr sich sprechen Was unsere Kunden heute erreichen Bis zu 80t CO2 Einsparung pro LKW\/Jahr Bis zu 30% niedrigere Betriebskosten Mehr als 2000\u20ac Mautersparnis pro LKW\/Jahr [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1939","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nordlicht-epc.de\/index.php?rest_route=\/wp\/v2\/pages\/1939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nordlicht-epc.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nordlicht-epc.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nordlicht-epc.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nordlicht-epc.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1939"}],"version-history":[{"count":343,"href":"https:\/\/nordlicht-epc.de\/index.php?rest_route=\/wp\/v2\/pages\/1939\/revisions"}],"predecessor-version":[{"id":40222,"href":"https:\/\/nordlicht-epc.de\/index.php?rest_route=\/wp\/v2\/pages\/1939\/revisions\/40222"}],"wp:attachment":[{"href":"https:\/\/nordlicht-epc.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}