{"product_id":"optoma-tb01-25586359","title":"Optoma TB01 Zubehörablage für EST09","description":"\u003cul class=\"product--key-facts \"\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003ePraktische Ablagefläche für Laptops\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eEinfach Anpassung der Höhe\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eMaximale Belastung: 10 kg\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eKompatibel mit dem Optoma EST09\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\r\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\r\n\u003cdiv class=\"Produktbeschreibung\"\u003e\r\n\u003cdiv class=\"Abschnitt TextLinksBildRechts opt\" id=\"Einleitung\"\u003e\r\n\u003cdiv class=\"bild\"\u003e\r\n\u003cimg src=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/72\/a9\/df\/Opotma_TB01_LT1.jpg\" alt=\"Ablage für Zubehör am EST09 Rollwagen\" loading=\"lazy\"\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"text\" style=\"text-align: justify;\"\u003e\r\n\u003ch3 style=\"color: #fff;\"\u003eAblage für Zubehör am EST09 Rollwagen\u003c\/h3\u003e\r\n\u003cp\u003eDie TB01-Ablagefläche stellt eine komfortable Laptop-Ablage dar und ermöglicht eine einfache Anpassung\r\nder Höhe. Sie\r\nwird sicher an den Stützen des motorisierten Wagens EST09 befestigt und kann problemlos bis zu 10 kg\r\ntragen.\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: 1em;\nbox-sizing: border-box;\n}\n.Produktbeschreibung .opt {\nbackground-color: var(--opt);\ncolor: #fff !important;\nborder-radius: 1em;\nbox-sizing: border-box;\n}\n[class*='schatten'] {\nmargin: 1em;\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: 1em;\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: 1em;\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;\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 1em 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: 1em;\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: 1em;\n}\n.TextLinksBildRechts.opt div.text {\npadding: 1em;\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: 1em;\n}\n.TextLinksBildRechts.opt div.bild {\nwidth: 100%;\npadding: 1em;\n}\n.TextLinksBildRechts div.bild img {\nwidth: 100%;\nborder-radius: 1em;\n}\ndiv.KleineFeatures {\ndisplay: flex;\njustify-content: space-around;\nalign-items: center;\nflex-direction: column;\nflex-wrap: wrap;\n}\n.KleineFeatures [class*='feature'] {\npadding: 1em;\n}\n.KleineFeatures img {\nborder-radius: 1em;\n}\ndiv.video {\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: 1em;\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 {\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: 1em;\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.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[class*='Abschnitt'] {\npadding-bottom: 25px;\npadding-top: 25px;\n}\ndiv.BildLinksTextRechts {\nflex-direction: row;\n}\n.BildLinksTextRechts div.text {\nwidth: 50%;\npadding: 1em 0 1em 1em;\n}\n.BildLinksTextRechts.grau div.text {\nwidth: 50%;\n}\n.BildLinksTextRechts.grau div.bild {\npadding: 0 1em 0 1em;\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 0;\nwidth: 50%;\n}\ndiv.TextLinksBildRechts {\nflex-direction: row-reverse;\n}\n.TextLinksBildRechts div.text {\nwidth: 50%;\npadding: 1em 1em 1em 0;\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 0 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}\ndiv.video {\npadding: 1em;\n}\n.video iframe {\nwidth: 75%;\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\nconsole.log(sliderElementsTrack.style.width);\r\nconsole.log((neededRepeat + 1) * sliderElementsInitlength * sliderElementWidth.replace('px', '') * 1);\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\/44\/33\/2d\/25586359_PDF_Datenblatt.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\u003eOptoma\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\u003eH1AX00000253\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eEAN\u003c\/td\u003e\n\u003ctd\u003e5055387666740\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\u003eOptoma TB01 Regal - für Notebook - 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\u003eRegal - seitliche Befestigung\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eDetails des Sets\u003c\/td\u003e\n\u003ctd\u003eRegal 1\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\u003e52.4 cm x 32.5 cm x 5.2 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\u003e2.29 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\u003eNotebook\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\u003e52.4 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\u003e32.5 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\u003e5.2 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\u003e2.29 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\u003eRegal\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\u003eNotebook\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\u003eSeitliche Befestigung\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eDetails\u003c\/td\u003e\n\u003ctd\u003eTragfähigkeit 10 kg (Gerät)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eDetails des Sets\u003c\/td\u003e\n\u003ctd\u003eRegal 1\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\u003e3.19 kg\u003c\/td\u003e\n\u003c\/tr\u003e\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"OPTOMA","offers":[{"title":"Default Title","offer_id":58528555467101,"sku":"H1AX00000253","price":237.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0765\/6485\/7181\/files\/25586359_3VIsuzm98MNKNp.jpg?v=1757863462","url":"https:\/\/technologygermany.de\/de\/products\/optoma-tb01-25586359","provider":"Technology Germany","version":"1.0","type":"link"}