{"product_id":"canon-imageprograf-tm-240-28021826","title":"Canon imagePROGRAF TM-240 Großformatdrucker 24' 61cm","description":"\u003cul class=\"product--key-facts \"\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eDie neue Magenta-Tinte erzeugt ein brillanteres Rot\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eFunktionelles Design mit einem 4,3' (10,9 cm) Touchscreen\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eDrucken Sie anschauliche und präzise CAD-Zeichnungen\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eDurchden geräuscharmen Druck ist es ideal für ruhige Büros geeignet\u003c\/span\u003e\r\n\u003c\/li\u003e\r\n\u003cli\u003e\r\n\u003cspan class=\"label\"\u003eSparen Sie Zeit durch randlosen Druck, der den Randbeschnitt überflüssig macht\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\u003cambilightvideo data-mp4cdn=\"https:\/\/cdn-assets.office-partner.de\/media\/video\/50\/51\/81\/Neue_TM-1.mp4\" data-loadingimage=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/51\/bd\/f0\/CANONVORSCHAU.png\"\u003e\r\n\u003cdiv id=\"player0\"\u003e\n\u003cvideo id=\"video0\" controls=\"\" poster=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/51\/bd\/f0\/CANONVORSCHAU.png\" src=\"https:\/\/cdn-assets.office-partner.de\/media\/video\/50\/51\/81\/Neue_TM-1.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=\"text\" style=\"text-align: justify;\"\u003e\r\n\u003ch3\u003eCanon imagePROGRAF TM-240\u003c\/h3\u003e\r\n\u003cp\u003eDer nachhaltige 24“ (61 cm) imagePROGRAF TM-240 bietet geräuschärmeres Drucken, intuitivere Funktionen und eine brillante Bildqualität für Architekturbüros, den Einzelhandel und das Bildungswesen und setzt damit neue Maßstäbe für die Druckleistung. \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 \"\u003e\r\n\u003ch3\u003e\r\nEin verbessertes Druckerlebnis, das Leistung neu definiert.\r\n\u003c\/h3\u003e\r\n\u003cp\u003e\r\nErstellen Sie nahtlos professionelle Qualitätsdrucke mit zuverlässiger Produktivität, intuitiver Funktionalität und nachhaltigen Betriebsabläufen. Erzeugen Sie scharfe, klare Linien und leichtende rote Farben für attraktive Marketingmaterialien und präzise CAD-Drucke.\r\n\u003c\/p\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt TextLinksBildRechts grau\" id=\"ABS1\"\u003e\r\n\u003cdiv class=\"bild\"\u003e\r\n\u003cimg src=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/07\/db\/4e\/1dqf3tXK1WxwvL.jpg\" alt=\"ABS1\" style=\"width: auto; height: 320px;\" loading=\"lazy\"\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003e\r\nNoch bessere professionelle Qualität\r\n\u003c\/h3\u003e\r\n\u003cp\u003e\r\nDie neue Magenta-Tinte erzeugt ein brillanteres Rot und stabile Bildverbesserungen sorgen für gestochen scharfe Linien. Drucken Sie anschauliche und präzise CAD-Zeichnungen, Plakate, Lehrmaterialien und vieles mehr.\r\n\u003c\/p\u003e\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt BildLinksTextRechts\" id=\"ABS2\"\u003e\r\n\u003cdiv class=\"bild\"\u003e\r\n\u003cimg src=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/0a\/c6\/81\/2O6tzQG5icbcxr.jpg\" alt=\"ABS2\" style=\"width: auto; height: 320px;\" loading=\"lazy\"\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003e\r\nZuverlässige Produktivität\r\n\u003c\/h3\u003e\r\n\u003cp\u003e\r\nProduktivität, auf die Sie sich verlassen können, mit hoher Leistung, schnellerer Verarbeitungszeit und schneller Rückkehr aus dem Ruhemodus. Sparen Sie Zeit durch randlosen Druck, der den Randbeschnitt überflüssig macht und der Bilder in beliebiger Größe direkt vom Gerät aus ermöglicht.\r\n\u003c\/p\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt TextLinksBildRechts grau\" id=\"ABS1\"\u003e\r\n\u003cdiv class=\"bild\"\u003e\r\n\u003cimg src=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/b3\/c5\/f1\/3rEdeGeSmFIcnE.png\" alt=\"ABS1\" style=\"width: auto; height: 320px;\" loading=\"lazy\"\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003e\r\nIntuitive Funktionen\r\n\u003c\/h3\u003e\r\n\u003cp\u003e\r\nFunktionelles Design mit einem 4,3“ (10,9cm) Touchscreen, der intuitive Anweisungen und wichtige Informationen wie Medientyp, verbleibende Medien und Tintenmenge anzeigt. Das Rollenpapier kann auf dem flachen Deckel leicht ausgetauscht werden.\r\n\u003c\/p\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt BildLinksTextRechts\" id=\"ABS2\"\u003e\r\n\u003cdiv class=\"bild\"\u003e\r\n\u003cimg src=\"https:\/\/cdn-assets.office-partner.de\/media\/image\/ac\/57\/4e\/4QtLfOTfrhjQ0G.jpg\" alt=\"ABS2\" style=\"width: auto; height: 320px;\" loading=\"lazy\"\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003e\r\nBessere Nachhaltigkeit\r\n\u003c\/h3\u003e\r\n\u003cp\u003e\r\nUmweltbewusstes System mit EPEAT1 Gold-Bewertung für niedrigen Energieverbrauch, mit weniger Stromverbrauch im Standby-Modus und einer Verpackung ohne Styropor. Durch den geräuscharmen Druck ist es ideal für ruhige Büros geeignet.\r\n\u003c\/p\u003e\r\n\u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\u003cdiv class=\"Abschnitt BildTextZentral grau\" 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\u003cinput type=\"radio\" class=\"slider\" id=\"slide04\"\u003e\r\n\u003cul class=\"sliderElements\"\u003e\r\n\u003cli\u003e\r\n\u003cfigure\u003e\r\n\u003cdiv class=\"BildTextZentral\" id=\"SLID1\"\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003e5-Farben\u003c\/h3\u003e\r\n\u003cp\u003eNeues lebendiges Magenta, ausschließlich Pigmenttinte\u003c\/p\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=\"SLID2\"\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003e55 ml\u003c\/h3\u003e\r\n\u003cp\u003eTintentankgröße\u003c\/p\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=\"SLID3\"\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003e4,3“ (10,9 cm) Bedienfeld\u003c\/h3\u003e\r\n\u003cp\u003eUnterstützung intuitiver Funktionen\u003c\/p\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=\"SLID4\"\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003ch3\u003e39 db (A)\u003c\/h3\u003e\r\n\u003cp\u003eLeiser drucken\u003c\/p\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\"\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\u003cli\u003e\u003clabel for=\"slide04\" onclick=\"resetTimer(event,4)\"\u003e4\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 BildTextZentral\" id=\"Fussnote\"\u003e\r\n\u003cdiv class=\"text\"\u003e\r\n\u003cp class=\"fussnote\"\u003e\r\n\u003csup\u003e\u003c\/sup\u003e\r\n\u003c\/p\u003e\r\n\u003cp class=\"fussnote\"\u003e\r\n\u003csup\u003e1.\u003c\/sup\u003e EPEAT Gold eingetragen in den USA\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\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\/db\/b0\/2f\/Tm_240.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;\"\u003eGewicht:\u003c\/td\u003e\n\u003ctd\u003e0,10 kg\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;\"\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;\"\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;\"\u003eHöhe:\u003c\/td\u003e\n\u003ctd\u003e1060,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\u003e978,00 mm\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\u003eschwarz\/grau\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eArtikelnummer:\u003c\/td\u003e\n\u003ctd\u003e28021826\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\u003e6242C003\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\u003eCanon imagePROGRAF TM-240\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width:40%; font-weight:bold;\"\u003eBreite:\u003c\/td\u003e\n\u003ctd\u003e868,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\u003e71,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\u003e91,20 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\u003e67,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\u003e115,20 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\u003e4549292220957\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;\"\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":58528540426589,"sku":"6242C003","price":1978.02,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0765\/6485\/7181\/files\/TM_240_01fv__p_Wenigdrucker.jpg?v=1757863393","url":"https:\/\/technologygermany.de\/products\/canon-imageprograf-tm-240-28021826","provider":"Technology Germany","version":"1.0","type":"link"}