{"product_id":"hp-color-laserjet-pro-4202dw-drucker-26878524","title":"HP Color LaserJet Pro 4202dw Farblaserdrucker","description":"\u003cul class=\"product--key-facts \"\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eMaximale Produktivität und brillante Farben. sowie ein kompaktes Design\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eRobuste Verwaltungstools zum einfachen Einrichten Ihrer Drucker\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eMehr Sicherheit durch HP Wolf Pro - integriert und vorkonfiguriert\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eKartuschen: weniger Kunststoffeinsatz und reduzierter Energieverbrauch beim Drucken\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003e1 Jahr Herstellergarantie, 3 Jahre nach Registrierung Gratis*\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\u003cambilightvideo data-mp4cdn=\"https:\/\/cdn-assets.office-partner.de\/media\/video\/cb\/cb\/16\/Ulysses_Product-Video_LaserJetPro_4200_LQ.mp4\" data-loadingimage=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/24\/d5\/cc\/Ulysses_Product-Video_LaserJetPro_4200_DM_DE_Blue.jpg\"\u003e\r\n\u003cdiv id=\"player0\"\u003e\n\u003cvideo id=\"video0\" controls=\"\" poster=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/24\/d5\/cc\/Ulysses_Product-Video_LaserJetPro_4200_DM_DE_Blue.jpg\" src=\"https:\/\/cdn-assets.office-partner.de\/media\/video\/cb\/cb\/16\/Ulysses_Product-Video_LaserJetPro_4200_LQ.mp4\"\u003e\u003c\/video\u003e\u003ccanvas id=\"myCanvas0\"\u003e\u003c\/canvas\u003e\n\u003c\/div\u003e\u003c\/ambilightvideo\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\u003cstrong\u003eMaximale Produktivität und brillante Farben\u003c\/strong\u003e\u003cbr\u003eKompaktes Design – bahnbrechende\r\nLeistung.\r\nBlitzschnelles beidseitiges Drucken und Wi-Fi® mit automatischer Fehlerbehebung. Unterstützen Sie\r\nIhr Team mit\r\ndiesem leistungsstarken Drucker – ideal für bis zu 10 Benutzer. Beschleunigen Sie Ihre Prozesse mit\r\nden\r\nmaximalen Druckgeschwindigkeiten der HP Pro-Klasse, um auch anspruchsvollste Aufgaben zu\r\nbewältigen. Vermeiden\r\nSie Unterbrechungen – mit Wi-Fi® Technologie, die auf intelligente Weise nach der stabilsten Verbindung\r\nsucht, um\r\nkontinuierlich online zu bleiben. Erledigen Sie mehr in weniger Schritten. Einfache Shortcuts\r\nermöglichen es\r\nIhren Mitarbeitenden, häufige Aufgaben mit nur einem Fingertipp zu erledigen.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eRobuste\r\nTools zum\r\nEinrichten und Verwalten Ihrer Drucker\u003cbr\u003e\u003c\/strong\u003eRobuste Verwaltungstools zum einfachen Einrichten\r\nIhrer\r\nDrucker und zum Hinzufügen und Aktualisieren von Geräten, Lösungen und Richtlinien. Zentralisieren Sie\r\ndie\r\nVerwaltung Ihrer Druckerflotte. HP Web Jetadmin ermöglicht es Ihnen, ganz unkompliziert Geräte\r\nhinzuzufügen, Updates\r\ndurchzuführen, neue Lösungen zu integrieren und Richtlinien zu implementieren. Richten Sie Drucker\r\nschnell dort\r\nein, wo die Arbeit anfällt. Erleichtern Sie Ihrem IT-Team die Einbindung von\r\nBenutzern.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eMehr\r\nSicherheit durch HP Wolf Pro\u003c\/strong\u003e\u003cbr\u003eVerbessern Sie vom Start weg Ihre Sicherheit – mit\r\nintegrierter und\r\nvorkonfigurierter HP Wolf Pro Security. Sorgen Sie vom Start weg für die Sicherheit Ihrer Drucker.\r\nDank\r\nvorkonfigurierter Einstellungen ist alles bereit, wenn Sie es sind. Nutzen Sie eine zusätzliche\r\nSicherheitsebene. Mit der PIN\/Pull-Option werden Druckaufträge nur freigegeben, wenn Sie anwesend\r\nsind. Optimieren Sie ganz einfach Ihre Compliance. Dieses Upgrade\/Lösung wendet Ihre\r\nUnternehmensrichtlinien\r\nauf sämtliche Drucker an.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eNachhaltiges Drucken\u003cbr\u003e\u003c\/strong\u003eHP LaserJet Pro Drucker\r\narbeiten so\r\neffizient, dass Sie mehr erreichen, während Sie weniger verbrauchen. Neu gestaltete Original HP\r\nTerraJet\r\nKartuschen: weniger Kunststoffeinsatz und reduzierter Energieverbrauch beim Drucken. Reduzieren Sie\r\nIhren\r\nPapierverbrauch. Mit Duplex als Standard wird jedes Blatt auf beiden Seiten bedruckt. Verkleinern\r\nSie Ihren\r\nökologischen Fußabdruck. Die HP Auto-On\/Auto-Off-Technologie optimiert die Energienutzung und macht\r\nIhren Drucker\r\ngünstiger.\u003cstrong\u003e\u003cbr\u003e\u003c\/strong\u003e\u003c\/p\u003e\r\n\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\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}\n.Produktbeschreibung\u003e[class*='grau'] {\nbackground-color: var(--grau);\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}\ndiv.BildTextZentral div.bild img {\nmax-height: 75vh;\nmax-width: calc(100% - 2em);\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.BildTextZentral.grau 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.BildLinksTextRechts.grau 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 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 p {\ntext-align: justify;\n}\n.TextLinksBildRechts h3 {\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 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@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@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 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 div.bild {\nwidth: 50%;\npadding: 1em 0 1em 1em;\n}\n.TextLinksBildRechts.grau 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: 2\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(5 * var(--autoslider-speed))))\n}\n}\n@keyframes scroll-r {\n100% {\ntransform: translateX(0)\n}\n0% {\ntransform: translateX(calc(var(--autoslider-elementwidth) * calc(5 * 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: 0;\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-elementwidth', '-' + sliderElementWidth);\r\n}\r\n}\r\n}\r\naddAmbilight();\r\nbuttonBlanker();\r\nloadYoutubeVideos();\r\naddStopAndGoToSliderItems();\r\nautoSliderHelper(1);\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\/1b\/b4\/6d\/26878524_PDF_Datenblatt0CBuexB2B7Myw.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;\"\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;\"\u003eDruckertyp:\u003c\/td\u003e\n\u003ctd\u003eDrucker\u003c\/td\u003e\n\u003c\/tr\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, Bluetooth, LAN\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eAnschlüsse:\u003c\/td\u003e\n\u003ctd\u003eUSB\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;\"\u003eDruckgeschwindigkeit s\/w Bereich:\u003c\/td\u003e\n\u003ctd\u003ebis 40 Seiten\/min\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eDruckgeschwindigkeit Farbe Bereich:\u003c\/td\u003e\n\u003ctd\u003ebis 40 Seiten\/min\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eAutomatische Dokumentenzufuhr (ADF):\u003c\/td\u003e\n\u003ctd\u003eADF ( Automatischer Dokumenteneinzug), Automatischer Duplexdruck\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eMax. Standard-Papierzufuhr Range:\u003c\/td\u003e\n\u003ctd\u003ebis 250 Blatt\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;\"\u003eGewicht:\u003c\/td\u003e\n\u003ctd\u003e16,33 kg\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;\"\u003eBreite:\u003c\/td\u003e\n\u003ctd\u003e421,00 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eLänge:\u003c\/td\u003e\n\u003ctd\u003e636,00 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eArtikelnummer:\u003c\/td\u003e\n\u003ctd\u003e26878524\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\u003e4RA88F#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 Color LaserJet Pro 4202dw Drucker\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\u003e420,00 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eGewicht inkl. Verpackung:\u003c\/td\u003e\n\u003ctd\u003e19,00 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eVerpackung - Breite:\u003c\/td\u003e\n\u003ctd\u003e49,70 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eVerpackung - Länge:\u003c\/td\u003e\n\u003ctd\u003e37,90 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eVerpackung - Höhe:\u003c\/td\u003e\n\u003ctd\u003e58,30 cm\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;\"\u003eEAN:\u003c\/td\u003e\n\u003ctd\u003e0196068347581\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eDruckart:\u003c\/td\u003e\n\u003ctd\u003eLaser\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\u003eA4\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\u003e1\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":58524841640285,"sku":"4RA88F#B19","price":849.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0765\/6485\/7181\/files\/26878524_3v4iyCRzQLW0tF.jpg?v=1757825422","url":"https:\/\/technologygermany.de\/products\/hp-color-laserjet-pro-4202dw-drucker-26878524","provider":"Technology Germany","version":"1.0","type":"link"}