{"product_id":"rise-a218-24012664","title":"Vogel's RISE A218 Whiteboard-Set 86 Zoll für RISE Liftsystem Boden-Wand-Lösung - weiß","description":"\u003cul class=\"product--key-facts \"\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eErweitern Sie Ihren RISE Display-Lifts mit praktischem Zubehör\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eZur Montage an den RISE Boden-Wand-Lösungen\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eSchnelle und einfache Montage\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eTÜV-5 zertifiziert\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003e5 Jahre Garantie\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003c\/ul\u003e\u003cbr\u003e\r\n\u003csection\u003e\r\n\u003cdiv class=\"product--description-part\"\u003e\r\n\u003cdiv class=\"Produktbeschreibung\"\u003e\r\n\u003cdiv class=\"Abschnitt BildTextZentral\" id=\"Einleitung\"\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003eWhiteboard-Set für 86 Zoll\u003c\/h3\u003e\r\n\u003cp\u003eDieses RISE A218 Whiteboard-Set 86 Zoll wurde speziell für das motorbetriebene Vogel's RISE\r\nDisplay-Liftsystem in der\r\nVariante Boden-Wand-Lösung entwickelt. Mit diesem Zubehörteil können Sie links und rechts von einem\r\n86-Zoll-Display ein\r\nWhiteboard anbringen. Die Tafeln aus emailliertem Stahl verfügen über von Vogel's entwickelte\r\nScharniere. Daher öffnen\r\nsich die Whiteboards auch nach häufigem Gebrauch nicht von selbst.\r\n\u003c\/p\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt BildTextZentral\" id=\"Sicherheit\"\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003eEinfache Installation\u003c\/h3\u003e\r\n\u003cp\u003eDie verstellbaren Scharniere dieses Zubehörsets ermöglichen es Ihnen, die Tiefe, Höhe und Breite zu\r\nvariieren, sodass\r\ndie Whiteboards immer zum Display passen, egal welches Display Sie verwenden.\r\n\u003c\/p\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt BildTextZentral\" id=\"Installation \"\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003eVerwandeln Sie ein Display-Liftsystem in eine Komplettlösung\u003c\/h3\u003e\r\n\u003cp\u003eMit seinem kompakten und sicheren Design ist diese Wand-Boden-Lösung mit motorisiertem Display-Liftsystem\r\nvon Vogel's\r\nideal für den Einsatz in Schulen jeder Größe. Aber auch für Besprechungsräume, Lobbys oder Sitzungssäle\r\nist dieser\r\nDisplaylift perfekt geeignet. Dank der intuitiven On-Screen-Steuerung wird die Bedienung zum\r\nKinderspiel. Der robuste\r\nSäulenstandfuß kann mühelos Displays aller Marken mit einer Größe von bis zu 98' und einem maximalen\r\nGewicht von 140 kg\r\nanheben. Und das Kabelmanagement (CIS®) sorgt dafür, dass die Kabel während der Installation ganz\r\neinfach verborgen\r\nwerden können.\r\n\u003c\/p\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt BildTextZentral\" id=\"Alle Marken \"\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003eMotorbetriebene RISE Display-Liftsysteme\u003c\/h3\u003e\r\n\u003cp\u003eEine Reihe von motorbetriebenen Display-Liftsystemen, mit denen Sie Ihr Display intuitiv und sicher an\r\nder richtigen\r\nStelle und in der richtigen Höhe positionieren können. Dank des langlebigen und eleganten Designs, das\r\nden höchsten\r\ninternationalen Sicherheitsstandards entspricht, immer sicher. Schnelle und einfache Installation. RISE\r\nto the occasion\r\n– für jede Einsatzmöglichkeit. Vogel's. For Sure.\r\n\u003c\/p\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cstyle\u003e\n:root {\n--grau: #f4f4f4;\n--blau: #2f376b;\n--opt: #8d96a1;\n--autoslider-speed: 1;\n--autoslider-elementwidth: -300px;\n--autoslider-length: 5;\n}\n.Produktbeschreibung\u003e[class*='grau'] {\nbackground-color: var(--grau);\nborder-radius: 8px;\nbox-sizing: border-box;\n}\n.Produktbeschreibung .opt {\nbackground-color: var(--opt);\ncolor: #fff !important;\nborder-radius: 8px;\nbox-sizing: border-box;\n}\n[class*='schatten'] {\nmargin: 1em;\nmax-width: calc(100% - 2em) !important;\nbox-shadow: 0em 0em 1em rgba(0, 0, 0, 0.5)\n}\n.Produktbeschreibung li {\nlist-style-type: circle !important;\n}\n.Produktbeschreibung ul {\ndisplay: inline-block;\ntext-align: left;\n}\n.Produktbeschreibung p[class*='fussnote'] {\nfont-size: x-small !important;\nmargin: 0px;\n}\n.Produktbeschreibung img {\nborder-radius: 8px;\nwidth: 100%;\n}\n.Produktbeschreibung div.text {\ntext-align: center;\n}\ndiv.BildLinksTextRechts {\ndisplay: flex;\njustify-content: space-around;\nalign-items: center;\n}\ndiv.BildTextZentral div.bild {\ndisplay: flex;\njustify-content: space-around;\nalign-items: center;\nflex-direction: column;\nflex-wrap: wrap;\n}\n.Produktbeschreibung .schwarzePNG {\nfilter: invert(0%) sepia(1%) saturate(3%) hue-rotate(326deg) brightness(0%) contrast(104%);\n}\ndiv.BildTextZentral div.bild img {\nmax-height: 75vh;\nmax-width: 100%;\ndisplay: block;\nborder-radius: 8px;\nwidth: auto;\nheight: auto;\njustify-self: center;\n}\ndiv.BildTextZentral div.bild video {\nmax-height: 75vh;\nmax-width: 100%;\ndisplay: block;\nborder-radius: 8px;\nwidth: auto;\nheight: auto;\njustify-self: center;\n}\ndiv[class*='grau'] div.text {\npadding: 0 1em 0 1em;\n}\ndiv.BildTextZentral.grau div.bild {\npadding: 0 0 1em 0;\n}\ndiv[class*='opt'] div.text {\npadding: 0 1em 0 1em;\n}\ndiv.BildTextZentral.opt div.bild {\npadding: 0 0 1em 0;\n}\ndiv.BildTextZentral.grau div.bild:last-child {\npadding: 1em 1em 0 1em;\n}\ndiv.BildTextZentral.opt div.bild:last-child {\npadding: 1em 1em 0 1em;\n}\n.KleineFeatures div.bild img {\nmax-height: 33vh;\nwidth: auto;\nmax-width: 100%;\nheight: auto;\ndisplay: initial;\n}\n.sliderElements .KleineFeatures div.bild img {\nmax-height: 33vh;\nwidth: auto;\nheight: auto;\ndisplay: initial;\n}\n.KleineFeatures div.text p {\ntext-align: center;\n}\n.KleineFeatures div.text h3 {\ntext-align: center;\n}\n.KleineFeatures div[class*='feature']:last-child {\npadding-right: 0;\n}\n.KleineFeatures div[class*='feature']:first-child {\npadding-left: 0;\n}\n[class*='Abschnitt'] {\npadding-bottom: 15px;\npadding-top: 15px;\n}\n.einleitung h3 {\ntext-align: center;\nmargin-left: 0.5em;\n}\n.einleitung h4 {\ntext-align: center;\nmargin-left: 0.5em;\n}\n.einleitung p {\ntext-align: center;\npadding: 0em 1em;\n}\ndiv.BildLinksTextRechts {\ndisplay: flex;\njustify-content: space-around;\nalign-items: center;\nflex-direction: column;\n}\n.Produktbeschreibung .OpKreis {\nbackground-image: linear-gradient(77deg, rgb(47, 55, 107), rgb(194, 14, 33));\nbackground-position-x: 0px;\nbackground-position-y: 0px;\nbackground-size: initial;\nbackground-attachment: initial;\nbackground-origin: padding-box;\nbackground-clip: padding-box;\nbackground-color: transparent;\nborder-radius: 50em;\n}\n.BildLinksTextRechts.grau div.text {\npadding: 0 0em 0 1em;\n}\n.BildLinksTextRechts.opt div.text {\npadding: 0 1em 0 1em;\n}\n.BildLinksTextRechts div.text {\npadding: 1em 0 1em 0;\n}\n.BildLinksTextRechts p {\ntext-align: justify;\n}\n.BildLinksTextRechts h3 {\ntext-align: justify;\n}\n.BildLinksTextRechts div.bild {\nwidth: 100%;\n}\n.BildLinksTextRechts.grau div.bild {\npadding: 0 1em 0 1em;\nwidth: 100%;\n}\n.BildLinksTextRechts.opt div.bild {\npadding: 0 1em 0 1em;\nwidth: 100%;\n}\n.BildLinksTextRechts div.bild img {\nwidth: 100%;\nborder-radius: 8px;\ndisplay: block;\n}\ndiv.TextLinksBildRechts {\ndisplay: flex;\njustify-content: space-around;\nalign-items: center;\nflex-direction: column;\n}\n.TextLinksBildRechts div.text {\npadding: 1em 0 1em 0;\n}\n.TextLinksBildRechts.grau div.text {\npadding: 0em 1em 0em 0em;\n}\n.TextLinksBildRechts.opt div.text {\npadding: 0em 1em 0em 0em;\n}\n.TextLinksBildRechts p {\ntext-align: justify;\n}\n.TextLinksBildRechts h3 {\nalign-items: center;\ntext-align: justify;\n}\n.TextLinksBildRechts div.bild {\nwidth: 100%;\npadding: 1em 0 1em 0;\n}\n.TextLinksBildRechts.grau div.bild {\nwidth: 100%;\npadding: 0em 0em 0em 1em;\n}\n.TextLinksBildRechts.opt div.bild {\nwidth: 100%;\npadding: 0em 0em 0em 1em;\n}\n.TextLinksBildRechts div.bild img {\nwidth: 100%;\nborder-radius: 8px;\n}\ndiv.KleineFeatures {\ndisplay: flex;\njustify-content: space-around;\nalign-items: center;\nflex-direction: column;\nflex-wrap: wrap;\n}\n.KleineFeatures [class*='feature'] {\ntext-align: center;\npadding: 1em;\n}\n.KleineFeatures img {\nborder-radius: 8px;\n}\n.TextLinksBildRechts.grau div.video {\npadding: 0em 0em 0em 1em;\n}\ndiv.video {\npadding: 1em;\nwidth: 50%;\ndisplay: flex;\njustify-content: space-around;\nalign-items: center;\nflex-direction: column;\nflex-wrap: wrap;\n}\n.video iframe {\nwidth: 100%;\nborder: none;\noverflow: hidden;\nborder-radius: 8px;\naspect-ratio: 1920\/1080;\n}\n.sliderElements,\n.sliderElements figure,\n.sliderControls {\nmargin: 0;\n}\n.sliderElements:after {\ncontent: '.';\ndisplay: block;\nheight: .1px;\nclear: both;\nvisibility: hidden;\nfont-size: 0;\noverflow: hidden;\n}\n.cssSlider {\noverflow-x: hidden;\n}\n.sliderElements {\nlist-style: none;\nposition: relative;\nleft: 0;\nwidth: 400%;\nmargin-bottom: .8em;\npadding: 0;\n-webkit-transition: left .8s ease-in-out;\n-moz-transition: left .8s ease-in-out;\n-o-transition: left .8s ease-in-out;\ntransition: left .8s ease-in-out;\n}\n.sliderElements\u003eli {\nfloat: left;\nwidth: 25%;\nposition: relative;\nlist-style-type: none !important;\n}\n#slide02:checked~.sliderElements {\nleft: -100%;\n}\n#slide03:checked~.sliderElements {\nleft: -200%;\n}\n#slide04:checked~.sliderElements {\nleft: -300%;\n}\n\/* Bildunterschrift auf dem Bild positionieren *\/\n.sliderElements figcaption {\ndisplay: block;\ncolor: #fff;\nposition: absolute;\nleft: 0;\nbottom: 1em;\npadding: .4em;\nbackground: rgba(0, 0, 0, .5);\n}\n\/* Bilder responsive *\/\n.sliderElements img {\nwidth: 100%;\nheight: auto;\n}\n\/* inputs aus dem Blickfeld schieben *\/\n.cssSlider input {\nposition: absolute;\nleft: -99999px;\n}\n\/* mittige Ausrichtung der Controls - funktioniert im Zusammenspiel mit inline-block *\/\n.Produktbeschreibung ul.sliderControls {\ntext-align: center;\ndisplay: inherit;\n}\n\/* Controls nebeneinander bringen *\/\n.sliderControls li {\nmargin-top: 10px;\ndisplay: inline-block;\n}\n\/* Controls auf einheitliche Maße bringen und die Ecken abrunden *\/\n.sliderControls label {\nwidth: 8em;\nheight: 20px;\nline-height: 20px;\ntext-align: center;\nborder-radius: 2em;\ndisplay: block;\ncursor: pointer;\nbackground: #444;\ncolor: #444;\n}\n\/* Attributselektor und indirekter Nachfahrkombinator zum ansteuern der labels *\/\n.sliderControls label:hover,\n#slide01:checked~.sliderControls label[for='slide01'],\n#slide02:checked~.sliderControls label[for='slide02'],\n#slide03:checked~.sliderControls label[for='slide03'],\n#slide04:checked~.sliderControls label[for='slide04'] {\nbackground: #ddd;\ncolor: #ddd;\n}\n.flex-slider {\ndisplay: flex;\njustify-content: space-around;\nalign-items: center;\nflex-direction: column;\nwidth: 80%;\nmin-height: 10em;\nbackground-color: black;\nborder-radius: 8px;\nmargin: auto;\n}\n.flex-slider-content {\ndisplay: flex;\njustify-content: space-around;\nalign-items: center;\npadding: 0 0 4em 0;\nwidth: 80%;\n}\n.asb-background {\nwidth: 100%;\nheight: 100%;\ndisplay: block;\nmargin-left: auto;\nmargin-right: auto;\nwidth: 70%\n}\n.asb-background-mobil {\nwidth: 100%;\nheight: 100%;\ndisplay: none;\n}\n.Produktbeschreibung a.button {\nbackground-image: none;\nbackground-color: #2f376b;\ncolor: #fff;\nborder: 0;\nborder-radius: 50px !important;\nfont-weight: 400;\nbox-shadow: none;\n-webkit-transition: .25s ease;\ntransition: .25s ease;\ntransition-property: box-shadow, text-shadow;\ntext-decoration: none;\nbackground-clip: padding-box;\noutline: 0;\nfont-size: 1rem;\npadding: 0.3125rem 1.375rem;\nletter-spacing: .04em;\nappearance: none;\ndisplay: inline-block;\nposition: relative;\ntext-align: left;\ncursor: pointer;\nmargin: 1em;\n}\n.Produktbeschreibung a.button:hover,\n.Produktbeschreibung a.button:focus {\nbox-shadow: 0 0 0 7px rgba(47, 55, 107, .25);\ntext-shadow: 0.25px 0.25px 0.25px;\nbackground: #2f376b;\ncolor: #fff;\nborder: 0;\n}\n@keyframes myAnim {\n0% {\nwidth: 2em;\ntransform-origin: 0% 0%;\n}\n100% {\nwidth: 6em;\ntransform-origin: 0% 0%;\n}\n}\n.buttons {\nmargin: 10%;\ntext-align: center;\n}\n.btn-hover23 {\nwidth: 40%;\nfont-size: 20px;\nfont-weight: 600;\ncolor: #fff;\ncursor: pointer;\nmargin-top: 20px;\nheight: 2.2em;\ntext-align: center;\nborder: none;\nbackground-size: 300% 100%;\nborder-radius: 50px;\n-moz-transition: all .4s ease-in-out;\n-o-transition: all .4s ease-in-out;\n-webkit-transition: all .4s ease-in-out;\ntransition: all .4s ease-in-out;\n}\n.btn-hover23:hover {\nbackground-position: 100% 0;\n-moz-transition: all .4s ease-in-out;\n-o-transition: all .4s ease-in-out;\n-webkit-transition: all .4s ease-in-out;\ntransition: all .4s ease-in-out;\n}\n.btn-hover23:focus {\noutline: none;\n}\n.btn-hover23.color-2 {\nbackground-image: linear-gradient(to right, #ffffff, #d3d3d3, #d3d3d3, #ffffff);\nbox-shadow: 0 4px 15px 0 rgba(255, 255, 255, 0.5);\n}\n#svg10654 {\nwidth: 2em;\nmargin-left: -1.2em;\nfill: white;\n}\n.asb-background-mobil {\ndisplay: block;\n}\n.asb-background {\ndisplay: none;\n}\n@media only screen and (min-width: 768px) {\n.KleineFeatures div.bild img {\nmax-width: none;\n}\n[class*='Abschnitt'] {\npadding: 25px 1em 25px 1em;\n}\ndiv.BildLinksTextRechts {\nflex-direction: row;\n}\n.BildLinksTextRechts div.text {\nwidth: 50%;\npadding: 0em 0em 0em 1em;\n}\n.BildLinksTextRechts.grau div.text {\nwidth: 50%;\n}\n.BildLinksTextRechts.grau div.bild {\npadding: 0 1em 0 0em;\nwidth: 50%;\n}\n.BildLinksTextRechts.opt div.text {\nwidth: 50%;\n}\n.BildLinksTextRechts.opt div.bild {\npadding: 0 1em 0 1em;\nwidth: 50%;\n}\n.BildLinksTextRechts div.bild {\npadding: 0 1em 0 0em;\nwidth: 50%;\n}\ndiv.TextLinksBildRechts {\nflex-direction: row-reverse;\n}\n.TextLinksBildRechts div.text {\nwidth: 50%;\npadding: 1em 1em 1em 0em;\n}\n.TextLinksBildRechts.grau div.text {\nwidth: 50%;\n}\n.TextLinksBildRechts.opt div.text {\nwidth: 50%;\n}\n.TextLinksBildRechts div.bild {\nwidth: 50%;\npadding: 1em 0em 1em 1em;\n}\n.TextLinksBildRechts.grau div.bild {\nwidth: 50%;\n}\n.TextLinksBildRechts.opt div.bild {\nwidth: 50%;\n}\ndiv.KleineFeatures {\nalign-items: baseline;\nflex-direction: row;\n}\n.KleineFeatures [class*='feature'] {\nflex-basis: 17em;\nflex-grow: 1;\nmax-width: 49%;\n}\n.video iframe {\nwidth: 100%;\n}\n.btn-hover23 {\nwidth: 30%;\n}\n.flex-slider {\nwidth: 90%;\n}\n}\n.autoslider {\nwidth: 80%;\nmax-width: 1044px;\nheight: 200pt;\nmargin: auto;\noverflow: hidden;\nposition: relative;\ncursor: default;\nuser-select: none;\ntouch-action: none\n}\n.autoslider:before {\nleft: 0;\ntop: 0\n}\n.autoslider:after {\nright: 0;\ntop: 0;\ntransform: rotateZ(180deg)\n}\n.autoslider:after,\n.autoslider:before {\nbackground: linear-gradient(to right, #FFFF 0, hsla(0, 0%, 100%, 0) 100%);\ncontent: '';\nheight: 200pt;\nposition: absolute;\nwidth: 60pt;\nz-index: 1;\n}\n.autoslider .slide-track-1 {\nanimation: scroll-l 30s linear infinite;\ndisplay: flex;\nwidth: 4500px;\n}\n.autoslider .slide-track-2 {\nanimation: scroll-r 30s linear infinite;\ndisplay: flex;\nwidth: 4500px;\n}\n.autoslider .autoslide {\nheight: 200pt;\nwidth: 300px;\ndisplay: flex;\nalign-items: center;\ntext-align: center\n}\n.autoslider .autoslide img {\nwidth: 150px;\npadding: 1pc;\nvertical-align: middle;\nmargin: 0 auto;\ndisplay: inline-block;\nmax-width: 100%;\nheight: auto\n}\n@keyframes scroll-l {\n0% {\ntransform: translateX(0)\n}\n100% {\ntransform: translateX(calc(var(--autoslider-elementwidth) * calc(var(--autoslider-length) * var(--autoslider-speed))))\n}\n}\n@keyframes scroll-r {\n100% {\ntransform: translateX(0)\n}\n0% {\ntransform: translateX(calc(var(--autoslider-elementwidth) * calc(var(--autoslider-length) * var(--autoslider-speed))))\n}\n}\n\u003c\/style\u003e\r\n\u003cscript\u003e\r\nvar scrollTime = 3000;\r\nvar produktbeschreibungParent = document.getElementsByClassName('Produktbeschreibung')[0];\r\nvar scrollTimer = setInterval(function () {\r\nautoScroll();\r\n}, scrollTime);\r\nfunction buttonBlanker() {\r\nvar buttons = produktbeschreibungParent.getElementsByClassName('button');\r\nfor (var i = 0; i \u003c buttons.length; i++) {\r\nbuttons[i].target = '_blank';\r\n}\r\n}\r\nfunction loadYoutubeVideos() {\r\nvar frames = produktbeschreibungParent.getElementsByTagName('iframe');\r\nfor (var i = 0; i \u003c frames.length; i++) {\r\nif (frames[i].dataset.youtubeplaylistid != '') {\r\nframes[i].src = 'https:\/\/www.youtube.com\/embed\/?listType=playlist\u0026list=' + frames[i].dataset.youtubeplaylistid + '\u0026rel=0';\r\n} else if (frames[i].dataset.youtubevideoid != '') {\r\nframes[i].src = 'https:\/\/www.youtube-nocookie.com\/embed\/' + frames[i].dataset.youtubevideoid + '?controls=1\u0026rel=0\u0026showinfo=0\u0026start=2\u0026end=171';\r\n}\r\n}\r\n}\r\n\/\/Den Tag ambilightvideo mit dem Attribut ata-mp4cdn, das den Link zu einem .mp4 enthält, einfügen\r\nfunction addAmbilight() {\r\nvar videos = produktbeschreibungParent.getElementsByTagName('ambilightvideo');\r\nfor (var i = 0; i \u003c videos.length; i++) {\r\nconst div = document.createElement('div');\r\ndiv.id = 'player' + i;\r\nconst canvas = document.createElement('canvas')\r\ncanvas.id = 'myCanvas' + i;\r\nconst video = document.createElement('video');\r\nvideo.id = 'video' + i;\r\nvideo.controls = true;\r\nvideo.poster = videos[i].dataset.loadingimage;\r\nvideo.src = videos[i].dataset.mp4cdn;\r\ndiv.appendChild(video);\r\ndiv.appendChild(canvas);\r\nconst styleFor = document.createElement('style');\r\nstyleFor.innerHTML = `\r\n#player`+ i + ` {\r\nmax-width: 75%;\r\nmax-height: 500px;\r\nposition: relative;\r\nmargin: auto;\r\nmargin-top: 2em;\r\naspect-ratio: 1920\/1080;\r\n}\r\n#player`+ i + ` #video` + i + ` {\r\nmax-width: 100%;\r\naspect-ratio: 1920\/1080;\r\nz-index: 3;\r\nposition: absolute;\r\noverflow: hidden;\r\nborder-radius: 20px;\r\ntop: 0;\r\nleft: 0;\r\nright: 0;\r\nbottom: 0;\r\n}\r\n#player`+ i + ` #myCanvas` + i + ` {\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nright: 0;\r\nbottom: 0;\r\nwidth: 100%;\r\nheight: 100%;\r\ntransform: scale(1);\r\n-webkit-filter: blur(100px);\r\nfilter: blur(100px);\r\nopacity: 0.75;\r\nz-index: 2;\r\nwidth: 100%;\r\nheight: 100%;\r\n}\r\n`;\r\ndocument.head.appendChild(styleFor);\r\nvar timerID;\r\nconst ctx = canvas.getContext('2d');\r\nvar videoTime = 0;\r\nvideo.addEventListener('play', function () {\r\nvideo.currentTime = videoTime;\r\ntimerID = window.setInterval(function () {\r\nctx.drawImage(video, 0, 0, div.offsetWidth, div.offsetHeight)\r\n}, 30);\r\n});\r\nvideo.addEventListener('pause', function () {\r\nvideoTime = video.currentTime;\r\n});\r\nvideo.addEventListener('ended', function () {\r\nvideoTime = video.currentTime;\r\n});\r\nvideo.addEventListener('seeked', function () {\r\nvideoTime = video.currentTime;\r\n});\r\nvideos[i].appendChild(div);\r\n}\r\n}\r\nfunction resetTimer(event, position) {\r\nevent.preventDefault();\r\nScrollOnClick(position);\r\nstopTimer();\r\nstartTimer();\r\n}\r\nfunction stopTimer() {\r\nclearInterval(scrollTimer);\r\n}\r\nfunction startTimer() {\r\nscrollTimer = setInterval(autoScroll, scrollTime);\r\n}\r\nfunction addStopAndGoToSliderItems() {\r\nvar sliderItems = produktbeschreibungParent.getElementsByClassName('sliderElements');\r\nfor (var i = 0; i \u003c sliderItems.length; i++) {\r\nsliderItems[i].onmouseover = function () { stopTimer() };\r\nsliderItems[i].onmouseout = function () { startTimer() };\r\n}\r\n}\r\nfunction autoScroll() {\r\nvar inputList = produktbeschreibungParent.getElementsByClassName('slider');\r\nfor (var i = 0; i \u003c inputList.length; i++) {\r\nif (inputList[i].checked) {\r\nswitch (i) {\r\ncase inputList.length - 1:\r\ninputList[i].checked = '';\r\ninputList[0].checked = 'checked';\r\nbreak;\r\ndefault:\r\ninputList[i].checked = '';\r\ninputList[i + 1].checked = 'checked';\r\n}\r\nbreak;\r\n}\r\n}\r\n}\r\nfunction ScrollOnClick(number) {\r\nvar inputList = produktbeschreibungParent.getElementsByClassName('slider');\r\nfor (var i = 0; i \u003c inputList.length; i++) {\r\nif (i + 1 != number) {\r\ninputList[i].checked = '';\r\n} else {\r\ninputList[number - 1].checked = 'checked';\r\n}\r\n}\r\n}\r\n\/\/Funktioniert mit x autoslider mit je 2 Tracks, da die CSS so eingestellt ist, kann aber eingetlich y Tracks\r\nfunction autoSliderHelper(speed) {\r\nvar autoSlider = produktbeschreibungParent.getElementsByClassName('autoslider');\r\nvar autosliderNumber = produktbeschreibungParent.getElementsByClassName('autoslider').length;\r\nfor (let i = 0; i \u003c autosliderNumber; i++) {\r\nvar sliderElementsTrackNumber = autoSlider[i].children.length;\r\nfor (let l = 0; l \u003c sliderElementsTrackNumber; l++) {\r\nvar sliderElementsTrack = autoSlider[i].children[l];\r\nvar sliderElements = sliderElementsTrack.children;\r\nvar sliderElementsInitlength = sliderElements.length;\r\nvar autosliderElement = sliderElements[i];\r\nvar gesamtWidth = autoSlider[i].offsetWidth;\r\nvar sliderElementWidth = sliderElementsTrack.dataset.widthinpx;\r\nvar sliderElementHeight = sliderElementsTrack.dataset.heightinpx;\r\nvar neededElements = Math.ceil(gesamtWidth \/ (sliderElementWidth.replace('px', '') * 1) * speed);\r\nvar neededRepeat = Math.ceil(neededElements \/ sliderElementsInitlength);\r\nsliderElementsTrack.setAttribute('style', 'width:' + (neededRepeat + 1) * sliderElementsInitlength * sliderElementWidth.replace('px', '') * 1 + 'px');\r\nfor (var j = 0; j \u003c neededRepeat; j++) {\r\nfor (var k = 0; k \u003c sliderElementsInitlength; k++) {\r\nsliderElements[k].height = sliderElementHeight;\r\nsliderElements[k].width = sliderElementWidth;\r\nvar clone = sliderElements[k].cloneNode(true);\r\nsliderElementsTrack.appendChild(clone);\r\n}\r\n}\r\ndocument.documentElement.style\r\n.setProperty('--autoslider-speed', speed);\r\ndocument.documentElement.style\r\n.setProperty('--autoslider-length', sliderElementsInitlength);\r\ndocument.documentElement.style\r\n.setProperty('--autoslider-elementwidth', '-' + sliderElementWidth);\r\n}\r\n}\r\n}\r\naddAmbilight();\r\nbuttonBlanker();\r\nloadYoutubeVideos();\r\naddStopAndGoToSliderItems();\r\nautoSliderHelper(1);\r\n\/\/Das P oder H3 mit der ID colorfullUberschrift ist wunderschön!\r\nfunction jederBuchstabeEineAndereFarbe() {\r\nconst randomColor = Math.floor(Math.random() * 16777215).toString(16);\r\nvar resultString = '';\r\nconst uberschriftString = document.getElementById('colorfullUberschrift').innerHTML.split('');\r\nfor (let i = 0; i \u003c uberschriftString.length; i++) {\r\nconsole.log(uberschriftString);\r\nconst randomColor = Math.floor(Math.random() * 16777215).toString(16);\r\nuberschriftString[i] = '\u003cspan style='color: #' + randomColor + ';'\u003e' + uberschriftString[i] + '\u003c\/span\u003e';\r\nresultString += uberschriftString[i];\r\n}\r\ndocument.getElementById('colorfullUberschrift').innerHTML = resultString;\r\n}\r\n\u003c\/script\u003e\r\n\u003c\/div\u003e\r\n\u003c\/section\u003e\u003cbr\u003e\r\n\u003cul class=\"content--list list--unstyled\"\u003e\r\n\u003cli class=\"list--entry\"\u003e\r\n\u003ca href=\"https:\/\/cdn-assets.office-partner.de\/media\/pdf\/c3\/09\/40\/vogels_rise_a218_zubehoer_whiteboard_set_86_zoll_fuer_tv_boden_wandhalter_1_tOKDbY1iCUqqg.pdf\" target=\"_blank\" class=\"content--link link--download\" title=\"PDF Datenblatt downloaden\" rel=\"nofollow noopener\"\u003e\r\n\u003cspan class=\"ofp-icon--download-bottom\"\u003e\u003c\/span\u003e PDF Datenblatt downloaden\r\n\u003c\/a\u003e\r\n\u003c\/li\u003e\r\n\u003cli class=\"list--entry\"\u003e\r\n\u003ca href=\"https:\/\/cdn-assets.office-partner.de\/media\/pdf\/45\/f8\/b0\/vogels_rise_a218_zubehoer_whiteboard_set_86_zoll_fuer_tv_boden_wandhalter_drawing_1_.pdf\" target=\"_blank\" class=\"content--link link--download\" title=\"PDF Datenblatt downloaden\" rel=\"nofollow noopener\"\u003e\r\n\u003cspan class=\"ofp-icon--download-bottom\"\u003e\u003c\/span\u003e PDF Datenblatt downloaden\r\n\u003c\/a\u003e\r\n\u003c\/li\u003e\r\n\u003c\/ul\u003e\u003cbr\u003e\r\n\u003ctable border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"border-collapse:collapse; margin-bottom:15px; width:100%;\"\u003e\n\u003cthead\u003e\u003ctr\u003e\u003cth colspan=\"2\" style=\"background:#f0f0f0; text-align:left;\"\u003eAllgemein\u003c\/th\u003e\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eHersteller\u003c\/td\u003e\n\u003ctd\u003eVogel's\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eHerst.Art.Nr.\u003c\/td\u003e\n\u003ctd\u003e7302180\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eEAN\u003c\/td\u003e\n\u003ctd\u003e8712285356889\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003ctable border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"border-collapse:collapse; margin-bottom:15px; width:100%;\"\u003e\n\u003cthead\u003e\u003ctr\u003e\u003cth colspan=\"2\" style=\"background:#f0f0f0; text-align:left;\"\u003eHauptmerkmale\u003c\/th\u003e\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eProduktbeschreibung\u003c\/td\u003e\n\u003ctd\u003eVogel's RISE A218 Befestigungskit - für Whiteboard - Schwarz\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eProdukttyp\u003c\/td\u003e\n\u003ctd\u003eBefestigungskit - Standfußmontage\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eAbmessungen (Breite x Tiefe x Höhe)\u003c\/td\u003e\n\u003ctd\u003e413 cm x 14.2 cm x 115.7 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eNeigung\u003c\/td\u003e\n\u003ctd\u003e-4° to 4°\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eAnpassungen\u003c\/td\u003e\n\u003ctd\u003eNeigung, Tiefe\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eGewicht\u003c\/td\u003e\n\u003ctd\u003e30 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eEmpfohlene Verwendung\u003c\/td\u003e\n\u003ctd\u003eWhiteboard\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eEmpfohlene Display-Größe\u003c\/td\u003e\n\u003ctd\u003e218.4 cm (86')\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eFarbe\u003c\/td\u003e\n\u003ctd\u003eSchwarz\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003ctable border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"border-collapse:collapse; margin-bottom:15px; width:100%;\"\u003e\n\u003cthead\u003e\u003ctr\u003e\u003cth colspan=\"2\" style=\"background:#f0f0f0; text-align:left;\"\u003eAllgemein\u003c\/th\u003e\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eBreite\u003c\/td\u003e\n\u003ctd\u003e413 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eTiefe\u003c\/td\u003e\n\u003ctd\u003e14.2 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eHöhe\u003c\/td\u003e\n\u003ctd\u003e115.7 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eGewicht\u003c\/td\u003e\n\u003ctd\u003e30 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eFarbe\u003c\/td\u003e\n\u003ctd\u003eSchwarz\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003ctable border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"border-collapse:collapse; margin-bottom:15px; width:100%;\"\u003e\n\u003cthead\u003e\u003ctr\u003e\u003cth colspan=\"2\" style=\"background:#f0f0f0; text-align:left;\"\u003eMöbel für audiovisuelle Geräte\u003c\/th\u003e\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eTyp\u003c\/td\u003e\n\u003ctd\u003eBefestigungskit\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eEmpfohlene Verwendung\u003c\/td\u003e\n\u003ctd\u003eWhiteboard\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003ePlatzierung\/Montage\u003c\/td\u003e\n\u003ctd\u003eStandfußmontage\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eEmpfohlene Display-Größe\u003c\/td\u003e\n\u003ctd\u003e218.4 cm (86')\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eNeigung\u003c\/td\u003e\n\u003ctd\u003e-4° to 4°\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eAnpassungen\u003c\/td\u003e\n\u003ctd\u003eNeigung, Tiefe\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003ctable border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"border-collapse:collapse; margin-bottom:15px; width:100%;\"\u003e\n\u003cthead\u003e\u003ctr\u003e\u003cth colspan=\"2\" style=\"background:#f0f0f0; text-align:left;\"\u003eDetails zu Abmessungen \u0026amp; Gewicht\u003c\/th\u003e\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eTransportabmessungen (B x T x H)\/Gewicht\u003c\/td\u003e\n\u003ctd\u003e36 kg\u003c\/td\u003e\n\u003c\/tr\u003e\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Vogel's","offers":[{"title":"Default Title","offer_id":58525258154333,"sku":"7302180","price":1265.26,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0765\/6485\/7181\/files\/24012664_38vpNVtqcrJqkE.jpg?v=1757831421","url":"https:\/\/technologygermany.de\/de\/products\/rise-a218-24012664","provider":"Technology Germany","version":"1.0","type":"link"}