{"product_id":"maxify-gx2050-28037289x","title":"Canon MAXIFY GX2050 Tintenstrahl-Multifunktionsgerät Sondermodell","description":"\u003cul class=\"product--key-facts \"\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003e4in1 Tintenstrahl-Multifunktionsgerät Sondermodell mit zwei schwarzen Tinten und je einer Farbe\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eDruckauflösung: 600 x 1.200 dpi\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eDruckgeschwindigkeit: ca. 15 Seiten\/Min. s\/w, ca. 10 Seiten\/Min. Farbe\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003ePapierformat: max. DIN A4, Automatischer Duplexdruck\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eSchnittstellen: USB, LAN, WLAN, Apple AirPrint, Canon PRINT App\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\u003eCanon Maxify GX2050\u003c\/h3\u003e\r\n\u003cp\u003eDieses kompakte 4-in-1 MegaTank Multifunktionssystem ist perfekt für das Homeoffice. Drucke große Volumen hochwertiger Geschäftsdokumente in kürzester Zeit mit kostengünstigen Tintenflaschen\u003c\/p\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt BildTextZentral\" id=\"Slider\"\u003e\r\n\u003cdiv class=\"cssSlider\"\u003e\r\n\u003cinput type=\"radio\" class=\"slider\" id=\"slide01\" checked\u003e\r\n\u003cinput type=\"radio\" class=\"slider\" id=\"slide02\"\u003e\r\n\u003cinput type=\"radio\" class=\"slider\" id=\"slide03\"\u003e\r\n\u003cul class=\"sliderElements\"\u003e\r\n\u003cli\u003e\r\n\u003cfigure\u003e\r\n\u003cdiv class=\"BildTextZentral\" id=\"Touch\"\u003e\r\n\u003cdiv class=\"bild\"\u003e\r\n\u003cimg src=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/4b\/f5\/4a\/S1KDekHcN0J21AM.jpg\" alt=\"Touch\" style=\"width: auto; height: auto;\" loading=\"lazy\"\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003c\/figure\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cfigure\u003e\r\n\u003cdiv class=\"BildTextZentral\" id=\"Duplex\"\u003e\r\n\u003cdiv class=\"bild\"\u003e\r\n\u003cimg src=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/61\/9d\/d1\/S20roBXmAf2kWbv.jpg\" alt=\"Duplex\" style=\"width: auto; height: auto;\" loading=\"lazy\"\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003c\/figure\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cfigure\u003e\r\n\u003cdiv class=\"BildTextZentral\" id=\"Original Toner\"\u003e\r\n\u003cdiv class=\"bild\"\u003e\r\n\u003cimg loading=\"lazy\" src=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/7d\/b9\/98\/S3ijtc2pJWTI0Hh.jpg\" alt=\"Original Toner\" style=\"width: auto; height: 150px;\"\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003c\/figure\u003e\r\n\u003c\/li\u003e\r\n\u003c\/ul\u003e\r\n\u003cul class=\"sliderControls\" style=\"display: none;\"\u003e\r\n\u003cli\u003e\u003clabel for=\"slide01\" onclick=\"resetTimer(event,1)\"\u003e1\u003c\/label\u003e\u003c\/li\u003e\r\n\u003cli\u003e\u003clabel for=\"slide02\" onclick=\"resetTimer(event,2)\"\u003e2\u003c\/label\u003e\u003c\/li\u003e\r\n\u003cli\u003e\u003clabel for=\"slide03\" onclick=\"resetTimer(event,3)\"\u003e3\u003c\/label\u003e\u003c\/li\u003e\r\n\u003c\/ul\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt TextLinksBildRechts grau\" id=\"Ein Design, das Sie und Ihr Unternehmen voranbringt\"\u003e\r\n\u003cdiv class=\"bild\"\u003e\r\n\u003cimg src=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/42\/59\/95\/1CWXSO9bcI3Dh2.jpg\" alt=\"Ein Design, das Sie und Ihr Unternehmen voranbringt\" style=\"width: auto; height: auto;\" loading=\"lazy\"\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003e\r\nProduktivität auf Büroniveau für zuhause\r\n\u003c\/h3\u003e\r\n\u003cp\u003eDrucke Geschäftsdokumente mit hohen Geschwindigkeiten bis 15 ISO-Seiten\/Min. (Schwarzweiß) und 10 ISO-Seiten\/Min (Farbe) oder scanne direkt an Netzwerkordner und E-Mails, damit die Dokumente umgehend von deinen Kollegen abgerufen werden können.\r\n\u003c\/p\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt BildLinksTextRechts\" id=\"Einfach genug, um Ihren Tag unkompliziert zu machen\"\u003e\r\n\u003cdiv class=\"bild\"\u003e\r\n\u003cimg src=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/4a\/97\/63\/2Jne3WYr2IGQV0.jpg\" alt=\"Einfach genug, um Ihren Tag unkompliziert zu machen\" style=\"width: auto; height: auto;\" loading=\"lazy\"\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003e\r\nPasst in dein Leben\r\n\u003c\/h3\u003e\r\n\u003cp\u003eStelle den Drucker an beengten stellen oder an Wänden auf - durch das Design mit Frontbeddienung hast du leicht Zugriff. Mit dem kippbaren 6,7 cm (2,7-Zoll) LCD-Display, der Statusanzeige und der intuitiven Benutzeroberfläche ist er leicht zu bedienen.\r\n\u003c\/p\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt TextLinksBildRechts grau\" id=\"Erstklassige Sicherheit zur Erkennung und Abwehr von Angriffen\"\u003e\r\n\u003cdiv class=\"bild\"\u003e\r\n\u003cimg src=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/26\/e2\/69\/3I9QrKc8ZOZYnf.jpg\" alt=\"Erstklassige Sicherheit zur Erkennung und Abwehr von Angriffen\" style=\"width: auto; height: auto;\" loading=\"lazy\"\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003e\r\nDrucken, Scannen und Kopieren ohne Pause\r\n\u003c\/h3\u003e\r\n\u003cp\u003e\r\nAutomatisches beidseitiges Drucken ohne lästiges Papiernachfüllen dank der 250-Blatt-Papierkassette vorn. Mit der vom Benutzer auswechselbaren Wartungskassette stellst du sicher, dass dein Druck-Workflow nie unterbrochen wird.\r\n\u003c\/p\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt BildLinksTextRechts\" id=\"Nachhaltigkeit ist clever\"\u003e\r\n\u003cdiv class=\"bild\"\u003e\r\n\u003cimg src=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/82\/07\/8e\/4sj6RBuvZFBgPH.jpg\" alt=\"Nachhaltigkeit ist clever\" style=\"width: auto; height: auto;\" loading=\"lazy\"\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003e\r\nKostengünstige Tintenflaschen\r\n\u003c\/h3\u003e\r\n\u003cp\u003eKosteneffiziente Nachfüllflaschen, die das Drucken von hohen Volumen bezahlbar machen. Drucke bis zu 3.000 Seiten mit einer einzelnen schwarzen Tintenflasche oder bis zu 3.000 Farbseiten mit einem vollständigen Tintensatz.\r\n\u003c\/p\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt TextLinksBildRechts grau\" id=\"Erstklassige Sicherheit zur Erkennung und Abwehr von Angriffen\"\u003e\r\n\u003cdiv class=\"bild\"\u003e\r\n\u003cimg src=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/72\/8a\/66\/5FDBIpXcPRATb0.jpg\" alt=\"Erstklassige Sicherheit zur Erkennung und Abwehr von Angriffen\" style=\"width: auto; height: auto;\" loading=\"lazy\"\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003e\r\nLanglebige Druckqualität der Business-Klasse\r\n\u003c\/h3\u003e\r\n\u003cp\u003e\r\nErstelle wisch-, wasser-, und Marker resistente Drucke in Business-Qualität mit hervorragender Lesbarkeit und in großen Volumen.\r\n\u003c\/p\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt BildLinksTextRechts\" id=\"Nachhaltigkeit ist clever\"\u003e\r\n\u003cdiv class=\"bild\"\u003e\r\n\u003cimg src=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/8b\/2c\/64\/61gZPaGYqL6vLq.jpg\" alt=\"Nachhaltigkeit ist clever\" style=\"width: auto; height: auto;\" loading=\"lazy\"\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003e\r\nEinfach und sicher\r\n\u003c\/h3\u003e\r\n\u003cp\u003eBewahre deine wichtigsten Daten sicher auf, mit einfachen, benutzerfreundlichen Sicherheitseinstellungen, die mühelos an dein Umfeld angepasst werden können.\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: 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 {\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\/00\/76\/ac\/28037289_PDF_Datenblattnpiw9e4ubW6ON.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;\"\u003eGehäusefarbe des Gerätes:\u003c\/td\u003e\n\u003ctd\u003eWeiß\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, Faxfunktion\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;\"\u003eDruckgeschwindigkeit s\/w Bereich:\u003c\/td\u003e\n\u003ctd\u003ebis 20 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 20 Seiten\/min\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;\"\u003eAutomatische Dokumentenzufuhr (ADF):\u003c\/td\u003e\n\u003ctd\u003eAutomatischer 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 500 Blatt\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\u003e1200 x 600 dpi\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eGewicht:\u003c\/td\u003e\n\u003ctd\u003e8,10 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;\"\u003eHöhe:\u003c\/td\u003e\n\u003ctd\u003e225,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\u003e380,00 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eBreite:\u003c\/td\u003e\n\u003ctd\u003e374,00 mm\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\u003eMaxify GX2050\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\u003e12,40 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\u003e46,90 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\u003e54,35 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\u003e31,70 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\u003eCanon\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eEAN:\u003c\/td\u003e\n\u003ctd\u003e4549292219722\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eArtikelnummer:\u003c\/td\u003e\n\u003ctd\u003e28037289x\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\u003e6171C023\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\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\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":"Canon","offers":[{"title":"Default Title","offer_id":58541669744989,"sku":"6171C023","price":937.62,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0765\/6485\/7181\/files\/28037289_39eKB32ro1gKeG.jpg?v=1758004013","url":"https:\/\/technologygermany.de\/products\/maxify-gx2050-28037289x","provider":"Technology Germany","version":"1.0","type":"link"}