{"title":"Wellness","description":"","products":[{"product_id":"wellnesstag-gutschein","title":"Wellnesstag Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n  \u003cmeta itemprop=\"name\" content=\"Wellnesstag Gutschein – Digitaler Wellness-Gutschein zum Ausdrucken\"\u003e\n  \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Wellnesstag-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Entspannung und Wohlfühlzeit. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n  \u003cmeta itemprop=\"sku\" content=\"wellnesstag-gutschein-vorlage-pdf\"\u003e\n  \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n  \u003cp\u003e\u003cspan\u003eEinfach mal abschalten? Ja, bitte! Mit unserer Gutscheinvorlage für einen Wellnesstag schenkst du nicht nur einen Tag voller Entspannung, sondern auch ein Stück Wohlfühlzeit, das jeder verdient hat.\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; persönlich\u003c\/strong\u003e\n        \u003cspan\u003eName, Nachricht \u0026amp; Wohlfühlzeit 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 jeden Anlass\u003c\/strong\u003e\n        \u003cspan\u003eFür Mama, Freund:in, Kolleg:in oder dich selbst\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp\u003e\u003cspan\u003eEgal ob für Mama, den besten Freund, die Kollegin oder einfach für dich selbst – dieser Gutschein ist die perfekte Einladung zum Entspannen, Träumen und Verwöhnen. Nach dem Kauf lädst du die Datei bequem herunter, personalisierst sie am Computer und druckst sie direkt zu Hause aus – fertig ist dein persönliches Geschenk für einen Wellnesstag!\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 Wellnesstag 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 den Wellnesstag 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\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, Nachricht und Wohlfühlzeit 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 liebevolles Geschenk für einen Wellnesstag!\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":55344642785666,"sku":"00030","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/wellnesstag-gutschein-1-2.jpg?v=1751175457"},{"product_id":"wellness-gutschein","title":"Wellness Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n  \u003cmeta itemprop=\"name\" content=\"Stilvolle Wellness Gutscheinvorlage – Digitaler Wellness-Gutschein zum Ausdrucken\"\u003e\n  \u003cmeta itemprop=\"description\" content=\"Verschenke Wohlbefinden und Entspannung mit einer liebevoll gestalteten Wellness-Gutscheinvorlage als PDF zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n  \u003cmeta itemprop=\"sku\" content=\"wellness-gutschein-vorlage-pdf\"\u003e\n  \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n  \u003cp\u003e\u003cspan\u003eSchenke Wohlbefinden, Entspannung und pure Lebensfreude – mit unserer stilvollen Wellness Gutscheinvorlage. Diese digitale Vorlage ist das perfekte Geschenk, um einem Lieblingsmenschen eine wohltuende Auszeit zu schenken – ob zum Geburtstag, zu Feiertagen oder einfach als liebevolle Aufmerksamkeit zwischendurch.\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\u003eWunderschön illustriert\u003c\/strong\u003e\n        \u003cspan\u003eSanfte Farben \u0026amp; meditative Grafik\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 personalisierbar\u003c\/strong\u003e\n        \u003cspan\u003eName, Anlass \u0026amp; persönliche Botschaft 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\u003eFür jeden Anlass\u003c\/strong\u003e\n        \u003cspan\u003eGeburtstag, Feiertage oder einfach so\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp\u003e\u003cspan\u003eDie Vorlage zeigt eine wunderschöne Grafik einer Frau, die ganz in ihre Meditation versunken ist – ein Sinnbild für Ruhe, Entspannung und innere Balance. In sanften, beruhigenden Farbtönen gestaltet, ist diese Gutscheinvorlage eine liebevolle Einladung, sich eine Auszeit zu gönnen, neue Energie zu tanken und das Leben zu genießen.\u003c\/span\u003e\u003c\/p\u003e\n  \u003cp\u003e\u003cspan\u003eÜberrasche deine Liebsten mit einem Geschenk, das von Herzen kommt und lange in Erinnerung bleibt. Jetzt downloaden, personalisieren und pure Entspannung verschenken!\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 Wellness 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 Wellness 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, Anlass 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\"\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 liebevolles Geschenk für eine entspannende Auszeit!\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":55348355662210,"sku":"00046","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/wellness-gutschein-vorlage-4.jpg?v=1751272521"},{"product_id":"wellness-wochenende-gutschein","title":"Wellness Wochenende Gutschein","description":"\u003c!-- SEO Meta Title \u0026 Description --\u003e\n\u003ctitle\u003eWellness-Wochenende Gutschein – Entspannung \u0026amp; Erholung verschenken | PDF-Vorlage\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Verschenke pure Entspannung mit unserem personalisierbaren Wellness-Wochenende Gutschein als PDF-Vorlage. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n\n\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n  \u003cmeta itemprop=\"name\" content=\"Wellness-Wochenende Gutschein – Digitaler Gutschein zum Ausdrucken\"\u003e\n  \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Gutschein für ein Wellness-Wochenende – als PDF-Vorlage zum Ausdrucken. Sofort downloaden, individuell gestalten und pure Erholung schenken!\"\u003e\n  \u003cmeta itemprop=\"sku\" content=\"wellness-wochenende-gutschein-vorlage-pdf\"\u003e\n  \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n  \u003cp\u003e\u003cspan\u003eMöchtest du das perfekte Geschenk machen, das nicht nur Freude, sondern auch Entspannung verspricht? Mit unserem liebevoll gestalteten Gutschein für ein Wellness-Wochenende verschenkst du eine Auszeit voller Wohlbefinden, Ruhe und neuer Energie – das ideale Geschenk für alle, die sich eine Pause vom Alltag wünschen.\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; liebevoll\u003c\/strong\u003e\n        \u003cspan\u003eMit persönlicher Botschaft und Namen 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\u003eEinfache Bearbeitung\u003c\/strong\u003e\n        \u003cspan\u003eDirekt am Computer ausfüllbar\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 jeden Anlass\u003c\/strong\u003e\n        \u003cspan\u003eIdeal für Geburtstage, Jubiläen \u0026amp; als Dankeschön\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp\u003e\u003cspan\u003eVerschenke die Möglichkeit, die Vorzüge eines Wellness-Wochenendes zu erleben, das Stress abbaut, die Sinne belebt und Körper sowie Geist regeneriert. Lade die Vorlage jetzt herunter, füge deine persönliche Botschaft hinzu und überrasche jemanden mit der Aussicht auf pure Erholung. Ganz unkompliziert, blitzschnell und immer passend!\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 Wellness-Wochenende 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 den Wellness-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\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, Wunschdatum 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\"\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 liebevolles Geschenk für ein Wellness-Wochenende!\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":55349083931010,"sku":"00060","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-wellness-wochenende-2.jpg?v=1751282633"},{"product_id":"gutschein-therme","title":"Gutschein Therme","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n  \u003cmeta itemprop=\"name\" content=\"Therme Gutschein Vorlage – Digitaler Wellness-Gutschein zum Ausdrucken\"\u003e\n  \u003cmeta itemprop=\"description\" content=\"Verschenke Entspannung pur: Mit unserer personalisierbaren Therme Gutschein Vorlage schenkst du einen Wellness-Tag voller Erholung. Jetzt PDF downloaden, individuell gestalten und Freude schenken!\"\u003e\n  \u003cmeta itemprop=\"sku\" content=\"therme-gutschein-vorlage-pdf\"\u003e\n  \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n  \u003cp\u003e\u003cspan\u003eVerschenke eine Auszeit voller Wohlbefinden! Mit unserer liebevoll gestalteten Gutscheinvorlage für einen Thermenbesuch schenkst du pure Entspannung, wohltuende Wellness-Momente und eine kleine Flucht aus dem Alltag – das perfekte Geschenk für alle, die sich selbst oder anderen etwas Gutes tun möchten.\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; persönlich\u003c\/strong\u003e\n        \u003cspan\u003eMit Namen, Nachricht \u0026amp; Wunschbetrag 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\u003eEinfache Bearbeitung\u003c\/strong\u003e\n        \u003cspan\u003eDirekt am Computer ausfüllbar – keine Zusatzsoftware nötig\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 jeden Anlass\u003c\/strong\u003e\n        \u003cspan\u003eWellness, Geburtstag, Dankeschön oder einfach so\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp\u003e\u003cspan\u003eSuchst du das perfekte Geschenk für Entspannung und Wohlbefinden? Entdecke unsere Therme-Gutscheinvorlagen, die du ganz einfach selbst gestalten kannst! Perfekt für eine kleine Auszeit, als liebevolle Aufmerksamkeit oder als besonderes Geschenk für deine Liebsten. Lade jetzt deine Vorlage herunter, füge deine persönliche Nachricht hinzu und mache jemandem eine Freude mit einem Wellness-Tag. Einfach, schnell und immer passend – dein Weg zu einem entspannten Geschenk beginnt hier!\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 Therme 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 Therme Gutschein Vorlage?\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, Wunschbetrag und persönliche Nachricht 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 der 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\u003eDer Gutschein ist ideal für alle, die sich eine Auszeit wünschen – ob als Geschenk für Freunde, Familie, Partner:in oder als kleine Aufmerksamkeit für zwischendurch.\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":55349132820866,"sku":"00061","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-therme-1.jpg?v=1751284182"},{"product_id":"wellness-gutschein-pdf","title":"Wellness Gutschein","description":"\u003c!-- SEO Meta Title \u0026 Description --\u003e\n\u003ctitle\u003eWellness Gutschein Vorlage zum Ausdrucken | Persönlich \u0026amp; Entspannend schenken\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Verschenke Entspannung pur: Mit unserer liebevoll gestalteten Wellness Gutscheinvorlage zum Ausdrucken schenkst du individuelle Auszeit und Freude. Jetzt personalisieren \u0026amp; sofort downloaden!\"\u003e\n\n\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n  \u003cmeta itemprop=\"name\" content=\"Wellness Gutschein Vorlage – Digitaler Wellness-Gutschein zum Ausdrucken\"\u003e\n  \u003cmeta itemprop=\"description\" content=\"Verschenke eine personalisierbare Wellness Gutscheinvorlage als PDF zum Ausdrucken – das perfekte Geschenk für Entspannung und Wohlbefinden. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n  \u003cmeta itemprop=\"sku\" content=\"wellness-gutschein-vorlage-pdf\"\u003e\n  \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n  \u003ch1 itemprop=\"name\"\u003eWellness Gutschein Vorlage – Entspannung verschenken\u003c\/h1\u003e\n  \u003cp\u003e\u003cspan\u003eVerschenke pure Entspannung und Wohlbefinden! Mit unserer liebevoll gestalteten Wellness Gutscheinvorlage schenkst du eine kleine Auszeit vom Alltag – individuell, kreativ und ganz persönlich. Ob für einen Spa-Tag, eine Massage oder einen Wellnesstag zu Hause: Diese Vorlage ist das perfekte Geschenk für alle, die sich oder anderen etwas Gutes tun möchten.\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\u003eMit persönlicher Nachricht und Namen 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\u003eEinfache Bearbeitung\u003c\/strong\u003e\n        \u003cspan\u003eDirekt am Computer ausfüllbar – keine zusätzliche Software nötig\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 jeden Anlass\u003c\/strong\u003e\n        \u003cspan\u003eIdeal für Geburtstage, Dankeschön oder einfach so\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp\u003e\u003cspan\u003eSuchst du das perfekte Geschenk? Entdecke unsere Wellness Gutscheinvorlage, die du ganz einfach selbst personalisieren kannst! Perfekt für eine kleine Auszeit oder als besonderes Geschenk. Lade jetzt deine Vorlage herunter, füge deine persönliche Nachricht hinzu und mach jemandem eine Freude mit einem Wellness-Tag. Einfach, schnell und immer passend – dein Weg zu einem entspannten Geschenk beginnt hier!\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 Wellness 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 Wellness 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, Anlass 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 liebevolles Geschenk für einen entspannten Wellness-Tag!\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}\nh1 {\n  font-size: 1.7em;\n  margin-top: 1em;\n  margin-bottom: 0.7em;\n  color: #333;\n  text-align: center;\n  font-weight: 700;\n  letter-spacing: 0.01em;\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\/* 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\/* 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\/* 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":55349146321282,"sku":"00062","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/wellness-gutschein-pdf-1.jpg?v=1751285501"},{"product_id":"wellness-gutschein-vorlage","title":"Wellness Gutschein Vorlage","description":"\u003c!-- SEO Meta Title \u0026 Description --\u003e\n\u003ctitle\u003eWellness Gutscheinvorlage zum Ausdrucken | Entspannung schenken \u0026amp; Freude bereiten\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Verschenke pure Entspannung mit unserer liebevoll illustrierten Wellness Gutscheinvorlage als PDF. Sofort downloaden, individuell gestalten \u0026amp; als Geschenk für besondere Menschen ausdrucken!\"\u003e\n\n\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n  \u003cmeta itemprop=\"name\" content=\"Wellness Gutscheinvorlage – Digitaler Wellness-Gutschein zum Ausdrucken\"\u003e\n  \u003cmeta itemprop=\"description\" content=\"Verschenke eine Auszeit vom Alltag mit unserer liebevoll illustrierten Wellness Gutscheinvorlage als PDF zum Ausdrucken. Perfekt für Geburtstage, Feiertage oder als kleine Aufmerksamkeit.\"\u003e\n  \u003cmeta itemprop=\"sku\" content=\"wellness-gutschein-vorlage-pdf\"\u003e\n  \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n  \u003cp\u003e\u003cspan\u003eVerschenke pure Entspannung und Wohlbefinden mit unserer stilvollen Wellness Gutscheinvorlage! Dieses besondere Geschenk ist ideal für Geburtstage, Feiertage oder einfach, um einem lieben Menschen zu zeigen, wie sehr du ihn schätzt. Die liebevoll gezeichnete Illustration einer meditierenden Frau vermittelt Ruhe, Achtsamkeit und neue Energie – ein Geschenk, das von Herzen kommt.\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\u003eWunderschöne Illustration\u003c\/strong\u003e\n        \u003cspan\u003eFrau in Meditation, warme \u0026amp; beruhigende Farben\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 personalisierbar\u003c\/strong\u003e\n        \u003cspan\u003eName, Anlass \u0026amp; persönliche Botschaft 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\u003eFür jeden Anlass\u003c\/strong\u003e\n        \u003cspan\u003eGeburtstag, Feiertag, Dankeschön oder einfach so\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp\u003e\u003cspan\u003eUnsere digitale Wellness Gutscheinvorlage ist kinderleicht zu personalisieren: Einfach nach dem Kauf herunterladen, am Computer mit Namen, Anlass und einer liebevollen Nachricht ausfüllen und direkt zu Hause ausdrucken. Die warmen, beruhigenden Farben laden dazu ein, einen Moment innezuhalten und neue Kraft zu schöpfen. So verschenkst du nicht nur einen Gutschein, sondern echte Wohlfühlzeit und langanhaltende Erinnerungen.\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 Wellness 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 Wellness 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, Anlass 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 Wellness 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 sich eine Auszeit wünschen – ob für Freund:innen, Familie, Kolleg:innen oder als kleine Aufmerksamkeit zwischendurch.\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":55349670248834,"sku":"00069","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/wellness-gutschein-1.jpg?v=1751292844"},{"product_id":"valentinstag-gutschein","title":"Valentinstag Gutschein","description":"\u003c!-- SEO Meta Title \u0026 Description --\u003e\n\u003ctitle\u003eValentins Gutschein – Liebe schenken, gemeinsam genießen | Gutscheinvorlage PDF\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Verschenke mit unserem Valentins Gutschein unvergessliche Zeit zu zweit. Sofort downloaden, individuell gestalten und Freude schenken – das perfekte Last Minute Geschenk für deinen Schatz!\"\u003e\n\n\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n  \u003cmeta itemprop=\"name\" content=\"Valentins Gutschein – Digitaler Gutschein für Zeit zu zweit zum Ausdrucken\"\u003e\n  \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Valentins Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Liebe, Nähe und gemeinsame Zeit. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n  \u003cmeta itemprop=\"sku\" content=\"valentins-gutschein-vorlage-pdf\"\u003e\n  \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n  \u003cp\u003e\u003cspan\u003eWas gibt es Schöneres, als gemeinsam zu lachen, zu genießen und einfach Zeit zu zweit zu verbringen? Mit unserem Valentins Gutschein schenkst du nicht nur ein Stück Papier, sondern echte Nähe, kleine Abenteuer und große Gefühle – ganz im Stil von „Zusammen ist alles schöner“.\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\u003eLast Minute Liebe\u003c\/strong\u003e\n        \u003cspan\u003ePDF-Gutschein sofort 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; persönlich\u003c\/strong\u003e\n        \u003cspan\u003eMit Namen, Datum \u0026amp; eigener Botschaft 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 Lieblingsmenschen\u003c\/strong\u003e\n        \u003cspan\u003eOb romantisches Dinner, Spa-Tag oder Filmabend\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\u003eDirekt am Computer ausfüllbar, sofort bereit zum Verschenken\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp\u003e\u003cspan\u003eOb ein Candle-Light-Dinner, ein Tag im Spa, ein gemütlicher Filmabend oder einfach nur ein paar schöne Stunden zu zweit – mit diesem Gutschein schenkst du echte Herzenszeit. Und das Beste: Unser Valentins Gutschein ist das perfekte Last Minute Geschenk, denn er lässt sich nach dem Download ganz einfach personalisieren. So wird aus einem kleinen Klick ein großes „Ich hab dich lieb“.\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 Valentins 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 den Valentins 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\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen – auch noch am Valentinstag selbst!\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, Datum und deine persönliche Liebesbotschaft 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 liebevolles Geschenk für deinen Lieblingsmenschen – für gemeinsame Zeit, die bleibt.\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":55350062350722,"sku":"00078","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/valentins-gutscheine-1b.jpg?v=1751365237"},{"product_id":"barbershop-gutschein","title":"Barbershop Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n  \u003cmeta itemprop=\"name\" content=\"Edler Barbershop Gutschein – Digitaler Gutschein für Bartpflege zum Ausdrucken\"\u003e\n  \u003cmeta itemprop=\"description\" content=\"Verschenke ein stilvolles Bartpflege-Erlebnis mit unserem personalisierbaren Barbershop Gutschein als PDF-Vorlage. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n  \u003cmeta itemprop=\"sku\" content=\"barbershop-gutschein-vorlage-pdf\"\u003e\n  \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n  \u003cp\u003e\u003cspan\u003eDu suchst nach dem perfekten Geschenk für den besonderen Mann in deinem Leben? Hat er schon alles – oder möchtest du ihm einfach mal wieder ein Lächeln ins Gesicht zaubern? Dann ist unser digitaler Barbershop-Gutschein genau das Richtige für dich! Wie ein frischer Haarschnitt: unkompliziert, stilvoll und immer passend.\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\u003eStilvoll schenken\u003c\/strong\u003e\n        \u003cspan\u003eEdle PDF-Vorlage sofort 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; persönlich\u003c\/strong\u003e\n        \u003cspan\u003eMit Namen, Gruß und Wunschbetrag 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\u003eEinfach \u0026amp; flexibel\u003c\/strong\u003e\n        \u003cspan\u003eDirekt am Computer ausfüllbar – keine Software nötig\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 echte Gentlemen\u003c\/strong\u003e\n        \u003cspan\u003eDas perfekte Geschenk für Bartträger \u0026amp; Männer mit Stil\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp\u003e\u003cspan\u003eWir präsentieren dir unseren digitalen Barbershop-Gutschein, der zu einem außergewöhnlichen Bartpflege-Erlebnis in einem professionellen Barbershop einlädt. Kein Stress mehr bei der Suche nach dem perfekten Geschenk, keine Sorge um die richtige Größe oder Farbe – stattdessen schenkst du pure Verwöhnung und eine professionelle Bartpflege!\u003c\/span\u003e\u003c\/p\u003e\n  \u003cp\u003e\u003cspan\u003eOb zum Geburtstag, als Dankeschön oder einfach so: Mit diesem Gutschein verschenkst du nicht nur einen neuen Look, sondern auch ein echtes Wohlfühl-Erlebnis. Einfach downloaden, personalisieren, ausdrucken – und schon ist dein Geschenk bereit für große Freude!\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 Barbershop 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 den Barbershop 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\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen – ganz ohne Wartezeit.\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 Grüße 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 stilvolles Geschenk für ein echtes Barbershop-Erlebnis!\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":55351807443330,"sku":"00082","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/barbershop-1_e89e15ad-de18-486d-97b5-305d5f89a267.jpg?v=1751365604"},{"product_id":"parfum-gutschein","title":"Parfum Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n  \u003cmeta itemprop=\"name\" content=\"Stilvoller Parfum Gutschein – Digitaler Duft-Gutschein zum Ausdrucken\"\u003e\n  \u003cmeta itemprop=\"description\" content=\"Verschenke einen stilvollen, personalisierbaren Parfum-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Duftliebhaber:innen. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n  \u003cmeta itemprop=\"sku\" content=\"parfum-gutschein-vorlage-pdf\"\u003e\n  \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n  \u003cp\u003e\u003cspan\u003eDuftende Vorfreude, die bleibt: Mit unserem stilvollen Parfum Gutschein schenkst du nicht nur einen Hauch von Luxus, sondern auch ein Lächeln, das den ganzen Tag anhält. Stell dir vor, du überraschst deinen Lieblingsmenschen mit einer liebevoll illustrierten Gutscheinvorlage, die sofort Lust auf neue Duftabenteuer macht. Einfach downloaden, personalisieren und verschenken – so einfach kann Glück sein!\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 bereit\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\u003eLiebevoll illustriert\u003c\/strong\u003e\n        \u003cspan\u003eModernes Design für echte Lieblingsmenschen\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 anpassbar\u003c\/strong\u003e\n        \u003cspan\u003eName, Anlass \u0026amp; persönliche Botschaft eintragen\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 jeden Anlass\u003c\/strong\u003e\n        \u003cspan\u003eGeburtstag, Dankeschön, Überraschung oder einfach so\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp\u003e\u003cspan\u003eOb zum Geburtstag, als Dankeschön oder einfach, um jemandem den Tag zu versüßen – dieser Parfum Gutschein ist mehr als nur ein Stück Papier. Er ist die Einladung, sich selbst oder einen Herzensmenschen mit einem neuen Lieblingsduft zu verwöhnen. Die Vorlage ist sofort nach dem Kauf verfügbar, lässt sich am Computer personalisieren und im Handumdrehen ausdrucken. So wird aus einer kleinen Geste ein großes Erlebnis – und aus einem Gutschein ein echtes Highlight!\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 Parfum 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 den Parfum 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\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen und den Gutschein verschenken.\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, Anlass und eine 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 der Parfum 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\u003eDer Gutschein ist das perfekte Geschenk für alle, die Parfums lieben – egal ob für die beste Freundin, den Partner, die Mama oder als kleine Aufmerksamkeit für zwischendurch.\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":55352951079298,"sku":"00087","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/parfum-gutscheinvorlage-4.jpg?v=1751379902"},{"product_id":"geschenkgutschein-garten","title":"Geschenkgutschein Garten","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n  \u003cmeta itemprop=\"name\" content=\"Gutschein für den Garten – Digitaler Gartengutschein zum Ausdrucken\"\u003e\n  \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Garten-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Gartenliebhaber:innen. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n  \u003cmeta itemprop=\"sku\" content=\"garten-gutschein-vorlage-pdf\"\u003e\n  \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n  \u003cp\u003e\u003cspan\u003eMach das Leben draußen noch schöner! Mit unserem Gutschein für den Garten verschenkst du nicht nur ein Stück Natur, sondern auch ein Lächeln, das länger blüht als jede Saison. Ob für den ersten eigenen Gemüsegarten, bunte Blumenbeete oder ein grünes Balkonparadies – dieser Gutschein ist die Eintrittskarte in die Welt der Gartenträume.\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 Freude schenken\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\u003eFür alle Gartenideen\u003c\/strong\u003e\n        \u003cspan\u003eOb Pflanzen, Zubehör oder Balkonträume\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; herzlich\u003c\/strong\u003e\n        \u003cspan\u003eMit persönlicher Nachricht 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\u003eNachhaltig schenken\u003c\/strong\u003e\n        \u003cspan\u003eFreude, die länger als eine Saison währt\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp\u003e\u003cspan\u003eHol dir deinen Gutschein noch heute und bereite jemandem eine Freude, die Wurzeln schlägt! Der Gutschein kann für eine bunte Auswahl an Gartenzubehör, Pflanzen oder Balkonideen eingelöst werden. Einfach downloaden, personalisieren und ausdrucken – so einfach kann Schenken sein. Füge eine liebevolle Nachricht hinzu und mach das Geschenk zu etwas ganz Besonderem.\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 Garten-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 den Garten-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\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 eine persönliche Nachricht 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 was kann der Gutschein eingelöst werden?\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\u003eDer Gutschein kann flexibel für Pflanzen, Gartenzubehör, Balkonideen oder alles rund ums Gärtnern eingelöst werden – die Auswahl liegt ganz bei der beschenkten Person.\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":55354895860098,"sku":"00106","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/geschenkidee-garten.jpg?v=1751459525"},{"product_id":"yogakurs-gutschein","title":"Yogakurs Gutschein","description":"\u003c!-- SEO Meta Title \u0026 Description für Google --\u003e\n\u003ctitle\u003e🧘 Yoga Kurs Gutschein – Verschenke Entspannung \u0026amp; Balance | PDF Vorlage\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Schenke Wohlfühlzeit mit dem Yoga Kurs Gutschein zum Ausdrucken. Sofort downloaden, personalisieren \u0026amp; Freude schenken! 🧘✨\"\u003e\n\n\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n  \u003cmeta itemprop=\"name\" content=\"Yoga Kurs Gutschein – Digitaler Gutschein zum Ausdrucken\"\u003e\n  \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Yoga Kurs Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Entspannung und innere Balance. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n  \u003cmeta itemprop=\"sku\" content=\"yoga-kurs-gutschein-vorlage-pdf\"\u003e\n  \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n  \u003cp\u003e\u003cspan\u003eMach jemandem eine Freude, die von Herzen kommt: Mit unserem Yoga Kurs Gutschein verschenkst du nicht nur einen Kurs, sondern echte Wohlfühlzeit. Ob für die beste Freundin, den Lieblingsmenschen oder einfach für dich selbst – dieser Gutschein bringt Entspannung, Balance und ein Lächeln auf die Matte.\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\u003eWohlfühlzeit schenken\u003c\/strong\u003e\n        \u003cspan\u003eYoga Gutschein als PDF sofort verfügbar\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; liebevoll\u003c\/strong\u003e\n        \u003cspan\u003eMit persönlicher Nachricht \u0026amp; Namen 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\u003eEinfach \u0026amp; schnell\u003c\/strong\u003e\n        \u003cspan\u003eInteraktive Textfelder – kein Stress, nur Freude\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 jeden Anlass\u003c\/strong\u003e\n        \u003cspan\u003eGeburtstag, Dankeschön oder einfach so\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp\u003e\u003cspan\u003eEinfach herunterladen, die Textfelder am Computer ausfüllen und ausdrucken. Dank der interaktiven PDF-Textfelder kannst du den Gutschein ganz unkompliziert personalisieren – in wenigen Minuten bereit zum Verschenken. So einfach kann Freude sein!\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 Yoga Kurs 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 den Yoga Kurs 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\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, Kurs 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\"\u003eFür wen eignet sich der Yoga 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\u003eDer Gutschein ist ideal für alle, die Entspannung, Achtsamkeit und neue Energie suchen – egal ob Anfänger:in oder Yoga-Profi.\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":55355296743810,"sku":"00117","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/yoga-gutschein-5.jpg?v=1751466101"},{"product_id":"friseurgutschein-geldgeschenk","title":"Friseurgutschein Geldgeschenk","description":"\u003cdiv class=\"product-custom-style\"\u003e\n\n  \u003c!-- Produktbeschreibung --\u003e\n  \u003cdiv class=\"product-description\"\u003e\n    \u003cp\u003e\n      \u003cstrong\u003eFriseurgutschein als Geldgeschenk – originelle Vorlage zum Download\u003c\/strong\u003e\u003cbr\u003e\n      \u003cem\u003eEine kreative Geschenkidee für alle, die einen Friseurbesuch, einen neuen Look oder einfach ein bisschen Verwöhnzeit verschenken möchten.\u003c\/em\u003e\u003cbr\u003e\u003cbr\u003e\n      Mit diesem Geldgeschenk \/ Friseurgutschein gestaltest du im Handumdrehen\n      eine besondere Überraschung, die nicht nur praktisch ist,\n      sondern auch richtig schön aussieht.\n      Die Vorlage zeigt eine liebevoll gestaltete Illustration\n      passend zum Thema Friseur –\n      mit Schere, Kamm und weiteren hübschen Details.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Du erhältst die Vorlage als PDF Datei\n      im Format 21 x 30 cm zum Download.\n      So kannst du direkt loslegen\n      und ohne viel Aufwand\n      ein originelles Geldgeschenk vorbereiten,\n      das beim Überreichen sofort Freude macht.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Ob als Gutschein für einen Friseurbesuch,\n      für eine neue Frisur,\n      für einen Friseurtermin oder einfach als liebevolle Aufmerksamkeit:\n      Dieses Motiv macht aus einem Geldbetrag\n      ein kreatives und persönliches Geschenk.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Feature Grid --\u003e\n  \u003cdiv class=\"feature-grid\"\u003e\n\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e✂️\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003cstrong\u003ePerfekt als Friseurgutschein\u003c\/strong\u003e\n        \u003cspan\u003eEine originelle Geschenkidee für Friseurbesuch, Styling oder einen neuen Look.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003cstrong\u003eLiebevolle Friseur-Illustration\u003c\/strong\u003e\n        \u003cspan\u003eMit Schere, Kamm und weiteren schönen Details passend zum Thema Friseur.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e🖼️\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003cstrong\u003eFormat 21 x 30 cm\u003c\/strong\u003e\n        \u003cspan\u003eDie Vorlage passt in einen handelsüblichen Bilderrahmen und lässt sich schön verschenken.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e📥\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003cstrong\u003eSofort als PDF verfügbar\u003c\/strong\u003e\n        \u003cspan\u003eDirekt herunterladen, ausdrucken und ohne viel Aufwand ein besonderes Geldgeschenk gestalten.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- Erweiterte Beschreibung --\u003e\n  \u003cdiv class=\"extended-description\"\u003e\n    \u003cp\u003e\n      Wer Geld verschenken möchte,\n      sucht oft nach einer Idee,\n      die nicht langweilig wirkt,\n      sondern liebevoll und besonders aussieht.\n      Genau dafür ist dieser Friseurgutschein gemacht.\n      Er verbindet ein passendes Thema\n      mit einer hübschen Gestaltung\n      und macht aus einem einfachen Geldbetrag\n      ein Geschenk mit Charme.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Die Illustration rund um das Thema Friseur\n      mit Schere, Kamm und weiteren passenden Elementen\n      macht sofort deutlich,\n      worum es geht.\n      So eignet sich der Gutschein wunderbar\n      für einen Friseurbesuch,\n      ein neues Styling,\n      einen besonderen Salontermin\n      oder einfach als kleiner Beitrag\n      zu etwas Schönem für Haare und Wohlbefinden.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Durch das Format 21 x 30 cm\n      lässt sich die Vorlage besonders schön ausdrucken\n      und auf Wunsch in einen passenden Bilderrahmen setzen.\n      So wirkt das Geschenk direkt noch hochwertiger\n      und kann mit wenig Aufwand\n      stilvoll überreicht werden.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Direkt nach dem Kauf\n      steht dir die PDF Datei zum Download bereit.\n      Einfach herunterladen,\n      ausdrucken,\n      Geld dazugeben\n      und fertig ist ein originelles Geldgeschenk\n      rund um das Thema Friseur.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      \u003cstrong\u003eSo funktioniert’s:\u003c\/strong\u003e\u003cbr\u003e\n      ✅ PDF Datei direkt nach der Bestellung herunterladen\u003cbr\u003e\n      ✅ Vorlage im Format 21 x 30 cm ausdrucken\u003cbr\u003e\n      ✅ Geldbetrag oder Gutschein ergänzen\u003cbr\u003e\n      ✅ Auf Wunsch in einen Bilderrahmen setzen\u003cbr\u003e\n      ✅ Ein originelles Friseur-Geschenk überreichen 💛\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- FAQ Sektion --\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003ch2\u003eHäufige Fragen zum Friseurgutschein als Geldgeschenk\u003c\/h2\u003e\n    \u003cdiv class=\"faq-container\"\u003e\n\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\" type=\"button\"\u003e\n          \u003cspan\u003eIn welchem Format bekomme ich die Datei?\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\"\u003e\n          \u003cp\u003eDu erhältst die Vorlage als PDF Datei im Format 21 x 30 cm zum Download.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\" type=\"button\"\u003e\n          \u003cspan\u003eWas zeigt das Motiv?\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\"\u003e\n          \u003cp\u003eDie Vorlage zeigt eine liebevoll gestaltete Illustration passend zum Thema Friseur, mit Schere, Kamm und weiteren schönen Details.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\" type=\"button\"\u003e\n          \u003cspan\u003eWofür eignet sich der 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\"\u003e\n          \u003cp\u003eDer Gutschein eignet sich perfekt als Geldgeschenk für einen Friseurbesuch, ein neues Styling oder einfach als kleine Verwöhn-Auszeit rund um Haare und Pflege.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\" type=\"button\"\u003e\n          \u003cspan\u003ePasst die Vorlage in einen Bilderrahmen?\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\"\u003e\n          \u003cp\u003eJa, durch das Format 21 x 30 cm passt die Vorlage in einen handelsüblichen Bilderrahmen.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\" type=\"button\"\u003e\n          \u003cspan\u003eIst das Geschenk schnell vorbereitet?\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\"\u003e\n          \u003cp\u003eJa, genau das macht diese Vorlage so praktisch. Nach dem Download kannst du sie sofort ausdrucken und ohne viel Aufwand ein originelles Geldgeschenk vorbereiten.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Styles --\u003e\n  \u003cstyle\u003e\n    .product-custom-style * { box-sizing: border-box; }\n\n    .product-custom-style {\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      line-height: 1.6;\n      color: #333;\n    }\n\n    .product-custom-style .feature-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 1.5em;\n      margin: 2em 0;\n      padding: 1.5em;\n      background: #f6f6f7;\n      border-radius: 12px;\n    }\n\n    .product-custom-style .feature-item {\n      display: flex;\n      gap: 1em;\n    }\n\n    .product-custom-style .feature-icon {\n      font-size: 1.3em;\n      flex-shrink: 0;\n    }\n\n    .product-custom-style .feature-text strong {\n      color: #222;\n    }\n\n    .product-custom-style .feature-text span {\n      font-size: 0.9em;\n      color: #555;\n      display: block;\n    }\n\n    .product-custom-style .faq-section {\n      max-width: 800px;\n      margin: 2.5em auto;\n    }\n\n    .product-custom-style .faq-item {\n      border: 1px solid #e0e0e0;\n      border-radius: 8px;\n      margin-bottom: 0.5em;\n      background: #fff;\n      overflow: hidden;\n    }\n\n    .product-custom-style .faq-question {\n      width: 100%;\n      padding: 1em;\n      background: none;\n      border: none;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      cursor: pointer;\n      text-align: left;\n      font: inherit;\n      color: inherit;\n    }\n\n    .product-custom-style .faq-icon {\n      width: 24px;\n      height: 24px;\n      color: #888;\n      transition: transform 0.3s ease;\n      flex-shrink: 0;\n      margin-left: 12px;\n    }\n\n    .product-custom-style .faq-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: all 0.3s ease;\n      background: #fafafa;\n    }\n\n    .product-custom-style .faq-answer p {\n      padding: 1em;\n      margin: 0;\n      color: #555;\n    }\n\n    .product-custom-style .faq-item.active .faq-answer {\n      max-height: 320px;\n    }\n\n    .product-custom-style .faq-item.active .faq-icon {\n      transform: rotate(45deg);\n    }\n\n    @media (max-width: 600px) {\n      .product-custom-style .feature-grid {\n        grid-template-columns: 1fr;\n        padding: 1em;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- FAQ Interaktion --\u003e\n  \u003cscript\u003e\n    document.querySelectorAll('.product-custom-style .faq-question').forEach(button =\u003e {\n      button.addEventListener('click', () =\u003e {\n        const item = button.parentElement;\n        const active = item.classList.contains('active');\n\n        document.querySelectorAll('.product-custom-style .faq-item').forEach(i =\u003e {\n          i.classList.remove('active');\n        });\n\n        if (!active) item.classList.add('active');\n      });\n    });\n  \u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":56585783935362,"sku":"00839","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/friseurgutschein-geldgeschenk-1.jpg?v=1776934595"},{"product_id":"geld-zum-fuhrerschein","title":"Geld zum Führerschein","description":"\u003cdiv class=\"product-custom-style\"\u003e\n\n  \u003c!-- Produktbeschreibung --\u003e\n  \u003cdiv class=\"product-description\"\u003e\n    \u003cp\u003e\n      \u003cstrong\u003eGeld zum Führerschein – originelles Geldgeschenk zum Download mit interaktivem Textfeld\u003c\/strong\u003e\u003cbr\u003e\n      \u003cem\u003eEine wunderschöne Geschenkidee für alle, die auf dem Weg zum Führerschein sind und sich über einen persönlichen Zuschuss riesig freuen.\u003c\/em\u003e\u003cbr\u003e\u003cbr\u003e\n      Mit diesem Geldgeschenk zum Führerschein bereitest du im Handumdrehen\n      eine besondere Überraschung vor,\n      die nicht nur praktisch ist,\n      sondern auch richtig schön aussieht.\n      Das Motiv zeigt eine wunderschöne Grafik\n      mit einem Oldtimer\n      und einer geschwungenen Schrift,\n      die dem Geschenk eine besonders stilvolle Wirkung verleiht.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Das Besondere an dieser Vorlage:\n      Die PDF Datei enthält ein interaktives Textfeld.\n      So kannst du nach dem Download\n      ganz einfach zum Beispiel im Acrobat Reader\n      deine persönliche Nachricht einfügen\n      und das Geldgeschenk noch individueller gestalten.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Danach einfach ausdrucken,\n      die zwei angelegten Herzen entlang der Schneidelinien ausschneiden,\n      das Geld dahinterlegen\n      und alles in einen handelsüblichen Bilderrahmen setzen.\n      Du erhältst die Vorlage als PDF Datei im Format 21 x 30 cm zum Download.\n      So kannst du direkt loslegen\n      und ohne viel Aufwand\n      ein originelles Geldgeschenk vorbereiten,\n      das beim Überreichen sofort Freude macht.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Feature Grid --\u003e\n  \u003cdiv class=\"feature-grid\"\u003e\n\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e🚗\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003cstrong\u003ePerfekt für den Führerschein\u003c\/strong\u003e\n        \u003cspan\u003eEin liebevolles und originelles Geldgeschenk für Fahrstunden, Prüfung oder den Start in die mobile Freiheit.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e🖋️\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003cstrong\u003eMit interaktivem Textfeld\u003c\/strong\u003e\n        \u003cspan\u003eFüge nach dem Download ganz einfach deine persönliche Nachricht in der PDF Datei ein.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e✂️\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003cstrong\u003eHerzen zum Ausschneiden\u003c\/strong\u003e\n        \u003cspan\u003eDie zwei angelegten Herzen können ausgeschnitten werden, damit du den Geldbetrag dahinter platzieren kannst.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e📥\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003cstrong\u003eSofort als PDF verfügbar\u003c\/strong\u003e\n        \u003cspan\u003eDownload direkt nach deiner Bestellung – ausdrucken, gestalten und sofort verschenken.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- Erweiterte Beschreibung --\u003e\n  \u003cdiv class=\"extended-description\"\u003e\n    \u003cp\u003e\n      Wenn du Geld zum Führerschein verschenken möchtest,\n      aber nicht einfach nur einen Umschlag überreichen willst,\n      ist diese Vorlage eine besonders schöne Idee.\n      Sie verbindet ein stilvolles Design\n      mit einer persönlichen Botschaft\n      und einem liebevollen Überraschungseffekt.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Die Kombination aus dem hübsch illustrierten Oldtimer\n      und der geschwungenen Schrift\n      macht das Motiv besonders charmant\n      und passend zum Anlass.\n      So wird aus einem einfachen Geldbetrag\n      ein Geschenk,\n      das sofort ins Auge fällt\n      und richtig etwas hermacht.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Besonders praktisch ist das interaktive Textfeld in der PDF Datei.\n      Dadurch kannst du nach dem Download\n      ganz bequem deine persönliche Nachricht ergänzen,\n      ohne etwas von Hand schreiben zu müssen.\n      Das macht das Geldgeschenk noch individueller\n      und besonders schön.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Nach dem Ausdrucken schneidest du die beiden Herzen\n      entlang der markierten Schneidelinien aus\n      und legst den Geldbetrag dahinter.\n      Anschließend kannst du das Motiv\n      in einen handelsüblichen Bilderrahmen setzen.\n      So entsteht im Handumdrehen\n      ein originelles und hochwertig wirkendes Geldgeschenk zum Führerschein.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      \u003cstrong\u003eSo funktioniert’s:\u003c\/strong\u003e\u003cbr\u003e\n      ✅ PDF Datei direkt nach der Bestellung herunterladen\u003cbr\u003e\n      ✅ Persönliche Nachricht im interaktiven Textfeld einfügen\u003cbr\u003e\n      ✅ Vorlage im Format 21 x 30 cm ausdrucken\u003cbr\u003e\n      ✅ Die zwei Herzen entlang der Schneidelinien ausschneiden\u003cbr\u003e\n      ✅ Geld dahinterlegen und in einen Bilderrahmen setzen\u003cbr\u003e\n      ✅ Fertig ist ein originelles Geldgeschenk zum Führerschein 💛\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- FAQ Sektion --\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003ch2\u003eHäufige Fragen zum Geld zum Führerschein\u003c\/h2\u003e\n    \u003cdiv class=\"faq-container\"\u003e\n\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\" type=\"button\"\u003e\n          \u003cspan\u003eWas ist das Besondere an dieser Vorlage?\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\"\u003e\n          \u003cp\u003eDie PDF Datei enthält ein interaktives Textfeld. So kannst du nach dem Download zum Beispiel im Acrobat Reader ganz einfach deine persönliche Nachricht einfügen.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\" type=\"button\"\u003e\n          \u003cspan\u003eWie funktioniert das mit dem Geld hinter den Herzen?\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\"\u003e\n          \u003cp\u003eDie zwei angelegten Herzen werden entlang der Schneidelinien ausgeschnitten. Dahinter kannst du den Geldbetrag ganz einfach platzieren.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\" type=\"button\"\u003e\n          \u003cspan\u003eIn welchem Format ist die Vorlage angelegt?\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\"\u003e\n          \u003cp\u003eDu erhältst die Vorlage als PDF Datei im Format 21 x 30 cm.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\" type=\"button\"\u003e\n          \u003cspan\u003ePasst die Vorlage in einen Bilderrahmen?\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\"\u003e\n          \u003cp\u003eJa, das Geldgeschenk passt in einen handelsüblichen Bilderrahmen und lässt sich dadurch besonders schön verschenken.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\" type=\"button\"\u003e\n          \u003cspan\u003eWann ist der Download verfügbar?\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\"\u003e\n          \u003cp\u003eDer Download ist sofort nach deiner Bestellung verfügbar, sodass du direkt loslegen kannst.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Styles --\u003e\n  \u003cstyle\u003e\n    .product-custom-style * { box-sizing: border-box; }\n\n    .product-custom-style {\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      line-height: 1.6;\n      color: #333;\n    }\n\n    .product-custom-style .feature-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 1.5em;\n      margin: 2em 0;\n      padding: 1.5em;\n      background: #f6f6f7;\n      border-radius: 12px;\n    }\n\n    .product-custom-style .feature-item {\n      display: flex;\n      gap: 1em;\n    }\n\n    .product-custom-style .feature-icon {\n      font-size: 1.3em;\n      flex-shrink: 0;\n    }\n\n    .product-custom-style .feature-text strong {\n      color: #222;\n    }\n\n    .product-custom-style .feature-text span {\n      font-size: 0.9em;\n      color: #555;\n      display: block;\n    }\n\n    .product-custom-style .faq-section {\n      max-width: 800px;\n      margin: 2.5em auto;\n    }\n\n    .product-custom-style .faq-item {\n      border: 1px solid #e0e0e0;\n      border-radius: 8px;\n      margin-bottom: 0.5em;\n      background: #fff;\n      overflow: hidden;\n    }\n\n    .product-custom-style .faq-question {\n      width: 100%;\n      padding: 1em;\n      background: none;\n      border: none;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      cursor: pointer;\n      text-align: left;\n      font: inherit;\n      color: inherit;\n    }\n\n    .product-custom-style .faq-icon {\n      width: 24px;\n      height: 24px;\n      color: #888;\n      transition: transform 0.3s ease;\n      flex-shrink: 0;\n      margin-left: 12px;\n    }\n\n    .product-custom-style .faq-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: all 0.3s ease;\n      background: #fafafa;\n    }\n\n    .product-custom-style .faq-answer p {\n      padding: 1em;\n      margin: 0;\n      color: #555;\n    }\n\n    .product-custom-style .faq-item.active .faq-answer {\n      max-height: 320px;\n    }\n\n    .product-custom-style .faq-item.active .faq-icon {\n      transform: rotate(45deg);\n    }\n\n    @media (max-width: 600px) {\n      .product-custom-style .feature-grid {\n        grid-template-columns: 1fr;\n        padding: 1em;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- FAQ Interaktion --\u003e\n  \u003cscript\u003e\n    document.querySelectorAll('.product-custom-style .faq-question').forEach(button =\u003e {\n      button.addEventListener('click', () =\u003e {\n        const item = button.parentElement;\n        const active = item.classList.contains('active');\n\n        document.querySelectorAll('.product-custom-style .faq-item').forEach(i =\u003e {\n          i.classList.remove('active');\n        });\n\n        if (!active) item.classList.add('active');\n      });\n    });\n  \u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":56604561310082,"sku":"00844","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/geld-zum-fuehrerschein-1.jpg?v=1777633855"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/collections\/wellnesstag-gutschein-1-2.jpg?v=1751298885","url":"https:\/\/herzensprojekt.de\/collections\/wellness.oembed","provider":"Herzensprojekt Manufaktur","version":"1.0","type":"link"}