{"id":2,"date":"2026-06-23T18:29:53","date_gmt":"2026-06-23T18:29:53","guid":{"rendered":"https:\/\/new.system-coreit.de\/?page_id=2"},"modified":"2026-07-28T10:51:40","modified_gmt":"2026-07-28T10:51:40","slug":"start","status":"publish","type":"page","link":"https:\/\/new.system-coreit.de\/","title":{"rendered":"Start"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ae063e9 e-flex e-con-boxed e-con e-parent\" data-id=\"3ae063e9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;relative&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8e1065 elementor-widget__width-inherit elementor-absolute hero-bg elementor-widget elementor-widget-html\" data-id=\"a8e1065\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- System coreIT \u2013 animierter Wellen-Hintergrund (WebGL)\r\n     Einbau in Elementor: Widget \"HTML\" in einen Container legen.\r\n     Container-Einstellungen: Position = relativ, min-height z.B. 100vh, Overflow = hidden.\r\n     Dieses Widget dann auf Position = absolut, Breite 100%, H\u00f6he 100%, z-index 0.\r\n     Alle Inhalts-Widgets im selben Container brauchen z-index 1. -->\r\n<div class=\"sc-webgl-bg\" id=\"sc-webgl-bg\">\r\n  <canvas class=\"sc-webgl-bg__canvas\"><\/canvas>\r\n  <div class=\"sc-webgl-bg__veil\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n.sc-webgl-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#ffffff 0%,#e9eef8 100%)}\r\n.sc-webgl-bg__canvas{position:absolute;inset:0;width:100%;height:100%;display:block}\r\n.sc-webgl-bg__veil{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(244,246,250,.9) 0%,rgba(244,246,250,.7) 50%,rgba(244,246,250,0) 100%)}\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\r\n<script>\r\n(function () {\r\n  \/* Tempo der Animation: 1 = Original, 0.5 = halbe Geschwindigkeit, 0.25 = sehr ruhig *\/\r\n  var SPEED = 0.5;\r\n\r\n  var root = document.getElementById('sc-webgl-bg');\r\n  if (!root || root.dataset.scInit) return;\r\n  root.dataset.scInit = '1';\r\n  var canvas = root.querySelector('.sc-webgl-bg__canvas');\r\n\r\n  function start() {\r\n    var T = window.THREE;\r\n    if (!T) return;\r\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\r\n\r\n    var renderer = new T.WebGLRenderer({ canvas: canvas, antialias: true, alpha: true });\r\n    renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\r\n    var scene = new T.Scene();\r\n    var camera = new T.PerspectiveCamera(46, 1, 0.1, 300);\r\n    camera.position.set(0, 13, 30);\r\n    camera.lookAt(0, 0, 0);\r\n\r\n    var group = new T.Group();\r\n    group.rotation.x = -0.16;\r\n    scene.add(group);\r\n\r\n    var cols = 46, rows = 30, gap = 1.6, base = [], pos = [], i, j;\r\n    for (i = 0; i < cols; i++) for (j = 0; j < rows; j++) {\r\n      var x = (i - (cols - 1) \/ 2) * gap, z = (j - (rows - 1) \/ 2) * gap;\r\n      base.push(x, 0, z); pos.push(x, 0, z);\r\n    }\r\n    var geo = new T.BufferGeometry();\r\n    geo.setAttribute('position', new T.Float32BufferAttribute(pos, 3));\r\n    group.add(new T.Points(geo, new T.PointsMaterial({\r\n      color: 0x062863, size: 0.13, sizeAttenuation: true, transparent: true, opacity: 0.75\r\n    })));\r\n\r\n    function size() {\r\n      var w = canvas.clientWidth || 1, h = canvas.clientHeight || 1;\r\n      renderer.setSize(w, h, false);\r\n      camera.aspect = w \/ h;\r\n      camera.updateProjectionMatrix();\r\n      return [w, h];\r\n    }\r\n    var s = size(), lw = s[0], lh = s[1];\r\n\r\n    var mx = 0, my = 0;\r\n    window.addEventListener('mousemove', function (e) {\r\n      mx = (e.clientX \/ window.innerWidth) * 2 - 1;\r\n      my = (e.clientY \/ window.innerHeight) * 2 - 1;\r\n    }, { passive: true });\r\n\r\n    var attr = geo.getAttribute('position');\r\n    var clock = new T.Clock();\r\n    var visible = true;\r\n    if (window.IntersectionObserver) {\r\n      new IntersectionObserver(function (es) { visible = es[0].isIntersecting; }).observe(root);\r\n    }\r\n\r\n    (function loop() {\r\n      requestAnimationFrame(loop);\r\n      if (!visible) return;\r\n      if (canvas.clientWidth !== lw || canvas.clientHeight !== lh) {\r\n        lw = canvas.clientWidth; lh = canvas.clientHeight; size();\r\n      }\r\n      var t = clock.getElapsedTime() * SPEED;\r\n      for (var k = 0; k < attr.count; k++) {\r\n        var x = base[k * 3], z = base[k * 3 + 2];\r\n        var d = Math.sqrt(x * x + z * z);\r\n        attr.setY(k,\r\n          Math.sin(d * 0.36 - t * 1.15) * 1.5 * Math.exp(-d * 0.026) +\r\n          Math.sin(x * 0.2 + t * 0.55) * 0.42 +\r\n          Math.cos(z * 0.24 - t * 0.42) * 0.42\r\n        );\r\n      }\r\n      attr.needsUpdate = true;\r\n      group.rotation.y = Math.sin(t * 0.08) * 0.13 + mx * 0.16;\r\n      group.rotation.x = -0.16 + my * 0.06;\r\n      camera.position.y = 13 + Math.sin(t * 0.3) * 0.7;\r\n      renderer.render(scene, camera);\r\n    })();\r\n  }\r\n\r\n  if (window.THREE) start();\r\n  else {\r\n    var iv = setInterval(function () { if (window.THREE) { clearInterval(iv); start(); } }, 60);\r\n    setTimeout(function () { clearInterval(iv); }, 8000);\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69743c87 elementor-widget elementor-widget-html\" data-id=\"69743c87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"display:inline-flex;align-items:center;gap:9px;font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#062863;border:1px solid rgba(6,40,99,.45);padding:7px 14px;border-radius:999px\">\n  <span style=\"width:6px;height:6px;border-radius:50%;background:#062863;box-shadow:0 0 10px #062863\"><\/span>IT &amp; WebService \u00b7 Mannheim\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e727a41 elementor-widget elementor-widget-heading\" data-id=\"2e727a41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Ihre IT &amp; Ihr Web \u2014<br><span style=\"color:#062863\">pr\u00e4zise betreut, aus einer Hand.<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-738704a2 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"738704a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Stabile Infrastruktur, sichere Endger\u00e4te, ein Online-Auftritt, der gefunden wird. Wir k\u00fcmmern uns \u2013 Sie konzentrieren sich aufs Gesch\u00e4ft.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74657f07 e-con-full e-flex e-con e-child\" data-id=\"74657f07\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-122ae806 elementor-widget elementor-widget-button\" data-id=\"122ae806\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#kontakt\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Kostenloses Erstgespr\u00e4ch<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2df73da4 elementor-widget elementor-widget-button\" data-id=\"2df73da4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#leistungen\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Leistungen ansehen<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e3610ba e-grid e-con-full e-con e-child\" data-id=\"e3610ba\" 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-656f3da e-con-full e-flex e-con e-child\" data-id=\"656f3da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a79e4a9 elementor-widget elementor-widget-text-editor\" data-id=\"a79e4a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>1<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98bf10a pnmb elementor-widget elementor-widget-text-editor\" data-id=\"98bf10a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Ansprechpartner f\u00fcr<br \/>IT + Web<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61208d9 e-con-full e-flex e-con e-child\" data-id=\"61208d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b61ba3 elementor-widget elementor-widget-text-editor\" data-id=\"8b61ba3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Zeitnah<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5623c41 pnmb elementor-widget elementor-widget-text-editor\" data-id=\"5623c41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div data-dc-tpl=\"54\" data-om-id=\"55e19ef5:57\"><div data-dc-tpl=\"56\" data-om-id=\"55e19ef5:59\"><span class=\"sc-interp\">Pers\u00f6nliche R\u00fcckmeldung \u2013 meist am selben Tag<\/span><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7565e2c e-con-full e-flex e-con e-child\" data-id=\"7565e2c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afbad10 elementor-widget elementor-widget-text-editor\" data-id=\"afbad10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Mannheim<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57e5a29 pnmb elementor-widget elementor-widget-text-editor\" data-id=\"57e5a29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<section data-dc-tpl=\"39\" data-om-id=\"55e19ef5:42\"><div data-dc-tpl=\"42\" data-om-id=\"55e19ef5:45\"><div data-dc-tpl=\"52\" data-om-id=\"55e19ef5:55\"><div data-dc-tpl=\"54\" data-om-id=\"55e19ef5:57\"><div data-dc-tpl=\"56\" data-om-id=\"55e19ef5:59\"><span class=\"sc-interp\">Region Rhein-Neckar<\/span><\/div><\/div><\/div><\/div><\/section>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IT &amp; WebService \u00b7 Mannheim Ihre IT &amp; Ihr Web \u2014pr\u00e4zise betreut, aus einer Hand. Stabile Infrastruktur, sichere Endger\u00e4te, ein Online-Auftritt, der gefunden wird. Wir k\u00fcmmern uns \u2013 Sie konzentrieren sich aufs Gesch\u00e4ft. Kostenloses Erstgespr\u00e4ch Leistungen ansehen 1 Ansprechpartner f\u00fcrIT + Web Zeitnah Pers\u00f6nliche R\u00fcckmeldung \u2013 meist am selben Tag Mannheim Region Rhein-Neckar<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/new.system-coreit.de\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/new.system-coreit.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/new.system-coreit.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/new.system-coreit.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/new.system-coreit.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":25,"href":"https:\/\/new.system-coreit.de\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":105,"href":"https:\/\/new.system-coreit.de\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/105"}],"wp:attachment":[{"href":"https:\/\/new.system-coreit.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}