{"product_id":"hp-designjet-mfp-t950-36-zoll-drucker-28247536set1","title":"HP DesignJet T950 Multifunktions-Großformatdrucker Plotter inklusive zusätzlichem HP Tintenset 738","description":"\u003cul class=\"product--key-facts \"\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eDas weltweit effizienteste Drucksystem für A4 bis A0\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eVERNETZT – Profitieren Sie von sicherer, reibungsloser Zusammenarbeit\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eErledigen Sie mehr Aufgaben in kürzerer Zeit\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eArbeiten Sie sicher an jedem Ort\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eErfüllen Sie anspruchsvolle Standards in Sachen Umweltschutz\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 TextLinksBildRechts\" id=\"Einleitung\"\u003e\r\n\u003cdiv class=\"text\" style=\"text-align: justify;\"\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"text\" style=\"text-align: justify;\"\u003e\r\n\u003ch3\u003eHP DesignJet T950 36 Zoll Multifunktionsdrucker \u003c\/h3\u003e\r\n\u003cp\u003eSichern Sie sich einen entscheidenden Produktivitätsschub - mit dem weltweit effizientesten Drucksystem für A4 bis A0. Verwenden Sie einen Drucker für all Ihre Aufgaben - mithilfe der integrierten Ein- und Ausgabefächer drucken Sie CAD-Zeichnungen und Renderings bequem in mehreren Formaten. HP Click sorgt für viel Zeitersparnis. Und auch beim Umweltschutz bringt Sie dieser robuste, kompakte Plotter entscheidend voran. \u003c\/p\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt BildTextZentral\" id=\"Einleitungstext\"\u003e\r\n\u003cdiv class=\"text\" style=\"text-align: justify;\"\u003e\r\n\u003cp\u003e\u003c\/p\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt BildLinksTextRechts grau\" id=\"Erledigen Sie mehr Aufgaben in kürzerer Zeit\"\u003e\r\n\u003cdiv class=\"bild\"\u003e\r\n\u003cimg src=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/54\/23\/51\/HP-DesignJet-Lifestyle-Mobile-01.jpg\" alt=\"Erledigen Sie mehr Aufgaben in kürzerer Zeit\" style=\"width: auto; height: 320px;\" loading=\"lazy\"\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003e\r\nErledigen Sie mehr Aufgaben in kürzerer Zeit\r\n\u003c\/h3\u003e\r\n\u003cp\u003eFertige Drucke holen Sie bequem aus dem Stapler für bis zu 40 Blatt ab. Verwenden Sie einen Drucker für alle Aufgaben - mithilfe der integrieren Ein- und Ausgabefächer drucken Sie problemlos auch in A3 und lassen die Seiten nach Größe sortieren. Machen Sie jedes Projekt zum Erfolg - mit hohen Druckgeschwindigkeiten, 91-Meter-Rollen und HP Flex Tech Tinten, die erstklassige Bildqualität garantieren.\r\n\u003c\/p\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt TextLinksBildRechts\" id=\"Profitieren Sie von sicherer, reibungsloser Zusammenarbeit \"\u003e\r\n\u003cdiv class=\"bild\"\u003e\r\n\u003cimg src=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/dc\/04\/0b\/HP-DesignJet-T950-MFP-Lifestyle-10.jpg\" alt=\"Profitieren Sie von sicherer, reibungsloser Zusammenarbeit \" style=\"width: auto; height: 320px;\" loading=\"lazy\"\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003e\r\nProfitieren Sie von sicherer, reibungsloser Zusammenarbeit\r\n\u003c\/h3\u003e\r\n\u003cp\u003eSparen Sie Zeit mit HP Click - drucken Sie in weniger Schritten und vermeiden Sie Nachdrucke, indem Sie die Druckvorschau nutzen. Mit HP Wolf Pro Security schützen Sie Ihren Drucker und Ihre Daten mühelos vor Cyberbedrohungen. Erledigen Sie mit der HP-App mühelos jede Aufgabe - verwalten Sie Ihr Gerät und drucken Sie von praktisch überall via Smartphone oder Tablet.\r\n\u003c\/p\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt BildLinksTextRechts grau\" id=\"Erfüllen Sie anspruchsvolle Standards in Sachen Umweltschutz. \"\u003e\r\n\u003cdiv class=\"bild\"\u003e\r\n\u003cimg src=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/82\/34\/66\/HP-DesignJet-T950-MFP-Lifestyle-02.jpg\" alt=\"Erfüllen Sie anspruchsvolle Standards in Sachen Umweltschutz. \" style=\"width: auto; height: 320px;\" loading=\"lazy\"\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003e\r\nErfüllen Sie anspruchsvolle Standards in Sachen Umweltschutz \u003c\/h3\u003e\r\n\u003cp\u003eSorgen Sie für ein echtes Öko Plus - die Kunststoffkomponenten des Druckers bestehen zu mindestens 35% aus Recyclingmaterial und das Gerät ist mit recyclebaren Verbrauchsmaterialien kompatibel. Investieren Sie in einen robusten und kompakten Plotter, der Ihnen nachhaltig gute Dienste leisten wird. Verhindern Sie Zeit- und Tintenverschwendung, indem Sie die Betriebszeiten des Druckers automatisch planen und von einer effizienten Wartung des Tintensystems profitieren.\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;\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%;\nflex-basis: content;\n}\n.BildLinksTextRechts.grau div.bild {\npadding: 0 1em 0 1em;\nwidth: 100%;\nflex-basis: content;\n}\n.BildLinksTextRechts.opt div.bild {\npadding: 0 1em 0 1em;\nwidth: 100%;\nflex-basis: content;\n}\n.BildLinksTextRechts div.bild img {\nwidth: 100%;\nborder-radius: 1em;\ndisplay: block;\nflex-basis: content;\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;\nflex-basis: content;\n}\n.TextLinksBildRechts.grau div.bild {\nwidth: 100%;\npadding: 1em;\nflex-basis: content;\n}\n.TextLinksBildRechts.opt div.bild {\nwidth: 100%;\npadding: 1em;\nflex-basis: content;\n}\n.TextLinksBildRechts div.bild img {\nwidth: 100%;\nborder-radius: 1em;\nflex-basis: content;\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.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@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: 70vw;\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\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;\"\u003eTechnische Daten\u003c\/th\u003e\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eGehäusefarbe des Gerätes:\u003c\/td\u003e\n\u003ctd\u003eSonstige\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eVerbindungen:\u003c\/td\u003e\n\u003ctd\u003eWLAN, LAN\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eFarbe Druck:\u003c\/td\u003e\n\u003ctd\u003eFarbe\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eServices:\u003c\/td\u003e\n\u003ctd\u003eApple AirPrint\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eInterner Speicher Bereich:\u003c\/td\u003e\n\u003ctd\u003eab 256 MB\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eAuflösung Drucker:\u003c\/td\u003e\n\u003ctd\u003e2400 x 1200 dpi\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eProduktart:\u003c\/td\u003e\n\u003ctd\u003eDrucker und Multifunktionsgeräte\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eStromverbrauch im Betrieb Bereich:\u003c\/td\u003e\n\u003ctd\u003ebis 400 Watt\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eStromverbrauch im Standby Bereich:\u003c\/td\u003e\n\u003ctd\u003ebis 25 Watt\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eShop Herstellernummer:\u003c\/td\u003e\n\u003ctd\u003e2Y9H3A#B19\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eBezeichnung des Herstellers:\u003c\/td\u003e\n\u003ctd\u003eHP DesignJet MFP T950 36 Zoll Drucker\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eGewicht:\u003c\/td\u003e\n\u003ctd\u003e97,00 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eArtikelnummer:\u003c\/td\u003e\n\u003ctd\u003e28247536set1\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eHersteller-Name:\u003c\/td\u003e\n\u003ctd\u003eHP Inc.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eDruckart:\u003c\/td\u003e\n\u003ctd\u003eTinte\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eMax. Papierformat:\u003c\/td\u003e\n\u003ctd\u003eA0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eMax. zusätzliche Papierzuführungen:\u003c\/td\u003e\n\u003ctd\u003e0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eVerbrauchsmaterialien:\u003c\/td\u003e\n\u003ctd\u003eSingle Ink - jede Farbe kann einzeln ausgetauscht werden\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"HP Inc.","offers":[{"title":"Default Title","offer_id":58532676632925,"sku":"2Y9H3A#B19","price":12656.09,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0765\/6485\/7181\/files\/28247536set1_3SwkhswZgqyLVv.jpg?v=1757897501","url":"https:\/\/technologygermany.de\/products\/hp-designjet-mfp-t950-36-zoll-drucker-28247536set1","provider":"Technology Germany","version":"1.0","type":"link"}