Einstellungen, die Sie hier vornehmen, werden auf Ihrem Endgerät im „Local Storage“ gespeichert und sind beim nächsten Besuch unseres Onlineshops wieder aktiv. Sie können diese Einstellungen jederzeit ändern (Fingerabdruck-Icon links unten).

Informationen zur Cookie-Funktionsdauer sowie Details zu technisch notwendigen Cookies erhalten Sie in unserer Datenschutzerklärung.

Impressum | Datenschutz

Erhobene Daten: anonymisierte IP Adresse, Datum und Uhrzeit des Besuchs, Nutzungsdaten, Klickpfad, App-Aktualisierungen, Browser Informationen, Geräte-Informationen, JavaScript-Support, Besuchte Seiten, Referrer URL, Standort-Informationen, Kaufaktivität, Widget-Interaktionen

Zweck der Datenverarbeitung: Marketing (Einwilligung (DSGVO 6.1.a))

Rechtsgrundlage für die Datenverarbeitung: Einwilligung (DSGVO 6.1.a)

Datenübertragung außerhalb der EU: Dieser Anbieter kann Ihre personenbezogenen Daten außerhalb des EWR/der EU übertragen, speichern oder verarbeiten. Diese Länder haben möglicherweise nicht das gleiche Datenschutzniveau und die Durchsetzung Ihrer Rechte kann eingeschränkt oder nicht möglich sein.

Cookies, die in Ihrem Browser gesetzt werden:

Cookiename	Beispielinhalt	Ablaufzeit
_ga_*	deleted	730 Tage
_ga	GA1.1.8643343795.1726666186	730 Tage

Google Ireland Ltd, Gordon House, Barrow Street, Dublin 4,IE

https://business.safety.google/privacy/

Schnellsuche

Startseite
/
HP
/
OFFICEJET PRO
/
OfficeJet Pro 8218

HP OfficeJet Pro 8218 Druckerpatronen günstig bei Toneroffice kaufen

Die unten aufgeführten Druckerpatronen sind garantiert passend für Ihren HP OfficeJet Pro 8218 Drucker. Wählen Sie zwischen den kostengünstigen, qualitativ hochwertigen kompatiblen Druckerpatronen unserer Toneroffice Eigenmarke oder den originalen Produkten des Druckerherstellers.

Der HP OfficeJet Pro 8218-Drucker verwendet Druckerpatronen in den Farben Schwarz, Cyan, Magenta und Gelb.

(0 Bewertungen) XL

Original HP 957 L0R40AE XL Druckerpatrone BK Schwarz (~3.000 Seiten)

Original

BK

3.000 Seiten

Dieses Produkt ist bald verfügbar

(0 Bewertungen) XL

Original HP 953 XL L0S70AE Druckerpatrone BK Schwarz (~2.000 Seiten)

Original

BK

2.000 Seiten

3,48ct /Seite /Seite

77,75 €^*

(0 Bewertungen) Multipack MP

Original HP 953 6ZC69AE Multipack Schwarz, Cyan, Magenta, Gelb

Original

BK C M Y

900 Seiten

4,79ct /Seite /Seite

630 Seiten

4,79ct /Seite /Seite

139,49 €^*

(0 Bewertungen)

Original HP 953 L0S58AE Druckerpatrone BK Schwarz (~900 Seiten)

Original

BK

900 Seiten

4,81ct /Seite /Seite

52,82 €^*

Loading ...

<div class="to-search-overlay is-grid-cards-mode" id="wi-search-results" hidden data-plugin-url="https://toneroffice.de/plugins/wi_tosearch/frontend/" data-search-icon="https://toneroffice.de/templates/Snackys/img/icons/icons.svg?v=1.0.170#icon-search" data-logo-base="https://toneroffice.de/plugins/wi_tosearch/frontend/img/brands" data-dummy-printer="https://toneroffice.de/templates/toneroffice_new/img/header/dummy-printer.webp">
    <div hidden data-to-search-basket-token><input type="hidden" class="jtl_token" name="jtl_token" value="7fb6ea9752d7429fad4c780bcd3336d7a2c6a4d87517d74cb54effce27ea3c9a"></div>
        <div class="to-search-modal" role="dialog" aria-modal="true" aria-labelledby="search-title">
            <div class="to-search-head">
                <div class="to-search-field">
                    <label class="to-search-field__label" for="search-title">
                        <input class="to-search-input" id="search-title" type="text" value="" autocomplete="off" spellcheck="false" aria-label="Suche" placeholder="Nach Produktnummer, Artikelnummer oder Druckermodell suchen...">
                    </label>
                    <button class="to-search-close" type="button" aria-label="Suche schließen">
                        <svg viewbox="0 0 16 16" aria-hidden="true">
                            <path d="M2 2l12 12M14 2L2 14"></path>
                        </svg>
                    </button>
                </div>
            </div>

<div class="to-search-promo">
                <img class="to-search-promo__art" src="https://cdn.toneroffice.de/templates/toneroffice_new/img/promo-bar-cartridge.png" alt="">
                <p class="to-search-promo__message">
                    Ab sofort <strong>10% Rabatt</strong> auf kompatible Druckerpatronen – Gutscheincode:
                    <a class="to-promo-bar__code" href="#">SUMMER26</a>
                </p>
            </div>

<div class="to-search-body" aria-hidden="true">
                <div class="to-search-body__panel">
                <aside class="to-search-sidebar">
                    <div class="to-search-suggest-block" aria-hidden="true">
                        <div class="to-search-reveal">
                            <h2 class="to-search-bar to-search-bar--suggest">Suchvorschläge</h2>
                            <ul class="to-search-suggest"></ul>
                        </div>
                    </div>

<div class="to-search-searchhelp" hidden>
                        <div class="to-search-searchhelp__content">
                            <div class="to-search-searchhelp__intro">
                                <span class="to-search-searchhelp__toni" aria-hidden="true"></span>
                                <div class="to-search-searchhelp__intro-copy">
                                    <span class="to-search-searchhelp__brand" aria-hidden="true"></span>
                                    <span class="to-search-searchhelp__intro-label">Toni der Suchassistent</span>
                                </div>
                            </div>
                            <div class="to-search-searchhelp__result-header">
                                <h2 class="to-search-searchhelp__result-title" hidden></h2>
                                <button class="to-search-searchhelp__back" type="button" data-search-help-back aria-label="Zurück zur Auswahl">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M19 12H6M12 5l-7 7 7 7"></path></svg>
                                </button>
                            </div>

<p aria-label="Nicht das Richtige? Suchen Sie nach Produktnummer oder Druckermodell?"><span class="to-search-searchhelp__question" aria-hidden="true"><span class="to-search-searchhelp__question-prompt"></span><strong class="to-search-searchhelp__question-term"></strong><span class="to-search-searchhelp__question-suffix"></span></span><span class="to-search-searchhelp__cursor" aria-hidden="true"></span></p>
                            <div class="to-search-searchhelp__selection">

<div class="to-search-searchhelp__choices" role="group" aria-label="Art des Suchtreffers">
                                <button type="button" data-search-help-kind="numbers" aria-expanded="false" disabled>
                                    <svg class="to-search-searchhelp__choice-icon" xmlns="http://www.w3.org/2000/svg" viewbox="100 80 400 400" width="100%" height="100%" aria-hidden="true" focusable="false">
                                        <defs>
                                            <lineargradient id="to-search-help-box-front-grad" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#ffffff"></stop><stop offset="85%" stop-color="#f8fafc"></stop><stop offset="100%" stop-color="#e2e8f0"></stop></lineargradient>
                                            <lineargradient id="to-search-help-box-dark-bg" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#1e242b"></stop><stop offset="100%" stop-color="#0b0e11"></stop></lineargradient>
                                            <mask id="to-search-help-box-euro-mask">
                                                <rect x="0" y="0" width="600" height="600" fill="#fff"></rect>
                                                <path d="M255 143C268 124 278 121 300 121S332 124 345 143A4 4 0 0 0 349 145H368A5 5 0 0 1 373 150V156A5 5 0 0 1 368 161H232A5 5 0 0 1 227 156V150A5 5 0 0 1 232 145H251A4 4 0 0 0 255 143Z" fill="#000" stroke="none"></path>
                                            </mask>
                                        </defs>
                                        <g stroke="#1e242c" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                                            <g mask="url(#to-search-help-box-euro-mask)">
                                                <path d="M160 100H440A20 20 0 0 1 460 120V170L450 175 465 182H135L150 175 140 170V120A20 20 0 0 1 160 100Z" fill="#1c2127"></path>
                                            </g>
                                            <path d="M255 143C268 124 278 121 300 121S332 124 345 143A4 4 0 0 0 349 145H368A5 5 0 0 1 373 150V156A5 5 0 0 1 368 161H232A5 5 0 0 1 227 156V150A5 5 0 0 1 232 145H251A4 4 0 0 0 255 143Z" fill="none"></path>
                                            <polygon points="135,182 465,182 418,200 182,200" fill="#0096d6"></polygon>
                                            <polygon points="135,182 182,200 182,475 135,445" fill="url(#to-search-help-box-dark-bg)"></polygon>
                                            <polygon points="465,182 418,200 418,475 465,445" fill="url(#to-search-help-box-dark-bg)"></polygon>
                                            <rect x="182" y="200" width="236" height="275" fill="url(#to-search-help-box-dark-bg)"></rect>
                                            <g fill="#38bdf8" opacity=".85" stroke="none">
                                                <path d="M182 285Q205 240 245 260Q260 300 205 320Z"></path>
                                                <path d="M182 290Q215 320 200 345Q182 335 182 290Z"></path>
                                                <path d="M182 390Q215 340 250 380Q255 435 185 465Z"></path>
                                            </g>
                                            <rect x="265" y="200" width="153" height="225" fill="url(#to-search-help-box-front-grad)"></rect>
                                        </g>
                                        <g stroke="none">
                                            <circle cx="341.5" cy="335" r="20" fill="#0096d6"></circle>
                                            <circle cx="321.5" cy="369.6" r="20" fill="#facc15"></circle>
                                            <circle cx="361.5" cy="369.6" r="20" fill="#ec4899"></circle>
                                        </g>
                                        <text class="to-search-searchhelp__box-query" x="341.5" y="275" text-anchor="middle" dominant-baseline="middle" fill="#1e242c" stroke="none" font-size="100" font-weight="700"></text>
                                    </svg>
                                    <span class="to-search-searchhelp__choice-label">Produktnummer</span>
                                    <svg class="to-search-searchhelp__choice-arrow" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9 18l6-6-6-6"></path></svg>
                                </button>
                                <button type="button" data-search-help-kind="models" aria-expanded="false" disabled>
                                    <svg class="to-search-searchhelp__choice-icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 600 600" width="100%" height="100%" aria-hidden="true" focusable="false">
                                        <defs>
                                            <lineargradient id="to-search-help-display-grad" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#1e242b"></stop><stop offset="100%" stop-color="#0b0e11"></stop></lineargradient>
                                        </defs>
                                        <g class="to-search-searchhelp__printer-lines" stroke="#1e242c" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M45 190 555 190 545 100 55 100Z" fill="#2d3748"></path>
                                            <rect x="470" y="125" width="55" height="20" rx="3" fill="#3b4657" opacity=".6"></rect>
                                            <path d="M50 165 435 165 455 145 455 80C455 68 445 60 433 60H72C60 60 50 68 50 80Z" fill="#cbd5e1"></path>
                                            <path d="M260 65H440V135H260Z" fill="#94a3b8" opacity=".4"></path>
                                            <line x1="330" y1="65" x2="330" y2="135" stroke="#475569" stroke-width="2"></line>
                                            <rect x="35" y="190" width="530" height="15" fill="#1e242c" stroke="none"></rect>
                                            <rect x="35" y="205" width="530" height="255" fill="#f8fafc"></rect>
                                            <g transform="translate(80 205)">
                                                <rect width="145" height="100" rx="8" fill="#0f172a"></rect>
                                                <rect x="8" y="10" width="129" height="80" rx="4" fill="url(#to-search-help-display-grad)" stroke="none"></rect>
                                                <circle cx="32" cy="55" r="9" fill="#0284c7" stroke="none"></circle><circle cx="60" cy="55" r="9" fill="#10b981" stroke="none"></circle><circle cx="88" cy="55" r="9" fill="#ec4899" stroke="none"></circle><circle cx="116" cy="55" r="9" fill="#3b82f6" stroke="none"></circle>
                                            </g>
                                            <rect x="135" y="355" width="320" height="95" fill="#0f172a" stroke="none"></rect>
                                            <rect x="137" y="380" width="316" height="36" rx="6" fill="#94a3b8"></rect>
                                            <path d="M135 418H455V460H350V450H240V460H135Z" fill="#f1f5f9"></path>
                                            <path d="M35 465H565V515C565 528 555 538 542 538H58C45 538 35 528 35 515Z" fill="#334155"></path>
                                            <path d="M137 475H455V538H350V520H240V538H137Z" fill="#1e293b" stroke="#0f172a" stroke-width="2"></path>
                                        </g>
                                    </svg>
                                    <span class="to-search-searchhelp__choice-label">Druckermodell</span>
                                    <svg class="to-search-searchhelp__choice-arrow" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9 18l6-6-6-6"></path></svg>
                                </button>
                            </div>
                            <button class="to-search-searchhelp__ai" type="button" data-search-help-ai>
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
                                <span class="to-search-searchhelp__choice-label">Ich weiß es leider nicht</span>
                                <svg class="to-search-searchhelp__choice-arrow" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9 18l6-6-6-6"></path></svg>
                            </button>
                            </div>
                            <ul class="to-search-suggest to-search-searchhelp__list" hidden></ul>
                            <button class="to-search-searchhelp__switch" type="button" data-search-help-switch hidden>
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M17 2.1l4 4-4 4"></path><path d="M3 12.2v-2a4 4 0 0 1 4-4h12.8M7 21.9l-4-4 4-4"></path><path d="M21 11.8v2a4 4 0 0 1-4 4H4.2"></path></svg>
                                <span class="to-search-searchhelp__switch-label"></span>
                            </button>
                        </div>
                    </div>

<div class="to-search-recent-block" hidden>
                        <h2 class="to-search-bar to-search-bar--recent">
                            <span>Verlauf</span>
                            <button class="to-search-recent__clear" type="button">Leeren</button>
                        </h2>
                        <ul class="to-search-recent"></ul>
                    </div>

<div class="to-search-faq-block">
                        <h2 class="to-search-bar to-search-bar--faq">Informationen</h2>
                        <ul class="to-search-faq">
                            <li><a href="https://toneroffice.de/Zahlungsarten">Zahlungsarten <svg class="to-search-faq__arrow" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9 18l6-6-6-6"></path></svg></a></li>
                            <li><a href="https://toneroffice.de/rechnungskauf">Rechnungskauf <svg class="to-search-faq__arrow" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9 18l6-6-6-6"></path></svg></a></li>
                            <li><a href="https://toneroffice.de/Versandinformationen">Versandinformationen <svg class="to-search-faq__arrow" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9 18l6-6-6-6"></path></svg></a></li>
                            <li><a href="https://toneroffice.de/toner-druckerpatronen-produktarten">Original, Kompatibel, Rebuilt? <svg class="to-search-faq__arrow" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9 18l6-6-6-6"></path></svg></a></li>
                            <li><a href="https://toneroffice.de/xl-vs-standard-druckerpatronen-toner">XL vs. Standard <svg class="to-search-faq__arrow" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9 18l6-6-6-6"></path></svg></a></li>
                        </ul>
                    </div>

<h2 class="to-search-bar to-search-bar--help">Hilfe</h2>
                    <div class="to-search-help">
                        <div class="to-search-help__block">
                            <p>
                                <b>Technischer Support</b>
                                Rufen Sie uns an! Wir helfen bei der Wahl der richtigen Kartusche.
                            </p>
                            <a class="to-search-help__contact" href="tel:076121741461">
                                <span class="to-search-help__flag to-footer__support-flag" aria-hidden="true"></span>
                                0761 21741461
                            </a>
                        </div>
                        <div class="to-search-help__block">
                            <p>
                                <b>Support via Mail</b>
                                Schreiben Sie uns einfach eine kurze Mail mit Ihrem Anliegen.
                            </p>
                            <a class="to-search-help__contact" href="mailto:info@toneroffice.de">
                                <svg class="to-search-help__at" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24" fill="none" aria-hidden="true">
                                    <circle cx="12" cy="12" r="4"></circle>
                                    <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"></path>
                                </svg>
                                info@toneroffice.de
                            </a>
                        </div>
                    </div>
                    <div class="to-search-version text-muted">
                        <span>Version 1.1.409</span>
                        <span class="to-search-version__duration" title="Zeit vom Auslösen der Suche bis zur Anzeige der Ergebnisse" hidden>
                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
                            <span class="to-search-version__seconds"></span>
                        </span>
                    </div>
                </aside>

<div class="to-search-main">
                    <section class="to-search-printers-section" aria-hidden="true">
                        <div class="to-search-reveal">
                        <div class="to-search-bar to-search-bar--split">
                            <span class="to-search-bar__count"></span>
                        </div>
                        <div class="to-search-printer-tabs-shell" id="to-search-printer-tabs-shell" hidden>
                            <button class="to-search-printer-tabs-prev" type="button" aria-label="Vorherige Kategorien">
                                <svg width="20" height="20" viewbox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m15 18-6-6 6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
                            </button>
                            <div class="to-search-printer-tabs" id="to-search-printer-tabs" role="tablist" aria-label="Druckersuche nach Kategorie"></div>
                            <button class="to-search-printer-tabs-next" type="button" aria-label="Weitere Kategorien">
                                <svg width="20" height="20" viewbox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
                            </button>
                        </div>
                        <div class="to-search-printer-tab-body" id="to-search-printer-tabpanel">
                        <div class="to-search-printers-wrap">
                            <div class="to-search-printers" id="printer-carousel"></div>
                            <div class="to-search-refine-toast" role="status" aria-live="polite" aria-hidden="true">
                                <span class="to-search-refine-toast__icon" aria-hidden="true">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>
                                </span>
                                <p class="to-search-refine-toast__text">
                                    <strong>TIPP:</strong> Es wurden <span class="to-search-refine-toast__hits"><span class="to-search-refine-toast__count">0</span> Druckermodelle</span> für Ihre Eingabe gefunden. Versuchen Sie die Eingabe durch Serien– oder Modellnummer weiter zu spezifizieren, um genauere Treffer zu erhalten.
                                </p>
                                <button class="to-search-refine-toast__close" type="button" aria-label="Hinweis schließen">
                                    <svg viewbox="0 0 16 16" aria-hidden="true">
                                        <path d="M2 2l12 12M14 2L2 14"></path>
                                    </svg>
                                </button>
                            </div>
                            <button class="to-search-prev" type="button" aria-label="Vorherige Druckermodelle">
                                <svg width="20" height="20" viewbox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m15 18-6-6 6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
                            </button>
                            <button class="to-search-next" type="button" aria-label="Weitere Druckermodelle">
                                <svg width="20" height="20" viewbox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
                            </button>
                            <div class="to-search-swipe" aria-hidden="true">
                                <span class="to-search-swipe__clip">
                                    <span class="to-search-swipe__mouse">
                                        <span class="to-search-swipe__wheel"></span>
                                    </span>
                                    <span class="to-search-swipe__chevrons">
                                        <span></span>
                                        <span></span>
                                    </span>
                                </span>
                                <span class="to-search-swipe__label to-search-swipe__label--desktop">Nach unten scrollen...</span>
                                <span class="to-search-swipe__label to-search-swipe__label--mobile">Nach unten swipen...</span>
                            </div>
                        </div>
                        </div>
                        </div>
                    </section>

<section class="to-search-results">
                        <div class="to-search-results-head">
                            <div class="to-search-bar to-search-bar--split to-search-bar--results">
                                <h2>Suchergebnisse</h2>
                                <span class="to-search-bar__count"></span>
                            </div>
                            <button class="to-search-filter-toggle" type="button" aria-expanded="false" aria-controls="to-search-product-filters" hidden>
                                <span class="to-search-filter-toggle__count" hidden></span>
                                <svg viewbox="0 0 24 24" aria-hidden="true">
                                    <line x1="4" y1="21" x2="4" y2="14"></line>
                                    <line x1="4" y1="10" x2="4" y2="3"></line>
                                    <line x1="12" y1="21" x2="12" y2="12"></line>
                                    <line x1="12" y1="8" x2="12" y2="3"></line>
                                    <line x1="20" y1="21" x2="20" y2="16"></line>
                                    <line x1="20" y1="12" x2="20" y2="3"></line>
                                    <line x1="1" y1="14" x2="7" y2="14"></line>
                                    <line x1="9" y1="8" x2="15" y2="8"></line>
                                    <line x1="17" y1="16" x2="23" y2="16"></line>
                                </svg>
                                <span>Filter</span>
                            </button>
                        </div>
                        <div class="to-search-filter-card" id="to-search-product-filters" hidden></div>

<div class="to-search-board">
                            <div class="to-search-tabs-row">
                                <div class="to-search-tabs to-search-tabs--market" role="tablist" hidden>
                                    <button class="to-search-tab is-active" type="button" role="tab" aria-selected="true" data-tab="compatible" aria-label="Toneroffice Kompatibel">
                                        <span class="to-search-tab__inner">
                                                                                <span class="to-search-brand to-search-brand--mask" style="--to-search-brand-mask: url('https://cdn.toneroffice.de/templates/toneroffice_new/img/toneroffice-logo.svg?v=1.0.170');" aria-hidden="true"></span>
                                        <span class="to-search-tab__copy">
                                            <span class="to-search-tab__label">Kompatibel</span>
                                        </span>
                                        </span>
                                        <span class="to-search-tab__count to-search-tab__count--selected" aria-hidden="true">
                                            <svg class="to-search-tab__check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                                            <svg class="to-search-tab__check-ramp to-search-tab__check-ramp--before" xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"><path class="to-search-tab__check-ramp-fill" d="M0 0H6V6H5A5 5 0 0 0 0 1Z"></path><path class="to-search-tab__check-ramp-line" d="M0 1A5 5 0 0 1 5 6"></path></svg>
                                            <svg class="to-search-tab__check-ramp to-search-tab__check-ramp--after" xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"><path class="to-search-tab__check-ramp-fill" d="M0 0H6V6H5A5 5 0 0 0 0 1Z"></path><path class="to-search-tab__check-ramp-line" d="M0 1A5 5 0 0 1 5 6"></path></svg>
                                        </span>
                                    </button>
                                    <button class="to-search-tab to-search-tab--refill" type="button" role="tab" aria-selected="false" data-tab="refill" aria-label="Toneroffice Rebuilt">
                                        <span class="to-search-tab__inner">
                                        <span class="to-search-tab__leaf to-rebuilt-leaf" aria-hidden="true"><svg class="to-rebuilt-leaf__icon" xmlns="http://www.w3.org/2000/svg" width="17" height="12" viewbox="0 0 17 12" fill="none" aria-hidden="true">
                                            <path d="M16.4978 10.8295C15.0631 8.41313 11.8539 6.03453 9.47526 5.09064C9.06694 4.90588 8.6349 4.77881 8.19157 4.71309C7.54973 4.63758 7.24768 4.18451 7.36095 3.7692C7.47422 3.35389 7.66299 3.24062 8.0783 3.27838C9.21097 3.4294 10.9855 4.14675 12.6845 5.24166L13.0243 5.4682L13.1375 5.54371L13.5906 5.84575C13.6493 5.89036 13.7197 5.91684 13.7932 5.92191C13.8667 5.92699 13.9401 5.91045 14.0043 5.87432C14.0685 5.8382 14.1208 5.78407 14.1546 5.71862C14.1884 5.65316 14.2024 5.57923 14.1947 5.50595C13.9682 3.73144 13.4018 1.95693 11.7406 0.82427C10.0793 -0.308395 7.24768 -0.0818622 4.52929 0.371204C3.31959 0.608843 2.09658 0.772752 0.867003 0.862025H0.376181C0.315426 0.855483 0.25403 0.865444 0.19846 0.890862C0.142889 0.91628 0.0952019 0.956213 0.0604191 1.00645C0.0256363 1.0567 0.00504552 1.11539 0.000815297 1.17635C-0.00341493 1.23731 0.00887192 1.29828 0.0363819 1.35285L0.187404 1.80591C1.35782 5.35493 2.98131 10.2254 6.90788 11.3958C7.46189 11.5452 8.03308 11.6214 8.60688 11.6223C10.4608 11.6066 12.2406 10.892 13.5906 9.6213C14.2076 10.223 14.7524 10.8946 15.2141 11.6223C15.2763 11.738 15.369 11.8344 15.4822 11.9009C15.5954 11.9675 15.7246 12.0017 15.8559 11.9999C16.0314 12.0027 16.2032 11.9498 16.3468 11.8489C16.4893 11.7248 16.5828 11.554 16.6105 11.3671C16.6382 11.1802 16.5982 10.9895 16.4978 10.8295Z" fill="currentColor"></path>
                                        </svg></span>
                                        <span class="to-search-brand to-search-brand--mask" style="--to-search-brand-mask: url('https://cdn.toneroffice.de/templates/toneroffice_new/img/toneroffice-logo-rebuilt.svg?v=1.0.170');" aria-hidden="true"></span>
                                        <span class="to-search-tab__copy">
                                            <span class="to-search-tab__label">Rebuilt</span>
                                        </span>
                                        </span>
                                        <span class="to-search-tab__count to-search-tab__count--selected" aria-hidden="true">
                                            <svg class="to-search-tab__check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                                            <svg class="to-search-tab__check-ramp to-search-tab__check-ramp--before" xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"><path class="to-search-tab__check-ramp-fill" d="M0 0H6V6H5A5 5 0 0 0 0 1Z"></path><path class="to-search-tab__check-ramp-line" d="M0 1A5 5 0 0 1 5 6"></path></svg>
                                            <svg class="to-search-tab__check-ramp to-search-tab__check-ramp--after" xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"><path class="to-search-tab__check-ramp-fill" d="M0 0H6V6H5A5 5 0 0 0 0 1Z"></path><path class="to-search-tab__check-ramp-line" d="M0 1A5 5 0 0 1 5 6"></path></svg>
                                        </span>
                                    </button>
                                    <button class="to-search-tab to-search-tab--paper" type="button" role="tab" aria-selected="false" data-tab="paper" aria-label="Papier">
                                        <span class="to-search-tab__inner">
                                        <span class="to-search-tab__copy">
                                            <span class="to-search-tab__label">Papier</span>
                                        </span>
                                        </span>
                                        <span class="to-search-tab__count to-search-tab__count--selected" aria-hidden="true">
                                            <svg class="to-search-tab__check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                                            <svg class="to-search-tab__check-ramp to-search-tab__check-ramp--before" xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"><path class="to-search-tab__check-ramp-fill" d="M0 0H6V6H5A5 5 0 0 0 0 1Z"></path><path class="to-search-tab__check-ramp-line" d="M0 1A5 5 0 0 1 5 6"></path></svg>
                                            <svg class="to-search-tab__check-ramp to-search-tab__check-ramp--after" xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"><path class="to-search-tab__check-ramp-fill" d="M0 0H6V6H5A5 5 0 0 0 0 1Z"></path><path class="to-search-tab__check-ramp-line" d="M0 1A5 5 0 0 1 5 6"></path></svg>
                                        </span>
                                    </button>
                                    <button class="to-search-tab to-search-tab--accessory" type="button" role="tab" aria-selected="false" data-tab="accessory" aria-label="Zubehör">
                                        <span class="to-search-tab__inner">
                                        <span class="to-search-tab__copy">
                                            <span class="to-search-tab__label">Zubehör</span>
                                        </span>
                                        </span>
                                        <span class="to-search-tab__count to-search-tab__count--selected" aria-hidden="true">
                                            <svg class="to-search-tab__check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                                            <svg class="to-search-tab__check-ramp to-search-tab__check-ramp--before" xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"><path class="to-search-tab__check-ramp-fill" d="M0 0H6V6H5A5 5 0 0 0 0 1Z"></path><path class="to-search-tab__check-ramp-line" d="M0 1A5 5 0 0 1 5 6"></path></svg>
                                            <svg class="to-search-tab__check-ramp to-search-tab__check-ramp--after" xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"><path class="to-search-tab__check-ramp-fill" d="M0 0H6V6H5A5 5 0 0 0 0 1Z"></path><path class="to-search-tab__check-ramp-line" d="M0 1A5 5 0 0 1 5 6"></path></svg>
                                        </span>
                                    </button>
                                </div>
                                <div class="to-search-tabs to-search-tabs--oem" role="tablist" hidden>
                                    <button class="to-search-tab" type="button" role="tab" aria-selected="false" data-tab="original" aria-label="Original">
                                        <span class="to-search-tab__inner">
                                        <img class="to-search-tab__oem" src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/kyocera-logo.svg" alt="" hidden>
                                        <span class="to-search-tab__oem-name" hidden></span>
                                        <span class="to-search-tab__copy">
                                            <span class="to-search-tab__label">Original</span>
                                        </span>
                                        </span>
                                        <span class="to-search-tab__count to-search-tab__count--selected" aria-hidden="true">
                                            <svg class="to-search-tab__check" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                                            <svg class="to-search-tab__check-ramp to-search-tab__check-ramp--before" xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"><path class="to-search-tab__check-ramp-fill" d="M0 0H6V6H5A5 5 0 0 0 0 1Z"></path><path class="to-search-tab__check-ramp-line" d="M0 1A5 5 0 0 1 5 6"></path></svg>
                                            <svg class="to-search-tab__check-ramp to-search-tab__check-ramp--after" xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"><path class="to-search-tab__check-ramp-fill" d="M0 0H6V6H5A5 5 0 0 0 0 1Z"></path><path class="to-search-tab__check-ramp-line" d="M0 1A5 5 0 0 1 5 6"></path></svg>
                                        </span>
                                    </button>
                                </div>
                            </div>

<div class="to-search-grid-shell to-search-grid-shell--oem">
                        <div class="to-search-grid-wrap"></div>
                        <div class="to-search-swipe" aria-hidden="true">
                            <span class="to-search-swipe__clip">
                                <span class="to-search-swipe__mouse">
                                    <span class="to-search-swipe__wheel"></span>
                                </span>
                                <span class="to-search-swipe__chevrons">
                                    <span></span>
                                    <span></span>
                                </span>
                            </span>
                            <span class="to-search-swipe__label to-search-swipe__label--desktop">Nach unten scrollen...</span>
                            <span class="to-search-swipe__label to-search-swipe__label--mobile">Nach unten swipen...</span>
                        </div>
                        </div>
                        <div class="to-search-grid-shell to-search-grid-shell--market">
                        <div class="to-search-grid-wrap">
                            <div class="to-search-grid is-active" data-panel="compatible"></div>
                            <div class="to-search-grid" data-panel="refill"></div>
                            <div class="to-search-grid" data-panel="original"></div>
                            <div class="to-search-grid" data-panel="paper"></div>
                            <div class="to-search-grid" data-panel="accessory"></div>
                        </div>
                        <div class="to-search-swipe" aria-hidden="true">
                            <span class="to-search-swipe__clip">
                                <span class="to-search-swipe__mouse">
                                    <span class="to-search-swipe__wheel"></span>
                                </span>
                                <span class="to-search-swipe__chevrons">
                                    <span></span>
                                    <span></span>
                                </span>
                            </span>
                            <span class="to-search-swipe__label to-search-swipe__label--desktop">Nach unten scrollen...</span>
                            <span class="to-search-swipe__label to-search-swipe__label--mobile">Nach unten swipen...</span>
                        </div>
                        </div>
                        </div>
                    </section>
                </div>
                </div>
            </div>
            <div class="to-search-mobile-tools">
                <button class="to-search-sidebar-toggle" type="button" aria-label="Suchhilfe und Informationen öffnen" aria-controls="to-search-sidebar-panel" aria-expanded="false">
                    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
                </button>
            </div>
            <div class="to-search-initial-skeleton" aria-hidden="true">
                <div class="to-search-initial-skeleton__block to-search-initial-skeleton__block--sidebar"></div>
                <div class="to-search-initial-skeleton__block to-search-initial-skeleton__block--results">
                    <div class="to-search-initial-skeleton__content">
                    <h3 class="to-search-initial-skeleton__heading">Ergebnisse werden <span class="to-search-initial-skeleton__heading-ending">vorbereitet…</span>
</h3>
                                                            <div class="to-search-initial-skeleton__stage">
                                        <div class="to-search-initial-skeleton__marquee" aria-hidden="true">
                        <div class="to-search-initial-skeleton__marquee-track">
                                                        <div class="to-search-initial-skeleton__marquee-group">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                            </div>
                                                        <div class="to-search-initial-skeleton__marquee-group">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                            </div>
                                                    </div>
                    </div>
                    
                    <div class="to-search-initial-skeleton__lens" aria-hidden="true">
                        <div class="to-search-initial-skeleton__lens-content">
                                                <div class="to-search-initial-skeleton__marquee" aria-hidden="true">
                        <div class="to-search-initial-skeleton__marquee-track">
                                                        <div class="to-search-initial-skeleton__marquee-group">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                            </div>
                                                        <div class="to-search-initial-skeleton__marquee-group">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-cartridge.svg" alt="" width="112" height="112" decoding="async">
                                <img src="https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-loading-printer.svg" alt="" width="112" height="112" decoding="async">
                                                            </div>
                                                    </div>
                    </div>
                    
                        </div>
                    </div>
                    <svg class="to-search-initial-skeleton__search-icon" viewbox="0 0 100 100" aria-hidden="true" focusable="false"><path class="to-search-initial-skeleton__search-outline" d="M69.9 66.3l-.8-.7.7-.8c5.5-6.7 8.6-15.2 8.6-24C78.4 20 61.5 3.1 40.7 3.1S3 20 3 40.8s16.9 37.7 37.7 37.7c8.7 0 17-2.9 23.8-8.4l.8-.7.7.7 26.4 26l3.8-3.9L69.9 66.3z"></path><path d="M69.9 66.3l-.8-.7.7-.8c5.5-6.7 8.6-15.2 8.6-24C78.4 20 61.5 3.1 40.7 3.1S3 20 3 40.8s16.9 37.7 37.7 37.7c8.7 0 17-2.9 23.8-8.4l.8-.7.7.7 26.4 26l3.8-3.9L69.9 66.3zm-29.2 6.8c-17.8 0-32.3-14.5-32.3-32.3S22.9 8.5 40.7 8.5 73 23 73 40.8 58.6 73.1 40.7 73.1z"></path></svg>
                    </div>
                    <h5 class="to-search-initial-skeleton__status">
                        <span class="to-search-initial-skeleton__status-track">
                            <span class="to-search-initial-skeleton__status-line"></span>
                            <span class="to-search-initial-skeleton__status-line"></span>
                        </span>
                    </h5>
                    </div>
                </div>
            </div>
            <div class="to-search-initial-skeleton to-search-product-loading" role="status" aria-live="polite" hidden>
                <div class="to-search-initial-skeleton__block to-search-initial-skeleton__block--results">
                    <div class="to-search-initial-skeleton__content">
                        <h3 class="to-search-initial-skeleton__heading to-search-product-loading__title"></h3>
                        <div class="to-search-product-loading__image-frame">
                            <img class="to-search-product-loading__image" alt="" decoding="async">
                        </div>
                        <p class="to-search-product-loading__status">Sie werden sofort weitergeleitet…</p>
                    </div>
                </div>
            </div>
            <section class="to-search-sidebar-panel" id="to-search-sidebar-panel" aria-label="Suchhilfe und Informationen" aria-hidden="true" inert>
                <div class="to-search-article__bar">
                    <button class="to-search-article__back" type="button" data-search-sidebar-back>
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 18l-6-6 6-6"></path></svg>
                        Zurück zur Suche
                    </button>
                </div>
                <div class="to-search-sidebar-panel__content"></div>
            </section>
            <section class="to-search-article" aria-hidden="true" inert>
                <div class="to-search-article__bar">
                    <button class="to-search-article__back" type="button">
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 18l-6-6 6-6"></path></svg>
                        <span>Zurück zur Suche</span>
                    </button>
                </div>
                <div class="to-search-article__scroll">
                    <div class="to-search-article__content"></div>
                </div>
            </section>
        </div>
    </div>
    <div class="to-search-ai-chat" id="to-search-ai-chat" hidden aria-hidden="true">
        <section class="to-search-ai-chat__panel" role="dialog" aria-modal="true" aria-labelledby="to-search-ai-chat-title">
            <header class="to-search-ai-chat__header">
                <span class="to-search-ai-chat__avatar" aria-hidden="true"></span>
                <div class="to-search-ai-chat__heading">
                    <span class="to-search-ai-chat__brandline">
                        <span class="to-search-ai-chat__logo" aria-hidden="true"></span>
                        <span class="to-search-ai-chat__badge">KI</span>
                    </span>
                    <span class="to-search-ai-chat__heading-label" id="to-search-ai-chat-title">Toni der Suchassistent</span>
                </div>
                <button type="button" class="to-search-ai-chat__close" data-search-ai-close aria-label="Chat schließen">
                    <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"></path></svg>
                </button>
            </header>
            <div class="to-search-ai-chat__messages" data-search-ai-messages aria-live="polite" aria-relevant="additions">
                <div class="to-search-ai-chat__message to-search-ai-chat__message--assistant">Ich helfe Ihnen gerne weiter.</div>
            </div>
            <div class="to-search-ai-chat__footer">
                <form class="to-search-ai-chat__form" data-search-ai-form hidden>
                    <input type="text" name="message" data-search-ai-input maxlength="1200" autocomplete="off" placeholder="Hier Antwort eintippen..." aria-label="Nachricht an Toni">
                    <button type="submit" aria-label="Senden">Senden</button>
                </form>
                <a class="to-search-ai-chat__privacy" href="https://toneroffice.de/Datenschutz" target="_blank" rel="noopener noreferrer">Datenschutzhinweis</a>
                <button type="button" class="to-search-ai-chat__reset" data-search-ai-reset>Chat zurücksetzen</button>
            </div>
        </section>
    </div>
<link rel="stylesheet" href="https://cdn.toneroffice.de/css-min-cache/c7e8bf224ea3ebd9f68abb24462767969e5bfbfddfce4d6af335c3f848eecb23.css">

<template data-to-help-content="printer" data-to-help-title="Hilfe zur Druckerauswahl">
	<p>Mit unserer 3-Schritt-Auswahl gelangen Sie direkt zu unseren kompatiblen Tintenpatronen oder Tonern:</p>

<p><strong>1. Hersteller wählen:</strong> Wähle die Marke deines Geräts aus (z. B. HP, Brother, Canon, Epson).</p>
<p><strong>2. Serie wählen:</strong> Wähle die Modellreihe (z. B. OfficeJet, EcoTank, LaserJet).</p>
<p><strong>3. Modell wählen:</strong> Bestimme die genaue Modellbezeichnung deines Geräts.</p>
<hr>
<h4>Wo finde ich meine Modellbezeichnung?</h4>

<ul>
<li>
<strong>Gerätefront & Oberseite:</strong> Meist steht die Serie und Modellnummer gut sichtbar direkt neben dem Bedienfeld oder Display.</li>
<li>
<strong>Typenschild:</strong> Auf der Rückseite oder Unterseite des Geräts findest du einen Aufkleber mit der exakten Bezeichnung (z. B. MFC-L2710DW).</li>
<li>
<strong>Handbuch oder Systemeinstellungen:</strong> Unter Windows (Drucker & Scanner) bzw. macOS (Drucker) wird dir der genaue Name ebenfalls angezeigt.</li>
</ul>
</template>
<template data-to-help-content="cartridge" data-to-help-title="Wo finde ich die Produktnummer?">
	<p>Die Produktnummer finden Sie meist direkt auf Ihrer Tonerkartusche oder Druckerpatrone sowie auf der Verpackung. Typische Beispiele sind Brother TN-2420, HP 305, Canon 067 oder Epson 604.</p>

<p>Bei kompatiblen Produkten kann die Bezeichnung abweichen. Häufig finden Sie dort jedoch einen Hinweis darauf, für welche Original-Toner- oder Patronenserie das Produkt geeignet ist.</p>

<p>Geben Sie die Nummer einfach in die Schnellsuche ein. Kennen Sie die Produktnummer nicht, können Sie stattdessen nach Ihrem Druckermodell suchen.</p>

<p><strong>Hinweis:</strong> Die Seriennummer Ihres Druckers ist nicht gemeint.</p>
</template>
<template data-to-help-content="zip" data-to-help-title="Postleitzahl ändern">
	<form class="to-delivery-zip-form" data-to-delivery-zip-form novalidate>
		<p>Geben Sie Ihre Postleitzahl ein, damit wir die Lieferzeit für Ihren Standort anzeigen können. Die PLZ wird auf diesem Gerät gespeichert.</p>
		<div class="form-group">
			<label for="to-delivery-zip-input">Postleitzahl</label>
			<input id="to-delivery-zip-input" class="form-control" type="text" name="plz" inputmode="numeric" autocomplete="postal-code" maxlength="5" pattern="[0-9]5" placeholder="12345" data-to-delivery-zip-input required>
		</div>
		<p class="to-delivery-zip-form__error" data-to-delivery-zip-error hidden>Bitte eine gültige 5-stellige Postleitzahl eingeben.</p>
		<button class="btn btn-primary to-delivery-zip-form__submit" type="submit">Speichern</button>
	</form>
</template>

<div class="to-help-overlay" data-to-help-overlay hidden>
	<div class="to-help-overlay__backdrop" data-to-help-close tabindex="-1"></div>
	<div class="to-help-dialog" id="to-help-modal" role="dialog" aria-modal="true" aria-labelledby="to-help-modal-title" tabindex="-1">
		<div class="to-help-dialog__head">
			<h2 class="to-help-dialog__title" id="to-help-modal-title" data-to-help-title></h2>
			<button class="to-help-dialog__close" type="button" data-to-help-close aria-label="Schließen">
				<svg viewbox="0 0 16 16" aria-hidden="true" focusable="false">
					<path d="M2 2l12 12M14 2L2 14"></path>
				</svg>
			</button>
		</div>
		<div class="to-help-dialog__body" data-to-help-body></div>
	</div>
</div>