{"product_id":"shopping-gutscheinvorlage","title":"Shopping Gutscheinvorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n  \u003cmeta itemprop=\"name\" content=\"Shopping Gutscheinvorlage – Digitaler Geschenkgutschein zum Ausdrucken\"\u003e\n  \u003cmeta itemprop=\"description\" content=\"Verschenke freie Auswahl mit unserer personalisierbaren Shopping Gutscheinvorlage als PDF zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n  \u003cmeta itemprop=\"sku\" content=\"shopping-gutschein-vorlage-pdf\"\u003e\n  \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n  \u003cp\u003e\u003cspan\u003eManchmal ist die schönste Geschenkidee, jemandem freie Wahl zu schenken! Mit unserer liebevoll gestalteten Shopping Gutscheinvorlage verschenkst du nicht nur einen Gutschein, sondern echte Freude am Aussuchen und Erleben. Ob Mode, Accessoires oder kleine Lieblingsstücke – mit diesem Gutschein triffst du immer ins Schwarze.\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; flexibel\u003c\/strong\u003e\n        \u003cspan\u003eName, Botschaft \u0026amp; Betrag 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\u003eLiebevolles Design\u003c\/strong\u003e\n        \u003cspan\u003eFür Mode, Accessoires \u0026amp; Lieblingsstücke\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\u003eEinfach \u0026amp; schnell\u003c\/strong\u003e\n        \u003cspan\u003eAm Computer ausfüllbar, sofort ausdrucken\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp\u003e\u003cspan\u003eDas Praktische: Du kannst den Gutschein direkt nach dem Download am Computer personalisieren. Füge den Namen des Beschenkten, eine individuelle Botschaft oder sogar den Betrag hinzu. Danach einfach ausdrucken, ausschneiden und fertig ist dein persönliches Geschenk, das garantiert gut ankommt – für Geburtstage, Weihnachten oder einfach als liebevolle Überraschung zwischendurch.\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 zur Shopping Gutscheinvorlage\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 Shopping 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 Botschaft 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\"\u003eFür wen eignet sich die Shopping 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\u003eDie Vorlage ist ideal für alle, die gerne shoppen – egal ob für Mode, Accessoires oder kleine Lieblingsstücke. Perfekt für Geburtstage, Weihnachten oder als spontane Überraschung!\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":55344750920066,"sku":"00039","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/shopping-tag-gutschein-2.jpg?v=1751177827","url":"https:\/\/herzensprojekt.de\/products\/shopping-gutscheinvorlage","provider":"Herzensprojekt Manufaktur","version":"1.0","type":"link"}