{"title":"Alu-Dibond Schilder drucken","description":"\u003cdiv class=\"dark-section\"\u003e\n\u003ch2 class=\"vis24\"\u003eHochwertige Alu-Dibond Schilder nach Maß – robust \u0026amp; vielseitig einsetzbar\u003c\/h2\u003e\n\u003cp class=\"p1\"\u003eAluverbundplatten (auch bekannt als Alu-Dibond) sind die perfekte Wahl für langlebige, formstabile Werbeschilder und hochwertige Drucke – im Innen- und Außenbereich. Der Direktdruck auf die seidenmatte Oberfläche sorgt für brillante Farben und eine edle Anmutung – auch ideal für Fotodrucke.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eDirektdruck mit seidenmattem Finish – ideal für Fotos, Logos \u0026amp; Schilder\u003c\/li\u003e\n\u003cli\u003ePlanstabil, leicht und langlebig – auch im Außenbereich einsetzbar\u003c\/li\u003e\n\u003cli\u003eKorrosionsbeständig, UV-stabil \u0026amp; leicht zu reinigen\u003c\/li\u003e\n\u003cli\u003eUmweltfreundlich: vollständig recyclebar, frei von PVC\u003c\/li\u003e\n\u003cli\u003eErhältlich in Wunschformaten \u0026amp; individuellen Zuschnitten\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"p1\"\u003eJetzt Aluverbundplatten bedrucken lassen – in Wunschgröße \u0026amp; Top-Qualität!\u003c\/h3\u003e\n\u003c\/div\u003e","products":[{"product_id":"alu-dibond-druck-firmenschilder","title":"Alu-Dibond Schilder gestalten – Hochwertige Werbeschilder","description":"\u003ch2\u003eDruck auf Alu-Dibond – Ihr Design als langlebiges Firmenschild\u003c\/h2\u003e\n\u003cp\u003eVerleihen Sie Ihrer Marke einen professionellen Auftritt: Lassen Sie Ihr Firmenschild, Werbeschild oder Wandbild auf hochwertigem Alu-Dibond drucken. Einfach Ihr individuelles Design hochladen – wir sorgen für brillante Druckqualität und wetterfeste Ergebnisse.\u003c\/p\u003e\n\u003c!-- BUTTON --\u003e\n\u003cp\u003e\u003cbutton id=\"calculatorToggleAcryl\" class=\"glass-button\"\u003eKalkulieren \u0026amp; Anfragen\u003c\/button\u003e\u003c\/p\u003e\n\u003c!-- KALKULATOR --\u003e\n\u003cdiv style=\"display: none; margin-top: 20px;\" id=\"calculatorAccordionAcryl\"\u003e\n\u003cdiv class=\"cc-accordion-item__panel\"\u003e\n\u003c!-- Eingabefelder --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 1rem;\"\u003e\n\u003cdiv style=\"flex: 1; min-width: 100px;\"\u003e\n\u003clabel for=\"widthAcryl\"\u003eBreite (mm):\u003c\/label\u003e \u003cinput style=\"width: 100%; background-color: #efefef;\" min=\"10\" value=\"10\" type=\"number\" id=\"widthAcryl\"\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex: 1; min-width: 100px;\"\u003e\n\u003clabel for=\"heightAcryl\"\u003eHöhe (mm):\u003c\/label\u003e \u003cinput style=\"width: 100%; background-color: #efefef;\" min=\"10\" value=\"10\" type=\"number\" id=\"heightAcryl\"\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex: 1; min-width: 200px;\"\u003e\n\u003clabel for=\"quantityAcryl\"\u003eMenge:\u003c\/label\u003e \u003cinput style=\"width: 100%; background-color: #efefef;\" min=\"1\" value=\"1\" type=\"number\" id=\"quantityAcryl\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Materialstärke --\u003e\n\u003cdiv style=\"margin-bottom: 1rem;\"\u003e\n\u003clabel style=\"display: block; font-weight: bold;\"\u003eAlu-Dibond:\u003c\/label\u003e\n\u003cdiv style=\"display: flex; gap: 16px; flex-wrap: wrap;\"\u003e\n\u003clabel\u003e\u003cinput checked value=\"2\" name=\"thicknessAcryl\" type=\"radio\"\u003e 2 mm\u003c\/label\u003e \u003clabel\u003e\u003cinput value=\"3\" name=\"thicknessAcryl\" type=\"radio\"\u003e 3 mm\u003c\/label\u003e \u003clabel\u003e\u003cinput value=\"4\" name=\"thicknessAcryl\" type=\"radio\"\u003e 4 mm\u003c\/label\u003e \u003clabel\u003e\u003cinput value=\"6\" name=\"thicknessAcryl\" type=\"radio\"\u003e 6 mm\u003c\/label\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Verarbeitung --\u003e\n\u003cdiv style=\"margin-bottom: 1rem;\"\u003e\n\u003clabel style=\"display: block; font-weight: bold;\"\u003eVerarbeitung:\u003c\/label\u003e\n\u003cdiv style=\"display: flex; gap: 24px; flex-wrap: wrap;\"\u003e\n\u003clabel\u003e\u003cinput type=\"checkbox\" id=\"cuttingAcryl\"\u003e Formzuschnitt (Laser, +20%)\u003c\/label\u003e \u003clabel\u003e\u003cinput type=\"checkbox\" id=\"drillingAcryl\"\u003e 4x Bohrungen (+4,00 € je Schild)\u003c\/label\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; margin-top: 10px; gap: 16px; flex-wrap: wrap;\" id=\"drillOptions\"\u003e\n\u003cdiv\u003e\n\u003clabel for=\"drillDiameter\"\u003eBohrdurchmesser (mm):\u003c\/label\u003e\u003cbr\u003e\u003cinput style=\"width: 100%;\" max=\"50\" min=\"1\" value=\"0\" id=\"drillDiameter\" type=\"number\"\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003clabel for=\"drillOffset\"\u003ebis Lochmitte (mm):\u003c\/label\u003e\u003cbr\u003e\u003cinput style=\"width: 100%;\" max=\"100\" min=\"1\" value=\"0\" id=\"drillOffset\" type=\"number\"\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"cornerRadiusField\" style=\"display: none;\"\u003e\n\u003clabel for=\"cornerRadius\"\u003eEckenradius (mm):\u003c\/label\u003e\u003cbr\u003e\u003cinput style=\"width: 100%;\" max=\"100\" min=\"0\" value=\"0\" id=\"cornerRadius\" type=\"number\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ergebnis --\u003e\n\u003cdiv style=\"margin-bottom: 1rem;\"\u003e\n\u003cdiv style=\"font-weight: bold; font-size: 1.1em;\" id=\"priceOutputAcryl\"\u003ePreis: –\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\u003ca style=\"color: #007aff; text-decoration: underline; font-weight: bold;\" href=\"#\" id=\"mailtoLinkAcryl\" target=\"_blank\"\u003e Jetzt unverbindlich anfragen \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\u003cbutton id=\"pdfDownloadAcryl\" class=\"glass-button glass-button--small\"\u003e PDF-Vorlage herunterladen \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PDF-lib --\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf-lib\/1.17.1\/pdf-lib.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", () =\u003e {\n  const getEl = id =\u003e document.getElementById(id);\n\n  function getBasePrice(areaM2, thickness) {\n    const pricing = {\n      2: { base: 12, max: 100, exponent: 0.7 },\n      3: { base: 13, max: 120, exponent: 0.7 },\n      4: { base: 15, max: 135, exponent: 0.7 },\n      6: { base: 20, max: 150, exponent: 0.7 }\n    };\n    const config = pricing[thickness] || pricing[3];\n    const { base, max, exponent } = config;\n    return areaM2 \u003c= 1 ? base + (max - base) * Math.pow(areaM2, exponent) : max * areaM2;\n  }\n\n  function getDiscount(quantity) {\n    const steps = [\n      { qty: 100, factor: 0.75 },\n      { qty: 50,  factor: 0.80 },\n      { qty: 25,  factor: 0.85 },\n      { qty: 10,  factor: 0.90 },\n      { qty: 5,   factor: 0.95 },\n      { qty: 1,   factor: 1.00 }\n    ];\n    return steps.find(row =\u003e quantity \u003e= row.qty);\n  }\n\n  function calculatePrice() {\n    const width = parseFloat(getEl(\"widthAcryl\").value) || 0;\n    const height = parseFloat(getEl(\"heightAcryl\").value) || 0;\n    const quantity = parseInt(getEl(\"quantityAcryl\").value) || 1;\n    const cutting = getEl(\"cuttingAcryl\").checked;\n    const drilling = getEl(\"drillingAcryl\").checked;\n    const diameter = parseFloat(getEl(\"drillDiameter\").value) || 0;\n    const offset = parseFloat(getEl(\"drillOffset\").value) || 0;\n    const thickness = parseInt(document.querySelector('input[name=\"thicknessAcryl\"]:checked')?.value || 3);\n    const areaM2 = (width * height) \/ 1_000_000;\n\n    getEl(\"drillOptions\").style.display = drilling ? \"flex\" : \"none\";\n    getEl(\"cornerRadiusField\").style.display = drilling ? \"block\" : \"none\";\n\n    if (areaM2 \u003c= 0) {\n      getEl(\"priceOutputAcryl\").innerText = \"Ungültige Fläche.\";\n      return;\n    }\n\n    let basePrice = getBasePrice(areaM2, thickness);\n    if (cutting) basePrice *= 1.2;\n    if (drilling) basePrice += 4.00;\n\n    const discountRow = getDiscount(quantity);\n    const unitPrice = basePrice * discountRow.factor;\n    const totalPrice = unitPrice * quantity;\n\n    const rabattText = discountRow.factor \u003c 1\n      ? `${Math.round((1 - discountRow.factor) * 100)}% Mengenrabatt`\n      : \"Kein Mengenrabatt\";\n\n    getEl(\"priceOutputAcryl\").innerHTML = `\n      \u003cdiv\u003eGesamtpreis: €${totalPrice.toFixed(2)}\u003c\/div\u003e\n      \u003cdiv style=\"font-size: 0.7em; color: #666;\"\u003e\n        Einzelpreis: €${unitPrice.toFixed(2)} – ${rabattText}\n      \u003c\/div\u003e`;\n\n    const cornerRadius = parseFloat(getEl(\"cornerRadius\").value) || 0;\n\nconst body = `Hallo liebes VIS24-Team,\\n\\n` +\n  `Ich interessiere mich für ein Dibond-Schild mit folgenden Spezifikationen:\\n` +\n  `Breite: ${width} mm\\n` +\n  `Höhe: ${height} mm\\n` +\n  `Menge: ${quantity}\\n` +\n  `Formzuschnitt: ${cutting ? \"Ja\" : \"Nein\"}\\n` +\n  `Bohrungen: ${drilling ? `Ja, Durchmesser: ${diameter} mm, Abstand: ${offset} mm` : \"Nein\"}\\n` +\n  (drilling ? `Eckenradius: ${cornerRadius} mm\\n` : \"\") +\n  `Stärke: ${thickness} mm\\n` +\n  `Fläche: ${areaM2.toFixed(3)} m²\\n` +\n  `Einzelpreis: €${unitPrice.toFixed(2)}\\n` +\n  `Gesamtpreis: €${totalPrice.toFixed(2)}\\n` +\n  `Rabatt: ${rabattText}\\n\\n` +\n  `Bitte senden Sie mir ein unverbindliches Angebot.\\n\\nMit freundlichen Grüßen`;\n    getEl(\"mailtoLinkAcryl\").href = `mailto:vertrieb@vis24.de?subject=Anfrage: Acrylglas Druck\u0026body=${encodeURIComponent(body)}`;\n  }\n\n  \/\/ PDF Download\n  getEl(\"pdfDownloadAcryl\").addEventListener(\"click\", async () =\u003e {\n    const width = parseFloat(getEl(\"widthAcryl\").value);\n    const height = parseFloat(getEl(\"heightAcryl\").value);\n    const diameter = parseFloat(getEl(\"drillDiameter\").value);\n    const offset = parseFloat(getEl(\"drillOffset\").value);\n    const cornerRadius = parseFloat(getEl(\"cornerRadius\").value) || 0;\n    const drilling = getEl(\"drillingAcryl\").checked;\n\n    const mmToPt = mm =\u003e mm * 2.83465;\n    const bleed = mmToPt(3);\n    const formatW = mmToPt(width);\n    const formatH = mmToPt(height);\n    const pageW = formatW + 2 * bleed;\n    const pageH = formatH + 2 * bleed;\n\n    const { PDFDocument, rgb, StandardFonts } = PDFLib;\n    const pdfDoc = await PDFDocument.create();\n    const page = pdfDoc.addPage([pageW, pageH]);\n    const font = await pdfDoc.embedFont(StandardFonts.Helvetica);\n\n    const drawRect = (x, y, w, h, color, dash = []) =\u003e {\n      page.drawRectangle({\n        x, y, width: w, height: h,\n        borderColor: color, borderWidth: 0.7,\n        borderDashArray: dash,\n        borderRadius: mmToPt(cornerRadius)\n      });\n    };\n\n    drawRect(0, 0, pageW, pageH, rgb(1, 0, 0), [4, 4]); \/\/ Beschnitt: ROT\n    drawRect(bleed, bleed, formatW, formatH, rgb(0, 0.6, 0)); \/\/ Endformat: GRÜN\n\n    \/\/ Bohrungen: BLAU\n    if (drilling \u0026\u0026 diameter \u003e 0 \u0026\u0026 offset \u003e 0) {\n      const r = mmToPt(diameter \/ 2);\n      const offsetPt = mmToPt(offset);\n      const left = bleed + offsetPt;\n      const right = bleed + formatW - offsetPt;\n      const bottom = bleed + offsetPt;\n      const top = bleed + formatH - offsetPt;\n      const cx = [left, right];\n      const cy = [bottom, top];\n      cx.forEach(x =\u003e cy.forEach(y =\u003e {\n        page.drawCircle({ x, y, size: r, borderColor: rgb(0, 0, 1), borderWidth: 0.5 });\n      }));\n    }\n\n    \/\/ Text oben in Farbe\n    page.drawText(\"ROT: Beschnitt\", {\n      x: mmToPt(10), y: pageH - mmToPt(10), size: 10, font, color: rgb(1, 0, 0)\n    });\n    page.drawText(\"· GRÜN: Endformat\", {\n      x: mmToPt(55), y: pageH - mmToPt(10), size: 10, font, color: rgb(0, 0.6, 0)\n    });\n    page.drawText(\"· BLAU: Bohrungen\", {\n      x: mmToPt(125), y: pageH - mmToPt(10), size: 10, font, color: rgb(0, 0, 1)\n    });\n\n    page.drawText(`${width} x ${height} mm`, {\n      x: mmToPt(10), y: pageH - mmToPt(25), size: 12, font, color: rgb(0, 0, 0)\n    });\n\n    const pdfBytes = await pdfDoc.save();\n    const blob = new Blob([pdfBytes], { type: \"application\/pdf\" });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement(\"a\");\n    a.href = url;\n    a.download = `Vorlage_${Math.round(width)}x${Math.round(height)}mm.pdf`;\n    a.click();\n    URL.revokeObjectURL(url);\n  });\n\n  \/\/ Events\n  [\n    \"widthAcryl\", \"heightAcryl\", \"quantityAcryl\",\n    \"cuttingAcryl\", \"drillingAcryl\",\n    \"drillDiameter\", \"drillOffset\", \"cornerRadius\"\n  ].forEach(id =\u003e getEl(id)?.addEventListener(\"input\", calculatePrice));\n\n  document.querySelectorAll('input[name=\"thicknessAcryl\"]').forEach(radio =\u003e\n    radio.addEventListener(\"change\", calculatePrice)\n  );\n\n  getEl(\"calculatorToggleAcryl\").addEventListener(\"click\", () =\u003e {\n    const panel = getEl(\"calculatorAccordionAcryl\");\n    panel.style.display = panel.style.display === \"block\" ? \"none\" : \"block\";\n    calculatePrice();\n  });\n\n  calculatePrice();\n});\n\u003c\/script\u003e\u003c\/p\u003e\n\u003c!-- Start Accordions --\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"product-detail-accordion\"\u003e\n\u003cdiv class=\"cc-accordion\" data-allow-multi-open=\"true\"\u003e\n\u003c!-- Warum Alu-Dibond --\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary style=\"margin: 0; padding: 0.75rem 0;\" class=\"cc-accordion-item__title\"\u003e\n\u003ch3 style=\"margin: 0; font-size: 1.25rem; padding-top: 0.25rem;\"\u003eWarum Alu-Dibond für Ihr Firmenschild?\u003c\/h3\u003e\n\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-item__panel\"\u003e\n\u003cul style=\"line-height: 1.8;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVielseitig einsetzbar:\u003c\/strong\u003e Ideal für Eingangsbereiche, Fassaden, Events \u0026amp; Messen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIndividuelles Design:\u003c\/strong\u003e Ihr Logo, Ihre Grafik oder Ihr Layout direkt drucken lassen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRobust \u0026amp; witterungsbeständig:\u003c\/strong\u003e Für den Innen- und Außeneinsatz geeignet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBrillante Farben:\u003c\/strong\u003e Hochauflösender 4\/0c UV-Direktdruck für gestochen scharfe Ergebnisse\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEinfache Montage:\u003c\/strong\u003e Auf Wunsch mit Bohrungen oder Abstandshaltern\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Produktdetails --\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary style=\"margin: 0; padding: 0.75rem 0;\" class=\"cc-accordion-item__title\"\u003e\n\u003ch3 style=\"margin: 0; font-size: 1.25rem; padding-top: 0.25rem;\"\u003eProduktdetails auf einen Blick\u003c\/h3\u003e\n\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-item__panel\"\u003e\n\u003cul style=\"line-height: 1.8;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 3 mm Alu-Dibond-Verbundplatte mit Kunststoffkern (B1-zertifiziert)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDruckverfahren:\u003c\/strong\u003e UV-Direktdruck, 4\/0c, hochauflösend\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaximalformat:\u003c\/strong\u003e 250 × 125 cm (ein Stück)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVeredelung:\u003c\/strong\u003e Partieller Lack auf Anfrage\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormate:\u003c\/strong\u003e CNC-gefräst, mit Bohrungen, Eckrundungen oder Freiform-Schnitt\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- QR-Code-Inhalte --\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary class=\"cc-accordion-item__title\" style=\"margin: 0; padding: 0.75rem 0;\"\u003e\n\u003ch3 style=\"margin: 0; font-size: 1.25rem; padding-top: 0.25rem;\"\u003eQR-Codes-direkt integrierbar\u003c\/h3\u003e\n\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-item__panel\"\u003e\n\u003cp\u003eMit einem integrierten QR-Code können Sie Informationen schnell und unkompliziert vermitteln. Mögliche Inhalte sind zum Beispiel:\u003c\/p\u003e\n\u003cul style=\"line-height: 1.8;\"\u003e\n\u003cli\u003eEine \u003cstrong\u003eWebadresse\u003c\/strong\u003e – z. B. Ihre Website, Ihr Online-Shop oder Ihre Social-Media-Seite\u003c\/li\u003e\n\u003cli\u003eEine \u003cstrong\u003eNachricht\u003c\/strong\u003e oder ein kurzer Informationstext\u003c\/li\u003e\n\u003cli\u003eEine \u003cstrong\u003eTelefonnummer\u003c\/strong\u003e für direkten Kontakt\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eSo wird Ihr Acrylglas-Werbeschild interaktiv und bietet Ihren Kunden einen einfachen Weg, sofort mit Ihnen in Verbindung zu treten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Anwendungsbereiche --\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary style=\"margin: 0; padding: 0.75rem 0;\" class=\"cc-accordion-item__title\"\u003e\n\u003ch3 style=\"margin: 0; font-size: 1.25rem; padding-top: 0.25rem;\"\u003ePerfekt für folgende Einsatzgebiete\u003c\/h3\u003e\n\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-item__panel\"\u003e\n\u003cul style=\"line-height: 1.8;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFirmenschilder \u0026amp; Praxisschilder:\u003c\/strong\u003e Langlebige Außenschilder mit professioneller Wirkung\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWerbe- \u0026amp; Bauschilder:\u003c\/strong\u003e Widerstandsfähig \u0026amp; auffällig im öffentlichen Raum\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWanddekoration:\u003c\/strong\u003e Moderne Designs für Empfangsbereiche, Büros \u0026amp; Verkaufsflächen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMesse- \u0026amp; Eventbeschilderung:\u003c\/strong\u003e Hochwertige Präsentation mit Wow-Effekt\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- So einfach geht’s --\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary style=\"margin: 0; padding: 0.75rem 0;\" class=\"cc-accordion-item__title\"\u003e\n\u003ch3 style=\"margin: 0; font-size: 1.25rem; padding-top: 0.25rem;\"\u003eSo funktioniert die Bestellung\u003c\/h3\u003e\n\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-item__panel\"\u003e\n\u003col style=\"line-height: 1.8;\"\u003e\n\u003cli\u003eStückzahl wählen\u003c\/li\u003e\n\u003cli\u003eForm auswählen\u003c\/li\u003e\n\u003cli\u003eMotiv hochladen (optional, max. 100 MB) – oder ohne fortfahren\u003c\/li\u003e\n\u003cli\u003eMotiv konfigurieren\u003c\/li\u003e\n\u003cli\u003eGröße anpassen\u003c\/li\u003e\n\u003cli\u003eZuschnitt-Option (optional) wählen\u003c\/li\u003e\n\u003cli\u003eText und\/oder QR-Code einfügen (optional)\u003c\/li\u003e\n\u003cli\u003eBestellung abschließen\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- End Accordions --\u003e\n\u003ch4 style=\"margin-top: 1.5rem;\"\u003e\u003cstrong\u003eJetzt Ihr individuelles Firmenschild auf Alu-Dibond bestellen – hochwertig, langlebig \u0026amp; wetterfest! 🚀\u003c\/strong\u003e\u003c\/h4\u003e","brand":"VIS24","offers":[{"title":"1fbc8638e4252f18de940102f14296bf","offer_id":56989142352137,"sku":null,"price":90.87,"currency_code":"EUR","in_stock":true},{"title":"b23c986ef8269dbe0fafb50df35d9222","offer_id":57121384071433,"sku":null,"price":90.87,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0516\/7949\/4302\/products\/3mm-alu-dibond-direktdruck-188850.jpg?v=1619435537"},{"product_id":"butlerfinish-dibond-firmenschild-eigenes-design","title":"Butlerfinish Dibond Schilder – Edler Metall-Look in Silber","description":"\u003ch2\u003eEdle Firmenschilder auf Butlerfinish Dibond – Gebürstetes Aluminium in Silber-Optik\u003c\/h2\u003e\n\u003cp class=\"p1\"\u003eUnser hochwertiger Druck auf Butlerfinish Dibond kombiniert eine exklusive Metalloptik mit robuster Langlebigkeit. Die gebürstete Aluminium-Verbundplatte verleiht Ihrem Design eine edle Struktur und einen stilvollen Silber-Effekt – ideal für anspruchsvolle Firmenschilder, Namens- oder Werbetafeln.\u003c\/p\u003e\n\u003c!-- KALKULATOR BUTTON --\u003e\n\u003cp\u003e\u003cbutton id=\"calculatorToggleButler\" class=\"glass-button\"\u003eKalkulieren \u0026amp; Anfragen\u003c\/button\u003e\u003c\/p\u003e\n\u003c!-- KALKULATOR PANEL --\u003e\n\u003cdiv style=\"display: none; margin-top: 20px;\" id=\"calculatorAccordionButler\"\u003e\n\u003c!-- Erste Zeile: Menge, Breite, Höhe --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 1rem;\"\u003e\n\u003cdiv style=\"flex: 1; min-width: 150px;\"\u003e\n\u003clabel for=\"quantityButler\"\u003eMenge:\u003c\/label\u003e \u003cinput style=\"width: 100%; background-color: #efefef; height: 40px;\" min=\"1\" value=\"1\" type=\"number\" id=\"quantityButler\"\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex: 1; min-width: 150px;\"\u003e\n\u003clabel for=\"widthButler\"\u003eBreite (mm):\u003c\/label\u003e \u003cinput style=\"width: 100%; background-color: #efefef; height: 40px;\" min=\"10\" value=\"100\" type=\"number\" id=\"widthButler\"\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex: 1; min-width: 150px;\"\u003e\n\u003clabel for=\"heightButler\"\u003eHöhe (mm):\u003c\/label\u003e \u003cinput style=\"width: 100%; background-color: #efefef; height: 40px;\" min=\"10\" value=\"100\" type=\"number\" id=\"heightButler\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Verarbeitung --\u003e\n\u003cdiv style=\"margin-bottom: 1rem;\"\u003e\n\u003clabel style=\"display: block; font-weight: bold;\"\u003eVerarbeitung:\u003c\/label\u003e\n\u003cdiv style=\"display: flex; gap: 16px; flex-wrap: wrap; margin-top: 20px;\"\u003e\n\u003clabel\u003e\u003cinput type=\"checkbox\" id=\"cuttingButler\"\u003e Formzuschnitt (+20%)\u003c\/label\u003e \u003clabel\u003e\u003cinput type=\"checkbox\" id=\"whiteprintButler\"\u003e Weißdruck (+20%)\u003c\/label\u003e \u003clabel\u003e\u003cinput type=\"checkbox\" id=\"drillingButler\"\u003e 4x Bohrungen (+4,00 € je Schild)\u003c\/label\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Bohrungsoptionen --\u003e\n\u003cdiv style=\"display: none; margin-top: 10px; gap: 16px; flex-wrap: wrap;\" id=\"drillOptionsButler\"\u003e\n\u003cdiv style=\"flex: 1; min-width: 150px;\"\u003e\n\u003clabel for=\"drillDiameterButler\"\u003eBohrdurchmesser (mm):\u003c\/label\u003e \u003cinput style=\"width: 100%; height: 40px; background-color: #efefef;\" max=\"50\" min=\"1\" value=\"5\" id=\"drillDiameterButler\" type=\"number\"\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex: 1; min-width: 150px;\"\u003e\n\u003clabel for=\"drillOffsetButler\"\u003ebis Lochmitte (mm):\u003c\/label\u003e \u003cinput style=\"width: 100%; height: 40px; background-color: #efefef;\" max=\"100\" min=\"1\" value=\"15\" id=\"drillOffsetButler\" type=\"number\"\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex: 1; min-width: 150px;\"\u003e\n\u003clabel for=\"cornerRadiusButler\"\u003eEckenradius (mm):\u003c\/label\u003e \u003cinput style=\"width: 100%; height: 40px; background-color: #efefef;\" max=\"100\" min=\"0\" value=\"0\" id=\"cornerRadiusButler\" type=\"number\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Preis + Download --\u003e\n\u003cdiv style=\"margin-top: 3rem;\"\u003e\n\u003cdiv style=\"font-weight: bold; font-size: 1.1em;\" id=\"priceOutputButler\"\u003ePreis: –\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\u003ca style=\"color: #007aff; text-decoration: underline; font-weight: bold;\" href=\"#\" id=\"mailtoLinkButler\" target=\"_blank\"\u003e Jetzt unverbindlich anfragen \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1rem;\"\u003e\u003cbutton class=\"glass-button glass-button--small\" id=\"pdfDownloadButler\"\u003ePDF-Vorlage herunterladen\u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf-lib\/1.17.1\/pdf-lib.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", () =\u003e {\n  const getEl = id =\u003e document.getElementById(id);\n\n  function drawRoundedRect(page, x, y, width, height, radius, options) {\n    const r = Math.min(radius, width \/ 2, height \/ 2);\n    const path = [\n      `M ${x + r} ${y}`,\n      `L ${x + width - r} ${y}`,\n      `C ${x + width - r \/ 2} ${y}, ${x + width} ${y + r \/ 2}, ${x + width} ${y + r}`,\n      `L ${x + width} ${y + height - r}`,\n      `C ${x + width} ${y + height - r \/ 2}, ${x + width - r \/ 2} ${y + height}, ${x + width - r} ${y + height}`,\n      `L ${x + r} ${y + height}`,\n      `C ${x + r \/ 2} ${y + height}, ${x} ${y + height - r \/ 2}, ${x} ${y + height - r}`,\n      `L ${x} ${y + r}`,\n      `C ${x} ${y + r \/ 2}, ${x + r \/ 2} ${y}, ${x + r} ${y}`,\n      `Z`\n    ].join(\" \");\n    page.drawSvgPath(path, options);\n  }\n\n  function calculatePrice() {\n    const width = parseFloat(getEl(\"widthButler\").value) || 0;\n    const height = parseFloat(getEl(\"heightButler\").value) || 0;\n    const quantity = parseInt(getEl(\"quantityButler\").value) || 0;\n    const cutting = getEl(\"cuttingButler\").checked;\n    const drilling = getEl(\"drillingButler\").checked;\n    const whiteprint = getEl(\"whiteprintButler\").checked;\n    const diameter = parseFloat(getEl(\"drillDiameterButler\").value) || 0;\n    const offset = parseFloat(getEl(\"drillOffsetButler\").value) || 0;\n    const cornerRadius = parseFloat(getEl(\"cornerRadiusButler\").value) || 0;\n    const areaM2 = (width * height) \/ 1_000_000;\n\n    getEl(\"drillOptionsButler\").style.display = drilling ? \"flex\" : \"none\";\n\n    if (areaM2 \u003c= 0 || quantity \u003c= 0) {\n      getEl(\"priceOutputButler\").innerText = \"Ungültige Eingabe.\";\n      return;\n    }\n\n    let basePrice = areaM2 \u003c= 1 ? 15 + (160 - 15) * Math.pow(areaM2, 0.7) : 160 * areaM2;\n    if (cutting) basePrice *= 1.2;\n    if (whiteprint) basePrice *= 1.2;\n    if (drilling) basePrice += 4.00;\n\n    const discountTable = [\n      { qty: 100, factor: 0.75 }, { qty: 50, factor: 0.80 },\n      { qty: 25, factor: 0.85 }, { qty: 10, factor: 0.90 },\n      { qty: 5, factor: 0.95 }, { qty: 1, factor: 1.00 }\n    ];\n    const discountRow = discountTable.find(row =\u003e quantity \u003e= row.qty);\n    const unitPrice = basePrice * discountRow.factor;\n    const totalPrice = unitPrice * quantity;\n    const rabattText = discountRow.factor \u003c 1 ? `${Math.round((1 - discountRow.factor) * 100)}% Mengenrabatt` : \"Kein Mengenrabatt\";\n    const rabattTextOnly = discountRow.factor \u003c 1 ? `${Math.round((1 - discountRow.factor) * 100)}%` : \"0%\";\n\n    getEl(\"priceOutputButler\").innerHTML = `\n      \u003cdiv\u003eGesamtpreis: €${totalPrice.toFixed(2)}\u003c\/div\u003e\n      \u003cdiv style=\"font-size: 0.7em; color: #666;\"\u003e\n        Einzelpreis: €${unitPrice.toFixed(2)}\u003cbr\u003e\n        Rabatt: ${rabattText}\n      \u003c\/div\u003e`;\n\n    const body = `Hallo liebes VIS24-Team,%0D%0A%0D%0A` +\n      `Ich interessiere mich für ein Dibond Butlerfinish-Schild (3mm) mit folgenden Spezifikationen:%0D%0A` +\n      `Breite: ${width} mm%0D%0A` +\n      `Höhe: ${height} mm%0D%0A` +\n      `Menge: ${quantity}%0D%0A` +\n      `Formzuschnitt: ${cutting ? \"Ja\" : \"Nein\"}%0D%0A` +\n      `Bohrungen: ${drilling ? `Ja, Durchmesser ${diameter} mm, Abstand ${offset} mm` : \"Nein\"}%0D%0A` +\n      `Eckenradius: ${cornerRadius \u003e 0 ? `${cornerRadius} mm` : \"Keine Angabe\"}%0D%0A` +\n      `Weißdruck: ${whiteprint ? \"Ja\" : \"Nein\"}%0D%0A` +\n      `Stärke: 3 mm%0D%0A` +\n      `Fläche: ${areaM2.toFixed(3)} m²%0D%0A` +\n      `Einzelpreis (nach Rabatt): €${unitPrice.toFixed(2)}%0D%0A` +\n      `Rabatt: ${rabattTextOnly}%0D%0A` +\n      `Gesamtpreis: €${totalPrice.toFixed(2)}%0D%0A%0D%0A` +\n      `Bitte senden Sie mir ein unverbindliches Angebot.`;\n\n    getEl(\"mailtoLinkButler\").href = `mailto:vertrieb@vis24.de?subject=Anfrage: Dibond Butlerfinish Druck\u0026body=${body}`;\n  }\n\n  [\n    \"widthButler\", \"heightButler\", \"quantityButler\",\n    \"cuttingButler\", \"drillingButler\", \"whiteprintButler\",\n    \"drillDiameterButler\", \"drillOffsetButler\", \"cornerRadiusButler\"\n  ].forEach(id =\u003e getEl(id)?.addEventListener(\"input\", calculatePrice));\n\n  getEl(\"calculatorToggleButler\").addEventListener(\"click\", () =\u003e {\n    const panel = getEl(\"calculatorAccordionButler\");\n    const visible = panel.style.display === \"block\";\n    panel.style.display = visible ? \"none\" : \"block\";\n    if (!visible) calculatePrice();\n  });\n\n  getEl(\"pdfDownloadButler\").addEventListener(\"click\", async () =\u003e {\n    const width = parseFloat(getEl(\"widthButler\").value);\n    const height = parseFloat(getEl(\"heightButler\").value);\n    const diameter = parseFloat(getEl(\"drillDiameterButler\").value);\n    const offset = parseFloat(getEl(\"drillOffsetButler\").value);\n    const cornerRadius = parseFloat(getEl(\"cornerRadiusButler\").value) || 0;\n    const drilling = getEl(\"drillingButler\").checked;\n\n    const mmToPt = mm =\u003e mm * 2.83465;\n    const bleed = mmToPt(3);\n    const formatW = mmToPt(width);\n    const formatH = mmToPt(height);\n    const pageW = formatW + 2 * bleed;\n    const pageH = formatH + 2 * bleed;\n\n    const { PDFDocument, rgb, StandardFonts } = PDFLib;\n    const pdfDoc = await PDFDocument.create();\n    const page = pdfDoc.addPage([pageW, pageH]);\n    const font = await pdfDoc.embedFont(StandardFonts.Helvetica);\n\n    page.drawRectangle({\n      x: 0, y: 0, width: pageW, height: pageH,\n      borderColor: rgb(1, 0, 0), borderWidth: 2, borderDashArray: [4, 4]\n    });\n\n    page.drawRectangle({\n  x: bleed,\n  y: bleed,\n  width: formatW,\n  height: formatH,\n  borderColor: rgb(0, 1, 0),\n  borderWidth: 2\n});\n\n    if (drilling \u0026\u0026 diameter \u003e 0 \u0026\u0026 offset \u003e 0) {\n      const r = mmToPt(diameter \/ 2);\n      const offsetPt = mmToPt(offset);\n      const cx = [bleed + offsetPt, bleed + formatW - offsetPt];\n      const cy = [bleed + offsetPt, bleed + formatH - offsetPt];\n      cx.forEach(x =\u003e cy.forEach(y =\u003e {\n        page.drawCircle({ x, y, size: r, borderColor: rgb(0, 0, 1), borderWidth: 0.5 });\n      }));\n    }\n\n    const centerText = `${width} x ${height} mm`;\n    const fontSize = 14;\n    const textWidth = font.widthOfTextAtSize(centerText, fontSize);\n    page.drawText(centerText, {\n      x: (pageW - textWidth) \/ 2,\n      y: pageH \/ 2 - fontSize \/ 2,\n      size: fontSize,\n      font,\n      color: rgb(0, 0, 0)\n    });\n\n    page.drawText(\"ROT: Beschnitt\", {\n      x: mmToPt(10), y: mmToPt(10), size: 10, font, color: rgb(1, 0, 0)\n    });\n    page.drawText(\"GRÜN: Endformat\", {\n      x: mmToPt(60), y: mmToPt(10), size: 10, font, color: rgb(0, 0.6, 0)\n    });\n    page.drawText(\"BLAU: Bohrungen\", {\n      x: mmToPt(130), y: mmToPt(10), size: 10, font, color: rgb(0, 0, 1)\n    });\n\n    const pdfBytes = await pdfDoc.save();\n    const blob = new Blob([pdfBytes], { type: \"application\/pdf\" });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement(\"a\");\n    a.href = url;\n    a.download = `Vorlage_${Math.round(width)}x${Math.round(height)}mm.pdf`;\n    a.click();\n    URL.revokeObjectURL(url);\n  });\n});\n\u003c\/script\u003e\u003c\/p\u003e\n\u003cp class=\"p1\"\u003e \u003c\/p\u003e\n\u003c!-- BUTTON --\u003e\u003c!-- Start Accordions --\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"product-detail-accordion\"\u003e\n\u003cdiv data-allow-multi-open=\"true\" class=\"cc-accordion\"\u003e\n\u003c!-- Warum Butlerfinish --\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary style=\"margin: 0; padding: 0.75rem 0;\" class=\"cc-accordion-item__title\"\u003e\n\u003ch3 style=\"margin: 0; font-size: 1.25rem; padding-top: 0.25rem;\"\u003eWarum Butlerfinish Dibond?\u003c\/h3\u003e\n\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-item__panel\"\u003e\n\u003cul style=\"line-height: 1.8;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIdeal für Firmen- \u0026amp; Werbeschilder:\u003c\/strong\u003e Edler Metall-Look für gehobene Präsentationen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEigenes Design hochladen:\u003c\/strong\u003e Ihr Logo oder Ihre Grafik mit edlem Effekt\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBrillante Farben:\u003c\/strong\u003e Hochauflösender 4\/0c UV-Direktdruck\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRobust \u0026amp; wetterbeständig:\u003c\/strong\u003e Für Innen- \u0026amp; Außeneinsatz geeignet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEinfache Montage:\u003c\/strong\u003e Auf Wunsch mit Bohrungen oder Abstandshaltern\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Produktdetails --\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary style=\"margin: 0; padding: 0.75rem 0;\" class=\"cc-accordion-item__title\"\u003e\n\u003ch3 style=\"margin: 0; font-size: 1.25rem; padding-top: 0.25rem;\"\u003eProduktdetails auf einen Blick\u003c\/h3\u003e\n\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-item__panel\"\u003e\n\u003cul style=\"line-height: 1.8;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 3 mm Aluminium-Verbundplatte (Butlerfinish gebürstetes Silber)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDruck:\u003c\/strong\u003e UV-Direktdruck, 4\/0c, hochauflösend\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGröße:\u003c\/strong\u003e Maximal 250 × 125 cm am Stück\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVeredelung:\u003c\/strong\u003e Partieller Lack auf Anfrage\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormate:\u003c\/strong\u003e CNC-gefräst, mit Bohrungen, Eckrundungen oder Konturschnitt\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- QR-Code-Inhalte --\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary class=\"cc-accordion-item__title\" style=\"margin: 0; padding: 0.75rem 0;\"\u003e\n\u003ch3 style=\"margin: 0; font-size: 1.25rem; padding-top: 0.25rem;\"\u003eQR-Codes-direkt integrierbar\u003c\/h3\u003e\n\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-item__panel\"\u003e\n\u003cp\u003eMit einem integrierten QR-Code können Sie Informationen schnell und unkompliziert vermitteln. Mögliche Inhalte sind zum Beispiel:\u003c\/p\u003e\n\u003cul style=\"line-height: 1.8;\"\u003e\n\u003cli\u003eEine \u003cstrong\u003eWebadresse\u003c\/strong\u003e – z. B. Ihre Website, Ihr Online-Shop oder Ihre Social-Media-Seite\u003c\/li\u003e\n\u003cli\u003eEine \u003cstrong\u003eNachricht\u003c\/strong\u003e oder ein kurzer Informationstext\u003c\/li\u003e\n\u003cli\u003eEine \u003cstrong\u003eTelefonnummer\u003c\/strong\u003e für direkten Kontakt\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eSo wird Ihr Acrylglas-Werbeschild interaktiv und bietet Ihren Kunden einen einfachen Weg, sofort mit Ihnen in Verbindung zu treten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Einsatzgebiete --\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary style=\"margin: 0; padding: 0.75rem 0;\" class=\"cc-accordion-item__title\"\u003e\n\u003ch3 style=\"margin: 0; font-size: 1.25rem; padding-top: 0.25rem;\"\u003ePerfekt für folgende Einsatzgebiete\u003c\/h3\u003e\n\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-item__panel\"\u003e\n\u003cul style=\"line-height: 1.8;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFirmenschilder \u0026amp; Praxisschilder:\u003c\/strong\u003e Hochwertige Metalloptik für Unternehmen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWerbeschilder \u0026amp; Namensschilder:\u003c\/strong\u003e Edle \u0026amp; langlebige Präsentation\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign- \u0026amp; Kunstdrucke:\u003c\/strong\u003e Moderne Optik für Innenbereiche\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMesse- \u0026amp; Eventbeschilderung:\u003c\/strong\u003e Hochwertige Präsentation mit edlem Look\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Bestellung --\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary style=\"margin: 0; padding: 0.75rem 0;\" class=\"cc-accordion-item__title\"\u003e\n\u003ch3 style=\"margin: 0; font-size: 1.25rem; padding-top: 0.25rem;\"\u003eSo funktioniert die Bestellung\u003c\/h3\u003e\n\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-item__panel\"\u003e\n\u003col style=\"line-height: 1.8;\"\u003e\n\u003cli\u003eStückzahl wählen\u003c\/li\u003e\n\u003cli\u003eForm auswählen\u003c\/li\u003e\n\u003cli\u003eMotiv hochladen (optional, max. 100 MB) – oder ohne fortfahren\u003c\/li\u003e\n\u003cli\u003eMotiv konfigurieren\u003c\/li\u003e\n\u003cli\u003eGröße anpassen\u003c\/li\u003e\n\u003cli\u003eZuschnitt-Option (optional) wählen\u003c\/li\u003e\n\u003cli\u003eText und\/oder QR-Code einfügen (optional)\u003c\/li\u003e\n\u003cli\u003eBestellung abschließen\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- End Accordions --\u003e\n\u003ch4 style=\"margin-top: 1.5rem;\" class=\"p1\"\u003e\u003cstrong\u003eBestellen Sie jetzt Ihr individuelles Firmenschild im gebürsteten Silber-Look – hochwertig, langlebig \u0026amp; wetterfest!\u003c\/strong\u003e\u003c\/h4\u003e","brand":"vis24druck","offers":[{"title":"Default Title","offer_id":55177518350601,"sku":null,"price":15.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0516\/7949\/4302\/products\/3-mm-alu-dibond-butlerfinish-336286.jpg?v=1742923049"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0516\/7949\/4302\/collections\/aluverbundplatten-alu-dibond-669797.jpg?v=1619439209","url":"https:\/\/vis24.de\/collections\/alu-dibond-schilder.oembed","provider":"VIS24","version":"1.0","type":"link"}