{"id":32082,"date":"2018-06-18T17:09:34","date_gmt":"2018-06-18T15:09:34","guid":{"rendered":"http:\/\/www.stolz-gmbh.com\/?page_id=32082"},"modified":"2018-06-18T17:17:12","modified_gmt":"2018-06-18T15:17:12","slug":"404-2","status":"publish","type":"page","link":"https:\/\/stolz-gmbh.com\/en\/404-2\/","title":{"rendered":"404"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row-full-width-before\"><\/div><div id=\"vc_row-69df22232f64d\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1458898199547 thegem-custom-69df22232f5cd4124 vc_row-has-fill vc_row-o-full-height vc_row-o-columns-middle vc_row-flex\"><script type=\"text\/javascript\">fullHeightRow();<\/script><script type=\"text\/javascript\">if (typeof(gem_fix_fullwidth_position) == \"function\") { gem_fix_fullwidth_position(document.getElementById(\"vc_row-69df22232f64d\")); }<\/script><div class=\"content-column wpb_column vc_column_container vc_col-sm-12 vc_col-lg-offset-2 vc_col-lg-8 thegem-custom-69df22232ffc36661\" ><div class=\"vc_column-inner thegem-custom-inner-69df22232ffc8\"><div class=\"wpb_wrapper thegem-custom-69df22232ffc36661\"><div class=\"gem-textbox  centered-box\"  ><div class=\"gem-textbox-inner\" style=\"\"><div class=\"gem-textbox-content\" style=\"background-position: center top;padding-top: 100px;padding-bottom: 100px;padding-left: 0px;padding-right: 0px;\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<svg viewbox=\"0 0 600 170\">\n\n  <!-- Gradient -->\n  <lineargradient id=\"gr-simple\" x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"100%\">\n    <stop stop-color=\"#9575cd\" offset=\"0%\"\/>\n    <stop stop-color=\"#00bcd4\" offset=\"100%\"\/>\n  <\/lineargradient>\n\n  <!-- Text -->\n  <text text-anchor=\"middle\"\n        x=\"50%\"\n        y=\"50%\"\n        dy=\".35em\"\n        class=\"text title-h1 light\"\n        style=\"fill: url(#gr-simple); font-size: 230px; line-height: 1;\"\n        >\n    404\n  <\/text>\n<\/svg>\n\t\t<\/div>\n\t<\/div>\n\r\n\t\r\n\t\t<div class=\"wpb_text_column wpb_content_element  thegem-vc-text thegem-custom-69df2223321193286\"  >\r\n\t\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t\t<div class=\"title-h1\"><span style=\"color: #ffffff;\">SEITE NICHT GEFUNDEN<\/span><\/div>\n\r\n\t\t\t<\/div>\r\n\t\t\t<style>@media screen and (max-width: 1023px) {.thegem-vc-text.thegem-custom-69df2223321193286{display: block!important;}}@media screen and (max-width: 767px) {.thegem-vc-text.thegem-custom-69df2223321193286{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-vc-text.thegem-custom-69df2223321193286{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-vc-text.thegem-custom-69df2223321193286{position: relative !important;}}<\/style>\r\n\t\t<\/div>\r\n\t\r\n\r\n\t\r\n\t\t<div class=\"wpb_text_column wpb_content_element  thegem-vc-text thegem-custom-69df2223326099897\"  >\r\n\t\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t\t<div class=\"styled-subtitle\"><span style=\"color: #ffffff;\">Es tut uns leid. Die Seite, die Sie aufgerufen haben, existiert nicht mehr. Versuchen Sie es auf unserer <a style=\"color: #ffffff; background-color: #9575cd; padding: 2px 10px;\" href=\"https:\/\/stolz-gmbh.com\/en\/\">Startseite<\/a><\/span><\/div>\n\r\n\t\t\t<\/div>\r\n\t\t\t<style>@media screen and (max-width: 1023px) {.thegem-vc-text.thegem-custom-69df2223326099897{display: block!important;}}@media screen and (max-width: 767px) {.thegem-vc-text.thegem-custom-69df2223326099897{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-vc-text.thegem-custom-69df2223326099897{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-vc-text.thegem-custom-69df2223326099897{position: relative !important;}}<\/style>\r\n\t\t<\/div>\r\n\t\r\n<div class=\"gem-search-form gem-search-form-style-dark gem-search-form-alignment-center thegem-custom-69df2223327a08213\"><form role=\"search\" method=\"get\" class=\"search-form\" action=\"https:\/\/stolz-gmbh.com\/en\/\" data-trp-original-action=\"https:\/\/stolz-gmbh.com\/en\/\"><input class=\"search-field\" type=\"search\" name=\"s\" placeholder=\"Suche\" aria-label=\"Search\" \/><button class=\"search-submit\" type=\"submit\" aria-label=\"Search\"><\/button><input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"animation-column wpb_column vc_column_container vc_col-sm-12 thegem-custom-69df2223331158219\" ><div class=\"vc_column-inner thegem-custom-inner-69df222333118 vc_custom_1458978047392\"><div class=\"wpb_wrapper thegem-custom-69df2223331158219\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1458978124151\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"animation-wrapper\">\n    <canvas id=\"animation-visual-canvas\"><\/canvas>\n<\/div>\n    \n<style>\n.animation-wrapper {\nwidth: 100%;\nheight: 1000px;\nposition: absolute;\ntop: 0;\nleft: 0;\noverflow: hidden;\nz-index: 1;\n}\n.animation-wrapper canvas {\nwidth: 100%;\nheight: 100%;\nposition: absolute;\nleft: 0;\ntop: 0;\nopacity: 1;\nz-index: 1;\n}\n<\/style>\n\n    <script type=\"text\/javascript\" src=\" http:\/\/codex-themes.com\/thegem\/wp-content\/plugins\/thegem-custom-options\/js\/TweenLite.min.js\"><\/script>\n    <script type=\"text\/javascript\" src=\"http:\/\/codex-themes.com\/thegem\/wp-content\/plugins\/thegem-custom-options\/js\/EasePack.min.js\"><\/script>\n\n<script type=\"text\/javascript\">\n    (function() {\n        var lastTime = 0;\n        var vendors = ['ms', 'moz', 'webkit', 'o'];\n        for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {\n            window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];\n            window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] || window[vendors[x]+'CancelRequestAnimationFrame'];\n        }\n\n        if (!window.requestAnimationFrame)\n            window.requestAnimationFrame = function(callback, element) {\n                var currTime = new Date().getTime();\n                var timeToCall = Math.max(0, 16 - (currTime - lastTime));\n                var id = window.setTimeout(function() { callback(currTime + timeToCall); },\n                    timeToCall);\n                    lastTime = currTime + timeToCall;\n                return id;\n            };\n\n            if (!window.cancelAnimationFrame)\n                window.cancelAnimationFrame = function(id) {\n                    clearTimeout(id);\n                };\n    }());\n\n    (function() {\n        var canvas,\n            contentWidth,\n            contentHeight,\n            ctx,\n            points = [],\n            target;\n\n        function initVisualAnimation() {\n            canvas = document.getElementById(\"animation-visual-canvas\");\n\n            resize();\n\n            ctx = canvas.getContext('2d');\n\n            target = {\n                x: contentWidth \/ 2,\n                y: contentHeight \/ 2\n            };\n\n            \/\/ create points\n            for (var x = 0; x < contentWidth; x = x + contentWidth \/ 20) {\n                for (var y = 0; y < contentHeight; y = y + contentHeight \/ 20) {\n                    var px = x + Math.random() * contentWidth \/ 20;\n                    var py = y + Math.random() * contentHeight \/ 20;\n                    points.push({\n                        x: px,\n                        originX: px,\n                        y: py,\n                        originY: py\n                    });\n                }\n            }\n\n            \/\/ for each point find the 5 closest points\n            for (var i = 0; i < points.length; i++) {\n                var closest = [];\n                var p1 = points[i];\n                for (var j = 0; j < points.length; j++) {\n                    var p2 = points[j];\n                    if (p1 != p2) {\n                        var placed = false;\n                        for (var k = 0; k < 5; k++) {\n                            if (!placed) {\n                                if (closest[k] == undefined) {\n                                    closest[k] = p2;\n                                    placed = true;\n                                }\n                            }\n                        }\n\n                        for (var k = 0; k < 5; k++) {\n                            if (!placed) {\n                                if (getDistance(p1, p2) < getDistance(p1, closest[k])) {\n                                    closest[k] = p2;\n                                    placed = true;\n                                }\n                            }\n                        }\n                    }\n                }\n                p1.closest = closest;\n            }\n\n            \/\/ assign a circle to each point\n            for (var i in points) {\n                points[i].circle = new Circle(points[i], 2 + Math.random() * 2, 'rgba(255, 255, 255, 0.3)');\n            }\n\n            addListeners();\n\n            animate();\n            for (var i in points) {\n                shiftPoint(points[i]);\n            }\n        }\n\n        function addListeners() {\n            if( !('ontouchstart' in window)) {\n                window.addEventListener('mousemove', mouseMove);\n            }\n\n            window.addEventListener('resize', resize);\n        }\n\n        function mouseMove(e) {\n            var posx = posy = 0;\n            var offset_top = getElementPosition(canvas).top;\n\n            if (e.pageX || e.pageY) {\n                posx = e.pageX;\n                posy = e.pageY;\n            } else if (e.clientX || e.clientY)    {\n                posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;\n                posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;\n            }\n\n            target.x = posx;\n            target.y = posy - offset_top;\n        }\n\n        function getElementPosition(elem) {\n            var w = elem.offsetWidth,\n                h = elem.offsetHeight,\n                l = 0,\n                t = 0;\n\n            while (elem) {\n                l += elem.offsetLeft;\n                t += elem.offsetTop;\n                elem = elem.offsetParent;\n            }\n\n            return {\n                left: l,\n                top: t,\n                width: w,\n                height: h\n            };\n        }\n\n        function resize() {\n            \/\/ parent node size\n            contentWidth = canvas.parentNode.offsetWidth;\n            contentHeight = canvas.parentNode.offsetHeight;\n\n            \/\/ set canvas size equal size of parent node\n            canvas.width = contentWidth;\n            canvas.height = contentHeight;\n        }\n\n        function getDistance(p1, p2) {\n            return Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2);\n        }\n\n        function Circle(pos, rad, color) {\n            var _this = this;\n\n            (function() {\n                _this.pos = pos || null;\n                _this.radius = rad || null;\n                _this.color = color || null;\n            })();\n\n            this.draw = function() {\n                if (!_this.active) return;\n                ctx.beginPath();\n                ctx.arc(_this.pos.x, _this.pos.y, _this.radius, 0, 2 * Math.PI, false);\n                ctx.fillStyle = 'rgba(255, 255, 255, ' + _this.active + ')';\n                ctx.fill();\n            };\n        }\n\n        function animate() {\n            ctx.clearRect(0, 0, contentWidth, contentHeight);\n\n            for (var i in points) {\n                \/\/ detect points in range\n                if (Math.abs(getDistance(target, points[i])) < 4000) {\n                    points[i].active = 0.3;\n                    points[i].circle.active = 0.6;\n                } else if (Math.abs(getDistance(target, points[i])) < 20000) {\n                    points[i].active = 0.1;\n                    points[i].circle.active = 0.3;\n                } else if (Math.abs(getDistance(target, points[i])) < 40000) {\n                    points[i].active = 0.02;\n                    points[i].circle.active = 0.1;\n                } else {\n                    points[i].active = 0;\n                    points[i].circle.active = 0;\n                }\n\n                drawLines(points[i]);\n                points[i].circle.draw();\n            }\n\n            requestAnimationFrame(animate);\n        }\n\n        function drawLines(p) {\n            if (!p.active) {\n                return;\n            }\n\n            for (var i in p.closest) {\n                ctx.beginPath();\n                ctx.moveTo(p.x, p.y);\n                ctx.lineTo(p.closest[i].x, p.closest[i].y);\n                ctx.strokeStyle = 'rgba(255, 255, 255, ' + p.active + ')';\n                ctx.stroke();\n            }\n        }\n\n        function shiftPoint(p) {\n            TweenLite.to(\n                p,\n                1 + 1 * Math.random(),\n                {\n                    x: p.originX - 50 + Math.random() * 100,\n                    y: p.originY - 50 + Math.random() * 100,\n                    ease:Circ.easeInOut,\n                    onComplete: function() {\n                        shiftPoint(p);\n                    }\n                }\n            );\n        }\n\n        window.onload = initVisualAnimation;\n    })();\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-32082","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/stolz-gmbh.com\/en\/wp-json\/wp\/v2\/pages\/32082","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stolz-gmbh.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stolz-gmbh.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stolz-gmbh.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/stolz-gmbh.com\/en\/wp-json\/wp\/v2\/comments?post=32082"}],"version-history":[{"count":0,"href":"https:\/\/stolz-gmbh.com\/en\/wp-json\/wp\/v2\/pages\/32082\/revisions"}],"wp:attachment":[{"href":"https:\/\/stolz-gmbh.com\/en\/wp-json\/wp\/v2\/media?parent=32082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}