{"product_id":"piercing-gutscheinvorlage","title":"Piercing Gutscheinvorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n  \u003cmeta itemprop=\"name\" content=\"Piercing Gutscheinvorlage – Digitaler Piercing-Gutschein zum Ausdrucken\"\u003e\n  \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Piercing-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für alle, die sich ein Piercing wünschen. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n  \u003cmeta itemprop=\"sku\" content=\"piercing-gutschein-vorlage-pdf\"\u003e\n  \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n  \u003cp\u003e\u003cspan\u003eBist du auf der Suche nach einem einzigartigen und kreativen Geschenk für einen lieben Menschen, der sich schon lange ein Piercing wünscht? Wir von Herzensprojekt haben den perfekten Piercing-Gutschein kreiert, den du ganz einfach von Zuhause aus personalisieren und ausdrucken kannst!\u003c\/span\u003e\u003c\/p\u003e\n\n  \u003c!-- Ablaufgrafik --\u003e\n  \u003cdiv class=\"process-steps\"\u003e\n    \u003cdiv class=\"vorteil\"\u003e\n      \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n      \u003cspan\u003eDownloaden\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"arrow\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n        \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vorteil\"\u003e\n      \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n      \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"arrow\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n        \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vorteil\"\u003e\n      \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n      \u003cspan\u003eAusdrucken\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"feature-grid\"\u003e\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003cstrong\u003eSofort verfügbar\u003c\/strong\u003e\n        \u003cspan\u003ePDF-Gutschein direkt nach Kauf downloaden\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003cstrong\u003eIndividuell \u0026amp; kreativ\u003c\/strong\u003e\n        \u003cspan\u003eName, Betrag \u0026amp; Nachricht frei eintragbar\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003cstrong\u003eEinfache Bearbeitung\u003c\/strong\u003e\n        \u003cspan\u003eDirekt am Computer personalisierbar\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003cstrong\u003eFür alle Anlässe\u003c\/strong\u003e\n        \u003cspan\u003eGeburtstag, Überraschung oder einfach so\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp\u003e\u003cspan\u003eMit diesem editierbaren Piercing-Gutschein hältst du nicht nur ein liebevoll gestaltetes Geschenk in den Händen, sondern auch eine persönliche Einladung für ein kleines Abenteuer. Dein Geschenk wird garantiert für Begeisterung sorgen und unvergessliche Momente schaffen!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n  \u003ch2\u003eHäufig gestellte Fragen zum Piercing-Gutschein\u003c\/h2\u003e\n  \u003cdiv class=\"faq-container\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\"\u003e\n    \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n      \u003cbutton class=\"faq-question\"\u003e\n        \u003cspan itemprop=\"name\"\u003eWie erhalte ich die Piercing Gutscheinvorlage?\u003c\/span\u003e\n        \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n        \u003cdiv itemprop=\"text\"\u003e\n          \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n      \u003cbutton class=\"faq-question\"\u003e\n        \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n        \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n        \u003cdiv itemprop=\"text\"\u003e\n          \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Betrag und persönliche Wünsche direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n      \u003cbutton class=\"faq-question\"\u003e\n        \u003cspan itemprop=\"name\"\u003eWelche Software benötige ich?\u003c\/span\u003e\n        \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n        \u003cdiv itemprop=\"text\"\u003e\n          \u003cp\u003eDu benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader, der auf den meisten Computern bereits installiert ist. Weitere Software ist nicht nötig.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n      \u003cbutton class=\"faq-question\"\u003e\n        \u003cspan itemprop=\"name\"\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e\n        \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n        \u003cdiv itemprop=\"text\"\u003e\n          \u003cp\u003eDrucke den personalisierten Gutschein auf schönem Papier oder Karton aus, schneide ihn entlang der Markierung aus und überreiche ihn als kreatives Geschenk für ein Piercing!\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n  line-height: 1.6;\n  color: #333;\n}\n\n\/* Ablaufgrafik *\/\n.process-steps {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 0.5em;\n  margin: 1.5em auto;\n  padding: 0 1em;\n  max-width: 800px;\n}\n.process-steps .vorteil {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  min-width: 0;\n  flex: 1 1 0;\n}\n.process-steps .number {\n  background-color: #444444;\n  color: white;\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 600;\n  margin-bottom: 0.3em;\n}\n.process-steps .arrow {\n  display: flex;\n  align-items: center;\n  width: 20px;\n  height: 20px;\n  margin-bottom: 1.4em;\n}\n.process-steps span {\n  color: #333;\n  font-size: 0.8em;\n  font-weight: 600;\n  text-align: center;\n}\n\n\/* Feature Grid Styles *\/\n.feature-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5em;\n  margin: 2em 0;\n  padding: 1.5em;\n  background: #f8f8f8;\n  border-radius: 12px;\n}\n.feature-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 1em;\n}\n.feature-icon {\n  color: #77c9b9;\n  font-size: 1.2em;\n  font-weight: bold;\n  flex-shrink: 0;\n}\n.feature-text {\n  display: flex;\n  flex-direction: column;\n}\n.feature-text strong {\n  color: #333;\n  font-size: 0.95em;\n  margin-bottom: 0.2em;\n}\n.feature-text span {\n  color: #666;\n  font-size: 0.85em;\n}\n\n\/* FAQ Styles *\/\n.faq-section {\n  max-width: 800px;\n  margin: 2.5em auto;\n  padding: 0 1em;\n}\n.faq-section h2 {\n  color: #333;\n  margin-bottom: 1.5em;\n  font-size: 1.5em;\n  text-align: center;\n}\n.faq-container {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5em;\n}\n.faq-item {\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  overflow: hidden;\n  background: #fff;\n  transition: all 0.3s ease;\n}\n.faq-item:hover {\n  box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n}\n.faq-question {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1em 1.2em;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 1em;\n  color: #444;\n  text-align: left;\n  font-weight: 500;\n  transition: all 0.3s ease;\n}\n.faq-question:hover {\n  background: #f8f8f8;\n}\n.faq-icon {\n  width: 24px;\n  height: 24px;\n  color: #666;\n  transition: transform 0.3s ease;\n  flex-shrink: 0;\n  margin-left: 1em;\n}\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: all 0.3s ease;\n  background: #fafafa;\n}\n.faq-answer p {\n  padding: 1em 1.2em;\n  margin: 0;\n  color: #666;\n  line-height: 1.6;\n}\n.faq-item.active .faq-question {\n  color: #333;\n  background: #f8f8f8;\n}\n.faq-item.active .faq-icon {\n  transform: rotate(45deg);\n}\n.faq-item.active .faq-answer {\n  max-height: 300px;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 600px) {\n  .process-steps {\n    gap: 0.2em;\n  }\n  .process-steps .number {\n    width: 22px;\n    height: 22px;\n    font-size: 12px;\n  }\n  .process-steps .arrow {\n    width: 16px;\n    height: 16px;\n    margin-bottom: 1.2em;\n  }\n  .process-steps span {\n    font-size: 0.7em;\n  }\n  .feature-grid {\n    grid-template-columns: 1fr;\n    gap: 1em;\n    padding: 1em;\n  }\n  .faq-question {\n    font-size: 0.95em;\n    padding: 0.8em 1em;\n  }\n  .faq-answer p {\n    font-size: 0.9em;\n    padding: 0.8em 1em;\n  }\n}\n@media (max-width: 400px) {\n  .process-steps {\n    gap: 0.1em;\n  }\n  .process-steps .arrow {\n    width: 14px;\n    height: 14px;\n  }\n}\n\u003c\/style\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.faq-question').forEach(button =\u003e {\n  button.addEventListener('click', () =\u003e {\n    const faqItem = button.parentElement;\n    const isActive = faqItem.classList.contains('active');\n    document.querySelectorAll('.faq-item').forEach(item =\u003e {\n      item.classList.remove('active');\n    });\n    if (!isActive) {\n      faqItem.classList.add('active');\n    }\n  });\n});\n\u003c\/script\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55344705634690,"sku":"00035","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/piercing-gutschein-1.jpg?v=1751176611","url":"https:\/\/herzensprojekt.de\/products\/piercing-gutscheinvorlage","provider":"Herzensprojekt Manufaktur","version":"1.0","type":"link"}