{"id":12802,"date":"2021-08-11T10:18:20","date_gmt":"2021-08-11T08:18:20","guid":{"rendered":"https:\/\/www.syserso.com\/?page_id=12802"},"modified":"2025-12-28T17:45:32","modified_gmt":"2025-12-28T16:45:32","slug":"syserso","status":"publish","type":"page","link":"https:\/\/www.syserso.com\/en\/","title":{"rendered":"Syserso"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12802\" class=\"elementor elementor-12802 elementor-978\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-844d0c6 e-con-full e-flex e-con e-parent\" data-id=\"844d0c6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73e7f7f elementor-widget elementor-widget-html\" data-id=\"73e7f7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n     EINZELNER BEREINIGTER VIDEO-BEREICH\r\n     (Hintergrundvideo + schwebende Link-Kreise)\r\n     - Video NIE abgeschnitten (contain)\r\n     - Balken\/\u00dcberblendung in #005370\r\n     - Kreise bleiben bei Hover stehen\r\n     ========================================= -->\r\n<div class=\"ss2-video-hero\" id=\"sliderB\" aria-label=\"Animierter Bereich mit Hintergrundvideo und Links\">\r\n  <div class=\"ss2-float-wrap\">\r\n    <video class=\"ss2-bg-video\" autoplay muted loop playsinline preload=\"metadata\">\r\n      <source src=\"https:\/\/www.syserso.com\/wp-content\/uploads\/2025\/11\/Silvester2026.mp4\" type=\"video\/mp4\">\r\n      Dein Browser unterst\u00fctzt kein HTML5-Video.\r\n    <\/video>\r\n    <canvas class=\"ss2-line-canvas\"><\/canvas>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* ======== Basis-Layout: EIN Hintergrundvideo ======== *\/\r\n  #sliderB.ss2-video-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    height: clamp(420px, 60vh, 720px);\r\n    overflow: hidden;\r\n    outline: none;\r\n    background: #005370;\r\n  }\r\n\r\n  #sliderB .ss2-float-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    background: #005370; \/* Balkenfarbe *\/\r\n  }\r\n\r\n  \/* \u2705 Video: garantiert NIE abgeschnitten *\/\r\n  #sliderB .ss2-bg-video {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: auto;\r\n    height: auto;\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: contain !important;\r\n    object-position: center !important;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n    display: block;\r\n  }\r\n\r\n  \/* \ud83c\udf2b\ufe0f Weiche \u00dcberblendung der Balken in #005370 *\/\r\n  #sliderB .ss2-float-wrap::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0; \/* \u00fcber Video (gleiches Layer, aber sp\u00e4ter gerendert) *\/\r\n    pointer-events:none;\r\n    background:\r\n      linear-gradient(\r\n        to right,\r\n        rgba(0,83,112,.95) 0%,\r\n        rgba(0,83,112,.60) 10%,\r\n        rgba(0,83,112,0) 26%,\r\n        rgba(0,83,112,0) 74%,\r\n        rgba(0,83,112,.60) 90%,\r\n        rgba(0,83,112,.95) 100%\r\n      ),\r\n      linear-gradient(\r\n        to bottom,\r\n        rgba(0,83,112,.95) 0%,\r\n        rgba(0,83,112,.60) 10%,\r\n        rgba(0,83,112,0) 28%,\r\n        rgba(0,83,112,0) 72%,\r\n        rgba(0,83,112,.60) 90%,\r\n        rgba(0,83,112,.95) 100%\r\n      );\r\n  }\r\n\r\n  \/* Zeichenfl\u00e4che f\u00fcr Linien *\/\r\n  #sliderB .ss2-line-canvas {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Schwebende Link-Kreise *\/\r\n  #sliderB .ss2-dot {\r\n    position: absolute;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    background: rgb(64,125,147);\r\n    color: #fff;\r\n    font-weight: 700;\r\n    padding: 10px;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    border: 2px solid rgba(255,255,255,0.85);\r\n    box-shadow:\r\n      0 2px 10px rgba(0,0,0,0.35),\r\n      0 0 0 3px rgba(64,125,147,0.25);\r\n    text-shadow: 0 1px 2px rgba(0,0,0,0.35);\r\n    z-index: 2;\r\n    cursor: pointer;\r\n    will-change: transform, box-shadow;\r\n    transition:\r\n      background-color .2s ease,\r\n      border-color .2s ease,\r\n      box-shadow .2s ease,\r\n      transform .2s ease;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  \/* Hover-\/Focus-Farbe: #fa7444 *\/\r\n  #sliderB .ss2-dot:hover,\r\n  #sliderB .ss2-dot:focus-visible {\r\n    background: #fa7444;\r\n  }\r\n\r\n  \/* \ud83d\udcf1 Mobile Portrait Tweaks *\/\r\n  @media (max-width: 600px) and (orientation: portrait) {\r\n    #sliderB.ss2-video-hero { height: 58vh; }\r\n    #sliderB .ss2-dot { padding: 6px; border-width: 1px; }\r\n\r\n    \/* Mobile: etwas sanftere \u00dcberblendung *\/\r\n    #sliderB .ss2-float-wrap::after{\r\n      background:\r\n        linear-gradient(\r\n          to bottom,\r\n          rgba(0,83,112,.85) 0%,\r\n          rgba(0,83,112,0) 32%,\r\n          rgba(0,83,112,0) 68%,\r\n          rgba(0,83,112,.85) 100%\r\n        );\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n\/* ============================================\r\n   Floating Link-Kreise + Linien (ohne Slider)\r\n   + Kreise bleiben bei Hover stehen\r\n   ============================================ *\/\r\n(function(){\r\n  const root = document.getElementById('sliderB');\r\n  if (!root || root.dataset.ss2Init === '1') return;\r\n  root.dataset.ss2Init = '1';\r\n\r\n  const wrap   = root.querySelector('.ss2-float-wrap');\r\n  const canvas = root.querySelector('.ss2-line-canvas');\r\n  if (!wrap || !canvas) return;\r\n  const ctx = canvas.getContext('2d');\r\n\r\n  \/\/ --- Responsive Konfiguration (nur f\u00fcr Kreise\/Linien) ---\r\n  const isSmallPortrait = () =>\r\n    window.matchMedia('(max-width: 600px) and (orientation: portrait)').matches;\r\n\r\n  const getConfig = () => {\r\n    const small = isSmallPortrait();\r\n    return small\r\n      ? {\r\n          SIZE_MIN: 56, SIZE_MAX: 78,\r\n          SPEED_MIN: 0.18, SPEED_MAX: 0.32,\r\n          LINE_W: 1.5,\r\n          ATTR_R: 140, NEAR: 30,\r\n          DRAW_MODE: 'ALL',      \/\/ Mobile: alle Linien\r\n          KNN_K: 3,\r\n          LINE_ALPHA: 0.9\r\n        }\r\n      : {\r\n          SIZE_MIN: 100, SIZE_MAX: 130,\r\n          SPEED_MIN: 0.21, SPEED_MAX: 0.42,\r\n          LINE_W: 2,\r\n          ATTR_R: 180, NEAR: 40,\r\n          DRAW_MODE: 'KNN',      \/\/ Desktop: K-N\u00e4chste-Nachbarn\r\n          KNN_K: 3,\r\n          LINE_ALPHA: 0.8\r\n        };\r\n  };\r\n\r\n  let CFG = getConfig();\r\n\r\n  const LABELS = [\r\n    'Service und Dienstleistungen','Security','VoIP und Applikationen','Transport',\r\n    'Access','Schulungen & Workshops','Netzmanagement','Netzinfrastruktur'\r\n  ];\r\n  const URLS = [\r\n    'https:\/\/www.syserso.com\/service-und-dienstleistungen\/',\r\n    'https:\/\/www.syserso.com\/security\/',\r\n    'https:\/\/www.syserso.com\/voip-und-applikationen\/',\r\n    'https:\/\/www.syserso.com\/transport\/',\r\n    'https:\/\/www.syserso.com\/access\/',\r\n    'https:\/\/www.syserso.com\/academy\/',\r\n    'https:\/\/www.syserso.com\/managementsysteme\/',\r\n    'https:\/\/www.syserso.com\/netzinfrastruktur\/'\r\n  ];\r\n  const LINK_TARGET = '_self';\r\n  const COLOR='64,125,147';\r\n\r\n  \/\/ Physik-Konstanten\r\n  const NOISE = 0.0175, MAX_SPEED = 0.77;\r\n  const RESTITUTION = 0.92;\r\n  const WALL_BOUNCE = 0.98;\r\n  const POS_CORRECT = 0.85;\r\n  const PEN_SLOP = 0.5;\r\n  const ATTR_S = 0.035;\r\n\r\n  const rand = (a,b) => a + Math.random() * (b - a);\r\n\r\n  let W = wrap.clientWidth,\r\n      H = wrap.clientHeight,\r\n      DPR = Math.max(1, window.devicePixelRatio || 1);\r\n\r\n  function resizeCanvas() {\r\n    W = wrap.clientWidth;\r\n    H = wrap.clientHeight;\r\n    DPR = Math.max(1, window.devicePixelRatio || 1);\r\n    canvas.width  = Math.floor(W * DPR);\r\n    canvas.height = Math.floor(H * DPR);\r\n    ctx.setTransform(DPR, 0, 0, DPR, 0, 0);\r\n  }\r\n  resizeCanvas();\r\n\r\n  \/\/ --- Kreise anlegen ---\r\n  function fSize(text, diam) {\r\n    const base = 18;\r\n    const scale = Math.min(1, diam \/ 140);\r\n    const len = Math.max(0.65, 1 - (text.length \/ 45));\r\n    return Math.max(12, Math.round(base * scale * len));\r\n  }\r\n\r\n  const state = Array.from({ length: LABELS.length }).map((_, i) => {\r\n    const size = Math.round(rand(CFG.SIZE_MIN, CFG.SIZE_MAX));\r\n    const a = document.createElement('a');\r\n    a.className = 'ss2-dot';\r\n    a.href = URLS[i] || '#';\r\n    a.target = LINK_TARGET;\r\n    a.setAttribute('aria-label', LABELS[i]);\r\n    a.style.width  = size + 'px';\r\n    a.style.height = size + 'px';\r\n    a.textContent = LABELS[i];\r\n    a.style.fontSize = fSize(LABELS[i], size) + 'px';\r\n    a.style.lineHeight = '1.2';\r\n    a.style.whiteSpace = 'normal';\r\n    a.style.wordBreak = 'break-word';\r\n    a.style.hyphens = 'auto';\r\n    wrap.appendChild(a);\r\n\r\n    const ang = Math.random() * Math.PI * 2;\r\n    const spd = rand(CFG.SPEED_MIN, CFG.SPEED_MAX);\r\n    const pad = size \/ 2 + 4;\r\n\r\n    return {\r\n      el: a,\r\n      x: rand(pad, W - pad),\r\n      y: rand(pad, H - pad),\r\n      vx: Math.cos(ang) * spd,\r\n      vy: Math.sin(ang) * spd,\r\n      r: size \/ 2,\r\n      active: false,\r\n\r\n      \/* \u2705 NEU: Freeze bei Hover *\/\r\n      frozen: false,\r\n      savedVx: 0,\r\n      savedVy: 0\r\n    };\r\n  });\r\n\r\n  \/\/ ResizeObserver: Config + Gr\u00f6\u00dfen anpassen\r\n  const ro = new ResizeObserver(() => {\r\n    CFG = getConfig();\r\n    resizeCanvas();\r\n\r\n    state.forEach(p => {\r\n      const newSize = Math.round(rand(CFG.SIZE_MIN, CFG.SIZE_MAX));\r\n      p.r = newSize \/ 2;\r\n      p.el.style.width  = newSize + 'px';\r\n      p.el.style.height = newSize + 'px';\r\n      p.el.style.fontSize = fSize(p.el.textContent || '', newSize) + 'px';\r\n      p.x = Math.min(Math.max(p.x, p.r), W - p.r);\r\n      p.y = Math.min(Math.max(p.y, p.r), H - p.r);\r\n    });\r\n  });\r\n  ro.observe(wrap);\r\n\r\n  \/\/ --- Maus \/ Hover-Aktivierung ---\r\n  const mouse = { x: null, y: null };\r\n  let hoverTimer = null, hoverTarget = null, activeIdx = null;\r\n\r\n  function updMouse(e) {\r\n    const r = wrap.getBoundingClientRect();\r\n    mouse.x = e.clientX - r.left;\r\n    mouse.y = e.clientY - r.top;\r\n  }\r\n\r\n  function setActiveDot(i) {\r\n    if (activeIdx !== null && state[activeIdx]) {\r\n      state[activeIdx].active = false;\r\n      state[activeIdx].el.style.boxShadow = '';\r\n    }\r\n    activeIdx = i;\r\n    if (i !== null) {\r\n      state[i].active = true;\r\n      state[i].el.style.boxShadow =\r\n        `0 0 22px rgba(${COLOR},.9), 0 0 42px rgba(${COLOR},.4)`;\r\n    }\r\n  }\r\n\r\n  function freezeDot(i){\r\n    const p = state[i];\r\n    if (!p || p.frozen) return;\r\n    p.frozen = true;\r\n    p.savedVx = p.vx;\r\n    p.savedVy = p.vy;\r\n    p.vx = 0;\r\n    p.vy = 0;\r\n  }\r\n\r\n  function unfreezeDot(i){\r\n    const p = state[i];\r\n    if (!p || !p.frozen) return;\r\n    p.frozen = false;\r\n\r\n    \/* sanft wieder starten (nicht \"losschie\u00dfen\") *\/\r\n    p.vx = (p.savedVx || 0) * 0.6;\r\n    p.vy = (p.savedVy || 0) * 0.6;\r\n  }\r\n\r\n  function dwell(i) {\r\n    clearTimeout(hoverTimer);\r\n    hoverTarget = i;\r\n    hoverTimer = setTimeout(() => setActiveDot(hoverTarget), 250);\r\n  }\r\n\r\n  function cancel(i) {\r\n    clearTimeout(hoverTimer);\r\n    hoverTimer = null;\r\n    hoverTarget = null;\r\n    if (activeIdx === i) setActiveDot(null);\r\n  }\r\n\r\n  state.forEach((p, i) => {\r\n    p.el.addEventListener('pointerenter', e => {\r\n      updMouse(e);\r\n      freezeDot(i);     \/* \u2705 bleibt stehen *\/\r\n      dwell(i);\r\n    });\r\n    p.el.addEventListener('pointermove', updMouse);\r\n    p.el.addEventListener('pointerleave', () => {\r\n      unfreezeDot(i);   \/* \u2705 wieder bewegen *\/\r\n      cancel(i);\r\n    });\r\n  });\r\n\r\n  \/\/ --- Linien-Zeichner ---\r\n  function drawLinesAll() {\r\n    for (let i = 0; i < state.length; i++) {\r\n      for (let j = i + 1; j < state.length; j++) {\r\n        const a = state[i], b = state[j];\r\n        ctx.beginPath();\r\n        ctx.moveTo(a.x, a.y);\r\n        ctx.lineTo(b.x, b.y);\r\n        ctx.stroke();\r\n      }\r\n    }\r\n  }\r\n\r\n  function drawLinesKNN(k) {\r\n    for (let i = 0; i < state.length; i++) {\r\n      const a = state[i];\r\n      const neighbors = [];\r\n      for (let j = 0; j < state.length; j++) {\r\n        if (i === j) continue;\r\n        const b = state[j];\r\n        const dx = b.x - a.x;\r\n        const dy = b.y - a.y;\r\n        neighbors.push({ j, d: Math.hypot(dx, dy) });\r\n      }\r\n      neighbors.sort((p, q) => p.d - q.d);\r\n      const limit = Math.min(k, neighbors.length);\r\n      for (let n = 0; n < limit; n++) {\r\n        const j = neighbors[n].j;\r\n        const b = state[j];\r\n        ctx.beginPath();\r\n        ctx.moveTo(a.x, a.y);\r\n        ctx.lineTo(b.x, b.y);\r\n        ctx.stroke();\r\n      }\r\n    }\r\n  }\r\n\r\n  \/\/ --- Animations-Loop ---\r\n  function step() {\r\n    \/\/ Attraction zum Cursor (nur aktiver Punkt) \u2013 nur wenn NICHT frozen\r\n    if (activeIdx !== null && mouse.x != null) {\r\n      const p = state[activeIdx];\r\n      if (p && !p.frozen) {\r\n        const dx = mouse.x - p.x;\r\n        const dy = mouse.y - p.y;\r\n        const d2 = dx*dx + dy*dy;\r\n        const d  = Math.sqrt(d2) || 1;\r\n        if (d2 < CFG.ATTR_R * CFG.ATTR_R) {\r\n          const s = ATTR_S * (1 - d \/ CFG.ATTR_R);\r\n          p.vx += (dx \/ d) * s;\r\n          p.vy += (dy \/ d) * s;\r\n        }\r\n        if (d < CFG.NEAR) {\r\n          p.vx *= 0.85;\r\n          p.vy *= 0.85;\r\n          if (Math.hypot(p.vx, p.vy) < 0.05) {\r\n            p.vx = 0;\r\n            p.vy = 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    \/\/ Bewegung + W\u00e4nde + Drift (frozen Punkte bleiben stehen)\r\n    state.forEach(p => {\r\n      if (p.frozen) return;\r\n\r\n      p.vx += (Math.random() - 0.5) * NOISE;\r\n      p.vy += (Math.random() - 0.5) * NOISE;\r\n\r\n      const sp = Math.hypot(p.vx, p.vy);\r\n      if (sp > MAX_SPEED) {\r\n        const k = MAX_SPEED \/ sp;\r\n        p.vx *= k;\r\n        p.vy *= k;\r\n      }\r\n\r\n      p.x += p.vx;\r\n      p.y += p.vy;\r\n\r\n      \/\/ W\u00e4nde mit D\u00e4mpfung\r\n      if (p.x < p.r) { p.x = p.r; p.vx *= -WALL_BOUNCE; }\r\n      if (p.x > W - p.r) { p.x = W - p.r; p.vx *= -WALL_BOUNCE; }\r\n      if (p.y < p.r) { p.y = p.r; p.vy *= -WALL_BOUNCE; }\r\n      if (p.y > H - p.r) { p.y = H - p.r; p.vy *= -WALL_BOUNCE; }\r\n    });\r\n\r\n    \/\/ Kollisionen \u2013 frozen Punkte werden NICHT weggeschoben\r\n    for (let i = 0; i < state.length; i++) {\r\n      for (let j = i + 1; j < state.length; j++) {\r\n        const a = state[i], b = state[j];\r\n        const dx = b.x - a.x;\r\n        const dy = b.y - a.y;\r\n        let dist = Math.hypot(dx, dy);\r\n        const minD = a.r + b.r;\r\n\r\n        if (dist === 0) dist = 0.001;\r\n\r\n        if (dist < minD) {\r\n          const nx = dx \/ dist;\r\n          const ny = dy \/ dist;\r\n\r\n          \/\/ Positions-Korrektur\r\n          const penetration = minD - dist;\r\n          const correction = Math.max(penetration - PEN_SLOP, 0) * POS_CORRECT;\r\n\r\n          if (a.frozen && !b.frozen) {\r\n            b.x += nx * correction;\r\n            b.y += ny * correction;\r\n          } else if (!a.frozen && b.frozen) {\r\n            a.x -= nx * correction;\r\n            a.y -= ny * correction;\r\n          } else if (!a.frozen && !b.frozen) {\r\n            const half = correction \/ 2;\r\n            a.x -= nx * half; a.y -= ny * half;\r\n            b.x += nx * half; b.y += ny * half;\r\n          } \/\/ beide frozen: nichts schieben\r\n\r\n          \/\/ Impuls (nur wenn beide beweglich)\r\n          if (!a.frozen && !b.frozen) {\r\n            const rvx = b.vx - a.vx;\r\n            const rvy = b.vy - a.vy;\r\n            const vn  = rvx * nx + rvy * ny;\r\n\r\n            if (vn < 0) {\r\n              const jImp = -(1 + RESTITUTION) * vn \/ 2;\r\n              const impX = jImp * nx;\r\n              const impY = jImp * ny;\r\n              a.vx -= impX; a.vy -= impY;\r\n              b.vx += impX; b.vy += impY;\r\n            }\r\n          } else {\r\n            \/\/ wenn einer frozen ist: den anderen leicht d\u00e4mpfen, damit es ruhig bleibt\r\n            if (!a.frozen) { a.vx *= 0.92; a.vy *= 0.92; }\r\n            if (!b.frozen) { b.vx *= 0.92; b.vy *= 0.92; }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    \/\/ Linien zeichnen\r\n    ctx.clearRect(0, 0, W, H);\r\n    ctx.lineWidth = CFG.LINE_W;\r\n    ctx.strokeStyle = `rgba(${COLOR},${CFG.LINE_ALPHA})`;\r\n\r\n    if (CFG.DRAW_MODE === 'ALL') drawLinesAll();\r\n    else drawLinesKNN(CFG.KNN_K || 3);\r\n\r\n    \/\/ DOM-Position der Kreise\r\n    state.forEach(p => {\r\n      p.el.style.transform =\r\n        `translate(${p.x - p.r}px, ${p.y - p.r}px) scale(${p.active ? 1.12 : 1})`;\r\n    });\r\n\r\n    requestAnimationFrame(step);\r\n  }\r\n\r\n  \/\/ initiale Positionen rendern + Loop starten\r\n  state.forEach(p => {\r\n    p.el.style.transform =\r\n      `translate(${p.x - p.r}px, ${p.y - p.r}px)`;\r\n  });\r\n  requestAnimationFrame(step);\r\n})();\r\n<\/script>\r\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-a855d11 animated-slow e-flex e-con-boxed e-con e-parent\" data-id=\"a855d11\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_delay&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2ff0a08 e-con-full e-flex e-con e-child\" data-id=\"2ff0a08\" 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-e941056 e-con-full e-flex e-con e-child\" data-id=\"e941056\" 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-699723f elementor-widget elementor-widget-heading\" data-id=\"699723f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Customized ICT Solutions.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78dc0ad elementor-widget elementor-widget-text-editor\" data-id=\"78dc0ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>With more than 25 years of experience, we plan, implement and support high-performance and flexible<br \/>networks for operators of critical infrastructures as well as for private and public network operators.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d013b4d elementor-align-center elementor-widget elementor-widget-button\" data-id=\"d013b4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.syserso.com\/en\/company\/#imageanimation\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-play-circle\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">find out more in the image video<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c623f58 e-flex e-con-boxed e-con e-parent\" data-id=\"c623f58\" 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-3d26e25 e-con-full e-flex e-con e-child\" data-id=\"3d26e25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5a1e77 elementor-widget elementor-widget-menu-anchor\" data-id=\"a5a1e77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"ourservices_back\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a18408b elementor-widget elementor-widget-spacer\" data-id=\"a18408b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd261a4 elementor-widget elementor-widget-heading\" data-id=\"bd261a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our services<\/h2>\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-ebf6e1e e-con-full e-flex e-con e-child\" data-id=\"ebf6e1e\" data-element_type=\"container\" data-e-type=\"container\">\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-01a727e e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"01a727e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3125c0b elementor-widget elementor-widget-html\" data-id=\"3125c0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n     SLIDER B: Video + schwebende Link-Kreise\r\n     (Elementor-sicher, autark) \u2013 Desktop KNN, Mobile alle Linien, Kollision fix\r\n     ========================================= -->\r\n<div class=\"ss2-slider\" id=\"sliderB\" tabindex=\"0\" aria-label=\"Interaktiver Slider B\">\r\n  <div class=\"ss2-track\">\r\n    <!-- \ud83e\ude90 Custom Slide mit Video-HG + Kreisen -->\r\n    <div class=\"ss2-slide ss2-custom\" aria-hidden=\"true\">\r\n      <div class=\"ss2-float-wrap\" style=\"position:relative;width:100%;height:100%;overflow:hidden;\">\r\n        <video class=\"ss2-bg-video\" autoplay muted loop playsinline preload=\"metadata\">\r\n          <source src=\"https:\/\/www.syserso.com\/wp-content\/uploads\/2025\/10\/1275862291.mp4\" type=\"video\/mp4\">\r\n          Dein Browser unterst\u00fctzt kein HTML5-Video.\r\n        <\/video>\r\n        <canvas class=\"ss2-line-canvas\" style=\"position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;\"><\/canvas>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <!-- Dots-Container wird bei nur 1 Slide automatisch entfernt -->\r\n  <div class=\"ss2-dots\" aria-label=\"Slider Navigation\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* ======== Namespace: SS2 (Video + Kreise) ======== *\/\r\n  #sliderB.ss2-slider {\r\n    position: relative; width: 100%; height: 40vh; overflow: hidden; outline: none;\r\n    --ss2-dot-size: clamp(10px, 1.6vw, 16px);\r\n    --ss2-dot-border: clamp(1.5px, 0.22vw, 2.6px);\r\n    --ss2-dot-gap: clamp(6px, 1.2vw, 14px);\r\n    --ss2-dot-bottom: clamp(8px, 1.2vw, 18px);\r\n    background: #000;\r\n  }\r\n  #sliderB .ss2-track { position: relative; height: 100%; }\r\n  #sliderB .ss2-slide {\r\n    position: absolute; inset: 0; height: 100%; min-width: 100%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    opacity: 0; transition: opacity 800ms ease-in-out; pointer-events: none; z-index: 0;\r\n  }\r\n  #sliderB .ss2-slide:first-child { opacity: 1; z-index: 1; }\r\n  #sliderB .ss2-slide.ss2-active { opacity: 1; pointer-events: auto; z-index: 1; }\r\n\r\n  #sliderB .ss2-bg-video,\r\n  #sliderB .ss2-bg {\r\n    position: absolute; top: 50%; left: 50%; width: 100%; height: 100%;\r\n    object-fit: cover; transform: translate(-50%, -50%); z-index: 0; pointer-events: none;\r\n  }\r\n\r\n  #sliderB .ss2-float-wrap .ss2-dot {\r\n    position: absolute; display:flex; align-items:center; justify-content:center;\r\n    border-radius: 50%; background: rgb(64,125,147); color:#fff; font-weight:700;\r\n    padding:10px; text-align:center; text-decoration:none;\r\n    border: 2px solid rgba(255,255,255,0.85);\r\n    box-shadow: 0 2px 10px rgba(0,0,0,0.35), 0 0 0 3px rgba(64,125,147,0.25);\r\n    text-shadow: 0 1px 2px rgba(0,0,0,0.35);\r\n    z-index: 2; cursor: pointer; will-change: transform, box-shadow;\r\n    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;\r\n  }\r\n\r\n  \/* Hover-\/Focus-Farbe: #fa7444 *\/\r\n  #sliderB .ss2-float-wrap .ss2-dot:hover,\r\n  #sliderB .ss2-float-wrap .ss2-dot:focus-visible {\r\n    background: #fa7444;\r\n  }\r\n\r\n  .ss2-dots {\r\n    position: absolute; left: 50%; bottom: var(--ss2-dot-bottom);\r\n    transform: translateX(-50%); display: flex; gap: var(--ss2-dot-gap);\r\n    pointer-events: auto; z-index: 5; isolation: isolate;\r\n  }\r\n  .ss2-dots button {\r\n    width: var(--ss2-dot-size); height: var(--ss2-dot-size);\r\n    border-radius: 50%; border: var(--ss2-dot-border) solid #fff; background: #000;\r\n    box-shadow:\r\n      0 0 0 calc(var(--ss2-dot-border) + 1px) rgba(0,0,0,0.30),\r\n      0 0 0 calc(var(--ss2-dot-border) + 3px) rgba(255,255,255,0.35);\r\n    cursor: pointer; transition: transform .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;\r\n  }\r\n  .ss2-dots button.ss2-active {\r\n    background: #fff; border-color: #000;\r\n    box-shadow:\r\n      0 0 0 calc(var(--ss2-dot-border) + 1px) rgba(255,255,255,0.35),\r\n      0 0 0 calc(var(--ss2-dot-border) + 3px) rgba(0,0,0,0.35);\r\n    transform: scale(1.15);\r\n  }\r\n\r\n  \/* \ud83d\udcf1 Mobile Portrait Tweaks *\/\r\n  @media (max-width: 600px) and (orientation: portrait) {\r\n    #sliderB.ss2-slider { height: 58vh; }\r\n    #sliderB .ss2-float-wrap .ss2-dot { padding: 6px; border-width: 1px; }\r\n    .ss2-dots { bottom: clamp(10px, 2.5vh, 18px); }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n\/* ======== Slider B JS (Desktop: KNN-Linien, Mobile: alle Linien, Kollision fix) ======== *\/\r\n(function(){\r\n  const root = document.getElementById('sliderB');\r\n  if (!root || root.dataset.ss2Init === '1') return;\r\n  root.dataset.ss2Init = '1';\r\n\r\n  const slides  = Array.from(root.querySelectorAll('.ss2-slide'));\r\n  const dotsWrap= root.querySelector('.ss2-dots');\r\n  const BASE_HOLD_MS = 10000;\r\n  let index = 0, timer = null, paused = false;\r\n\r\n  \/\/ --- Responsive Config ---\r\n  const isSmallPortrait = ()=> window.matchMedia('(max-width: 600px) and (orientation: portrait)').matches;\r\n  const getConfig = ()=>{\r\n    const small = isSmallPortrait();\r\n    return small\r\n      ? {\r\n          SIZE_MIN: 56, SIZE_MAX: 78,\r\n          SPEED_MIN: 0.18, SPEED_MAX: 0.32,\r\n          LINE_W: 1.5,\r\n          ATTR_R: 140, NEAR: 30,\r\n          DRAW_MODE: 'ALL',          \/\/ Mobile: alle Linien\r\n          KNN_K: 3,\r\n          LINE_ALPHA: 0.9,\r\n          HOLD_MS: 9000\r\n        }\r\n      : {\r\n          SIZE_MIN: 100, SIZE_MAX: 130,\r\n          SPEED_MIN: 0.21, SPEED_MAX: 0.42,\r\n          LINE_W: 2,\r\n          ATTR_R: 180, NEAR: 40,\r\n          DRAW_MODE: 'KNN',          \/\/ Desktop: K-N\u00e4chste-Nachbarn\r\n          KNN_K: 3,\r\n          LINE_ALPHA: 0.8,\r\n          HOLD_MS: BASE_HOLD_MS\r\n        };\r\n  };\r\n  let CFG = getConfig();\r\n\r\n  \/\/ --- Dots UI (bei 1 Slide entfernen) ---\r\n  let dots = [];\r\n  if (dotsWrap) {\r\n    if (slides.length > 1) {\r\n      dots = slides.map((_,i)=>{\r\n        const b = document.createElement('button');\r\n        b.type='button'; b.setAttribute('aria-label',`Gehe zu Slide ${i+1}`);\r\n        dotsWrap.appendChild(b); b.addEventListener('click', ()=> goTo(i));\r\n        return b;\r\n      });\r\n    } else {\r\n      dotsWrap.remove();\r\n    }\r\n  }\r\n\r\n  function setActive(i){ slides.forEach((s,idx)=> s.classList.toggle('ss2-active', idx===i)); dots.forEach((d,idx)=> d.classList.toggle('ss2-active', idx===i)); }\r\n  function clearTimer(){ if(timer){ clearTimeout(timer); timer=null; } }\r\n  function scheduleNext(){ clearTimer(); if(!paused && slides.length>1) timer=setTimeout(next, CFG.HOLD_MS); }\r\n  function next(){ index=(index+1)%slides.length; setActive(index); scheduleNext(); }\r\n  function goTo(i){ index=(i+slides.length)%slides.length; setActive(index); scheduleNext(); }\r\n  root.addEventListener('mouseenter', ()=>{ paused=true; clearTimer(); });\r\n  root.addEventListener('mouseleave', ()=>{ paused=false; scheduleNext(); });\r\n  setActive(index); scheduleNext();\r\n\r\n  \/\/ --- Kreise + Linien ---\r\n  const wrap   = root.querySelector('.ss2-float-wrap');\r\n  const canvas = root.querySelector('.ss2-line-canvas');\r\n  if (!wrap || !canvas) return;\r\n  const ctx = canvas.getContext('2d');\r\n\r\n  const LABELS = [\r\n    'Services','Security','VoIP and applications','Transport',\r\n    'Access','Schulungen & Workshops','Management systems','Network infrastructure'\r\n  ];\r\n  const URLS = ['https:\/\/www.syserso.com\/en\/services\/','https:\/\/www.syserso.com\/en\/security\/','https:\/\/www.syserso.com\/en\/voip-and-applications\/','https:\/\/www.syserso.com\/en\/transport\/','https:\/\/www.syserso.com\/en\/access\/','https:\/\/www.syserso.com\/academy\/','https:\/\/www.syserso.com\/en\/management-systems\/','https:\/\/www.syserso.com\/en\/network-infrastructure\/'];\r\n  const LINK_TARGET = '_self';\r\n  const COLOR='64,125,147';\r\n\r\n\r\n  \/\/ Physik-Konstanten\r\n  const NOISE=0.0175, MAX_SPEED=0.77;\r\n  const RESTITUTION=0.92;          \/\/ e: R\u00fcckprallfaktor f\u00fcr Kollisionen (leicht ged\u00e4mpft)\r\n  const WALL_BOUNCE=0.98;          \/\/ D\u00e4mpfung an den W\u00e4nden\r\n  const POS_CORRECT=0.85;          \/\/ Positions-Korrekturanteil bei Penetration\r\n  const PEN_SLOP=0.5;              \/\/ \u201eSpielraum\u201c, damit nichts zittert\r\n  const ATTR_S=0.035;\r\n\r\n  const rand=(a,b)=>a+Math.random()*(b-a);\r\n\r\n  let W=wrap.clientWidth, H=wrap.clientHeight, DPR=Math.max(1, window.devicePixelRatio||1);\r\n  function resizeCanvas(){\r\n    W=wrap.clientWidth; H=wrap.clientHeight;\r\n    canvas.width = Math.floor(W*DPR); canvas.height = Math.floor(H*DPR);\r\n    ctx.setTransform(DPR,0,0,DPR,0,0);\r\n  }\r\n  resizeCanvas();\r\n\r\n  const ro = new ResizeObserver(()=>{\r\n    const wasSmall = (CFG.DRAW_MODE==='ALL');\r\n    CFG = getConfig();\r\n    if ((CFG.DRAW_MODE==='ALL') !== wasSmall){\r\n      state.forEach(p=>{\r\n        const newSize = Math.round(rand(CFG.SIZE_MIN, CFG.SIZE_MAX));\r\n        p.r = newSize\/2;\r\n        p.el.style.width  = newSize+'px';\r\n        p.el.style.height = newSize+'px';\r\n        p.el.style.fontSize = fSize(p.el.textContent || '', newSize)+'px';\r\n        p.x = Math.min(Math.max(p.x, p.r), W - p.r);\r\n        p.y = Math.min(Math.max(p.y, p.r), H - p.r);\r\n      });\r\n    }\r\n    resizeCanvas();\r\n  });\r\n  ro.observe(wrap);\r\n\r\n  function fSize(text,diam){\r\n    const base=18, scale=Math.min(1,diam\/140);\r\n    const len=Math.max(0.65,1-(text.length\/45));\r\n    return Math.max(12, Math.round(base*scale*len));\r\n  }\r\n\r\n  const state = Array.from({length:LABELS.length}).map((_,i)=>{\r\n    const size=Math.round(rand(CFG.SIZE_MIN, CFG.SIZE_MAX));\r\n    const a=document.createElement('a'); a.className='ss2-dot';\r\n    a.href=URLS[i]||'#'; a.target=LINK_TARGET; a.setAttribute('aria-label', LABELS[i]);\r\n    a.style.width=size+'px'; a.style.height=size+'px';\r\n    a.textContent=LABELS[i];\r\n    a.style.fontSize=fSize(LABELS[i], size)+'px';\r\n    a.style.lineHeight='1.2'; a.style.whiteSpace='normal'; a.style.wordBreak='break-word'; a.style.hyphens='auto';\r\n    wrap.appendChild(a);\r\n    const ang=Math.random()*Math.PI*2, spd=rand(CFG.SPEED_MIN, CFG.SPEED_MAX);\r\n    const pad = size\/2 + 4;\r\n    return { el:a, x:rand(pad, W-pad), y:rand(pad, H-pad), vx:Math.cos(ang)*spd, vy:Math.sin(ang)*spd, r:size\/2, active:false };\r\n  });\r\n\r\n  const mouse={x:null,y:null}; let hoverTimer=null, hoverTarget=null, activeIdx=null;\r\n  function updMouse(e){const r=wrap.getBoundingClientRect(); mouse.x=e.clientX-r.left; mouse.y=e.clientY-r.top;}\r\n  function setActiveDot(i){\r\n    if(activeIdx!==null&&state[activeIdx]){ state[activeIdx].active=false; state[activeIdx].el.style.boxShadow=''; }\r\n    activeIdx=i;\r\n    if(i!==null){ state[i].active=true; state[i].el.style.boxShadow=`0 0 22px rgba(${COLOR},.9), 0 0 42px rgba(${COLOR},.4)`; }\r\n  }\r\n  function dwell(i){ clearTimeout(hoverTimer); hoverTarget=i; hoverTimer=setTimeout(()=>setActiveDot(hoverTarget), 250); }\r\n  function cancel(i){ clearTimeout(hoverTimer); hoverTimer=null; hoverTarget=null; if(activeIdx===i) setActiveDot(null); }\r\n  state.forEach((p,i)=>{ p.el.addEventListener('pointerenter',e=>{ updMouse(e); dwell(i); }); p.el.addEventListener('pointermove',updMouse); p.el.addEventListener('pointerleave',()=>cancel(i)); });\r\n\r\n  function drawLinesAll(){\r\n    for(let i=0;i<state.length;i++){\r\n      for(let j=i+1;j<state.length;j++){\r\n        const a=state[i], b=state[j];\r\n        ctx.beginPath(); ctx.moveTo(a.x,a.y); ctx.lineTo(b.x,b.y); ctx.stroke();\r\n      }\r\n    }\r\n  }\r\n  function drawLinesKNN(k){\r\n    for(let i=0;i<state.length;i++){\r\n      const a = state[i];\r\n      const neighbors = [];\r\n      for(let j=0;j<state.length;j++){\r\n        if(i===j) continue;\r\n        const b=state[j];\r\n        const dx=b.x-a.x, dy=b.y-a.y;\r\n        neighbors.push({j, d: Math.hypot(dx,dy)});\r\n      }\r\n      neighbors.sort((p,q)=>p.d-q.d);\r\n      const limit = Math.min(k, neighbors.length);\r\n      for(let n=0;n<limit;n++){\r\n        const j = neighbors[n].j;\r\n        const b = state[j];\r\n        ctx.beginPath(); ctx.moveTo(a.x,a.y); ctx.lineTo(b.x,b.y); ctx.stroke();\r\n      }\r\n    }\r\n  }\r\n\r\n  function step(){\r\n    \/\/ Attraction to cursor (active dot)\r\n    if(activeIdx!==null && mouse.x!=null){\r\n      const p=state[activeIdx], dx=mouse.x-p.x, dy=mouse.y-p.y, d2=dx*dx+dy*dy, d=Math.sqrt(d2)||1;\r\n      if(d2<CFG.ATTR_R*CFG.ATTR_R){ const s=ATTR_S*(1-d\/CFG.ATTR_R); p.vx+=(dx\/d)*s; p.vy+=(dy\/d)*s; }\r\n      if(d<CFG.NEAR){ p.vx*=0.85; p.vy*=0.85; if(Math.hypot(p.vx,p.vy)<0.05){ p.vx=0; p.vy=0; } }\r\n    }\r\n\r\n    \/\/ Bewegung + W\u00e4nde + leichte Drift\r\n    state.forEach(p=>{\r\n      p.vx+=(Math.random()-0.5)*NOISE; p.vy+=(Math.random()-0.5)*NOISE;\r\n      const sp=Math.hypot(p.vx,p.vy); if(sp>MAX_SPEED){ const k=MAX_SPEED\/sp; p.vx*=k; p.vy*=k; }\r\n      p.x+=p.vx; p.y+=p.vy;\r\n\r\n      \/\/ W\u00e4nde (mit leichter D\u00e4mpfung)\r\n      if(p.x<p.r){ p.x=p.r; p.vx*=-WALL_BOUNCE; }\r\n      if(p.x>W-p.r){ p.x=W-p.r; p.vx*=-WALL_BOUNCE; }\r\n      if(p.y<p.r){ p.y=p.r; p.vy*=-WALL_BOUNCE; }\r\n      if(p.y>H-p.r){ p.y=H-p.r; p.vy*=-WALL_BOUNCE; }\r\n    });\r\n\r\n    \/\/ --- KOLLISIONEN: robust (Impuls + Position Correction) ---\r\n    for(let i=0;i<state.length;i++){\r\n      for(let j=i+1;j<state.length;j++){\r\n        const a=state[i], b=state[j];\r\n        const dx=b.x-a.x, dy=b.y-a.y;\r\n        let dist = Math.hypot(dx,dy);\r\n        const minD = a.r + b.r;\r\n        if (dist === 0) { \/\/ exakt \u00fcbereinander -> kleine Zufallstrennung\r\n          dist = 0.001;\r\n        }\r\n        if (dist < minD){\r\n          \/\/ Normalisieren\r\n          const nx = dx \/ dist;\r\n          const ny = dy \/ dist;\r\n\r\n          \/\/ 1) Positions-Korrektur (Penetration rausdr\u00fccken)\r\n          const penetration = minD - dist;\r\n          const correction = Math.max(penetration - PEN_SLOP, 0) * (POS_CORRECT \/ 2); \/\/ \/2 wegen gleicher Masse\r\n          a.x -= nx * correction; a.y -= ny * correction;\r\n          b.x += nx * correction; b.y += ny * correction;\r\n\r\n          \/\/ 2) Impuls (Geschwindigkeiten korrigieren)\r\n          const rvx = b.vx - a.vx;\r\n          const rvy = b.vy - a.vy;\r\n          const vn  = rvx*nx + rvy*ny;       \/\/ relative Geschwindigkeit entlang der Normale\r\n\r\n          if (vn < 0){ \/\/ nur wenn aufeinander zu\r\n            const j = -(1 + RESTITUTION) * vn \/ 2;  \/\/ \/2 f\u00fcr gleiche Massen\r\n            const impX = j * nx;\r\n            const impY = j * ny;\r\n            a.vx -= impX; a.vy -= impY;\r\n            b.vx += impX; b.vy += impY;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    \/\/ Linien\r\n    ctx.clearRect(0,0,W,H);\r\n    ctx.lineWidth = CFG.LINE_W;\r\n    ctx.strokeStyle = `rgba(${COLOR},${CFG.LINE_ALPHA})`;\r\n    if (CFG.DRAW_MODE === 'ALL') {\r\n      drawLinesAll();\r\n    } else {\r\n      drawLinesKNN(CFG.KNN_K || 3);\r\n    }\r\n\r\n    \/\/ Render\r\n    state.forEach(p=>{\r\n      p.el.style.transform=`translate(${p.x-p.r}px,${p.y-p.r}px) scale(${p.active?1.12:1})`;\r\n    });\r\n\r\n    requestAnimationFrame(step);\r\n  }\r\n\r\n  function fSize(text,diam){\r\n    const base=18, scale=Math.min(1,diam\/140);\r\n    const len=Math.max(0.65,1-(text.length\/45));\r\n    return Math.max(12, Math.round(base*scale*len));\r\n  }\r\n\r\n  \/\/ initial transform + loop\r\n  state.forEach(p=> p.el.style.transform=`translate(${p.x-p.r}px,${p.y-p.r}px)`);\r\n  requestAnimationFrame(step);\r\n})();\r\n<\/script>\r\n\r\n\r\n\r\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-4764895 e-flex e-con-boxed e-con e-parent\" data-id=\"4764895\" 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<a class=\"eael-wrapper-link-4859249 --eael-wrapper-link-tag\" href=\"https:\/\/www.syserso.com\/en\/services\/\"><\/a><div data-eael-wrapper-link=\"eael-wrapper-link-4859249\" class=\"make-column-clickable-elementor elementor-element elementor-element-4859249 e-con-full e-flex e-con e-child\" style=\"cursor: pointer;\" data-column-clickable=\"https:\/\/www.syserso.com\/syserso\/service-und-dienstleistungen\/\" data-column-clickable-blank=\"_self\" data-id=\"4859249\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81b8971 elementor-widget elementor-widget-image\" data-id=\"81b8971\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"513\" src=\"https:\/\/www.syserso.com\/wp-content\/uploads\/2022\/06\/iStock-1148926448-768x513.jpg\" class=\"attachment-medium_large size-medium_large wp-image-14256\" alt=\"\" srcset=\"https:\/\/www.syserso.com\/wp-content\/uploads\/2022\/06\/iStock-1148926448-768x513.jpg 768w, https:\/\/www.syserso.com\/wp-content\/uploads\/2022\/06\/iStock-1148926448-300x200.jpg 300w, https:\/\/www.syserso.com\/wp-content\/uploads\/2022\/06\/iStock-1148926448-1024x683.jpg 1024w, https:\/\/www.syserso.com\/wp-content\/uploads\/2022\/06\/iStock-1148926448.jpg 1254w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\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<div class=\"elementor-element elementor-element-275671d elementor-widget elementor-widget-heading\" data-id=\"275671d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-medium\">Services<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56bacfe elementor-widget elementor-widget-text-editor\" data-id=\"56bacfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In addition to hardware and software service, we also offer you subsequent support from our Customer Care Center.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<a class=\"eael-wrapper-link-4f43b47 --eael-wrapper-link-tag\" href=\"https:\/\/www.syserso.com\/en\/security\/\"><\/a><div data-eael-wrapper-link=\"eael-wrapper-link-4f43b47\" class=\"make-column-clickable-elementor elementor-element elementor-element-4f43b47 e-con-full e-flex e-con e-child\" style=\"cursor: pointer;\" data-column-clickable=\"https:\/\/www.syserso.com\/syserso\/security\/\" data-column-clickable-blank=\"_self\" data-id=\"4f43b47\" 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-ca4195a elementor-widget elementor-widget-image\" data-id=\"ca4195a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-1008204650-768x512.jpg\" class=\"attachment-medium_large size-medium_large wp-image-12605\" alt=\"\" srcset=\"https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-1008204650-768x512.jpg 768w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-1008204650-300x200.jpg 300w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-1008204650-1024x683.jpg 1024w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-1008204650-1536x1024.jpg 1536w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-1008204650-2048x1365.jpg 2048w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\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<div class=\"elementor-element elementor-element-61305bc elementor-widget elementor-widget-heading\" data-id=\"61305bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-medium\">Security<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38b6792 elementor-widget elementor-widget-text-editor\" data-id=\"38b6792\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Security is a current topic and is becoming increasingly important due to the rapidly increasing networking. We support you in the evolution of your security infrastructure. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<a class=\"eael-wrapper-link-a641d3f --eael-wrapper-link-tag\" href=\"https:\/\/www.syserso.com\/en\/voip-and-applications\/\"><\/a><div data-eael-wrapper-link=\"eael-wrapper-link-a641d3f\" class=\"make-column-clickable-elementor elementor-element elementor-element-a641d3f e-con-full e-flex e-con e-child\" style=\"cursor: pointer;\" data-column-clickable=\"https:\/\/www.syserso.com\/syserso\/voip-und-applikationen\/\" data-column-clickable-blank=\"_self\" data-id=\"a641d3f\" 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-b2cd025 elementor-widget elementor-widget-image\" data-id=\"b2cd025\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-524908880-768x512.jpg\" class=\"attachment-medium_large size-medium_large wp-image-12606\" alt=\"\" srcset=\"https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-524908880-768x512.jpg 768w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-524908880-300x200.jpg 300w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-524908880-1024x683.jpg 1024w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-524908880-1536x1025.jpg 1536w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-524908880-2048x1367.jpg 2048w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\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<div class=\"elementor-element elementor-element-74af72c elementor-widget elementor-widget-heading\" data-id=\"74af72c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-medium\">VoIP and applications<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ddc71e3 elementor-widget elementor-widget-text-editor\" data-id=\"ddc71e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The rapid spread of IP applications poses major challenges for network operators in terms of possible network structures and offers opportunities for differentiation from the competition.<\/p>\n\t\t\t\t\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-9482620 e-flex e-con-boxed e-con e-parent\" data-id=\"9482620\" 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<a class=\"eael-wrapper-link-646c944 --eael-wrapper-link-tag\" href=\"https:\/\/www.syserso.com\/en\/transport\/\"><\/a><div data-eael-wrapper-link=\"eael-wrapper-link-646c944\" class=\"make-column-clickable-elementor elementor-element elementor-element-646c944 e-con-full e-flex e-con e-child\" style=\"cursor: pointer;\" data-column-clickable=\"https:\/\/www.syserso.com\/transport\/\" data-column-clickable-blank=\"_self\" data-id=\"646c944\" 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-6df2053 elementor-widget elementor-widget-image\" data-id=\"6df2053\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-868172560-768x512.jpg\" class=\"attachment-medium_large size-medium_large wp-image-12607\" alt=\"\" srcset=\"https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-868172560-768x512.jpg 768w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-868172560-300x200.jpg 300w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-868172560-1024x683.jpg 1024w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-868172560-1536x1024.jpg 1536w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-868172560-2048x1365.jpg 2048w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\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<div class=\"elementor-element elementor-element-4e66248 elementor-widget elementor-widget-heading\" data-id=\"4e66248\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-medium\">Transport<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca5d95d elementor-widget elementor-widget-text-editor\" data-id=\"ca5d95d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>As a system integrator, we create the appropriate transport network platform for our customers individually, which is both attractive in terms of costs and makes sense for the future requirements of the network operator.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<a class=\"eael-wrapper-link-4d07c99 --eael-wrapper-link-tag\" href=\"https:\/\/www.syserso.com\/en\/access\/\"><\/a><div data-eael-wrapper-link=\"eael-wrapper-link-4d07c99\" class=\"make-column-clickable-elementor elementor-element elementor-element-4d07c99 e-con-full e-flex e-con e-child\" style=\"cursor: pointer;\" data-column-clickable=\"https:\/\/www.syserso.com\/syserso\/access\/\" data-column-clickable-blank=\"_self\" data-id=\"4d07c99\" 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-ba5e467 elementor-widget elementor-widget-image\" data-id=\"ba5e467\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-639109564-768x512.jpg\" class=\"attachment-medium_large size-medium_large wp-image-12608\" alt=\"\" srcset=\"https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-639109564-768x512.jpg 768w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-639109564-300x200.jpg 300w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-639109564-1024x683.jpg 1024w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-639109564-1536x1024.jpg 1536w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-639109564-2048x1365.jpg 2048w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\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<div class=\"elementor-element elementor-element-5437054 elementor-widget elementor-widget-heading\" data-id=\"5437054\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-medium\">Access<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4840fb4 elementor-widget elementor-widget-text-editor\" data-id=\"4840fb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We offer network operators all products for the next generation environment so that they can offer new services to their end customers.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<a class=\"eael-wrapper-link-eb2359e --eael-wrapper-link-tag\" href=\"https:\/\/www.syserso.com\/academy\/\"><\/a><div data-eael-wrapper-link=\"eael-wrapper-link-eb2359e\" class=\"make-column-clickable-elementor elementor-element elementor-element-eb2359e e-con-full e-flex e-con e-child\" style=\"cursor: pointer;\" data-column-clickable=\"https:\/\/www.syserso.com\/academy\/\" data-column-clickable-blank=\"_self\" data-id=\"eb2359e\" 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-de7274f elementor-widget elementor-widget-image\" data-id=\"de7274f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"279\" src=\"https:\/\/www.syserso.com\/wp-content\/uploads\/2022\/10\/Syserso-Academy-seite-768x279.jpg\" class=\"attachment-medium_large size-medium_large wp-image-16156\" alt=\"\" srcset=\"https:\/\/www.syserso.com\/wp-content\/uploads\/2022\/10\/Syserso-Academy-seite-768x279.jpg 768w, https:\/\/www.syserso.com\/wp-content\/uploads\/2022\/10\/Syserso-Academy-seite-300x109.jpg 300w, https:\/\/www.syserso.com\/wp-content\/uploads\/2022\/10\/Syserso-Academy-seite.jpg 1024w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\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<div class=\"elementor-element elementor-element-c186f5e elementor-widget elementor-widget-heading\" data-id=\"c186f5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-medium\">Training courses and workshops<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c01523b elementor-widget elementor-widget-text-editor\" data-id=\"c01523b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tWith our Syserso Networks Academy, we want to support you in deepening and expanding your knowledge.\n\t\t\t\t\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-1fd3763 e-flex e-con-boxed e-con e-parent\" data-id=\"1fd3763\" 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<a class=\"eael-wrapper-link-801000b --eael-wrapper-link-tag\" href=\"https:\/\/www.syserso.com\/en\/management-systems\/\"><\/a><div data-eael-wrapper-link=\"eael-wrapper-link-801000b\" class=\"make-column-clickable-elementor elementor-element elementor-element-801000b e-con-full e-flex e-con e-child\" style=\"cursor: pointer;\" data-column-clickable=\"https:\/\/www.syserso.com\/syserso\/managementsysteme\/\" data-column-clickable-blank=\"_self\" data-id=\"801000b\" 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-4653b3b elementor-widget elementor-widget-image\" data-id=\"4653b3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"306\" src=\"https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-1274417553-768x306.jpg\" class=\"attachment-medium_large size-medium_large wp-image-12609\" alt=\"\" srcset=\"https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-1274417553-768x306.jpg 768w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-1274417553-300x119.jpg 300w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-1274417553-1024x408.jpg 1024w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-1274417553-1536x611.jpg 1536w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-1274417553-2048x815.jpg 2048w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\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<div class=\"elementor-element elementor-element-69f2d95 elementor-widget elementor-widget-heading\" data-id=\"69f2d95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-medium\">Network management<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30302c3 elementor-widget elementor-widget-text-editor\" data-id=\"30302c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tModern and powerful network management systems support network planning, construction and operation of networks.\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<a class=\"eael-wrapper-link-c5b7673 --eael-wrapper-link-tag\" href=\"https:\/\/www.syserso.com\/en\/network-infrastructure\/\"><\/a><div data-eael-wrapper-link=\"eael-wrapper-link-c5b7673\" class=\"make-column-clickable-elementor elementor-element elementor-element-c5b7673 e-con-full e-flex e-con e-child\" style=\"cursor: pointer;\" data-column-clickable=\"https:\/\/www.syserso.com\/syserso\/netzinfrastruktur\/\" data-column-clickable-blank=\"_self\" data-id=\"c5b7673\" 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-0d3c0ff elementor-widget elementor-widget-image\" data-id=\"0d3c0ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"384\" src=\"https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-1146418702-768x384.jpg\" class=\"attachment-medium_large size-medium_large wp-image-12610\" alt=\"\" srcset=\"https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-1146418702-768x384.jpg 768w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-1146418702-300x150.jpg 300w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-1146418702-1024x513.jpg 1024w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-1146418702-1536x769.jpg 1536w, https:\/\/www.syserso.com\/wp-content\/uploads\/2021\/12\/iStock-1146418702-2048x1025.jpg 2048w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\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<div class=\"elementor-element elementor-element-c27e2e1 elementor-widget elementor-widget-heading\" data-id=\"c27e2e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-medium\">Network infrastructure<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ffe7c26 elementor-widget elementor-widget-text-editor\" data-id=\"ffe7c26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tAll companies need networks to do business. So it\u2019s crucial that all components and devices in the network run like clockwork.\n\t\t\t\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-eb088da e-con-full e-flex e-con e-child\" data-id=\"eb088da\" data-element_type=\"container\" data-e-type=\"container\">\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-9e6db8d e-flex e-con-boxed e-con e-parent\" data-id=\"9e6db8d\" 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\t\t<div class=\"elementor-element elementor-element-5b8f23a elementor-widget elementor-widget-spacer\" data-id=\"5b8f23a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dein Browser unterst\u00fctzt kein HTML5-Video. Customized ICT Solutions. With more than 25 years of experience, we plan, implement and support high-performance and flexiblenetworks for operators of critical infrastructures as well as for private and public network operators. find out more in the image video Our services Dein Browser unterst\u00fctzt kein HTML5-Video. Services In addition to [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"on","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"off","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"0","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"off","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"0","footnotes":""},"class_list":["post-12802","page","type-page","status-publish","hentry","entry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.syserso.com\/en\/wp-json\/wp\/v2\/pages\/12802","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.syserso.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.syserso.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.syserso.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.syserso.com\/en\/wp-json\/wp\/v2\/comments?post=12802"}],"version-history":[{"count":0,"href":"https:\/\/www.syserso.com\/en\/wp-json\/wp\/v2\/pages\/12802\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.syserso.com\/en\/wp-json\/wp\/v2\/media?parent=12802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}