{"title":"Gutscheinvorlagen","description":"","products":[{"product_id":"reisegutschein-nordsee","title":"Reisegutschein Nordsee","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Digitaler Nordsee Gutschein\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen digitalen Nordsee-Gutschein zum Selbstausdrucken – individuell, schnell und unkompliziert.\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"nordsee-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eTräumst du von einem kleinen Nordsee-Urlaub oder möchtest jemandem eine besondere Freude machen? Mit unserem digitalen Nordsee Gutschein kannst du genau das – und das ganz unkompliziert selbst gestalten!\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\u003eGutscheinvorlage 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\u003ePerfektes Format\u003c\/strong\u003e\n \u003cspan\u003e10 x 20 cm auf A4-Blatt\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\u003eEditierbar mit z.B. Acrobat Reader\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\u003eVielseitig einsetzbar\u003c\/strong\u003e\n \u003cspan\u003eVerschenke einen Besuch am Meer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eUnsere Gutscheinvorlage im PDF-Format ist kinderleicht zu personalisieren. Dank der interaktiven Textfelder kannst du den Gutschein direkt am Computer ausfüllen – ganz ohne zusätzliche Software. Einfach downloaden, deine persönlichen Daten eintragen, ausdrucken und schon ist dein Nordsee-Gutschein fertig!\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 Nordsee 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 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 kannst du deinen Gutschein sofort im PDF-Format herunterladen.\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\"\u003eKann 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\u003eJa, du kannst die interaktiven Textfelder direkt am Computer ausfüllen und so den Gutschein individuell gestalten.\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\"\u003eMuss ich spezielle Software installieren?\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\u003eNein, du benötigst lediglich einen PDF-Reader, wie z. B. Adobe Acrobat Reader, der auf den meisten Computern bereits installiert ist.\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 verschenken?\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 kannst den Gutschein einfach ausdrucken, dann entlang der gestrichelten Linie ausschneiden und ihn dann als persönliches Geschenk überreichen.\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\/* 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":55328943505794,"sku":"00001","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/reisegutschein-nordsee-1-3.jpg?v=1778232562"},{"product_id":"gutschein-zoobesuch","title":"Gutschein Zoobesuch","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Digitaler Zoo Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Zoo-Gutschein zum Selbstausdrucken – das perfekte Geschenk für Tierliebhaber. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"zoo-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n \n \u003cp\u003e\u003cspan\u003eSuchst du nach einem tierisch guten Geschenk, das sofort für Begeisterung sorgt? Unser Gutschein für einen Zoobesuch ist genau das Richtige für alle, die Tiere lieben und unvergessliche Momente erleben 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-Download direkt nach Kauf\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\u003ePerfektes Format\u003c\/strong\u003e\n \u003cspan\u003e10 x 20 cm auf A4-Blatt\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 Zoo\u003c\/strong\u003e\n \u003cspan\u003eIdeal für alle Tierparks geeignet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cp\u003e\u003cspan\u003eMit nur wenigen Klicks kannst du den Gutschein sofort nach dem Kauf herunterladen. Dank der interaktiven Textfelder fügst du deinen Wunschtext direkt am Computer ein – so wird jeder Gutschein einzigartig. Ob du einen bestimmten Zoo empfehlen oder einfach einen Ausflug ins Tierreich schenken möchtest – mit diesem Zoobesuch Gutschein triffst du immer ins Schwarze.\u003c\/span\u003e\u003c\/p\u003e\n \n \u003cp\u003e\u003cspan\u003eZeige einem lieben Menschen, wie sehr du an ihn denkst, und verschenke einen Tag voller Abenteuer zwischen Giraffen, Elefanten und Co. Starte jetzt und schenke pures Dschungel-Feeling – unkompliziert, persönlich und garantiert unvergesslich!\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 Zoo-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 Zoo-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 deinem Kauf kannst du den Gutschein sofort als PDF-Datei herunterladen und direkt mit der Gestaltung 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\u003eDer Gutschein enthält interaktive Textfelder, die du ganz einfach am Computer ausfüllen kannst. So kannst du Namen, Datum und persönliche Grüße individuell eingeben.\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 brauchst nur einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader, der auf den meisten Computern bereits installiert ist. Keine zusätzliche Software erforderlich!\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 übergebe 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 einfach aus, schneide ihn entlang der markierten Linie aus und überreiche ihn als besonderes Geschenk. Der Gutschein hat das perfekte Format zum Verschenken!\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\/* 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":55335216447874,"sku":"00002","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/zoo-gutschein-1.jpg?v=1778232641"},{"product_id":"konzertgutschein-vorlage","title":"Konzertgutschein Vorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Digitaler Konzertgutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Konzertgutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Musikfans. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"konzert-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eDu möchtest unvergessliche Live-Momente verschenken? Mit unserer Konzertgutschein-Vorlage schenkst du pure Vorfreude auf Musik, Emotionen und gemeinsame Erlebnisse – das perfekte Geschenk für alle, die Musik lieben!\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-Download direkt nach Kauf\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\u003ePerfektes Format\u003c\/strong\u003e\n \u003cspan\u003e10 x 20 cm auf A4-Blatt\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 jedes Konzert\u003c\/strong\u003e\n \u003cspan\u003eFür jeden Musikgeschmack geeignet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eNach dem Kauf kannst du den Gutschein direkt herunterladen und in den interaktiven Textfeldern am Computer personalisieren. Einfach ausdrucken, ausschneiden und schon hältst du dein persönliches Ticket für ein Konzert deiner Wahl in den Händen.\u003c\/span\u003e\u003c\/p\u003e\n \n \u003cp\u003e\u003cspan\u003eOb für Freund:innen, Partner:innen oder die ganze Familie – mit diesem Konzertgutschein zum Ausdrucken verschenkst du Vorfreude auf unvergessliche Stunden voller Musik und Stimmung. Bestelle jetzt, lade die Vorlage herunter, trage deinen Wunschtext ein und feiere gemeinsam los!\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 Konzertgutschein\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 Konzertgutschein?\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 deinem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung starten.\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, die du ganz einfach am Computer ausfüllen kannst. So wird jeder Gutschein zu einem ganz persönlichen Ticket.\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 einfach aus, schneide ihn entlang der Markierung aus und überreiche ihn als kreatives Geschenk – für ein Konzert deiner Wahl!\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\/* 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":55335226016130,"sku":"00003","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/konzertgutschein-1-2.jpg?v=1778232715"},{"product_id":"urlaub-berge-gutschein","title":"Urlaub Berge Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Digitaler Gutschein Urlaub in den Bergen zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Gutschein für einen Urlaub in den Bergen – als PDF-Vorlage zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"berge-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eVerschenke pure Vorfreude auf ein unvergessliches Bergabenteuer! Mit unserer liebevoll gestalteten Gutscheinvorlage „Urlaub in den Bergen\" schenkst du Erholung, Natur und gemeinsame Zeit – das perfekte Geschenk für alle, die die Berge lieben.\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-Download direkt nach Kauf\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\u003ePerfektes Format\u003c\/strong\u003e\n \u003cspan\u003e10 x 20 cm auf A4-Blatt\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\u003eFlexibel einsetzbar\u003c\/strong\u003e\n \u003cspan\u003eFür jedes Bergziel geeignet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eLade die Datei nach dem Kauf ganz bequem herunter und öffne sie am Computer. In den interaktiven Textfeldern trägst du den Namen des Beschenkten, den Reisezeitraum und deine persönlichen Glückwünsche ein. Dann druckst du den Gutschein einfach auf schönem Papier oder Karton aus, schneidest ihn aus – fertig ist dein einzigartiges Geschenk für einen Urlaub in den Bergen!\u003c\/span\u003e\u003c\/p\u003e\n \n \u003cp\u003e\u003cspan\u003eOb für Familie, Freunde oder als Überraschung für einen besonderen Menschen – mit diesem Gutschein verschenkst du Vorfreude auf frische Bergluft, traumhafte Aussichten und erholsame Tage in der Natur. Jetzt bestellen, downloaden und Freude schenken!\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 Berge-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 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, Reisezeitraum 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 Urlaub in den Bergen!\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\/* 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":55335232536962,"sku":"00004","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/urlaub-berge-1-2.jpg?v=1778232788"},{"product_id":"gutscheinvorlage-hamburg","title":"Gutscheinvorlage Hamburg","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutscheinvorlage Hamburg – Digitaler Hamburg Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Hamburg-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für eine Auszeit an der Elbe. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"hamburg-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eSchenke Vorfreude auf eine unvergessliche Auszeit! Mit unserer liebevoll gestalteten Gutscheinvorlage für Hamburg verschenkst du einen Kurzurlaub voller maritimer Erlebnisse, hanseatischer Lebensfreude und einzigartiger Erinnerungen – das perfekte Geschenk für alle, die Hamburg lieben oder kennenlernen 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\u003ePerfektes Format\u003c\/strong\u003e\n \u003cspan\u003e10 x 20 cm auf A4-Blatt\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\u003eIdeal für Geburtstage, Jubiläen \u0026amp; Überraschungen\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eDiese digitale Gutscheinvorlage für Hamburg ist perfekt, um lieben Menschen einen unvergesslichen Trip an die Elbe zu schenken. Nach dem Kauf lädst du die Datei bequem herunter und öffnest sie am Computer. In den interaktiven Textfeldern trägst du den Namen des Beschenkten, den Reisezeitraum und deine persönlichen Glückwünsche ein. Dann druckst du den Gutschein einfach auf schönem Papier oder Karton aus, schneidest ihn aus – fertig ist dein individuelles Hamburg-Geschenk!\u003c\/span\u003e\u003c\/p\u003e\n \n \u003cp\u003e\u003cspan\u003eOb für Familie, Freunde oder als Überraschung für einen besonderen Menschen – mit diesem Hamburg-Gutschein verschenkst du Vorfreude auf Hafen, Speicherstadt, Elbphilharmonie und viele weitere Highlights. Jetzt bestellen, downloaden und hanseatische Glücksmomente schenken!\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 Hamburg-Gutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan\u003eWie erhalte ich den Hamburg-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 \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan\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\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Reisezeitraum 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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan\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\"\u003e\n \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan\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\"\u003e\n \u003cdiv\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 Auszeit in Hamburg!\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\/* 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":55336996241794,"sku":"00005","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutscheinvorlage-hamburg-1.jpg?v=1778232861"},{"product_id":"gutschein-weinwanderung","title":"Gutschein Weinwanderung","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutscheinvorlage Weinwanderung – Digitaler Gutschein Mosel zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke eine genussvolle Auszeit mit unserer personalisierbaren Gutscheinvorlage für eine Weinwanderung an der Mosel. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"weinwanderung-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n \u003cp\u003e\u003cspan\u003eSchenke eine genussvolle Auszeit inmitten malerischer Weinberge! Mit unserer liebevoll gestalteten Gutscheinvorlage für eine Weinwanderung an der Mosel verschenkst du einzigartige Erlebnisse, regionale Weinkultur und gemeinsame Momente – das perfekte Geschenk für Genießer:innen und Naturfreunde.\u003c\/span\u003e\u003c\/p\u003e\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 \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 \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\u003ePerfektes Format\u003c\/strong\u003e \u003cspan\u003e10 x 20 cm auf A4-Blatt\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 \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 \u003cspan\u003eIdeal für Genießer:innen, Paare \u0026amp; Freunde\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e\u003cspan\u003eDiese digitale Gutscheinvorlage für eine Weinwanderung an der Mosel entführt deine Liebsten auf eine unvergessliche Tour durch die Weinlandschaft. Nach dem Kauf lädst du die Datei bequem herunter und öffnest sie am Computer. In den interaktiven Textfeldern trägst du den Namen des Beschenkten, den Termin und deine persönlichen Wünsche ein. Dann druckst du den Gutschein einfach auf schönem Papier oder Karton aus, schneidest ihn aus – fertig ist dein individuelles Geschenk für Weinliebhaber:innen!\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cspan\u003eOb für Familie, Freunde oder als Überraschung für einen besonderen Menschen – mit diesem Weinwanderung-Gutschein verschenkst du Vorfreude auf Natur, Genuss und gesellige Stunden an der Mosel. Jetzt bestellen, downloaden und pure Lebensfreude schenken!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum Weinwanderung-Gutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan\u003eWie erhalte ich den Weinwanderung-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 \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan\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\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Termin 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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan\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\"\u003e\n \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan\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\"\u003e\n \u003cdiv\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 Weinwanderung an der Mosel!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\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\/* 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":55337061319042,"sku":"00006","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-weinwanderung-1b-2.jpg?v=1778232935"},{"product_id":"gutschein-wohnmobil","title":"Gutschein Wohnmobil","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutscheinvorlage Wohnmobil – Digitaler Wohnmobil-Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Wohnmobil-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für alle, die Freiheit und Abenteuer lieben. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"wohnmobil-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eSchenke pures Abenteuer auf Rädern! Mit unserer liebevoll gestalteten Gutscheinvorlage für einen Wohnmobilurlaub verschenkst du grenzenlose Freiheit, Naturerlebnisse und unvergessliche Roadtrips – das perfekte Geschenk für alle, die das Unterwegssein lieben.\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\u003ePerfektes Format\u003c\/strong\u003e\n \u003cspan\u003e10 x 20 cm auf A4-Blatt\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eEinfache Bearbeitung\u003c\/strong\u003e\n \u003cspan\u003eDirekt am Computer personalisierbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eFür alle Abenteurer:innen\u003c\/strong\u003e\n \u003cspan\u003eIdeal für Roadtrips, Familien \u0026amp; Paare\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eMit dieser digitalen Gutscheinvorlage gestaltest du in wenigen Minuten dein persönliches Geschenk für alle, die Freiheit und Straße lieben. Nach dem Kauf lädst du die Datei bequem herunter und öffnest sie am Computer. In den interaktiven Textfeldern trägst du den Namen des Beschenkten, den Reisezeitraum und deine persönlichen Wünsche ein. Dann druckst du den Gutschein einfach auf schönem Papier oder Karton aus, schneidest ihn aus – fertig ist dein individuelles Wohnmobil-Abenteuer-Geschenk!\u003c\/span\u003e\u003c\/p\u003e\n \n \u003cp\u003e\u003cspan\u003eOb für Familie, Freunde oder als Überraschung für einen besonderen Menschen – mit diesem Wohnmobil-Gutschein verschenkst du Vorfreude auf grenzenlose Erlebnisse, Natur und Freiheit. Jetzt bestellen, downloaden und Abenteuer schenken!\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 Wohnmobil-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 Wohnmobil-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, Reisezeitraum 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 Wohnmobilurlaub!\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\n\/* ... (CSS wie in deinem Beispiel, siehe oben) ... *\/\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\/* 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":55337076162946,"sku":"00007","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-wohnmobil-wochenende-1-2.jpg?v=1778233007"},{"product_id":"gaming-gutschein","title":"Gaming Gutschein Vorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta content=\"Gaming Gutschein Vorlage – Digitaler Gaming-Gutschein im Pixel-Art-Look zum Ausdrucken\" itemprop=\"name\"\u003e\n\u003cmeta content=\"Verschenke das nächste Level an Freude mit unserer personalisierbaren Gaming Gutschein Vorlage im Pixel-Art-Look. Perfekt für Gamer:innen – sofort downloaden, individuell gestalten und ausdrucken!\" itemprop=\"description\"\u003e\n\u003cmeta content=\"gaming-gutschein-vorlage-pdf\" itemprop=\"sku\"\u003e\n\u003cmeta content=\"Gutschein Vorlagen\" itemprop=\"category\"\u003e\n\u003cp\u003e\u003cspan\u003eSchenke das nächste Level an Freude! Mit unserer stylischen Gaming Gutschein Vorlage im Pixel-Art-Look verschenkst du pure Begeisterung für jedes Zockerherz – das perfekte Geschenk für Gamer:innen, egal ob PC, Konsole oder Mobile.\u003c\/span\u003e\u003c\/p\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\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 \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\u003ePerfekte Größe\u003c\/strong\u003e \u003cspan\u003eIm Gutscheinformat: 10 x 20 cm (Auf A4 Blatt)\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 \u003cspan\u003eName, Spiel, Konsole oder Guthabenbetrag 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 alle Gamer:innen\u003c\/strong\u003e \u003cspan\u003ePerfekt für PC, Konsole \u0026amp; Mobile\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eDiese digitale Vorlage ist das perfekte Geschenk für jeden Gamer und jede Gamerin. Das Design zeigt eine liebevoll gestaltete Pixel-Art-Figur, die ein Geschenk in den Händen hält – ein Anblick, der jedes Zockerherz höherschlagen lässt. Lade den Gutschein nach dem Kauf herunter, personalisiere ihn am Computer mit dem Namen, dem gewünschten Spiel, einer Konsole oder einem Guthabenbetrag und drucke ihn direkt zu Hause aus.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum Gaming-Gutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich die Gaming Gutschein Vorlage?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Spiel, Konsole oder Guthabenbetrag 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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDrucke den personalisierten Gutschein auf schönem Papier oder Karton aus, schneide ihn entlang der Markierung aus und überreiche ihn als kreatives Geschenk für Gamer:innen!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\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(function(btn) {\n btn.addEventListener('click', function() {\n const faqItem = btn.closest('.faq-item');\n \/\/ Optional: Nur eine FAQ gleichzeitig öffnen\n document.querySelectorAll('.faq-item').forEach(function(item) {\n if(item !== faqItem) item.classList.remove('active');\n });\n faqItem.classList.toggle('active');\n });\n});\n\u003c\/script\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55337088221570,"sku":"00008","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gaming-gutschein-1-2.jpg?v=1778233080"},{"product_id":"reisegutschein-ostsee","title":"Reisegutschein Ostsee","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta content=\"Reisegutschein Ostsee – Digitaler Ostsee Gutschein zum Ausdrucken\" itemprop=\"name\"\u003e\n\u003cmeta content=\"Verschenke einen personalisierbaren Ostsee-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für eine Auszeit am Meer. Sofort downloaden, individuell gestalten und Freude schenken!\" itemprop=\"description\"\u003e\n\u003cmeta content=\"ostsee-gutschein-vorlage-pdf\" itemprop=\"sku\"\u003e\n\u003cmeta content=\"Gutschein Vorlagen\" itemprop=\"category\"\u003e\n\u003cp\u003e\u003cspan\u003eTräumst du von einem kleinen Ostsee-Urlaub oder möchtest jemandem eine besondere Freude machen? Mit unserem digitalen Ostsee Gutschein kannst du genau das – und das ganz unkompliziert selbst gestalten!\u003c\/span\u003e\u003c\/p\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\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 \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\u003ePerfektes Format\u003c\/strong\u003e \u003cspan\u003eIm Gutscheinformat: 10 x 20 cm (Auf A4 Blatt)\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 \u003cspan\u003eDirekt am Computer personalisierbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eFür alle Ostsee-Fans\u003c\/strong\u003e \u003cspan\u003eIdeal für Familie, Freunde \u0026amp; Paare\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eUnsere Gutscheinvorlage im PDF-Format ist kinderleicht zu personalisieren. Dank der interaktiven Textfelder kannst du den Gutschein direkt am Computer ausfüllen – ganz ohne zusätzliche Software. Einfach downloaden, deine persönlichen Daten eintragen, ausdrucken und schon ist dein Ostsee-Gutschein fertig!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum Ostsee-Gutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich den Ostsee-Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Reisezeitraum 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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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 Auszeit an der Ostsee!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\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(function(btn) {\n btn.addEventListener('click', function() {\n const faqItem = btn.closest('.faq-item');\n \/\/ Optional: Nur eine FAQ gleichzeitig öffnen\n document.querySelectorAll('.faq-item').forEach(function(item) {\n if(item !== faqItem) item.classList.remove('active');\n });\n faqItem.classList.toggle('active');\n });\n});\n\u003c\/script\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55337094218114,"sku":"00009","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/reisegutschein-ostsee-1.jpg?v=1778233156"},{"product_id":"dein-koln-gutschein","title":"Dein Köln Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta itemprop=\"name\" content=\"Dein Köln Gutschein – Digitaler Gutschein für Köln zum Ausdrucken\"\u003e\n\u003cmeta itemprop=\"description\" content=\"Verschenke ein unvergessliches Erlebnis mit unserem personalisierbaren Köln Gutschein als PDF-Vorlage zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n\u003cmeta itemprop=\"sku\" content=\"koeln-gutschein-vorlage-pdf\"\u003e\n\u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\u003cp\u003e\u003cspan\u003eVerschenke ein unvergessliches Erlebnis mit unserem personalisierbaren Köln Gutschein! \u003c\/span\u003e\u003c\/p\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\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 \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\u003ePerfekte Größe\u003c\/strong\u003e \u003cspan\u003eIm Gutscheinformat: 10 x 20 cm (Auf A4 Blatt)\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 \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 \u003cspan\u003eOb Ausflug, Überraschung oder Geburtstag\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eMit den interaktiven Textfeldern kannst du deine persönliche Nachricht ganz einfach einfügen. So wird der Gutschein individuell und einzigartig, genau wie dein Geschenkempfänger. Nach dem einfachen Download kannst du den Gutschein direkt personalisieren, ausdrucken und ausschneiden – in wenigen Minuten bereit für deine Überraschung!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum Köln Gutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n \u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich den Köln Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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 Köln-Ausflug!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\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(function(btn) {\n btn.addEventListener('click', function() {\n const faqItem = btn.closest('.faq-item');\n \/\/ Optional: Nur eine FAQ gleichzeitig öffnen\n document.querySelectorAll('.faq-item').forEach(function(item) {\n if(item !== faqItem) item.classList.remove('active');\n });\n faqItem.classList.toggle('active');\n });\n});\n\u003c\/script\u003e\n\u003cp\u003e\u003cspan\u003eOb für einen spontanen Ausflug in die tolle Stadt Köln oder als besonderes Geschenk für einen lieben Menschen – dieser Gutschein macht jeden Tag zu einem Highlight.\u003c\/span\u003e\u003c\/p\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55337104179586,"sku":"00010","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-koeln-1.jpg?v=1778233235"},{"product_id":"tattoo-gutscheinvorlage","title":"Tattoo Gutscheinvorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta itemprop=\"name\" content=\"Tattoo Gutschein Vorlage – Digitaler Tattoo-Gutschein zum Ausdrucken\"\u003e\n\u003cmeta itemprop=\"description\" content=\"Verschenke ein unvergessliches Tattoo-Erlebnis mit unserer personalisierbaren Tattoo Gutschein Vorlage als PDF zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n\u003cmeta itemprop=\"sku\" content=\"tattoo-gutschein-vorlage-pdf\"\u003e\n\u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\u003cp\u003e\u003cspan\u003eBist du auf der Suche nach einem einzigartigen Geschenk? Dann haben wir den perfekten Tattoo Gutschein zum Personalisieren für dich! \u003c\/span\u003e\u003c\/p\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\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 \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\u003ePerfekte Größe\u003c\/strong\u003e \u003cspan\u003eIm Gutscheinformat: 10 x 20 cm (Auf A4 Blatt)\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 \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 \u003cspan\u003eGeburtstag, Überraschung oder einfach so\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eOb als Geburtstagsgeschenk, als Überraschung für einen besonderen Anlass oder einfach als Zeichen deiner Liebe und Wertschätzung für jemanden, der Tattoos liebt – mit diesem Gutschein liegst du immer richtig.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eUnsere Gutscheinvorlage ist nicht nur eine großartige Möglichkeit, ein besonderes Erlebnis für Tattoo-Liebhaber zu verschenken, sondern auch eine praktische und flexible Geschenkidee. Der Gutschein-Betrag kann flexibel eingetragen werden und ist die perfekte Wahl, wenn du nach einem originellen und individuellen Geschenk für einen Tattoo-Liebhaber suchst.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum Tattoo Gutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n \u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich den Tattoo Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Betrag und persönliche Wünsche direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDrucke den personalisierten Gutschein auf schönem Papier oder Karton aus, schneide ihn entlang der Markierung aus und überreiche ihn als kreatives Geschenk für Tattoo-Liebhaber:innen!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\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(function(btn) {\n btn.addEventListener('click', function() {\n const faqItem = btn.closest('.faq-item');\n \/\/ Optional: Nur eine FAQ gleichzeitig öffnen\n document.querySelectorAll('.faq-item').forEach(function(item) {\n if(item !== faqItem) item.classList.remove('active');\n });\n faqItem.classList.toggle('active');\n });\n});\n\u003c\/script\u003e\n\u003cp\u003e\u003cspan\u003eMit unserem Geschenkgutschein kannst du deinen Liebsten ein unvergessliches Tattoo-Erlebnis schenken, das sie für immer in Erinnerung behalten werden.\u003c\/span\u003e\u003c\/p\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55337116369282,"sku":"00011","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/tattoo-gutschein-2.jpg?v=1778233307"},{"product_id":"gutschein-gemeinsames-fruhstuck","title":"Gutschein gemeinsames Frühstück","description":"\u003c!-- ============================================================\n GEO-OPTIMIERTER PRODUKTBLOCK – Frühstücks-Gutschein als PDF\n - JSON-LD: Product + FAQPage (Schema.org)\n - Semantische Headings: h1, h3\n - lang=\"de\", itemprop-Mikrodaten\n - Maße als Fließtext unter der Überschrift\n - aria-Attribute für FAQ-Toggle\n - Keine Prozess-Schritte\n ============================================================ --\u003e\n\n\u003c!-- Strukturierte Daten: Product --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Product\",\n \"name\": \"Gutschein für ein gemeinsames Frühstück – PDF-Vorlage zum Ausdrucken\",\n \"description\": \"Personalisierbarer Frühstücks-Gutschein als PDF-Vorlage im Postkartenformat 14,8 × 10,5 cm. Interaktive Textfelder direkt am Computer ausfüllen, ausdrucken und verschenken. Sofort-Download nach dem Kauf. Ideal als Dankeschön oder liebevolle Einladung zu zweit.\",\n \"sku\": \"fruehstueck-gutschein-vorlage-pdf\",\n \"category\": \"Gutschein Vorlagen\",\n \"brand\": {\n \"@type\": \"Brand\",\n \"name\": \"Manufaktur Ratingen\"\n },\n \"width\": {\n \"@type\": \"QuantitativeValue\",\n \"value\": 14.8,\n \"unitCode\": \"CMT\"\n },\n \"height\": {\n \"@type\": \"QuantitativeValue\",\n \"value\": 10.5,\n \"unitCode\": \"CMT\"\n },\n \"offers\": {\n \"@type\": \"Offer\",\n \"availability\": \"https:\/\/schema.org\/InStock\",\n \"itemCondition\": \"https:\/\/schema.org\/NewCondition\"\n }\n}\n\u003c\/script\u003e\n\n\u003c!-- Strukturierte Daten: FAQPage --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"Wie erhalte ich den Frühstücks-Gutschein?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Nach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Wie kann ich den Gutschein personalisieren?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Die PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Wunschort und eine persönliche Nachricht direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Welche Software benötige ich?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Du 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.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Wie verschenke ich den Gutschein?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Drucke 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 gemeinsames Frühstück.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Für welche Anlässe eignet sich der Frühstücks-Gutschein?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Der Gutschein eignet sich als Dankeschön, zum Muttertag, Valentinstag, Jahrestag oder einfach als spontane Einladung für gemeinsame Zeit – ob zu Hause, im Café oder im Restaurant.\"\n }\n }\n ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"product-custom-style\" lang=\"de\" itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n\n \u003c!-- Produktbeschreibung --\u003e\n \u003cdiv class=\"product-description\" role=\"region\" aria-label=\"Produktbeschreibung\"\u003e\n\n \u003ch2 itemprop=\"name\"\u003eGutschein für ein gemeinsames Frühstück – PDF-Vorlage zum Ausdrucken\u003c\/h2\u003e\n \u003cp\u003e\u003cem\u003eWeil gemeinsame Zeit das schönste Geschenk ist – und es manchmal nur einen Gutschein braucht, um sie zu planen.\u003c\/em\u003e\u003c\/p\u003e\n\n \u003cp itemprop=\"description\"\u003eManchmal ist das Beste, was man schenken kann, ein Versprechen. Ein gemeinsames Frühstück – irgendwann, irgendwo, zu zweit. Dieser Gutschein macht genau das möglich: persönlich gestaltet, sofort ausgedruckt, liebevoll überreicht. Name, Wunschort und eine persönliche Nachricht trägst du direkt in die interaktiven Textfelder ein. Kein Programm, kein Aufwand – einfach herunterladen, ausfüllen, drucken.\u003c\/p\u003e\n\n \u003cp\u003eOb zu Hause beim selbst gemachten Frühstück, im Lieblingscafé oder in einem schönen Restaurant – wer den Gutschein bekommt, darf selbst entscheiden. Das macht ihn zu einem Geschenk, das wirklich passt.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- Feature Grid --\u003e\n \u003cdiv class=\"feature-grid\" role=\"region\" aria-label=\"Produkteigenschaften\"\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e⬇️\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eSofort als PDF downloaden\u003c\/h3\u003e\n \u003cspan\u003eDirekt nach dem Kauf verfügbar – kein Warten, keine Lieferzeit.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e✏️\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eDirekt am Computer personalisieren\u003c\/h3\u003e\n \u003cspan\u003eInteraktive Textfelder für Namen, Ort und Nachricht – nur Adobe Reader nötig, den die meisten schon haben.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e📮\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eKlassisches Postkartenformat\u003c\/h3\u003e\n \u003cspan\u003e14,8 × 10,5 cm – einfach ausdrucken, ausschneiden und überreichen.\u003cspan itemprop=\"width\" itemscope itemtype=\"https:\/\/schema.org\/QuantitativeValue\"\u003e\u003cmeta itemprop=\"value\" content=\"14.8\"\u003e\n\u003cmeta itemprop=\"unitCode\" content=\"CMT\"\u003e\u003c\/span\u003e\u003cspan itemprop=\"height\" itemscope itemtype=\"https:\/\/schema.org\/QuantitativeValue\"\u003e\u003cmeta itemprop=\"value\" content=\"10.5\"\u003e\n\u003cmeta itemprop=\"unitCode\" content=\"CMT\"\u003e\u003c\/span\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e☕\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eFür jeden Anlass\u003c\/h3\u003e\n \u003cspan\u003eDankeschön, Muttertag, Valentinstag oder einfach so – ein Gutschein für gemeinsame Zeit passt immer.\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\" role=\"region\" aria-label=\"Weitere Details\"\u003e\n\n \u003cp\u003eEin gemeinsames Frühstück klingt nach einer kleinen Sache. Aber wer kennt das nicht: Man nimmt sich vor, endlich mal wieder in Ruhe zusammen zu frühstücken – und dann kommt immer was dazwischen. Dieser Gutschein macht daraus ein echtes Versprechen. Schriftlich, persönlich, mit einem Datum, das man sich dann auch wirklich vornimmt.\u003c\/p\u003e\n\n \u003cp\u003eDie Vorlage ist im klassischen Postkartenformat gehalten – handlich, hübsch und sofort bereit zum Überreichen. Auf schönem Papier oder Karton gedruckt wirkt sie besonders wertig. Wer mag, steckt sie in ein kleines Kuvert dazu.\u003c\/p\u003e\n\n \u003cp\u003eDie Personalisierung ist wirklich unkompliziert: PDF öffnen, Textfelder ausfüllen, drucken. Der kostenlose Adobe Acrobat Reader reicht völlig aus – kein Canva, kein Word, keine Einarbeitung. In wenigen Minuten fertig, in wenigen Minuten verschenkt.\u003c\/p\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eSo geht's:\u003c\/strong\u003e\u003cbr\u003e\n ⬇️ PDF nach dem Kauf sofort herunterladen.\u003cbr\u003e\n ✏️ Name, Ort und Nachricht in die Textfelder eingeben.\u003cbr\u003e\n 🖨️ Ausdrucken und ausschneiden.\u003cbr\u003e\n ☕ Überreichen – und dann wirklich frühstücken gehen.\n \u003c\/p\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eDetails:\u003c\/strong\u003e\u003cbr\u003e\n Format: 14,8 × 10,5 cm (Postkartenformat DIN A6)\u003cbr\u003e\n Dateiformat: PDF mit interaktiven Textfeldern\u003cbr\u003e\n Benötigte Software: Adobe Acrobat Reader (kostenlos)\u003cbr\u003e\n Lieferung: Sofort-Download nach dem Kauf\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- FAQ Sektion --\u003e\n \u003cdiv class=\"faq-section\" role=\"region\" aria-label=\"Häufige Fragen\"\u003e\n \u003ch2\u003eHäufige Fragen zum Frühstücks-Gutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-1\" id=\"faq-btn-1\"\u003e\n \u003cspan\u003eWie erhalte ich den Frühstücks-Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-1\" role=\"region\" aria-labelledby=\"faq-btn-1\" hidden\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\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-2\" id=\"faq-btn-2\"\u003e\n \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-2\" role=\"region\" aria-labelledby=\"faq-btn-2\" hidden\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Wunschort 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\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-3\" id=\"faq-btn-3\"\u003e\n \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-3\" role=\"region\" aria-labelledby=\"faq-btn-3\" hidden\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\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-4\" id=\"faq-btn-4\"\u003e\n \u003cspan\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-4\" role=\"region\" aria-labelledby=\"faq-btn-4\" hidden\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 gemeinsames Frühstück.\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\" aria-expanded=\"false\" aria-controls=\"faq-answer-5\" id=\"faq-btn-5\"\u003e\n \u003cspan\u003eFür welche Anlässe eignet sich der Frühstücks-Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-5\" role=\"region\" aria-labelledby=\"faq-btn-5\" hidden\u003e\n \u003cp\u003eDer Gutschein eignet sich als Dankeschön, zum Muttertag, Valentinstag, Jahrestag oder einfach als spontane Einladung für gemeinsame Zeit – ob zu Hause, im Café oder im Restaurant.\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 * {\n box-sizing: border-box;\n }\n\n .product-custom-style {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.7;\n color: #333;\n }\n\n .product-custom-style h1 {\n font-size: 1.1em;\n font-weight: 700;\n margin: 0 0 0.4em 0;\n color: #222;\n line-height: 1.4;\n }\n\n .product-custom-style .feature-text h3 {\n font-size: 1em;\n font-weight: 700;\n color: #222;\n display: block;\n margin: 0 0 0.2em 0;\n }\n\n .product-custom-style .product-description p,\n .product-custom-style .extended-description p {\n margin: 0 0 1.2em 0;\n }\n\n .product-custom-style .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.2em;\n margin: 2em 0;\n padding: 1.4em;\n background: #f7f5f2;\n border-radius: 16px;\n border: 1px solid #ece7e1;\n }\n\n .product-custom-style .feature-item {\n display: flex;\n gap: 0.9em;\n align-items: flex-start;\n }\n\n .product-custom-style .feature-icon {\n font-size: 1.3em;\n flex-shrink: 0;\n line-height: 1;\n margin-top: 2px;\n }\n\n .product-custom-style .feature-text span {\n font-size: 0.95em;\n color: #5f5a55;\n display: block;\n }\n\n .product-custom-style .faq-section {\n max-width: 860px;\n margin: 2.8em auto 0 auto;\n }\n\n .product-custom-style .faq-section h2 {\n font-size: 1.45em;\n margin-bottom: 1em;\n color: #2f2a26;\n }\n\n .product-custom-style .faq-container {\n display: grid;\n gap: 0.8em;\n }\n\n .product-custom-style .faq-item {\n border: 1px solid #e8e1d8;\n border-radius: 14px;\n background: #fffdfb;\n overflow: hidden;\n box-shadow: 0 1px 3px rgba(0,0,0,0.03);\n transition: box-shadow 0.2s ease, border-color 0.2s ease;\n }\n\n .product-custom-style .faq-item:hover {\n box-shadow: 0 6px 18px rgba(0,0,0,0.05);\n border-color: #ddd2c5;\n }\n\n .product-custom-style .faq-question {\n width: 100%;\n padding: 1.05em 1.15em;\n background: #fffdfb;\n border: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n cursor: pointer;\n text-align: left;\n font: inherit;\n color: #2f2a26;\n font-weight: 600;\n }\n\n .product-custom-style .faq-question span {\n flex: 1;\n }\n\n .product-custom-style .faq-icon {\n width: 22px;\n height: 22px;\n color: #8b7d6e;\n transition: transform 0.25s ease, color 0.25s ease;\n flex-shrink: 0;\n }\n\n .product-custom-style .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n background: #fcfaf7;\n }\n\n .product-custom-style .faq-answer[hidden] {\n display: block;\n max-height: 0;\n }\n\n .product-custom-style .faq-answer p {\n padding: 0 1.15em 1.05em 1.15em;\n margin: 0;\n color: #5f5a55;\n font-size: 0.96em;\n }\n\n .product-custom-style .faq-item.active .faq-icon {\n transform: rotate(45deg);\n color: #5f5246;\n }\n\n .product-custom-style .faq-item.active .faq-answer {\n max-height: 220px;\n }\n\n @media (max-width: 600px) {\n .product-custom-style {\n line-height: 1.65;\n }\n\n .product-custom-style .feature-grid {\n grid-template-columns: 1fr;\n padding: 1em;\n }\n\n .product-custom-style .faq-question {\n padding: 0.95em 1em;\n font-size: 0.97em;\n }\n\n .product-custom-style .faq-answer p {\n padding: 0 1em 0.95em 1em;\n font-size: 0.92em;\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 isActive = item.classList.contains('active');\n\n document.querySelectorAll('.product-custom-style .faq-item').forEach(faq =\u003e {\n faq.classList.remove('active');\n faq.querySelector('.faq-question').setAttribute('aria-expanded', 'false');\n });\n\n if (!isActive) {\n item.classList.add('active');\n button.setAttribute('aria-expanded', 'true');\n }\n });\n });\n \u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55337661366658,"sku":"00012","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/Fruehstueck-Vorlage-Gutschein-selber-machen-4.jpg?v=1778233396"},{"product_id":"boarding-pass-vorlage","title":"Boarding Pass Vorlage","description":"\u003c!-- ============================================================\n GEO-OPTIMIERTER PRODUKTBLOCK – Boarding Pass Vorlage als PDF\n - JSON-LD: Product + FAQPage (Schema.org)\n - Semantische Headings: h1, h3\n - lang=\"de\", itemprop-Mikrodaten\n - Maße als Fließtext unter der Überschrift\n - aria-Attribute für FAQ-Toggle\n - Keine Prozess-Schritte\n ============================================================ --\u003e\n\n\u003c!-- Strukturierte Daten: Product --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Product\",\n \"name\": \"Boarding Pass Vorlage – Reisegutschein im Flugticket-Look als PDF zum Ausdrucken\",\n \"description\": \"Personalisierbarer Reisegutschein im Boarding-Pass-Design als PDF-Vorlage. Format 10 × 20 cm auf DIN-A4. Name, Zielort und persönliche Nachricht direkt am Computer ausfüllen, ausdrucken und verschenken. Sofort-Download nach dem Kauf. Ideal für Geburtstag, Jubiläum oder Hochzeit.\",\n \"sku\": \"boardingpass-gutschein-vorlage-pdf\",\n \"category\": \"Gutschein Vorlagen\",\n \"brand\": {\n \"@type\": \"Brand\",\n \"name\": \"Manufaktur Ratingen\"\n },\n \"width\": {\n \"@type\": \"QuantitativeValue\",\n \"value\": 20,\n \"unitCode\": \"CMT\"\n },\n \"height\": {\n \"@type\": \"QuantitativeValue\",\n \"value\": 10,\n \"unitCode\": \"CMT\"\n },\n \"offers\": {\n \"@type\": \"Offer\",\n \"availability\": \"https:\/\/schema.org\/InStock\",\n \"itemCondition\": \"https:\/\/schema.org\/NewCondition\"\n }\n}\n\u003c\/script\u003e\n\n\u003c!-- Strukturierte Daten: FAQPage --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"Wie erhalte ich die Boarding Pass Vorlage?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Nach dem Kauf steht dir die Vorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Wie kann ich den Boarding Pass personalisieren?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Die PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Zielort und persönliche Nachrichten direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Welche Software benötige ich?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Du 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.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Für welche Anlässe eignet sich die Vorlage?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Die Boarding Pass Vorlage ist ideal als Reisegutschein für Geburtstage, Jubiläen, Hochzeiten oder als kreative Überraschung für alle, die das Reisen lieben.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Muss der Zielort eine echte Reise sein?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Nein. Du kannst jeden beliebigen Ort eintragen – ob ein echter Reisetraum, ein gemeinsames Wochenende in der nächsten Stadt oder ein symbolischer Wunschort. Die Vorlage funktioniert für jede Art von Einladung oder Gutschein.\"\n }\n }\n ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"product-custom-style\" lang=\"de\" itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n\n \u003c!-- Produktbeschreibung --\u003e\n \u003cdiv class=\"product-description\" role=\"region\" aria-label=\"Produktbeschreibung\"\u003e\n\n \u003ch2 itemprop=\"name\"\u003eBoarding Pass Vorlage – Reisegutschein im Flugticket-Look als PDF\u003c\/h2\u003e\n \u003cp\u003e\u003cem\u003eFür alle, die jemandem Vorfreude schenken wollen – auf eine Reise, ein Abenteuer oder einfach auf gemeinsame Zeit.\u003c\/em\u003e\u003c\/p\u003e\n\n \u003cp itemprop=\"description\"\u003eManche Geschenke sind schöner als das, was dahintersteckt. Ein Gutschein im Boarding-Pass-Format ist so eines. Er sieht aus wie ein echtes Flugticket, fühlt sich nach Aufbruch an – und macht schon beim Auspacken klar, dass sich hier jemand wirklich etwas gedacht hat. Name, Zielort und eine persönliche Nachricht trägst du direkt in die interaktiven Textfelder ein. Herunterladen, ausfüllen, ausdrucken – fertig.\u003c\/p\u003e\n\n \u003cp\u003eDer Zielort muss übrigens keine echte Reise sein. Ein Wochenendtrip in die nächste Stadt, ein Konzert, ein gemeinsames Abendessen – der Boarding Pass macht aus jedem Erlebnis etwas, worauf man sich freut.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- Feature Grid --\u003e\n \u003cdiv class=\"feature-grid\" role=\"region\" aria-label=\"Produkteigenschaften\"\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e✈️\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eEchter Boarding-Pass-Look\u003c\/h3\u003e\n \u003cspan\u003eStilvoll gestaltet im Flugticket-Design – sieht aus wie das Original und macht sofort Vorfreude.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e✏️\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eName, Zielort \u0026amp; Nachricht anpassen\u003c\/h3\u003e\n \u003cspan\u003eInteraktive Textfelder direkt im PDF ausfüllen – kein Grafikprogramm, nur Adobe Reader nötig.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e📐\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eKlassisches Gutscheinformat\u003c\/h3\u003e\n \u003cspan\u003e10 × 20 cm auf einem DIN-A4-Blatt – einfach ausschneiden und überreichen.\u003cspan itemprop=\"width\" itemscope itemtype=\"https:\/\/schema.org\/QuantitativeValue\"\u003e\u003cmeta itemprop=\"value\" content=\"20\"\u003e\n\u003cmeta itemprop=\"unitCode\" content=\"CMT\"\u003e\u003c\/span\u003e\u003cspan itemprop=\"height\" itemscope itemtype=\"https:\/\/schema.org\/QuantitativeValue\"\u003e\u003cmeta itemprop=\"value\" content=\"10\"\u003e\n\u003cmeta itemprop=\"unitCode\" content=\"CMT\"\u003e\u003c\/span\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e⬇️\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eSofort als PDF downloaden\u003c\/h3\u003e\n \u003cspan\u003eDirekt nach dem Kauf verfügbar – kein Warten, keine Lieferzeit, sofort loslegen.\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\" role=\"region\" aria-label=\"Weitere Details\"\u003e\n\n \u003cp\u003eEs gibt Geschenke, bei denen die Verpackung schon die halbe Freude ist. Dieser Boarding Pass ist so eines. Wer ihn in die Hand bekommt, denkt sofort ans Einsteigen, ans Abheben, ans Ankommen irgendwo, wo man noch nicht war. Dieses Gefühl – das ist das eigentliche Geschenk.\u003c\/p\u003e\n\n \u003cp\u003eDie Vorlage funktioniert für jede Art von Erlebnis: eine echte Flugreise, ein Städtetrip, ein Kurzurlaub am Meer oder einfach ein Konzertbesuch in der nächsten Stadt. Du trägst den Ort ein, den du im Kopf hast, und die Vorlage macht daraus ein Ticket, das sich anfühlt wie der erste Schritt dorthin.\u003c\/p\u003e\n\n \u003cp\u003eAuf gutem Druckerpapier sieht der Boarding Pass bereits sehr schön aus. Wer es besonders hochwertig mag, druckt auf Fotopapier oder leichtem Karton – dann fühlt er sich fast wie das echte Ding an.\u003c\/p\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eSo geht's:\u003c\/strong\u003e\u003cbr\u003e\n ⬇️ PDF nach dem Kauf sofort herunterladen.\u003cbr\u003e\n ✏️ Name, Zielort und Nachricht in die Textfelder eingeben.\u003cbr\u003e\n 🖨️ Ausdrucken und ausschneiden.\u003cbr\u003e\n ✈️ Überreichen – und die Vorfreude beginnt.\n \u003c\/p\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eDetails:\u003c\/strong\u003e\u003cbr\u003e\n Format: 10 × 20 cm (auf DIN-A4-Blatt)\u003cbr\u003e\n Dateiformat: PDF mit interaktiven Textfeldern\u003cbr\u003e\n Benötigte Software: Adobe Acrobat Reader (kostenlos)\u003cbr\u003e\n Lieferung: Sofort-Download nach dem Kauf\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- FAQ Sektion --\u003e\n \u003cdiv class=\"faq-section\" role=\"region\" aria-label=\"Häufige Fragen\"\u003e\n \u003ch2\u003eHäufige Fragen zur Boarding Pass Vorlage\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-1\" id=\"faq-btn-1\"\u003e\n \u003cspan\u003eWie erhalte ich die Boarding Pass Vorlage?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-1\" role=\"region\" aria-labelledby=\"faq-btn-1\" hidden\u003e\n \u003cp\u003eNach dem Kauf steht dir die Vorlage 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\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-2\" id=\"faq-btn-2\"\u003e\n \u003cspan\u003eWie kann ich den Boarding Pass personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-2\" role=\"region\" aria-labelledby=\"faq-btn-2\" hidden\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Zielort und persönliche Nachrichten direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\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\" aria-expanded=\"false\" aria-controls=\"faq-answer-3\" id=\"faq-btn-3\"\u003e\n \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-3\" role=\"region\" aria-labelledby=\"faq-btn-3\" hidden\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\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-4\" id=\"faq-btn-4\"\u003e\n \u003cspan\u003eFür welche Anlässe eignet sich die Vorlage?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-4\" role=\"region\" aria-labelledby=\"faq-btn-4\" hidden\u003e\n \u003cp\u003eDie Boarding Pass Vorlage ist ideal als Reisegutschein für Geburtstage, Jubiläen, Hochzeiten oder als kreative Überraschung für alle, die das Reisen lieben.\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\" aria-expanded=\"false\" aria-controls=\"faq-answer-5\" id=\"faq-btn-5\"\u003e\n \u003cspan\u003eMuss der Zielort eine echte Reise sein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-5\" role=\"region\" aria-labelledby=\"faq-btn-5\" hidden\u003e\n \u003cp\u003eNein. Du kannst jeden beliebigen Ort eintragen – ob ein echter Reisetraum, ein gemeinsames Wochenende in der nächsten Stadt oder ein symbolischer Wunschort. Die Vorlage funktioniert für jede Art von Einladung oder Gutschein.\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 * {\n box-sizing: border-box;\n }\n\n .product-custom-style {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.7;\n color: #333;\n }\n\n .product-custom-style h1 {\n font-size: 1.1em;\n font-weight: 700;\n margin: 0 0 0.4em 0;\n color: #222;\n line-height: 1.4;\n }\n\n .product-custom-style .feature-text h3 {\n font-size: 1em;\n font-weight: 700;\n color: #222;\n display: block;\n margin: 0 0 0.2em 0;\n }\n\n .product-custom-style .product-description p,\n .product-custom-style .extended-description p {\n margin: 0 0 1.2em 0;\n }\n\n .product-custom-style .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.2em;\n margin: 2em 0;\n padding: 1.4em;\n background: #f7f5f2;\n border-radius: 16px;\n border: 1px solid #ece7e1;\n }\n\n .product-custom-style .feature-item {\n display: flex;\n gap: 0.9em;\n align-items: flex-start;\n }\n\n .product-custom-style .feature-icon {\n font-size: 1.3em;\n flex-shrink: 0;\n line-height: 1;\n margin-top: 2px;\n }\n\n .product-custom-style .feature-text span {\n font-size: 0.95em;\n color: #5f5a55;\n display: block;\n }\n\n .product-custom-style .faq-section {\n max-width: 860px;\n margin: 2.8em auto 0 auto;\n }\n\n .product-custom-style .faq-section h2 {\n font-size: 1.45em;\n margin-bottom: 1em;\n color: #2f2a26;\n }\n\n .product-custom-style .faq-container {\n display: grid;\n gap: 0.8em;\n }\n\n .product-custom-style .faq-item {\n border: 1px solid #e8e1d8;\n border-radius: 14px;\n background: #fffdfb;\n overflow: hidden;\n box-shadow: 0 1px 3px rgba(0,0,0,0.03);\n transition: box-shadow 0.2s ease, border-color 0.2s ease;\n }\n\n .product-custom-style .faq-item:hover {\n box-shadow: 0 6px 18px rgba(0,0,0,0.05);\n border-color: #ddd2c5;\n }\n\n .product-custom-style .faq-question {\n width: 100%;\n padding: 1.05em 1.15em;\n background: #fffdfb;\n border: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n cursor: pointer;\n text-align: left;\n font: inherit;\n color: #2f2a26;\n font-weight: 600;\n }\n\n .product-custom-style .faq-question span {\n flex: 1;\n }\n\n .product-custom-style .faq-icon {\n width: 22px;\n height: 22px;\n color: #8b7d6e;\n transition: transform 0.25s ease, color 0.25s ease;\n flex-shrink: 0;\n }\n\n .product-custom-style .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n background: #fcfaf7;\n }\n\n .product-custom-style .faq-answer[hidden] {\n display: block;\n max-height: 0;\n }\n\n .product-custom-style .faq-answer p {\n padding: 0 1.15em 1.05em 1.15em;\n margin: 0;\n color: #5f5a55;\n font-size: 0.96em;\n }\n\n .product-custom-style .faq-item.active .faq-icon {\n transform: rotate(45deg);\n color: #5f5246;\n }\n\n .product-custom-style .faq-item.active .faq-answer {\n max-height: 220px;\n }\n\n @media (max-width: 600px) {\n .product-custom-style {\n line-height: 1.65;\n }\n\n .product-custom-style .feature-grid {\n grid-template-columns: 1fr;\n padding: 1em;\n }\n\n .product-custom-style .faq-question {\n padding: 0.95em 1em;\n font-size: 0.97em;\n }\n\n .product-custom-style .faq-answer p {\n padding: 0 1em 0.95em 1em;\n font-size: 0.92em;\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 isActive = item.classList.contains('active');\n\n document.querySelectorAll('.product-custom-style .faq-item').forEach(faq =\u003e {\n faq.classList.remove('active');\n faq.querySelector('.faq-question').setAttribute('aria-expanded', 'false');\n });\n\n if (!isActive) {\n item.classList.add('active');\n button.setAttribute('aria-expanded', 'true');\n }\n });\n });\n \u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55340531253634,"sku":"00013","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/boarding-pass-vorlage-1.jpg?v=1751086892"},{"product_id":"gutscheinvorlage-essen-gehen","title":"Gutscheinvorlage Essen gehen","description":"\u003c!-- ============================================================\n GEO-OPTIMIERTER PRODUKTBLOCK – Gutschein Essen gehen als PDF\n - JSON-LD: Product + FAQPage (Schema.org)\n - Semantische Headings: h1, h3\n - lang=\"de\", itemprop-Mikrodaten\n - Maße als Fließtext unter der Überschrift\n - aria-Attribute für FAQ-Toggle\n - Keine Prozess-Schritte\n ============================================================ --\u003e\n\n\u003c!-- Strukturierte Daten: Product --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Product\",\n \"name\": \"Gutschein Essen gehen – Elegante Gutscheinvorlage als PDF zum Ausdrucken\",\n \"description\": \"Elegante Gutscheinvorlage zum Essen gehen als PDF im Postkartenformat 14,8 × 10,5 cm. Interaktive Textfelder für Namen, Restaurant und persönliche Nachricht direkt am Computer ausfüllen, ausdrucken und verschenken. Sofort-Download nach dem Kauf.\",\n \"sku\": \"essen-gehen-gutschein-vorlage-pdf\",\n \"category\": \"Gutschein Vorlagen\",\n \"brand\": {\n \"@type\": \"Brand\",\n \"name\": \"Manufaktur Ratingen\"\n },\n \"width\": {\n \"@type\": \"QuantitativeValue\",\n \"value\": 14.8,\n \"unitCode\": \"CMT\"\n },\n \"height\": {\n \"@type\": \"QuantitativeValue\",\n \"value\": 10.5,\n \"unitCode\": \"CMT\"\n },\n \"offers\": {\n \"@type\": \"Offer\",\n \"availability\": \"https:\/\/schema.org\/InStock\",\n \"itemCondition\": \"https:\/\/schema.org\/NewCondition\"\n }\n}\n\u003c\/script\u003e\n\n\u003c!-- Strukturierte Daten: FAQPage --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"Wie erhalte ich die Gutscheinvorlage?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Nach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Wie kann ich den Gutschein personalisieren?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Die PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Restaurant und persönliche Nachricht direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Welche Software benötige ich?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Du 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.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Wie verschenke ich den Gutschein?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Drucke den personalisierten Gutschein auf schönem Papier oder Karton aus, schneide ihn entlang der Markierung aus und überreiche ihn als Einladung zu einem gemeinsamen Abendessen.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Für welche Anlässe eignet sich der Gutschein?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Der Gutschein passt als Dankeschön, zum Geburtstag, zum Muttertag, zum Jahrestag oder als spontane Einladung – für alle, die gemeinsame Zeit beim Essen schätzen.\"\n }\n }\n ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"product-custom-style\" lang=\"de\" itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n\n \u003c!-- Produktbeschreibung --\u003e\n \u003cdiv class=\"product-description\" role=\"region\" aria-label=\"Produktbeschreibung\"\u003e\n\n \u003ch2 itemprop=\"name\"\u003eGutschein Essen gehen – elegante Vorlage als PDF zum Ausdrucken\u003c\/h2\u003e\n \u003cp\u003e\u003cem\u003eWeil ein Abend zu zweit manchmal das schönste Geschenk ist – und dieser Gutschein macht ihn offiziell.\u003c\/em\u003e\u003c\/p\u003e\n\n \u003cp itemprop=\"description\"\u003eManchmal weiß man genau, was jemanden glücklich macht: ein schöner Abend, ein gutes Essen, entspannte Zeit zu zweit. Dieser Gutschein macht genau daraus ein richtiges Geschenk. Elegant gestaltet, persönlich ausgefüllt, auf schönem Papier ausgedruckt – und schon ist aus einer Idee eine echte Einladung geworden. Namen, Restaurant und eine persönliche Nachricht trägst du direkt in die Textfelder ein. Fertig in wenigen Minuten.\u003c\/p\u003e\n\n \u003cp\u003eDas PDF ist sofort nach dem Kauf verfügbar. Kein Warten, kein Versand – einfach herunterladen, ausfüllen, ausdrucken und überreichen.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- Feature Grid --\u003e\n \u003cdiv class=\"feature-grid\" role=\"region\" aria-label=\"Produkteigenschaften\"\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e🍽️\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eElegant gestaltet\u003c\/h3\u003e\n \u003cspan\u003eEin Gutschein, der aussieht wie ein echtes Geschenk – nicht wie ein ausgedruckter Zettel.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e✏️\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eDirekt am Computer personalisieren\u003c\/h3\u003e\n \u003cspan\u003eName, Restaurant und Nachricht in die Textfelder eingeben – nur Adobe Reader nötig.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e📮\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eKlassisches Postkartenformat\u003c\/h3\u003e\n \u003cspan\u003e14,8 × 10,5 cm – einfach ausdrucken, ausschneiden und überreichen.\u003cspan itemprop=\"width\" itemscope itemtype=\"https:\/\/schema.org\/QuantitativeValue\"\u003e\u003cmeta itemprop=\"value\" content=\"14.8\"\u003e\n\u003cmeta itemprop=\"unitCode\" content=\"CMT\"\u003e\u003c\/span\u003e\u003cspan itemprop=\"height\" itemscope itemtype=\"https:\/\/schema.org\/QuantitativeValue\"\u003e\u003cmeta itemprop=\"value\" content=\"10.5\"\u003e\n\u003cmeta itemprop=\"unitCode\" content=\"CMT\"\u003e\u003c\/span\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e⬇️\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eSofort als PDF downloaden\u003c\/h3\u003e\n \u003cspan\u003eDirekt nach dem Kauf verfügbar – kein Warten, keine Lieferzeit, sofort loslegen.\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\" role=\"region\" aria-label=\"Weitere Details\"\u003e\n\n \u003cp\u003eGemeinsam essen gehen klingt nach einer einfachen Sache. Aber wie oft schiebt man es auf? Der Alltag, der Kalender, irgendetwas kommt immer dazwischen. Dieser Gutschein macht aus der Idee ein Versprechen – schriftlich, persönlich, mit einem festen Platz auf dem Tisch, wenn er irgendwann eingelöst wird.\u003c\/p\u003e\n\n \u003cp\u003eDie Vorlage ist bewusst elegant gehalten, ohne überladen zu sein. Sie macht auf schönem Druckerpapier bereits einen guten Eindruck – auf Karton oder Fotopapier gedruckt wirkt sie noch wertiger. In ein kleines Kuvert gesteckt ist sie ein richtiges Geschenk, das sich auch so anfühlt.\u003c\/p\u003e\n\n \u003cp\u003eDu kannst das Restaurant selbst eintragen oder den Beschenkten wählen lassen. Beides funktioniert – je nachdem, ob du schon einen Lieblingsort habt oder die Entscheidung Teil des Abenteuers sein soll.\u003c\/p\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eSo geht's:\u003c\/strong\u003e\u003cbr\u003e\n ⬇️ PDF nach dem Kauf sofort herunterladen.\u003cbr\u003e\n ✏️ Namen, Restaurant und Nachricht in die Textfelder eingeben.\u003cbr\u003e\n 🖨️ Ausdrucken und ausschneiden.\u003cbr\u003e\n 🍽️ Überreichen – und dann wirklich hingehen.\n \u003c\/p\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eDetails:\u003c\/strong\u003e\u003cbr\u003e\n Format: 14,8 × 10,5 cm (Postkartenformat DIN A6)\u003cbr\u003e\n Dateiformat: PDF mit interaktiven Textfeldern\u003cbr\u003e\n Benötigte Software: Adobe Acrobat Reader (kostenlos)\u003cbr\u003e\n Lieferung: Sofort-Download nach dem Kauf\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- FAQ Sektion --\u003e\n \u003cdiv class=\"faq-section\" role=\"region\" aria-label=\"Häufige Fragen\"\u003e\n \u003ch2\u003eHäufige Fragen zum Gutschein Essen gehen\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-1\" id=\"faq-btn-1\"\u003e\n \u003cspan\u003eWie erhalte ich die Gutscheinvorlage?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-1\" role=\"region\" aria-labelledby=\"faq-btn-1\" hidden\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\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-2\" id=\"faq-btn-2\"\u003e\n \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-2\" role=\"region\" aria-labelledby=\"faq-btn-2\" hidden\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Restaurant 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\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-3\" id=\"faq-btn-3\"\u003e\n \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-3\" role=\"region\" aria-labelledby=\"faq-btn-3\" hidden\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\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-4\" id=\"faq-btn-4\"\u003e\n \u003cspan\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-4\" role=\"region\" aria-labelledby=\"faq-btn-4\" hidden\u003e\n \u003cp\u003eDrucke den personalisierten Gutschein auf schönem Papier oder Karton aus, schneide ihn entlang der Markierung aus und überreiche ihn als Einladung zu einem gemeinsamen Abendessen.\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\" aria-expanded=\"false\" aria-controls=\"faq-answer-5\" id=\"faq-btn-5\"\u003e\n \u003cspan\u003eFür welche Anlässe eignet sich der Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-5\" role=\"region\" aria-labelledby=\"faq-btn-5\" hidden\u003e\n \u003cp\u003eDer Gutschein passt als Dankeschön, zum Geburtstag, zum Muttertag, zum Jahrestag oder als spontane Einladung – für alle, die gemeinsame Zeit beim Essen schätzen.\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 * {\n box-sizing: border-box;\n }\n\n .product-custom-style {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.7;\n color: #333;\n }\n\n .product-custom-style h1 {\n font-size: 1.1em;\n font-weight: 700;\n margin: 0 0 0.4em 0;\n color: #222;\n line-height: 1.4;\n }\n\n .product-custom-style .feature-text h3 {\n font-size: 1em;\n font-weight: 700;\n color: #222;\n display: block;\n margin: 0 0 0.2em 0;\n }\n\n .product-custom-style .product-description p,\n .product-custom-style .extended-description p {\n margin: 0 0 1.2em 0;\n }\n\n .product-custom-style .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.2em;\n margin: 2em 0;\n padding: 1.4em;\n background: #f7f5f2;\n border-radius: 16px;\n border: 1px solid #ece7e1;\n }\n\n .product-custom-style .feature-item {\n display: flex;\n gap: 0.9em;\n align-items: flex-start;\n }\n\n .product-custom-style .feature-icon {\n font-size: 1.3em;\n flex-shrink: 0;\n line-height: 1;\n margin-top: 2px;\n }\n\n .product-custom-style .feature-text span {\n font-size: 0.95em;\n color: #5f5a55;\n display: block;\n }\n\n .product-custom-style .faq-section {\n max-width: 860px;\n margin: 2.8em auto 0 auto;\n }\n\n .product-custom-style .faq-section h2 {\n font-size: 1.45em;\n margin-bottom: 1em;\n color: #2f2a26;\n }\n\n .product-custom-style .faq-container {\n display: grid;\n gap: 0.8em;\n }\n\n .product-custom-style .faq-item {\n border: 1px solid #e8e1d8;\n border-radius: 14px;\n background: #fffdfb;\n overflow: hidden;\n box-shadow: 0 1px 3px rgba(0,0,0,0.03);\n transition: box-shadow 0.2s ease, border-color 0.2s ease;\n }\n\n .product-custom-style .faq-item:hover {\n box-shadow: 0 6px 18px rgba(0,0,0,0.05);\n border-color: #ddd2c5;\n }\n\n .product-custom-style .faq-question {\n width: 100%;\n padding: 1.05em 1.15em;\n background: #fffdfb;\n border: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n cursor: pointer;\n text-align: left;\n font: inherit;\n color: #2f2a26;\n font-weight: 600;\n }\n\n .product-custom-style .faq-question span {\n flex: 1;\n }\n\n .product-custom-style .faq-icon {\n width: 22px;\n height: 22px;\n color: #8b7d6e;\n transition: transform 0.25s ease, color 0.25s ease;\n flex-shrink: 0;\n }\n\n .product-custom-style .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n background: #fcfaf7;\n }\n\n .product-custom-style .faq-answer[hidden] {\n display: block;\n max-height: 0;\n }\n\n .product-custom-style .faq-answer p {\n padding: 0 1.15em 1.05em 1.15em;\n margin: 0;\n color: #5f5a55;\n font-size: 0.96em;\n }\n\n .product-custom-style .faq-item.active .faq-icon {\n transform: rotate(45deg);\n color: #5f5246;\n }\n\n .product-custom-style .faq-item.active .faq-answer {\n max-height: 220px;\n }\n\n @media (max-width: 600px) {\n .product-custom-style {\n line-height: 1.65;\n }\n\n .product-custom-style .feature-grid {\n grid-template-columns: 1fr;\n padding: 1em;\n }\n\n .product-custom-style .faq-question {\n padding: 0.95em 1em;\n font-size: 0.97em;\n }\n\n .product-custom-style .faq-answer p {\n padding: 0 1em 0.95em 1em;\n font-size: 0.92em;\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 isActive = item.classList.contains('active');\n\n document.querySelectorAll('.product-custom-style .faq-item').forEach(faq =\u003e {\n faq.classList.remove('active');\n faq.querySelector('.faq-question').setAttribute('aria-expanded', 'false');\n });\n\n if (!isActive) {\n item.classList.add('active');\n button.setAttribute('aria-expanded', 'true');\n }\n });\n });\n \u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55340553470338,"sku":"00014","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/Gutschein-essen-gehen-vorlage-1_1.jpg?v=1751096327"},{"product_id":"gutschein-essen-gehen","title":"Gutschein Essen gehen","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta itemprop=\"name\" content=\"Gutschein – Zusammen essen gehen | Stilvolle Gutscheinvorlage zum Ausdrucken\"\u003e\n\u003cmeta itemprop=\"description\" content=\"Verschenke einen stilvollen, personalisierbaren Gutschein zum Essen gehen – als PDF-Vorlage zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n\u003cmeta itemprop=\"sku\" content=\"essen-gehen-gutschein-vorlage-pdf\"\u003e\n\u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\u003cp\u003e\u003cspan\u003eSchenke das perfekte Geschenk mit dieser stilvollen Gutscheinvorlage! Wenn du jemanden zum Essen gehen einlädst, ist das etwas ganz Besonderes – vor allem, wenn du ihn oder sie mit einem einmaligen, personalisierten Gutschein überraschst.\u003c\/span\u003e\u003c\/p\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\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 \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\u003ePerfekte Größe\u003c\/strong\u003e \u003cspan\u003eIm Gutscheinformat: 10 x 20 cm (Auf A4 Blatt)\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 \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 \u003cspan\u003eIdeal für Einladungen, Geburtstage \u0026amp; Überraschungen\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eMit ein paar einfachen Schritten kannst du die Vorlage herunterladen, deinen eigenen Grußtext eingeben und hast im Handumdrehen einen wunderschönen, einzigartigen Gutschein, den du ausdrucken und verschenken kannst. Lade deinen Lieblingsmenschen mit diesem charmanten Geschenkgutschein zu einem Abend voller kulinarischer Köstlichkeiten ein – ein Geschenk für schöne Erinnerungen! Der Beschenkte wird sich über diesen Gutschein zum Essen gehen mit Sicherheit freuen.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum Essen gehen Gutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich die Gutscheinvorlage?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Restaurant 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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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 gemeinsames Essen!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\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(function(btn) {\n btn.addEventListener('click', function() {\n const faqItem = btn.closest('.faq-item');\n \/\/ Optional: Nur eine FAQ gleichzeitig öffnen\n document.querySelectorAll('.faq-item').forEach(function(item) {\n if(item !== faqItem) item.classList.remove('active');\n });\n faqItem.classList.toggle('active');\n });\n});\n\u003c\/script\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55340558451074,"sku":"00015","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/Essen-gehen-Gutschein-1-1_1.jpg?v=1751096359"},{"product_id":"reisegutschein-vorlage","title":"Reisegutschein Vorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta content=\"Reisegutschein basteln leicht gemacht – Gutscheinvorlage zum Ausdrucken\" itemprop=\"name\"\u003e\n\u003cmeta content=\"Mit unserer Reisegutschein-Vorlage ist das Basteln eines Reisegutscheins kinderleicht. PDF-Vorlage sofort downloaden, individuell gestalten und verschenken!\" itemprop=\"description\"\u003e\n\u003cmeta content=\"reisegutschein-basteln-vorlage-pdf\" itemprop=\"sku\"\u003e\n\u003cmeta content=\"Gutschein Vorlagen\" itemprop=\"category\"\u003e\n\u003cp\u003e\u003cspan\u003eDu suchst nach einer besonderen Geschenkidee, die deinen Liebsten ein Lächeln ins Gesicht zaubert? \u003c\/span\u003e\u003c\/p\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\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 \u003cspan\u003ePDF-Vorlage 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\u003ePerfekte Größe\u003c\/strong\u003e \u003cspan\u003eIm Gutscheinformat: 10 x 20 cm (Auf A4 Blatt)\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 \u003cspan\u003eName, Ziel, Nachricht \u0026amp; Betrag frei eintragbar\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n\u003cstrong\u003eFür jeden Anlass\u003c\/strong\u003e \u003cspan\u003eGeburtstag, Überraschung, Weihnachten \u0026amp; mehr\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eEntdecke jetzt die zahlreichen Vorteile dieser Gutscheinvorlage und wie sie dein Geschenk zu etwas ganz Persönlichem macht! Mit unserer benutzerfreundlichen Gutscheinvorlage ist das Reisegutschein basteln ein Kinderspiel. Lade die Vorlage herunter und passe sie ganz einfach an deine Wünsche an. So kannst du deinen Reisegutschein in wenigen Minuten gestalten und ausdrucken – ohne jeglichen Bastelstress.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum Reisegutschein basteln\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n \u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich die Reisegutschein-Vorlage?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie kann ich den Reisegutschein personalisieren?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Ziel, Betrag 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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eFür welche Anlässe eignet sich die Vorlage?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDie Reisegutschein-Vorlage ist ideal für Geburtstage, Weihnachten, Überraschungen oder einfach als liebevolle 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\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(function(btn) {\n btn.addEventListener('click', function() {\n const faqItem = btn.closest('.faq-item');\n \/\/ Optional: Nur eine FAQ gleichzeitig öffnen\n document.querySelectorAll('.faq-item').forEach(function(item) {\n if(item !== faqItem) item.classList.remove('active');\n });\n faqItem.classList.toggle('active');\n });\n});\n\u003c\/script\u003e\n\u003cp\u003e\u003cspan\u003eMit unserer Reisegutschein-Vorlage ist das Reisegutschein basteln kinderleicht und lässt die Vorfreude auf den Urlaub noch mehr steigen.\u003c\/span\u003e\u003c\/p\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55340584665474,"sku":"00016","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/reisegutschein-basteln-1.jpg?v=1751096398"},{"product_id":"geschenkgutschein-vorlage","title":"Geschenkgutschein Vorlage","description":"\u003c!-- ============================================================\n GEO-OPTIMIERTER PRODUKTBLOCK – Gutscheinvorlage Eukalyptus\n - JSON-LD: Product + FAQPage (Schema.org)\n - Semantische Headings: h1, h3\n - lang=\"de\", itemprop-Mikrodaten\n - Maße als Fließtext unter der Überschrift\n - aria-Attribute für FAQ-Toggle\n - Prozess-Schritte beibehalten, CSS in product-custom-style überführt\n ============================================================ --\u003e\n\n\u003c!-- Strukturierte Daten: Product --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Product\",\n \"name\": \"Gutscheinvorlage zum Ausdrucken – Eukalyptus-Design als PDF\",\n \"description\": \"Elegante Gutscheinvorlage im Eukalyptus-Design als PDF zum Ausdrucken. Format 10 × 20 cm auf DIN-A4. Interaktive Textfelder direkt am Computer ausfüllen, ausdrucken und verschenken. Sofort-Download nach dem Kauf. Für alle Anlässe geeignet.\",\n \"sku\": \"eukalyptus-gutscheinvorlage-pdf\",\n \"category\": \"Gutschein Vorlagen\",\n \"brand\": {\n \"@type\": \"Brand\",\n \"name\": \"Manufaktur Ratingen\"\n },\n \"width\": {\n \"@type\": \"QuantitativeValue\",\n \"value\": 20,\n \"unitCode\": \"CMT\"\n },\n \"height\": {\n \"@type\": \"QuantitativeValue\",\n \"value\": 10,\n \"unitCode\": \"CMT\"\n },\n \"offers\": {\n \"@type\": \"Offer\",\n \"availability\": \"https:\/\/schema.org\/InStock\",\n \"itemCondition\": \"https:\/\/schema.org\/NewCondition\"\n }\n}\n\u003c\/script\u003e\n\n\u003c!-- Strukturierte Daten: FAQPage --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"Wie erhalte ich die Gutscheinvorlage?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Nach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Wie kann ich den Gutschein personalisieren?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Die PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Anlass und persönliche Nachricht direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Welche Software benötige ich?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Du 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.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Für welche Anlässe eignet sich die Vorlage?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Die Gutscheinvorlage ist ideal für Geburtstage, Hochzeiten, Muttertag, Jubiläen oder einfach als liebevolle Aufmerksamkeit zwischendurch.\"\n }\n }\n ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"product-custom-style\" lang=\"de\" itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n\n \u003c!-- Produktbeschreibung --\u003e\n \u003cdiv class=\"product-description\" role=\"region\" aria-label=\"Produktbeschreibung\"\u003e\n\n \u003ch2 itemprop=\"name\"\u003eGutscheinvorlage zum Ausdrucken – elegant, zeitlos, sofort fertig\u003c\/h2\u003e\n \u003cp\u003e\u003cem\u003eWeil ein schön gestalteter Gutschein das Geschenk dahinter erst richtig wertvoll macht.\u003c\/em\u003e\u003c\/p\u003e\n\n \u003cp itemprop=\"description\"\u003eManchmal weiß man genau, was jemanden glücklich macht – aber die passende Verpackung fehlt. Ein Gutschein auf einem normalen Blatt Papier fühlt sich schnell nach wenig Aufwand an. Diese Vorlage ändert das. Das zarte Eukalyptus-Motiv gibt dem Gutschein eine natürliche Eleganz, die zu wirklich jedem Anlass passt – ob Geburtstag, Hochzeit, Muttertag oder einfach so.\u003c\/p\u003e\n\n \u003cp\u003eEinfach herunterladen, Namen und Anlass direkt in die interaktiven Felder tippen, ausdrucken – fertig. Kein Basteln, keine extra Software, kein Stress. Und das Ergebnis sieht aus, als hätte man lange daran gearbeitet.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- Feature Grid --\u003e\n \u003cdiv class=\"feature-grid\" role=\"region\" aria-label=\"Produkteigenschaften\"\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e⬇️\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eSofort als PDF downloaden\u003c\/h3\u003e\n \u003cspan\u003eDirekt nach dem Kauf verfügbar – kein Warten, keine Lieferzeit.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e📐\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eKlassisches Gutscheinformat\u003c\/h3\u003e\n \u003cspan\u003e10 × 20 cm auf einem DIN-A4-Blatt – einfach ausschneiden und überreichen.\u003cspan itemprop=\"width\" itemscope itemtype=\"https:\/\/schema.org\/QuantitativeValue\"\u003e\u003cmeta itemprop=\"value\" content=\"20\"\u003e\n\u003cmeta itemprop=\"unitCode\" content=\"CMT\"\u003e\u003c\/span\u003e\u003cspan itemprop=\"height\" itemscope itemtype=\"https:\/\/schema.org\/QuantitativeValue\"\u003e\u003cmeta itemprop=\"value\" content=\"10\"\u003e\n\u003cmeta itemprop=\"unitCode\" content=\"CMT\"\u003e\u003c\/span\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e🎂\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eFür jeden Anlass geeignet\u003c\/h3\u003e\n \u003cspan\u003eGeburtstag, Hochzeit, Muttertag, Jubiläum – das Motiv passt immer.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e👫\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eFür Männer \u0026amp; Frauen\u003c\/h3\u003e\n \u003cspan\u003eZeitloses Design, das geschlechtsneutral wirkt und einfach schön aussieht.\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\" role=\"region\" aria-label=\"Weitere Details\"\u003e\n\n \u003cp\u003eDas Eukalyptus-Motiv ist kein Zufall. Es wirkt ruhig, natürlich und zeitlos – genau das, was man sich von einem Gutschein wünscht, den man nicht gleich wegwirft, sondern noch eine Weile aufbewahrt. Zart genug, um nicht abzulenken. Schön genug, um aufzufallen.\u003c\/p\u003e\n\n \u003cp\u003eDie Personalisierung geht ganz einfach: Die PDF-Vorlage hat fertige Textfelder, in die du Namen, Anlass und eine persönliche Nachricht direkt am Computer einträgst. Dafür reicht der kostenlose Adobe Acrobat Reader, den die meisten sowieso schon installiert haben. Kein Canva, kein Photoshop, keine Einarbeitung.\u003c\/p\u003e\n\n \u003cp\u003eWer das Maximum herausholen möchte, druckt auf Fotopapier – das macht das Eukalyptus-Motiv noch satter und gibt dem Gutschein ein wertiges Gefühl. Auf normalem Druckpapier sieht es aber auch sehr gut aus.\u003c\/p\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eAuf einen Blick:\u003c\/strong\u003e\u003cbr\u003e\n ⬇️ Sofort-Download nach dem Kauf.\u003cbr\u003e\n ✏️ Interaktive Textfelder – direkt am Computer ausfüllen.\u003cbr\u003e\n 🖨️ Ausdrucken, ausschneiden, verschenken.\n \u003c\/p\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eDetails:\u003c\/strong\u003e\u003cbr\u003e\n Format: 10 × 20 cm (auf DIN-A4-Blatt)\u003cbr\u003e\n Dateiformat: PDF mit interaktiven Textfeldern\u003cbr\u003e\n Benötigte Software: Adobe Acrobat Reader (kostenlos)\u003cbr\u003e\n Lieferung: Sofort-Download nach dem Kauf\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- FAQ Sektion --\u003e\n \u003cdiv class=\"faq-section\" role=\"region\" aria-label=\"Häufige Fragen\"\u003e\n \u003ch2\u003eHäufige Fragen zur Gutscheinvorlage\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-1\" id=\"faq-btn-1\"\u003e\n \u003cspan\u003eWie erhalte ich die Gutscheinvorlage?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-1\" role=\"region\" aria-labelledby=\"faq-btn-1\" hidden\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\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-2\" id=\"faq-btn-2\"\u003e\n \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-2\" role=\"region\" aria-labelledby=\"faq-btn-2\" hidden\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Anlass 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\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-3\" id=\"faq-btn-3\"\u003e\n \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-3\" role=\"region\" aria-labelledby=\"faq-btn-3\" hidden\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\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-4\" id=\"faq-btn-4\"\u003e\n \u003cspan\u003eFür welche Anlässe eignet sich die Vorlage?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-4\" role=\"region\" aria-labelledby=\"faq-btn-4\" hidden\u003e\n \u003cp\u003eDie Gutscheinvorlage ist ideal für Geburtstage, Hochzeiten, Muttertag, Jubiläen oder einfach als liebevolle Aufmerksamkeit zwischendurch.\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 * {\n box-sizing: border-box;\n }\n\n .product-custom-style {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.7;\n color: #333;\n }\n\n .product-custom-style h1 {\n font-size: 1.1em;\n font-weight: 700;\n margin: 0 0 0.4em 0;\n color: #222;\n line-height: 1.4;\n }\n\n .product-custom-style .feature-text h3 {\n font-size: 1em;\n font-weight: 700;\n color: #222;\n display: block;\n margin: 0 0 0.2em 0;\n }\n\n .product-custom-style .product-description p,\n .product-custom-style .extended-description p {\n margin: 0 0 1.2em 0;\n }\n\n \/* Feature Grid *\/\n .product-custom-style .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.2em;\n margin: 2em 0;\n padding: 1.4em;\n background: #f7f5f2;\n border-radius: 16px;\n border: 1px solid #ece7e1;\n }\n\n .product-custom-style .feature-item {\n display: flex;\n gap: 0.9em;\n align-items: flex-start;\n }\n\n .product-custom-style .feature-icon {\n font-size: 1.3em;\n flex-shrink: 0;\n line-height: 1;\n margin-top: 2px;\n }\n\n .product-custom-style .feature-text span {\n font-size: 0.95em;\n color: #5f5a55;\n display: block;\n }\n\n \/* FAQ *\/\n .product-custom-style .faq-section {\n max-width: 860px;\n margin: 2.8em auto 0 auto;\n }\n\n .product-custom-style .faq-section h2 {\n font-size: 1.45em;\n margin-bottom: 1em;\n color: #2f2a26;\n }\n\n .product-custom-style .faq-container {\n display: grid;\n gap: 0.8em;\n }\n\n .product-custom-style .faq-item {\n border: 1px solid #e8e1d8;\n border-radius: 14px;\n background: #fffdfb;\n overflow: hidden;\n box-shadow: 0 1px 3px rgba(0,0,0,0.03);\n transition: box-shadow 0.2s ease, border-color 0.2s ease;\n }\n\n .product-custom-style .faq-item:hover {\n box-shadow: 0 6px 18px rgba(0,0,0,0.05);\n border-color: #ddd2c5;\n }\n\n .product-custom-style .faq-question {\n width: 100%;\n padding: 1.05em 1.15em;\n background: #fffdfb;\n border: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n cursor: pointer;\n text-align: left;\n font: inherit;\n color: #2f2a26;\n font-weight: 600;\n }\n\n .product-custom-style .faq-question span {\n flex: 1;\n }\n\n .product-custom-style .faq-icon {\n width: 22px;\n height: 22px;\n color: #8b7d6e;\n transition: transform 0.25s ease, color 0.25s ease;\n flex-shrink: 0;\n }\n\n .product-custom-style .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n background: #fcfaf7;\n }\n\n .product-custom-style .faq-answer[hidden] {\n display: block;\n max-height: 0;\n }\n\n .product-custom-style .faq-answer p {\n padding: 0 1.15em 1.05em 1.15em;\n margin: 0;\n color: #5f5a55;\n font-size: 0.96em;\n }\n\n .product-custom-style .faq-item.active .faq-icon {\n transform: rotate(45deg);\n color: #5f5246;\n }\n\n .product-custom-style .faq-item.active .faq-answer {\n max-height: 220px;\n }\n\n @media (max-width: 600px) {\n .product-custom-style {\n line-height: 1.65;\n }\n\n .product-custom-style .feature-grid {\n grid-template-columns: 1fr;\n padding: 1em;\n }\n\n .product-custom-style .faq-question {\n padding: 0.95em 1em;\n font-size: 0.97em;\n }\n\n .product-custom-style .faq-answer p {\n padding: 0 1em 0.95em 1em;\n font-size: 0.92em;\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 isActive = item.classList.contains('active');\n\n document.querySelectorAll('.product-custom-style .faq-item').forEach(faq =\u003e {\n faq.classList.remove('active');\n faq.querySelector('.faq-question').setAttribute('aria-expanded', 'false');\n });\n\n if (!isActive) {\n item.classList.add('active');\n button.setAttribute('aria-expanded', 'true');\n }\n });\n });\n \u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55340591153538,"sku":"00017","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutscheinvorlage-1.jpg?v=1751096438"},{"product_id":"kinogutschein","title":"Kinogutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta content=\"Kinoabend Gutschein – Digitaler Kino-Gutschein zum Ausdrucken\" itemprop=\"name\"\u003e\n\u003cmeta content=\"Verschenke einen personalisierbaren Kino-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Filmfans. Sofort downloaden, personalisieren und Freude schenken!\" itemprop=\"description\"\u003e\n\u003cmeta content=\"kinoabend-gutschein-vorlage-pdf\" itemprop=\"sku\"\u003e\n\u003cmeta content=\"Gutschein Vorlagen\" itemprop=\"category\"\u003e\n\u003cp\u003e\u003cspan\u003eVerschenke einen gemütlichen Kinoabend voller Popcorn, Spannung und Emotionen! \u003c\/span\u003e\u003c\/p\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\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 \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 gestaltbar\u003c\/strong\u003e \u003cspan\u003eMit persönlicher Widmung \u0026amp; Filmtitel\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\u003ePerfektes Format\u003c\/strong\u003e \u003cspan\u003e10 x 20 cm auf A4-Blatt\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 \u003cspan\u003eGeburtstag, Weihnachten, Überraschung\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eLade die Datei nach dem Kauf ganz bequem herunter und öffne sie am Computer. In den interaktiven Textfeldern trägst du den Namen des Beschenkten, den gewünschten Film oder das Kino sowie deine persönlichen Grüße ein. Dann druckst du den Gutschein einfach auf schönem Papier oder Karton aus, schneidest ihn aus – fertig ist dein einzigartiges Geschenk für einen unvergesslichen Kinoabend!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum Kino-Gutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich den Kino-Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Filmtitel 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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eFür welche Anlässe eignet sich der Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDer Kino-Gutschein ist ideal für Geburtstage, Weihnachten, Jubiläen oder einfach als liebevolle 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\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(function(btn) {\n btn.addEventListener('click', function() {\n const faqItem = btn.closest('.faq-item');\n \/\/ Optional: Nur eine FAQ gleichzeitig öffnen\n document.querySelectorAll('.faq-item').forEach(function(item) {\n if(item !== faqItem) item.classList.remove('active');\n });\n faqItem.classList.toggle('active');\n });\n});\n\u003c\/script\u003e\n\u003cp\u003e\u003cspan\u003eMit unserer liebevoll gestalteten Gutscheinvorlage für einen Kinoabend schenkst du nicht nur einen Film, sondern gemeinsame Zeit und unvergessliche Erlebnisse – das perfekte Geschenk für alle, die das Kino lieben.\u003c\/span\u003e\u003c\/p\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55340596134274,"sku":"00018","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/kino-gutschein_1.jpg?v=1751096485"},{"product_id":"gutschein-essen-vorlage","title":"Gutschein Essen Vorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta content=\"Gutschein Essen Vorlage – Digitaler Essens-Gutschein zum Ausdrucken\" itemprop=\"name\"\u003e\n\u003cmeta content=\"Verschenke einen personalisierbaren Essens-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für gemeinsame Zeit. Sofort downloaden, personalisieren und Freude schenken!\" itemprop=\"description\"\u003e\n\u003cmeta content=\"essen-gutschein-vorlage-pdf\" itemprop=\"sku\"\u003e\n\u003cmeta content=\"Gutschein Vorlagen\" itemprop=\"category\"\u003e\n\u003cp\u003e\u003cspan\u003eManchmal braucht es gar nicht viel, um jemandem eine große Freude zu machen: Ein gemeinsames Abendessen, Zeit für Gespräche und Lachen – das ist unbezahlbar. \u003c\/span\u003e\u003c\/p\u003e\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\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\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\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\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\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 \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 gestaltbar\u003c\/strong\u003e \u003cspan\u003eMit persönlicher Widmung \u0026amp; Namen\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\u003ePerfektes Format\u003c\/strong\u003e \u003cspan\u003e10 x 20 cm auf A4-Blatt\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 \u003cspan\u003eGeburtstag, Dankeschön, Überraschung\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eDie Vorlage kannst du nach dem Download ganz einfach am Computer personalisieren. Trage den Namen des Beschenkten und eine liebe Botschaft ein, drucke den Gutschein aus – und fertig ist dein persönliches Geschenk für einen besonderen Menschen!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zur Essens-Gutscheinvorlage\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n \u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich die Gutscheinvorlage?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen 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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eFür welche Anlässe eignet sich die Vorlage?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDie Gutscheinvorlage ist ideal für Geburtstage, als Dankeschön, für Jubiläen oder einfach als liebevolle 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\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(function(btn) {\n btn.addEventListener('click', function() {\n const faqItem = btn.closest('.faq-item');\n \/\/ Optional: Nur eine FAQ gleichzeitig öffnen\n document.querySelectorAll('.faq-item').forEach(function(item) {\n if(item !== faqItem) item.classList.remove('active');\n });\n faqItem.classList.toggle('active');\n });\n});\n\u003c\/script\u003e\n\u003cp\u003e\u003cspan\u003eMit unserer liebevoll gestalteten Gutscheinvorlage schenkst du einen besonderen Moment, der in Erinnerung bleibt.\u003c\/span\u003e\u003c\/p\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55340614451586,"sku":"00019","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-essen-vorlage.jpg?v=1751096510"},{"product_id":"zeit-statt-zeug-verschenken","title":"Zeit statt Zeug verschenken","description":"\u003c!-- ============================================================\n GEO-OPTIMIERTER PRODUKTBLOCK – Zeit statt Zeug Gutschein als PDF\n - JSON-LD: Product + FAQPage (Schema.org)\n - Semantische Headings: h1, h3\n - lang=\"de\", itemprop-Mikrodaten\n - Maße als Fließtext unter der Überschrift\n - aria-Attribute für FAQ-Toggle\n - Keine Prozess-Schritte\n ============================================================ --\u003e\n\n\u003c!-- Strukturierte Daten: Product --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Product\",\n \"name\": \"Zeit statt Zeug Gutschein – Vorlage als PDF zum Ausdrucken\",\n \"description\": \"Personalisierbarer Zeit-statt-Zeug-Gutschein als PDF-Vorlage im Format 10 × 20 cm auf DIN-A4. Interaktive Textfelder für Namen, Erlebnis und persönliche Botschaft direkt am Computer ausfüllen, ausdrucken und verschenken. Sofort-Download nach dem Kauf.\",\n \"sku\": \"zeit-statt-zeug-gutschein-vorlage-pdf\",\n \"category\": \"Gutschein Vorlagen\",\n \"brand\": {\n \"@type\": \"Brand\",\n \"name\": \"Manufaktur Ratingen\"\n },\n \"width\": {\n \"@type\": \"QuantitativeValue\",\n \"value\": 20,\n \"unitCode\": \"CMT\"\n },\n \"height\": {\n \"@type\": \"QuantitativeValue\",\n \"value\": 10,\n \"unitCode\": \"CMT\"\n },\n \"offers\": {\n \"@type\": \"Offer\",\n \"availability\": \"https:\/\/schema.org\/InStock\",\n \"itemCondition\": \"https:\/\/schema.org\/NewCondition\"\n }\n}\n\u003c\/script\u003e\n\n\u003c!-- Strukturierte Daten: FAQPage --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"Wie erhalte ich die Gutscheinvorlage?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Nach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Wie kann ich den Gutschein personalisieren?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Die PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Erlebnis und eine persönliche Botschaft direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Welche Software benötige ich?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Du 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.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Für welche Anlässe eignet sich die Vorlage?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Die Gutscheinvorlage ist ideal für Geburtstage, Jubiläen, Muttertag, Weihnachten oder als liebevolle Aufmerksamkeit zwischendurch – für alle, denen gemeinsame Zeit wichtiger ist als Dinge.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Welche Erlebnisse kann ich auf dem Gutschein eintragen?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Alles, was ihr zusammen erleben möchtet: ein Restaurantbesuch, ein Ausflug, ein Wellness-Tag, ein Konzert, ein Wandertag oder einfach ein ruhiger Nachmittag zu zweit. Der Gutschein passt zu jedem Erlebnis.\"\n }\n }\n ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"product-custom-style\" lang=\"de\" itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n\n \u003c!-- Produktbeschreibung --\u003e\n \u003cdiv class=\"product-description\" role=\"region\" aria-label=\"Produktbeschreibung\"\u003e\n\n \u003ch2 itemprop=\"name\"\u003eZeit statt Zeug Gutschein – Erlebnisse verschenken als PDF zum Ausdrucken\u003c\/h2\u003e\n \u003cp\u003e\u003cem\u003eFür alle, die schon alles haben – aber nie genug Zeit mit den Menschen, die ihnen wichtig sind.\u003c\/em\u003e\u003c\/p\u003e\n\n \u003cp itemprop=\"description\"\u003eManchmal ist das Beste, was man schenken kann, kein Ding. Kein Gegenstand, der irgendwo landet und vergessen wird – sondern ein Versprechen auf gemeinsame Zeit. Dieser Gutschein macht genau das möglich: ein Erlebnis, ein Abenteuer, ein Moment zu zweit – persönlich formuliert, schön gedruckt, herzlich überreicht. Namen, Erlebnis und eine persönliche Botschaft trägst du direkt in die Textfelder ein. In wenigen Minuten fertig, sofort herunterladbar.\u003c\/p\u003e\n\n \u003cp\u003eOb Restaurantbesuch, Wandertag, Wellness oder einfach ein ruhiger Nachmittag zusammen – der Gutschein passt zu jedem Erlebnis, das ihr euch schon lange vorgenommen habt.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- Feature Grid --\u003e\n \u003cdiv class=\"feature-grid\" role=\"region\" aria-label=\"Produkteigenschaften\"\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e🕰️\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eZeit ist das schönste Geschenk\u003c\/h3\u003e\n \u003cspan\u003eKein Gegenstand, sondern ein Versprechen – auf einen Moment, den ihr gemeinsam erlebt.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e✏️\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003ePersönlich anpassbar\u003c\/h3\u003e\n \u003cspan\u003eNamen, Erlebnis und Botschaft direkt in die Textfelder eingeben – nur Adobe Reader nötig.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e📐\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eKlassisches Gutscheinformat\u003c\/h3\u003e\n \u003cspan\u003e10 × 20 cm auf einem DIN-A4-Blatt – ausschneiden und überreichen.\u003cspan itemprop=\"width\" itemscope itemtype=\"https:\/\/schema.org\/QuantitativeValue\"\u003e\u003cmeta itemprop=\"value\" content=\"20\"\u003e\n\u003cmeta itemprop=\"unitCode\" content=\"CMT\"\u003e\u003c\/span\u003e\u003cspan itemprop=\"height\" itemscope itemtype=\"https:\/\/schema.org\/QuantitativeValue\"\u003e\u003cmeta itemprop=\"value\" content=\"10\"\u003e\n\u003cmeta itemprop=\"unitCode\" content=\"CMT\"\u003e\u003c\/span\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e⬇️\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003ch3\u003eSofort als PDF downloaden\u003c\/h3\u003e\n \u003cspan\u003eDirekt nach dem Kauf verfügbar – kein Warten, keine Lieferzeit.\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\" role=\"region\" aria-label=\"Weitere Details\"\u003e\n\n \u003cp\u003eEs gibt Menschen, bei denen man ewig überlegt, was man schenken soll – weil sie eigentlich schon alles haben. Für diese Menschen ist dieser Gutschein gemacht. Nicht noch ein Gegenstand, der irgendwo steht, sondern Zeit. Gemeinsame Zeit, die man sich vornimmt und dann wirklich macht.\u003c\/p\u003e\n\n \u003cp\u003eWas eingetragen wird, ist ganz dir überlassen: ein romantischer Abend, ein Ausflug ins Blaue, ein gemeinsamer Kochabend, ein Konzert, ein Wellness-Tag oder einfach ein Nachmittag ohne Handy. Der Gutschein gibt dem Vorhaben einen Rahmen – und macht aus einer guten Absicht ein echtes Geschenk.\u003c\/p\u003e\n\n \u003cp\u003eAuf Karton oder Fotopapier gedruckt wirkt er besonders wertig. In ein kleines Kuvert gesteckt ist er ein richtiges Geschenk, das sich auch so anfühlt – auch wenn dahinter keine große Reise steckt, sondern einfach nur Zeit.\u003c\/p\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eSo geht's:\u003c\/strong\u003e\u003cbr\u003e\n ⬇️ PDF nach dem Kauf sofort herunterladen.\u003cbr\u003e\n ✏️ Namen, Erlebnis und Botschaft in die Textfelder eingeben.\u003cbr\u003e\n 🖨️ Ausdrucken und ausschneiden.\u003cbr\u003e\n 🕰️ Überreichen – und dann wirklich Zeit füreinander nehmen.\n \u003c\/p\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eDetails:\u003c\/strong\u003e\u003cbr\u003e\n Format: 10 × 20 cm (auf DIN-A4-Blatt)\u003cbr\u003e\n Dateiformat: PDF mit interaktiven Textfeldern\u003cbr\u003e\n Benötigte Software: Adobe Acrobat Reader (kostenlos)\u003cbr\u003e\n Lieferung: Sofort-Download nach dem Kauf\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- FAQ Sektion --\u003e\n \u003cdiv class=\"faq-section\" role=\"region\" aria-label=\"Häufige Fragen\"\u003e\n \u003ch2\u003eHäufige Fragen zum Zeit-statt-Zeug-Gutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-1\" id=\"faq-btn-1\"\u003e\n \u003cspan\u003eWie erhalte ich die Gutscheinvorlage?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-1\" role=\"region\" aria-labelledby=\"faq-btn-1\" hidden\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\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-2\" id=\"faq-btn-2\"\u003e\n \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-2\" role=\"region\" aria-labelledby=\"faq-btn-2\" hidden\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Erlebnis 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\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-3\" id=\"faq-btn-3\"\u003e\n \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-3\" role=\"region\" aria-labelledby=\"faq-btn-3\" hidden\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\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq-answer-4\" id=\"faq-btn-4\"\u003e\n \u003cspan\u003eFür welche Anlässe eignet sich die Vorlage?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-4\" role=\"region\" aria-labelledby=\"faq-btn-4\" hidden\u003e\n \u003cp\u003eDie Gutscheinvorlage ist ideal für Geburtstage, Jubiläen, Muttertag, Weihnachten oder als liebevolle Aufmerksamkeit zwischendurch – für alle, denen gemeinsame Zeit wichtiger ist als Dinge.\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\" aria-expanded=\"false\" aria-controls=\"faq-answer-5\" id=\"faq-btn-5\"\u003e\n \u003cspan\u003eWelche Erlebnisse kann ich auf dem Gutschein eintragen?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M12 5v14M5 12h14\" 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\" id=\"faq-answer-5\" role=\"region\" aria-labelledby=\"faq-btn-5\" hidden\u003e\n \u003cp\u003eAlles, was ihr zusammen erleben möchtet: ein Restaurantbesuch, ein Ausflug, ein Wellness-Tag, ein Konzert, ein Wandertag oder einfach ein ruhiger Nachmittag zu zweit. Der Gutschein passt zu jedem Erlebnis.\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 * {\n box-sizing: border-box;\n }\n\n .product-custom-style {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.7;\n color: #333;\n }\n\n .product-custom-style h1 {\n font-size: 1.1em;\n font-weight: 700;\n margin: 0 0 0.4em 0;\n color: #222;\n line-height: 1.4;\n }\n\n .product-custom-style .feature-text h3 {\n font-size: 1em;\n font-weight: 700;\n color: #222;\n display: block;\n margin: 0 0 0.2em 0;\n }\n\n .product-custom-style .product-description p,\n .product-custom-style .extended-description p {\n margin: 0 0 1.2em 0;\n }\n\n .product-custom-style .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.2em;\n margin: 2em 0;\n padding: 1.4em;\n background: #f7f5f2;\n border-radius: 16px;\n border: 1px solid #ece7e1;\n }\n\n .product-custom-style .feature-item {\n display: flex;\n gap: 0.9em;\n align-items: flex-start;\n }\n\n .product-custom-style .feature-icon {\n font-size: 1.3em;\n flex-shrink: 0;\n line-height: 1;\n margin-top: 2px;\n }\n\n .product-custom-style .feature-text span {\n font-size: 0.95em;\n color: #5f5a55;\n display: block;\n }\n\n .product-custom-style .faq-section {\n max-width: 860px;\n margin: 2.8em auto 0 auto;\n }\n\n .product-custom-style .faq-section h2 {\n font-size: 1.45em;\n margin-bottom: 1em;\n color: #2f2a26;\n }\n\n .product-custom-style .faq-container {\n display: grid;\n gap: 0.8em;\n }\n\n .product-custom-style .faq-item {\n border: 1px solid #e8e1d8;\n border-radius: 14px;\n background: #fffdfb;\n overflow: hidden;\n box-shadow: 0 1px 3px rgba(0,0,0,0.03);\n transition: box-shadow 0.2s ease, border-color 0.2s ease;\n }\n\n .product-custom-style .faq-item:hover {\n box-shadow: 0 6px 18px rgba(0,0,0,0.05);\n border-color: #ddd2c5;\n }\n\n .product-custom-style .faq-question {\n width: 100%;\n padding: 1.05em 1.15em;\n background: #fffdfb;\n border: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n cursor: pointer;\n text-align: left;\n font: inherit;\n color: #2f2a26;\n font-weight: 600;\n }\n\n .product-custom-style .faq-question span {\n flex: 1;\n }\n\n .product-custom-style .faq-icon {\n width: 22px;\n height: 22px;\n color: #8b7d6e;\n transition: transform 0.25s ease, color 0.25s ease;\n flex-shrink: 0;\n }\n\n .product-custom-style .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n background: #fcfaf7;\n }\n\n .product-custom-style .faq-answer[hidden] {\n display: block;\n max-height: 0;\n }\n\n .product-custom-style .faq-answer p {\n padding: 0 1.15em 1.05em 1.15em;\n margin: 0;\n color: #5f5a55;\n font-size: 0.96em;\n }\n\n .product-custom-style .faq-item.active .faq-icon {\n transform: rotate(45deg);\n color: #5f5246;\n }\n\n .product-custom-style .faq-item.active .faq-answer {\n max-height: 220px;\n }\n\n @media (max-width: 600px) {\n .product-custom-style {\n line-height: 1.65;\n }\n\n .product-custom-style .feature-grid {\n grid-template-columns: 1fr;\n padding: 1em;\n }\n\n .product-custom-style .faq-question {\n padding: 0.95em 1em;\n font-size: 0.97em;\n }\n\n .product-custom-style .faq-answer p {\n padding: 0 1em 0.95em 1em;\n font-size: 0.92em;\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 isActive = item.classList.contains('active');\n\n document.querySelectorAll('.product-custom-style .faq-item').forEach(faq =\u003e {\n faq.classList.remove('active');\n faq.querySelector('.faq-question').setAttribute('aria-expanded', 'false');\n });\n\n if (!isActive) {\n item.classList.add('active');\n button.setAttribute('aria-expanded', 'true');\n }\n });\n });\n \u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55340618449282,"sku":"00020","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-vorlage-zum-ausdrucken-pdf_ea0dbee8-51df-4877-bdf1-1533ca9010ae.jpg?v=1751096547"},{"product_id":"zeit-statt-zeug-gutschein","title":"Zeit statt Zeug Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta content=\"Gutschein gemeinsame Zeit – Zeit statt Zeug Gutschein zum Ausdrucken\" itemprop=\"name\"\u003e\n\u003cmeta content=\"Verschenke gemeinsame Zeit statt Dinge – mit unserem liebevoll gestalteten Zeit statt Zeug Gutschein als PDF-Vorlage zum Ausdrucken. Sofort downloaden, personalisieren und Freude schenken!\" itemprop=\"description\"\u003e\n\u003cmeta content=\"gemeinsame-zeit-gutschein-vorlage-pdf\" itemprop=\"sku\"\u003e\n\u003cmeta content=\"Gutschein Vorlagen\" itemprop=\"category\"\u003e\n\u003cp\u003e\u003cspan\u003eEntdecke unseren Zeit statt Zeug Gutschein – den perfekten Geschenkgutschein für gemeinsame Zeit! \u003c\/span\u003e\u003c\/p\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\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 \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\u003ePerfekte Größe\u003c\/strong\u003e \u003cspan\u003eIm Gutscheinformat: 10 x 20 cm (Auf A4 Blatt)\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\u003eZauberhaftes Design\u003c\/strong\u003e \u003cspan\u003eSanduhr \u0026amp; Blumen als Symbol für gemeinsame Zeit\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 \u003cspan\u003eGeburtstag, Jubiläum, Überraschung\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eMit diesem Gutschein verschenkst du nicht nur ein Stück Papier, sondern wertvolle Zeit und unvergessliche Erinnerungen. Einfach downloaden, personalisieren und ausdrucken – so schenkst du Freude, die bleibt!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zur Gutscheinvorlage gemeinsame Zeit\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n \u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich die Gutscheinvorlage?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Erlebnis 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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eFür welche Anlässe eignet sich die Vorlage?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDie Gutscheinvorlage ist ideal für Geburtstage, Jubiläen, als Überraschung oder einfach als liebevolle 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\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(function(btn) {\n btn.addEventListener('click', function() {\n const faqItem = btn.closest('.faq-item');\n \/\/ Optional: Nur eine FAQ gleichzeitig öffnen\n document.querySelectorAll('.faq-item').forEach(function(item) {\n if(item !== faqItem) item.classList.remove('active');\n });\n faqItem.classList.toggle('active');\n });\n});\n\u003c\/script\u003e\n\u003cp\u003e\u003cspan\u003eDieser liebevoll gestaltete Gutschein zeigt eine zauberhafte Illustration einer Sanduhr, umgeben von wunderschönen Blumen. Die Sanduhr symbolisiert die kostbare Zeit, die wir mit unseren Liebsten verbringen können, und lädt dazu ein, besondere Momente miteinander zu teilen.\u003c\/span\u003e\u003c\/p\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55340624937346,"sku":"00021","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-gemeinsame-zeit.jpg?v=1751096570"},{"product_id":"gutschein-zeit-schenken","title":"Gutschein Zeit schenken","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta content=\"Gutschein Zeit schenken – Zeit statt Zeug Gutschein zum Ausdrucken\" itemprop=\"name\"\u003e\n\u003cmeta content=\"Verschenke gemeinsame Zeit statt Dinge – mit unserem liebevoll gestalteten Zeit statt Zeug Gutschein als PDF-Vorlage zum Ausdrucken. Sofort downloaden, personalisieren und Freude schenken!\" itemprop=\"description\"\u003e\n\u003cmeta content=\"zeit-schenken-gutschein-vorlage-pdf\" itemprop=\"sku\"\u003e\n\u003cmeta content=\"Gutschein Vorlagen\" itemprop=\"category\"\u003e\n\u003cp\u003e\u003cspan\u003eEntdecke unseren Zeit statt Zeug Gutschein – den perfekten Geschenkgutschein für gemeinsame Zeit! \u003c\/span\u003e\u003c\/p\u003e\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\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\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\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\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\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 \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 gestaltbar\u003c\/strong\u003e \u003cspan\u003eMit persönlicher Widmung \u0026amp; Erlebnis\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\u003ePerfekte Größe\u003c\/strong\u003e \u003cspan\u003eIm Gutscheinformat: 10 x 20 cm (Auf A4 Blatt)\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 \u003cspan\u003eGeburtstag, Jubiläum, Überraschung\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eMit diesem Gutschein verschenkst du nicht nur ein Stück Papier, sondern wertvolle Zeit und unvergessliche Erinnerungen. Einfach downloaden, personalisieren und ausdrucken – so schenkst du Freude, die bleibt!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zur Gutscheinvorlage Zeit schenken\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich die Gutscheinvorlage?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Erlebnis 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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eFür welche Anlässe eignet sich die Vorlage?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDie Gutscheinvorlage ist ideal für Geburtstage, Jubiläen, als Überraschung oder einfach als liebevolle 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\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(function(btn) {\n btn.addEventListener('click', function() {\n const faqItem = btn.closest('.faq-item');\n \/\/ Optional: Nur eine FAQ gleichzeitig öffnen\n document.querySelectorAll('.faq-item').forEach(function(item) {\n if(item !== faqItem) item.classList.remove('active');\n });\n faqItem.classList.toggle('active');\n });\n});\n\u003c\/script\u003e\n\u003cp\u003e\u003cspan\u003eDieser liebevoll gestaltete Gutschein zeigt eine zauberhafte Illustration einer Sanduhr, umgeben von wunderschönen Blumen. Die Sanduhr symbolisiert die kostbare Zeit, die wir mit unseren Liebsten verbringen können, und lädt dazu ein, besondere Momente miteinander zu teilen.\u003c\/span\u003e\u003c\/p\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55340652888450,"sku":"00022","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-zeit-schenken-1_1.jpg?v=1751096602"},{"product_id":"reisegutschein-basteln","title":"Reisegutschein Vorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta content=\"Stilvolle Reisegutschein Vorlage – Digitaler Reisegutschein zum Ausdrucken\" itemprop=\"name\"\u003e\n\u003cmeta content=\"Verschenke einen personalisierbaren Reisegutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Flugreisen, Abenteuer und Wellness. Sofort downloaden, personalisieren und Freude schenken!\" itemprop=\"description\"\u003e\n\u003cmeta content=\"reisegutschein-vorlage-pdf\" itemprop=\"sku\"\u003e\n\u003cmeta content=\"Gutschein Vorlagen\" itemprop=\"category\"\u003e\n\u003cp\u003e\u003cspan\u003eMöchtest du jemandem eine besondere Reise schenken? Unsere stilvolle Gutschein Karte eignet sich perfekt als Geschenk für verschiedene Flugreisen! \u003c\/span\u003e\u003c\/p\u003e\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\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\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\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\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\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 \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 gestaltbar\u003c\/strong\u003e \u003cspan\u003eMit persönlicher Widmung \u0026amp; Reiseziel\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\u003eVielseitig einsetzbar\u003c\/strong\u003e \u003cspan\u003eFür Flugreisen, Abenteuer, Wellness \u0026amp; mehr\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\u003ePerfekte Größe\u003c\/strong\u003e \u003cspan\u003eIm Gutscheinformat: 10 x 20 cm (Auf A4 Blatt)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eEinfach downloaden, personalisieren und ausdrucken – so schenkst du Freude, die bleibt und Erinnerungen, die ein Leben lang halten!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zur Reisegutschein Vorlage\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich die Gutscheinvorlage?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Reiseziel 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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eFür welche Anlässe eignet sich die Vorlage?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDie Gutscheinvorlage ist ideal für Geburtstage, Jubiläen, als Überraschung oder einfach als liebevolle 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\u003c!-- Styles und Script wie bei den anderen Vorlagen --\u003e\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(function(btn) {\n btn.addEventListener('click', function() {\n const faqItem = btn.closest('.faq-item');\n \/\/ Optional: Nur eine FAQ gleichzeitig öffnen\n document.querySelectorAll('.faq-item').forEach(function(item) {\n if(item !== faqItem) item.classList.remove('active');\n });\n faqItem.classList.toggle('active');\n });\n});\n\u003c\/script\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eEgal ob für eine romantische Reise zu zweit, eine Abenteuerreise oder einen erholsamen Wellness-Urlaub – mit unserem personalisierten Reisegutschein kannst du deinen Liebsten eine unvergessliche Zeit schenken. Denn wir sind der Meinung, dass Zeit statt Zeug das beste Geschenk ist. Erlebnisse und gemeinsame Erinnerungen sind das schönste Geschenk, das man machen kann. Deshalb ist unsere Gutschein Karte eine tolle Möglichkeit, um Freunden, Familie oder dem Partner eine unvergessliche Zeit zu schenken.\u003c\/span\u003e\u003c\/p\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55340664914306,"sku":"00023","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/reisegutschein-basteln-vorlage-4.jpg?v=1751096613"},{"product_id":"gutschein-fruhstucken","title":"Gutschein Frühstücken","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta content=\"Edler Frühstücksgutschein – Digitaler Frühstücks-Gutschein zum Ausdrucken\" itemprop=\"name\"\u003e\n\u003cmeta content=\"Verschenke einen personalisierbaren Frühstücksgutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für gemeinsame Zeit und Genuss. Sofort downloaden, personalisieren und Freude schenken!\" itemprop=\"description\"\u003e\n\u003cmeta content=\"fruehstuecksgutschein-vorlage-pdf\" itemprop=\"sku\"\u003e\n\u003cmeta content=\"Gutschein Vorlagen\" itemprop=\"category\"\u003e\n\u003cp\u003e\u003cspan\u003eVerwöhne deinen Lieblingsmenschen mit einem einzigartigen, personalisierten Frühstücksgutschein zum Herunterladen, der perfekt für jeden Anlass geeignet ist! \u003c\/span\u003e\u003c\/p\u003e\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\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\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\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\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\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 \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 gestaltbar\u003c\/strong\u003e \u003cspan\u003eMit persönlicher Widmung \u0026amp; Anlass\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\u003ePerfekte Größe\u003c\/strong\u003e \u003cspan\u003eim Postkartenformat: 14,8 x 10,5cm\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 \u003cspan\u003eGeburtstag, Jahrestag, Valentinstag, Überraschung\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eEinfach downloaden, personalisieren und ausdrucken – so schenkst du Genuss, Freude und wertvolle gemeinsame Zeit!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum Frühstücksgutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich die Gutscheinvorlage?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eFür welche Anlässe eignet sich die Vorlage?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDie Gutscheinvorlage ist ideal für Geburtstage, Jahrestage, Valentinstag oder einfach als liebevolle 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\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(function(btn) {\n btn.addEventListener('click', function() {\n const faqItem = btn.closest('.faq-item');\n \/\/ Optional: Nur eine FAQ gleichzeitig öffnen\n document.querySelectorAll('.faq-item').forEach(function(item) {\n if(item !== faqItem) item.classList.remove('active');\n });\n faqItem.classList.toggle('active');\n });\n});\n\u003c\/script\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eSchenke deiner Lieblingsperson ein paar unbeschwerte und entspannte Momente bei einem köstlichen Frühstück, und genießt zusammen die wertvolle gemeinsame Zeit. Unser Frühstücksgutschein eignet sich hervorragend als liebevolles Geschenk zum Geburtstag, Jahrestag, Valentinstag oder einfach als kleine Aufmerksamkeit zwischendurch.\u003c\/span\u003e\u003c\/p\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55340668748162,"sku":"00024","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-fruehstuecken-1.jpg?v=1751096666"},{"product_id":"gutschein-abendessen","title":"Gutschein Abendessen","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Digitale Gutscheinvorlage Abendessen – stilvoll \u0026amp; persönlich\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke unvergessliche Genussmomente mit unserer modernen Gutscheinvorlage für ein gemeinsames Abendessen. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"gutschein-abendessen-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n \u003cp\u003e\n \u003cspan\u003e\n Verschenke wertvolle Zeit und kulinarische Erlebnisse: Unsere digitale Gutscheinvorlage für ein gemeinsames Abendessen ist die perfekte Überraschung für Genießer und Lieblingsmenschen. Stilvoll gestaltet, sofort verfügbar und für jeden Anlass geeignet – so schenkst du echte Freude am Zusammensein!\n \u003c\/span\u003e\n \u003c\/p\u003e\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 fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\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 fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\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 \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-Download\u003c\/strong\u003e\n \u003cspan\u003eDirekt nach dem Kauf als PDF 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 gestaltbar\u003c\/strong\u003e\n \u003cspan\u003eMit interaktiven Feldern für Namen \u0026amp; persönliche Botschaft\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, Jahrestage, Valentinstag \u0026amp; mehr\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\u003eModernes Design\u003c\/strong\u003e\n \u003cspan\u003eStilvoll, zeitlos und für alle Altersgruppen geeignet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e\n \u003cspan\u003e\n Ob romantisches Dinner, Familienessen oder ein Abend mit Freunden – mit dieser Gutscheinvorlage verschenkst du gemeinsame Zeit und Genuss. Die liebevolle Gestaltung macht den Gutschein zu einem echten Hingucker, der garantiert in Erinnerung bleibt. Einfach downloaden, personalisieren und ausdrucken – so einfach war Schenken noch nie!\n \u003c\/span\u003e\n \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum Abendessen-Gutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan\u003eWie erhalte ich die Gutscheinvorlage?\u003c\/span\u003e\n \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. Du kannst sie direkt auf deinem Computer speichern und verwenden.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan\u003eKann ich den Gutschein individuell anpassen?\u003c\/span\u003e\n \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eJa, die Vorlage enthält interaktive Textfelder. Du kannst Namen, Anlass und eine persönliche Nachricht direkt am Computer eintragen – 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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan\u003eWelche Software benötige ich zum Ausfüllen?\u003c\/span\u003e\n \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDu benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader. Damit kannst du die Felder bequem ausfüllen und den Gutschein anschließend ausdrucken.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan\u003eFür wen eignet sich der Abendessen-Gutschein?\u003c\/span\u003e\n \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDer Gutschein ist ideal für Paare, Freunde, Familie oder Kollegen – für alle, die gerne gemeinsam genießen und Zeit miteinander verbringen möchten.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* ... exakt wie in deiner Vorlage, bitte Styles aus dem Muster übernehmen ... *\/\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\/* 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(function(btn) {\n btn.addEventListener('click', function() {\n const faqItem = btn.closest('.faq-item');\n \/\/ Optional: Nur eine FAQ gleichzeitig öffnen\n document.querySelectorAll('.faq-item').forEach(function(item) {\n if(item !== faqItem) item.classList.remove('active');\n });\n faqItem.classList.toggle('active');\n });\n});\n\u003c\/script\u003e\n\u003cp\u003e\n \u003cspan\u003e\n Diese moderne Gutscheinvorlage ist die ideale Wahl, um gemeinsame Genussmomente zu verschenken – ob für Paare, Freunde oder Familie. Einfach downloaden, personalisieren und ausdrucken – so wird jeder Anlass zu etwas ganz Besonderem!\n \u003c\/span\u003e\n\u003c\/p\u003e\n\u003c!-- Strukturierte Daten für FAQ (JSON-LD) --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"Wie erhalte ich die Gutscheinvorlage?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Nach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. Du kannst sie direkt auf deinem Computer speichern und verwenden.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Kann ich den Gutschein individuell anpassen?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Ja, die Vorlage enthält interaktive Textfelder. Du kannst Namen, Anlass und eine persönliche Nachricht direkt am Computer eintragen – ganz ohne zusätzliche Software.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Welche Software benötige ich zum Ausfüllen?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Du benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader. Damit kannst du die Felder bequem ausfüllen und den Gutschein anschließend ausdrucken.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Für wen eignet sich der Abendessen-Gutschein?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Der Gutschein ist ideal für Paare, Freunde, Familie oder Kollegen – für alle, die gerne gemeinsam genießen und Zeit miteinander verbringen möchten.\"\n }\n }\n ]\n}\n\u003c\/script\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55343012381058,"sku":"00025","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-abendessen-1.jpg?v=1751125530"},{"product_id":"gutschein-shopping-tag","title":"Gutschein Shopping Tag","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta content=\"Digitale Gutscheinvorlage Shopping-Tag – personalisierbar \u0026amp; modern\" itemprop=\"name\"\u003e\n\u003cmeta content=\"Verschenke einen unvergesslichen Shopping-Tag mit unserer stilvollen Gutscheinvorlage. Sofort downloaden, individuell gestalten und Freude schenken – für Mode, Technik, Schmuck \u0026amp; mehr!\" itemprop=\"description\"\u003e\n\u003cmeta content=\"gutschein-shoppingtag-pdf\" itemprop=\"sku\"\u003e\n\u003cmeta content=\"Gutschein Vorlagen\" itemprop=\"category\"\u003e\n\u003cp\u003e\u003cspan\u003eSchenke grenzenlose Freude am Shoppen: Mit unserer digitalen Gutscheinvorlage für einen Shopping-Tag verschenkst du nicht nur ein Geschenk, sondern echte Erlebnisse! Ob Mode, Schmuck, Technik oder der Lieblingsladen – dieser Gutschein ist die perfekte Wahl für alle, die sich gerne selbst etwas aussuchen.\u003c\/span\u003e\u003c\/p\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\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 \u003cspan\u003ePDF-Gutschein direkt nach dem Kauf herunterladen\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 \u003cspan\u003eMit Wunschtext \u0026amp; flexiblem Gutscheinwert 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 Geschmack\u003c\/strong\u003e \u003cspan\u003eEinlösbar für Mode, Technik, Schmuck \u0026amp; vieles mehr\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\u003eModernes Design\u003c\/strong\u003e \u003cspan\u003eStilvoll, zeitlos und für alle Altersgruppen geeignet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eUnser Shopping-Gutschein ist das ideale Geschenk für alle, die gerne stöbern und sich selbst eine Freude machen möchten.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003eHäufig gestellte Fragen zum Shopping-Gutschein\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich die Gutscheinvorlage?\u003c\/span\u003e \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\u003e\n\u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. Du kannst sie direkt auf deinem Computer speichern und verwenden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eKann ich den Gutschein individuell gestalten?\u003c\/span\u003e \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\u003e\n\u003cp\u003eJa, du kannst den Namen, einen persönlichen Wunschtext und den Gutscheinwert direkt in der PDF-Vorlage eintragen – 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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eFür welche Geschäfte ist der Gutschein geeignet?\u003c\/span\u003e \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\u003e\n\u003cp\u003eDer Gutschein ist flexibel einsetzbar – ob für Mode, Schmuck, Elektronik oder den Lieblingsladen deiner Wahl. Du entscheidest, wo der Shopping-Tag stattfinden soll!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich zum Ausfüllen?\u003c\/span\u003e \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\u003e\n\u003cp\u003eDu benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader. Damit kannst du die Felder bequem ausfüllen und den Gutschein anschließend ausdrucken.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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\/* 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\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eMit diesem Shopping-Gutschein verschenkst du nicht nur ein Produkt, sondern echte Wahlfreiheit und Freude am Stöbern. Einfach downloaden, personalisieren und ausdrucken – so wird jeder Shopping-Tag zum besonderen Erlebnis!\u003c\/span\u003e\u003c\/p\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.faq-question').forEach(function(btn) {\n btn.addEventListener('click', function() {\n const faqItem = btn.closest('.faq-item');\n \/\/ Optional: Nur eine FAQ gleichzeitig öffnen\n document.querySelectorAll('.faq-item').forEach(function(item) {\n if(item !== faqItem) item.classList.remove('active');\n });\n faqItem.classList.toggle('active');\n });\n});\n\u003c\/script\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55343056519554,"sku":"00026","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/shopping-gutschein.jpg?v=1751126348"},{"product_id":"reisegutschein-london","title":"Reisegutschein London","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n \u003cmeta content=\"Reisegutschein London – digitale Gutscheinvorlage für unvergessliche Städtereisen\" itemprop=\"name\"\u003e\n \u003cmeta content=\"Verschenke eine unvergessliche London-Reise mit unserer stilvollen Reisegutschein-Vorlage. Sofort downloaden, personalisieren und für Hotels \u0026amp; Abenteuer in London nutzen!\" itemprop=\"description\"\u003e\n \u003cmeta content=\"reisegutschein-london-pdf\" itemprop=\"sku\"\u003e\n \u003cmeta content=\"Gutschein Vorlagen\" itemprop=\"category\"\u003e\n \u003cp\u003e\u003cspan\u003eVerschenke das Abenteuer einer London-Reise: Mit unserer einzigartigen Reisegutschein-Vorlage überraschst du deine Liebsten mit einer unvergesslichen Städtereise!\u003c\/span\u003e\u003c\/p\u003e\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 \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-Download\u003c\/strong\u003e \u003cspan\u003eGutschein direkt nach dem Kauf als PDF 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 personalisierbar\u003c\/strong\u003e \u003cspan\u003eMit Namen, Reisedatum \u0026amp; persönlicher Botschaft\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 London-Abenteuer\u003c\/strong\u003e \u003cspan\u003eIdeal für Hotelübernachtungen, Sightseeing \u0026amp; Erlebnisse\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\u003eModernes Design\u003c\/strong\u003e \u003cspan\u003eStilvoll, zeitlos und für alle Reiselustigen geeignet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e\u003cspan\u003ePerfekt für Hotelübernachtungen, Sightseeing und kulinarische Entdeckungen – so wird der Traum von London wahr. Mit diesem Reisegutschein schenkst du nicht nur eine Übernachtung, sondern ein ganzes Abenteuer: Von den bunten Straßen in Soho über die berühmten Sehenswürdigkeiten bis hin zu kulinarischen Highlights – London wartet darauf, entdeckt zu werden. Einfach downloaden, personalisieren und ausdrucken – so wird der Traumurlaub zum greifbaren Geschenk!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum London-Reisegutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich die Reisegutschein-Vorlage?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eNach dem Kauf steht dir die Reisegutschein-Vorlage sofort als PDF-Download zur Verfügung. Du kannst sie direkt auf deinem Computer speichern und verwenden.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eKann ich den Gutschein individuell anpassen?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eJa, du kannst Namen, Reisedatum und eine persönliche Nachricht direkt in der PDF-Vorlage eintragen – 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\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eFür welche Leistungen kann der Gutschein genutzt werden?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDer Gutschein eignet sich ideal für Hotelübernachtungen, Sightseeing-Touren, Restaurantbesuche und viele weitere Erlebnisse in London. Die genaue Einlösung bestimmst du selbst.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich zum Ausfüllen?\u003c\/span\u003e \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 \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cdiv\u003e\n \u003cp\u003eDu benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader. Damit kannst du die Felder bequem ausfüllen und den Gutschein anschließend ausdrucken.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\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\/* 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\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eMit diesem Reisegutschein verschenkst du nicht nur eine Übernachtung, sondern ein ganzes London-Abenteuer – voller Erlebnisse, Genuss und Erinnerungen. Einfach downloaden, personalisieren und ausdrucken – so wird der Traum von London zum Geschenk!\u003c\/span\u003e\u003c\/p\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.faq-question').forEach(function(btn) {\n btn.addEventListener('click', function() {\n const faqItem = btn.closest('.faq-item');\n \/\/ Optional: Nur eine FAQ gleichzeitig öffnen\n document.querySelectorAll('.faq-item').forEach(function(item) {\n if(item !== faqItem) item.classList.remove('active');\n });\n faqItem.classList.toggle('active');\n });\n});\n\u003c\/script\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55343075197314,"sku":"00027","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/reisegutschein-vorlage_1.jpg?v=1751126595"},{"product_id":"gutschein-eishockey-spiel","title":"Gutschein Eishockey Spiel","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutschein Eishockey Spiel – Digitaler Eishockey-Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Eishockey-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Eishockeyfans. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"eishockey-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eEntdecke unsere Eishockey Gutschein Vorlage – den perfekten Geschenkgutschein für alle Eishockeyfans! Überrasche deine Liebsten mit einem unvergesslichen Erlebnis auf dem Eis und verschenke pure Spannung, Teamgeist und sportliche Begeisterung.\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\u003eFür Eishockeyfans\u003c\/strong\u003e\n \u003cspan\u003eDas perfekte Geschenk für Sportbegeisterte\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\u003eIndividuell anpassbar\u003c\/strong\u003e\n \u003cspan\u003eMit interaktiven Textfeldern für Namen, Datum \u0026amp; Nachricht\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eDiese digitale Vorlage ist sofort nach dem Kauf als PDF-Download verfügbar und lässt sich kinderleicht personalisieren. Mit interaktiven Textfeldern kannst du den Gutschein individuell anpassen – ganz ohne zusätzliche Software. Einfach downloaden, ausfüllen, ausdrucken und 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 zum Eishockey 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 Eishockey 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, Datum 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\"\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDrucke den personalisierten Gutschein auf schönem Papier oder Karton aus, schneide ihn entlang der Markierung aus und überreiche ihn als kreatives Geschenk für ein Eishockey-Spiel!\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":55344614769026,"sku":"00028","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-eishockey-spiel-1.jpg?v=1751174279"},{"product_id":"fussballspiel-gutschein","title":"Fußballspiel Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta itemprop=\"name\" content=\"Fußballspiel Gutschein – Digitaler Gutschein für ein Stadionerlebnis zum Ausdrucken\"\u003e \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Fußballspiel-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Fußballfans. Sofort downloaden, individuell gestalten und Emotionen verschenken!\"\u003e \u003cmeta itemprop=\"sku\" content=\"fussballspiel-gutschein-vorlage-pdf\"\u003e \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\u003cp\u003e\u003cspan\u003eDein persönlicher Gutschein für ein Fußballspiel – Spannung und Emotionen verschenken! \u003c\/span\u003e\u003c\/p\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\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 \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 \u003cspan\u003eName, Spiel \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\u003eEinfache Bearbeitung\u003c\/strong\u003e \u003cspan\u003eDirekt am Computer personalisierbar\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003cstrong\u003eFür alle Fußballfans\u003c\/strong\u003e \u003cspan\u003ePerfekt für Freunde, Familie \u0026amp; Kollegen\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eEin Fußballspiel live im Stadion zu erleben, ist etwas ganz Besonderes: die packende Atmosphäre, der Jubel der Fans und das gemeinsame Mitfiebern. Mit unserem Gutschein für ein Fußballspiel kannst du genau diese unvergesslichen Momente verschenken! Die Gutscheinvorlage ist mit interaktiven Textfeldern ausgestattet, die du ganz leicht am Computer ausfüllen kannst. Füge den Namen des Beschenkten hinzu, ergänze eine persönliche Botschaft oder trage die Details des Spiels ein. Danach einfach ausdrucken – und fertig ist dein mit Liebe gestalteter Gutschein.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003eHäufig gestellte Fragen zum Fußballspiel Gutschein\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich den Fußballspiel Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\u003e\n\u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Spiel 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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\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 unvergessliches Fußballerlebnis!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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\u003cp\u003e \u003c\/p\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55344637936002,"sku":"00029","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/fussballspiel-gutschein.jpg?v=1751175221"},{"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":"gutschein-tanzkurs","title":"Gutschein für einen Tanzkurs","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutschein für einen Tanzkurs – Digitaler Tanzkurs-Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke pure Lebensfreude mit einem personalisierbaren Tanzkurs-Gutschein als PDF-Vorlage zum Ausdrucken. Für Anfänger, Fortgeschrittene, Paare und Einzelpersonen. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"tanzkurs-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eVerschenke pure Lebensfreude mit einem Tanzkurs Gutschein! Ob für Anfänger oder Fortgeschrittene, für Paare oder Einzelpersonen – dieser Gutschein ist das perfekte Geschenk für alle, die gerne tanzen oder es lernen 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\u003eFür alle Tanzbegeisterten\u003c\/strong\u003e\n \u003cspan\u003eGeeignet für Anfänger, Fortgeschrittene, Paare \u0026amp; Einzelpersonen\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\u003eVielseitig einlösbar\u003c\/strong\u003e\n \u003cspan\u003eFür Walzer, Salsa, Tango, Discofox \u0026amp; mehr\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eEgal ob Walzer, Salsa, Tango oder Discofox – mit diesem Gutschein wird jeder Tanzschritt zu einem unvergesslichen Erlebnis. Einfach downloaden, personalisieren, ausdrucken und pure Freude 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 zum Tanzkurs-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 Tanzkurs-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, Kursart 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 welche Tanzkurse ist der Gutschein geeignet?\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 vielseitig einlösbar – egal ob für Walzer, Salsa, Tango, Discofox oder andere Tanzstile. Einfach den gewünschten Kurs eintragen!\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":55344652419458,"sku":"00031","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/tanzkurs-gutschein-1-2.jpg?v=1751175808"},{"product_id":"geschenkgutschein-geburtstag","title":"Geschenkgutschein Geburtstag","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Geschenkgutschein Geburtstag – Digitaler Geburtstagsgutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen kreativen, personalisierbaren Geburtstagsgutschein als PDF-Vorlage zum Ausdrucken – mit lustigem Hundemotiv. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"geburtstag-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eDu suchst nach einer kreativen und unkomplizierten Geschenkidee, die trotzdem persönlich ist? Unser digitaler Geburtstagsgutschein ist genau das Richtige für dich! Mit einem lustigen Hund in Partystimmung zaubert er dem Geburtstagskind garantiert ein Lächeln ins Gesicht.\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\u003eLustiges Hundemotiv\u003c\/strong\u003e\n \u003cspan\u003eZaubert jedem Geburtstagskind ein Lächeln ins Gesicht\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, Botschaft \u0026amp; Wunschtext 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 ausfüllbar – keine zusätzliche Software nötig\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eDie Vorlage ist super leicht zu bearbeiten. Nach dem Download kannst du die interaktiven Textfelder direkt am Computer ausfüllen und deinen Gutschein personalisieren. Schreibe den Namen des Geburtstagskinds, eine liebe Botschaft oder deinen individuellen Wunschtext – ganz wie du magst. Danach einfach ausdrucken und schon ist dein liebevoll gestalteter Gutschein bereit zum 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 zum Geburtstagsgutschein\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 Geburtstagsgutschein?\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, Botschaft und Wunschtext 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 Geburtstagsgeschenk!\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":55344658416002,"sku":"00032","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/geschenk-gutschein-vorlage.jpg?v=1751175970"},{"product_id":"freizeitpark-gutscheinvorlage","title":"Freizeitpark Gutscheinvorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Freizeitpark Gutscheinvorlage – Digitaler Freizeitpark-Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Freizeitpark-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Abenteuerlustige. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"freizeitpark-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eWie wäre es mit einem unvergesslichen Tag in einem Freizeitpark? Genau dafür haben wir den passenden digitalen Gutschein! Mit dieser Gutscheinvorlage verschenkst du Abenteuer, Spaß und gemeinsame Zeit – das perfekte Geschenk für alle, die das Besondere lieben.\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 eigenem Grußtext 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, Überraschungen \u0026amp; Familienausflüge\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eBist du auf der Suche nach dem perfekten Geschenk für jemanden, der einfach alles hat? Oder möchtest du einfach nur eine Freude machen? Ganz ohne Stress kannst du den Gutschein herunterladen und direkt am Computer personalisieren. Schreib einen netten Gruß dazu, der zeigt, dass du dir Gedanken gemacht hast. Dann einfach ausdrucken und schon hast du ein Geschenk, das wirklich von Herzen kommt.\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 Freizeitpark-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 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, Datum 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\"\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 Tag im Freizeitpark!\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":55344684499330,"sku":"00033","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/freizeitpark-gutschein-vorlage-1.jpg?v=1751176173"},{"product_id":"gutschein-fur-einen-zoobesuch","title":"Gutschein für einen Zoobesuch","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutschein für einen Zoobesuch – Digitale Zoo Gutschein Vorlage zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Zoo-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Tierliebhaber und Abenteurer. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"zoobesuch-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eHey, du! Bist du auf der Suche nach einer ganz besonderen, persönlichen und zugleich einfachen Geschenkidee, um deinen Lieblingsmenschen zu überraschen? Dann haben wir genau das Richtige für dich: Unsere digitale Gutscheinvorlage für einen unvergesslichen Zoobesuch!\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, Anlass \u0026amp; 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\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\u003eGeburtstag, Jubiläum oder einfach so\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eMit dieser liebevoll gestalteten Vorlage kannst du im Handumdrehen einen individuellen Gutschein erstellen, der direkt von Herzen kommt. Egal ob für Geburtstage, Jubiläen oder einfach nur so – dieser Zoo-Gutschein ist das perfekte Geschenk für Tierliebhaber und Abenteurer!\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 Zoo-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 Zoo-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, 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 Zoobesuch!\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":55344702062978,"sku":"00034","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-zoobesuch-1.jpg?v=1751176455"},{"product_id":"piercing-gutscheinvorlage","title":"Piercing Gutscheinvorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Piercing Gutscheinvorlage – Digitaler Piercing-Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Piercing-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für alle, die sich ein Piercing wünschen. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"piercing-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eBist du auf der Suche nach einem einzigartigen und kreativen Geschenk für einen lieben Menschen, der sich schon lange ein Piercing wünscht? Wir von Herzensprojekt haben den perfekten Piercing-Gutschein kreiert, den du ganz einfach von Zuhause aus personalisieren und ausdrucken kannst!\u003c\/span\u003e\u003c\/p\u003e\n\n \u003c!-- Ablaufgrafik --\u003e\n \u003cdiv class=\"process-steps\"\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n \u003cspan\u003eDownloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n \u003cspan\u003eAusdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eSofort verfügbar\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein direkt nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell \u0026amp; kreativ\u003c\/strong\u003e\n \u003cspan\u003eName, Betrag \u0026amp; Nachricht frei eintragbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eEinfache Bearbeitung\u003c\/strong\u003e\n \u003cspan\u003eDirekt am Computer personalisierbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eFür alle Anlässe\u003c\/strong\u003e\n \u003cspan\u003eGeburtstag, Überraschung oder einfach so\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eMit diesem editierbaren Piercing-Gutschein hältst du nicht nur ein liebevoll gestaltetes Geschenk in den Händen, sondern auch eine persönliche Einladung für ein kleines Abenteuer. Dein Geschenk wird garantiert für Begeisterung sorgen und unvergessliche Momente schaffen!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum Piercing-Gutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\"\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie erhalte ich die Piercing Gutscheinvorlage?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Betrag und persönliche Wünsche direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWelche Software benötige ich?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDu benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader, der auf den meisten Computern bereits installiert ist. Weitere Software ist nicht nötig.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDrucke den personalisierten Gutschein auf schönem Papier oder Karton aus, schneide ihn entlang der Markierung aus und überreiche ihn als kreatives Geschenk für ein Piercing!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: #333;\n}\n\n\/* Ablaufgrafik *\/\n.process-steps {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.5em;\n margin: 1.5em auto;\n padding: 0 1em;\n max-width: 800px;\n}\n.process-steps .vorteil {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 0;\n flex: 1 1 0;\n}\n.process-steps .number {\n background-color: #444444;\n color: white;\n width: 26px;\n height: 26px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-weight: 600;\n margin-bottom: 0.3em;\n}\n.process-steps .arrow {\n display: flex;\n align-items: center;\n width: 20px;\n height: 20px;\n margin-bottom: 1.4em;\n}\n.process-steps span {\n color: #333;\n font-size: 0.8em;\n font-weight: 600;\n text-align: center;\n}\n\n\/* Feature Grid Styles *\/\n.feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5em;\n margin: 2em 0;\n padding: 1.5em;\n background: #f8f8f8;\n border-radius: 12px;\n}\n.feature-item {\n display: flex;\n align-items: flex-start;\n gap: 1em;\n}\n.feature-icon {\n color: #77c9b9;\n font-size: 1.2em;\n font-weight: bold;\n flex-shrink: 0;\n}\n.feature-text {\n display: flex;\n flex-direction: column;\n}\n.feature-text strong {\n color: #333;\n font-size: 0.95em;\n margin-bottom: 0.2em;\n}\n.feature-text span {\n color: #666;\n font-size: 0.85em;\n}\n\n\/* FAQ Styles *\/\n.faq-section {\n max-width: 800px;\n margin: 2.5em auto;\n padding: 0 1em;\n}\n.faq-section h2 {\n color: #333;\n margin-bottom: 1.5em;\n font-size: 1.5em;\n text-align: center;\n}\n.faq-container {\n display: flex;\n flex-direction: column;\n gap: 0.5em;\n}\n.faq-item {\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n overflow: hidden;\n background: #fff;\n transition: all 0.3s ease;\n}\n.faq-item:hover {\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n}\n.faq-question {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1em 1.2em;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 1em;\n color: #444;\n text-align: left;\n font-weight: 500;\n transition: all 0.3s ease;\n}\n.faq-question:hover {\n background: #f8f8f8;\n}\n.faq-icon {\n width: 24px;\n height: 24px;\n color: #666;\n transition: transform 0.3s ease;\n flex-shrink: 0;\n margin-left: 1em;\n}\n.faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n background: #fafafa;\n}\n.faq-answer p {\n padding: 1em 1.2em;\n margin: 0;\n color: #666;\n line-height: 1.6;\n}\n.faq-item.active .faq-question {\n color: #333;\n background: #f8f8f8;\n}\n.faq-item.active .faq-icon {\n transform: rotate(45deg);\n}\n.faq-item.active .faq-answer {\n max-height: 300px;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 600px) {\n .process-steps {\n gap: 0.2em;\n }\n .process-steps .number {\n width: 22px;\n height: 22px;\n font-size: 12px;\n }\n .process-steps .arrow {\n width: 16px;\n height: 16px;\n margin-bottom: 1.2em;\n }\n .process-steps span {\n font-size: 0.7em;\n }\n .feature-grid {\n grid-template-columns: 1fr;\n gap: 1em;\n padding: 1em;\n }\n .faq-question {\n font-size: 0.95em;\n padding: 0.8em 1em;\n }\n .faq-answer p {\n font-size: 0.9em;\n padding: 0.8em 1em;\n }\n}\n@media (max-width: 400px) {\n .process-steps {\n gap: 0.1em;\n }\n .process-steps .arrow {\n width: 14px;\n height: 14px;\n }\n}\n\u003c\/style\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.faq-question').forEach(button =\u003e {\n button.addEventListener('click', () =\u003e {\n const faqItem = button.parentElement;\n const isActive = faqItem.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach(item =\u003e {\n item.classList.remove('active');\n });\n if (!isActive) {\n faqItem.classList.add('active');\n }\n });\n});\n\u003c\/script\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55344705634690,"sku":"00035","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/piercing-gutschein-1.jpg?v=1751176611"},{"product_id":"fussball-gutschein-zum-ausdrucken","title":"Fußball Gutschein zum Ausdrucken","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta itemprop=\"name\" content=\"Fußball Gutschein zum Ausdrucken – Digitaler Stadion-Gutschein\"\u003e \u003cmeta itemprop=\"description\" content=\"Verschenke pure Fußballfreude mit unserem personalisierbaren Fußball Gutschein als PDF-Vorlage zum Ausdrucken. Perfekt für jeden Fußballfan – sofort downloaden, individuell gestalten und Freude schenken!\"\u003e \u003cmeta itemprop=\"sku\" content=\"fussball-gutschein-vorlage-pdf\"\u003e \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\u003cp\u003e\u003cspan\u003eBist du auf der Suche nach dem perfekten Geschenk für einen Fußballfan? Unser digitaler Fußball Gutschein ist die Eintrittskarte zu einem unvergesslichen Tag voller Emotionen, Stadion-Atmosphäre und gemeinsamer Erlebnisse. \u003c\/span\u003e\u003c\/p\u003e\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\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\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\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\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\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 \u003cspan\u003ePDF-Gutschein direkt nach Kauf downloaden\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003cstrong\u003eIndividuell \u0026amp; flexibel\u003c\/strong\u003e \u003cspan\u003eMit Namen, Verein und 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\u003eEinfache Bearbeitung\u003c\/strong\u003e \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 Fußballfan\u003c\/strong\u003e \u003cspan\u003ePerfekt für Groß und Klein, für jedes Stadionerlebnis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eUnser digitaler Fußballgutschein lädt zu einem Tag voller Jubel, Spannung und Gänsehaut ein – ganz ohne Stress bei der Geschenkauswahl. Einfach downloaden, personalisieren und ausdrucken. So schenkst du nicht nur ein Ticket, sondern echte Erinnerungen für alle Fußballbegeisterten!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003eHäufig gestellte Fragen zum Fußball Gutschein\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich den Fußball Gutschein?\u003c\/span\u003e \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 \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e \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 \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\u003e\n\u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Verein, Datum 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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \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 \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e \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 \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\u003e\n\u003cp\u003eDrucke den personalisierten Gutschein auf schönem Papier oder Karton aus, schneide ihn entlang der Markierung aus und überreiche ihn als kreatives Geschenk für einen Stadionbesuch oder ein Fußballerlebnis!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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":55344711696770,"sku":"00036","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/fussball-gutschein-1.jpg?v=1751176821"},{"product_id":"gutschein-zeit-statt-zeug","title":"Gutschein Zeit statt Zeug","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutschein Zeit statt Zeug – Digitaler Gutschein für gemeinsame Zeit zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke das Wertvollste: Zeit statt Zeug! Mit unserer liebevoll gestalteten Gutscheinvorlage schenkst du gemeinsame Erlebnisse und Erinnerungen. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"zeit-statt-zeug-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eSuchst du ein Geschenk, das mehr sagt als tausend Worte? Unsere „Zeit statt Zeug“ Gutscheinvorlage ist die ideale Wahl, um deinen Liebsten zu zeigen, wie sehr du sie schätzt. Schenke nicht einfach irgendetwas – schenke das Wertvollste, das du geben kannst: deine Zeit und gemeinsame Erlebnisse!\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 Anlass 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\u003eWertvolle Erinnerungen\u003c\/strong\u003e\n \u003cspan\u003eVerschenke gemeinsame Zeit statt Dinge\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\u003eOb Geburtstag, Jubiläum oder einfach so\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eWarum unsere Gutscheinvorlage? Weil wahre Geschenke nicht materiell sind! Mit unserer „Zeit statt Zeug“ Gutscheinvorlage schenkst du nicht nur ein Papierstück, sondern das Versprechen gemeinsamer, wertvoller Momente. Dieses Geschenk zeigt, dass du bereit bist, das Kostbarste zu geben – deine Zeit. Einfach downloaden, personalisieren und ausdrucken – und schon hältst du ein Geschenk in den Händen, das von Herzen kommt und lange in Erinnerung bleibt.\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 Zeit statt Zeug 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 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\"\u003eFür welche Anlässe 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 „Zeit statt Zeug“ Gutschein ist ideal für Geburtstage, Jubiläen, als Dankeschön oder einfach, um jemandem zu zeigen, wie wichtig gemeinsame Zeit ist.\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":55344742924674,"sku":"00037","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-zeit-statt-zeug-1-3.jpg?v=1751177495"},{"product_id":"ameland-gutschein","title":"Ameland Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Ameland Gutschein – Digitaler Reisegutschein für die Nordseeinsel zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke eine Auszeit am Meer mit unserem personalisierbaren Ameland Gutschein als PDF-Vorlage zum Ausdrucken. Perfekt für Erholung, Romantik und Familienzeit. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"ameland-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eVerschenke eine liebevolle Auszeit am Meer! Mit unserem Ameland Gutschein schenkst du nicht nur Erholung, sondern auch unvergessliche Momente auf einer der schönsten Nordseeinseln. Lass Träume von Sand zwischen den Zehen, frischer Meeresluft und endlosen Dünen wahr werden – ein Geschenk, das Herzen höherschlagen lässt.\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, Anlass \u0026amp; Wunschtext 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, beliebig oft druckbar\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\u003eOb Kurzurlaub, Romantik oder Familienzeit\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eOb für einen spontanen Kurzurlaub, ein romantisches Wochenende zu zweit oder einen fröhlichen Familienausflug – dieser Ameland Gutschein ist das perfekte Geschenk für alle, die das Meer lieben. Nach dem Kauf lädst du die Vorlage bequem herunter, personalisierst sie am Computer und druckst sie direkt zu Hause aus. So schenkst du im Handumdrehen pure Vorfreude auf Sonne, Strand und Nordseeglück!\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 Ameland 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 Ameland 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, 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 eine Auszeit auf Ameland!\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":55344745841026,"sku":"00038","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/ameland-gutschein-5.jpg?v=1751177662"},{"product_id":"shopping-gutscheinvorlage","title":"Shopping Gutscheinvorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Shopping Gutscheinvorlage – Digitaler Geschenkgutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke freie Auswahl mit unserer personalisierbaren Shopping Gutscheinvorlage als PDF zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"shopping-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eManchmal ist die schönste Geschenkidee, jemandem freie Wahl zu schenken! Mit unserer liebevoll gestalteten Shopping Gutscheinvorlage verschenkst du nicht nur einen Gutschein, sondern echte Freude am Aussuchen und Erleben. Ob Mode, Accessoires oder kleine Lieblingsstücke – mit diesem Gutschein triffst du immer ins Schwarze.\u003c\/span\u003e\u003c\/p\u003e\n\n \u003c!-- Ablaufgrafik --\u003e\n \u003cdiv class=\"process-steps\"\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n \u003cspan\u003eDownloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n \u003cspan\u003eAusdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eSofort verfügbar\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein direkt nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell \u0026amp; flexibel\u003c\/strong\u003e\n \u003cspan\u003eName, Botschaft \u0026amp; Betrag frei eintragbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eLiebevolles Design\u003c\/strong\u003e\n \u003cspan\u003eFür Mode, Accessoires \u0026amp; Lieblingsstücke\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eEinfach \u0026amp; schnell\u003c\/strong\u003e\n \u003cspan\u003eAm Computer ausfüllbar, sofort ausdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eDas Praktische: Du kannst den Gutschein direkt nach dem Download am Computer personalisieren. Füge den Namen des Beschenkten, eine individuelle Botschaft oder sogar den Betrag hinzu. Danach einfach ausdrucken, ausschneiden und fertig ist dein persönliches Geschenk, das garantiert gut ankommt – für Geburtstage, Weihnachten oder einfach als liebevolle Überraschung zwischendurch.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zur Shopping Gutscheinvorlage\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\"\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie erhalte ich die Shopping Gutscheinvorlage?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Betrag und persönliche Botschaft direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWelche Software benötige ich?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDu benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader, der auf den meisten Computern bereits installiert ist. Weitere Software ist nicht nötig.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eFür wen eignet sich die Shopping Gutscheinvorlage?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie Vorlage ist ideal für alle, die gerne shoppen – egal ob für Mode, Accessoires oder kleine Lieblingsstücke. Perfekt für Geburtstage, Weihnachten oder als spontane Überraschung!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: #333;\n}\n\n\/* Ablaufgrafik *\/\n.process-steps {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.5em;\n margin: 1.5em auto;\n padding: 0 1em;\n max-width: 800px;\n}\n.process-steps .vorteil {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 0;\n flex: 1 1 0;\n}\n.process-steps .number {\n background-color: #444444;\n color: white;\n width: 26px;\n height: 26px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-weight: 600;\n margin-bottom: 0.3em;\n}\n.process-steps .arrow {\n display: flex;\n align-items: center;\n width: 20px;\n height: 20px;\n margin-bottom: 1.4em;\n}\n.process-steps span {\n color: #333;\n font-size: 0.8em;\n font-weight: 600;\n text-align: center;\n}\n\n\/* Feature Grid Styles *\/\n.feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5em;\n margin: 2em 0;\n padding: 1.5em;\n background: #f8f8f8;\n border-radius: 12px;\n}\n.feature-item {\n display: flex;\n align-items: flex-start;\n gap: 1em;\n}\n.feature-icon {\n color: #77c9b9;\n font-size: 1.2em;\n font-weight: bold;\n flex-shrink: 0;\n}\n.feature-text {\n display: flex;\n flex-direction: column;\n}\n.feature-text strong {\n color: #333;\n font-size: 0.95em;\n margin-bottom: 0.2em;\n}\n.feature-text span {\n color: #666;\n font-size: 0.85em;\n}\n\n\/* FAQ Styles *\/\n.faq-section {\n max-width: 800px;\n margin: 2.5em auto;\n padding: 0 1em;\n}\n.faq-section h2 {\n color: #333;\n margin-bottom: 1.5em;\n font-size: 1.5em;\n text-align: center;\n}\n.faq-container {\n display: flex;\n flex-direction: column;\n gap: 0.5em;\n}\n.faq-item {\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n overflow: hidden;\n background: #fff;\n transition: all 0.3s ease;\n}\n.faq-item:hover {\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n}\n.faq-question {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1em 1.2em;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 1em;\n color: #444;\n text-align: left;\n font-weight: 500;\n transition: all 0.3s ease;\n}\n.faq-question:hover {\n background: #f8f8f8;\n}\n.faq-icon {\n width: 24px;\n height: 24px;\n color: #666;\n transition: transform 0.3s ease;\n flex-shrink: 0;\n margin-left: 1em;\n}\n.faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n background: #fafafa;\n}\n.faq-answer p {\n padding: 1em 1.2em;\n margin: 0;\n color: #666;\n line-height: 1.6;\n}\n.faq-item.active .faq-question {\n color: #333;\n background: #f8f8f8;\n}\n.faq-item.active .faq-icon {\n transform: rotate(45deg);\n}\n.faq-item.active .faq-answer {\n max-height: 300px;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 600px) {\n .process-steps {\n gap: 0.2em;\n }\n .process-steps .number {\n width: 22px;\n height: 22px;\n font-size: 12px;\n }\n .process-steps .arrow {\n width: 16px;\n height: 16px;\n margin-bottom: 1.2em;\n }\n .process-steps span {\n font-size: 0.7em;\n }\n .feature-grid {\n grid-template-columns: 1fr;\n gap: 1em;\n padding: 1em;\n }\n .faq-question {\n font-size: 0.95em;\n padding: 0.8em 1em;\n }\n .faq-answer p {\n font-size: 0.9em;\n padding: 0.8em 1em;\n }\n}\n@media (max-width: 400px) {\n .process-steps {\n gap: 0.1em;\n }\n .process-steps .arrow {\n width: 14px;\n height: 14px;\n }\n}\n\u003c\/style\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.faq-question').forEach(button =\u003e {\n button.addEventListener('click', () =\u003e {\n const faqItem = button.parentElement;\n const isActive = faqItem.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach(item =\u003e {\n item.classList.remove('active');\n });\n if (!isActive) {\n faqItem.classList.add('active');\n }\n });\n});\n\u003c\/script\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55344750920066,"sku":"00039","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/shopping-tag-gutschein-2.jpg?v=1751177827"},{"product_id":"gutschein-theaterbesuch","title":"Gutschein Theaterbesuch","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutschein Theaterbesuch – Digitaler Theater-Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen unvergesslichen Abend voller Magie und Kultur mit unserer personalisierbaren Theater-Gutschein Vorlage als PDF zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"theater-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eEin Abend im Theater ist mehr als nur ein Ausflug – es ist ein Erlebnis voller Magie, Emotionen und unvergesslicher Momente. Mit unserem Theater-Gutschein schenkst du deinen Liebsten genau das: eine kleine Auszeit vom Alltag und die Freude an Kunst und Kultur.\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, persönliche Botschaft \u0026amp; Vorstellung 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\u003eEinfach zu bearbeiten\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\u003eGeburtstag, Jubiläum, Überraschung oder einfach so\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eDie liebevoll gestaltete Gutscheinvorlage kannst du ganz einfach am Computer personalisieren. Füge den Namen des Beschenkten, eine persönliche Botschaft oder Details zur geplanten Vorstellung hinzu. Danach ausdrucken – und schon hast du ein Geschenk, das Eindruck hinterlässt und für leuchtende Augen sorgt.\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cspan\u003eOb als stilvolles Geburtstagsgeschenk, als romantische Einladung oder als kleine Auszeit für zwischendurch – mit diesem Theater-Gutschein verschenkst du Kultur, Emotionen und bleibende Erinnerungen. Jetzt downloaden, personalisieren und Freude schenken!\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 Theater-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 Theater-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, persönliche Botschaft und Details zur Vorstellung 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 einen Theaterabend!\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":55344758686082,"sku":"00040","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-theaterbesuch-5.jpg?v=1751178166"},{"product_id":"gutschein-wochenendtrip","title":"Gutschein Wochenendtrip","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutschein Wochenendtrip – Digitaler Städtetrip-Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Gutschein für einen Wochenendtrip – als PDF-Vorlage zum Ausdrucken. Sofort downloaden, individuell gestalten und gemeinsame Abenteuer schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"wochenendtrip-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eManchmal sind es die besonderen Erlebnisse, die uns am meisten im Gedächtnis bleiben. Mit unserem Gutschein für einen Wochenendtrip schenkst du nicht nur eine Reise, sondern gemeinsame Abenteuer, neue Entdeckungen und unvergessliche Erinnerungen in einer Stadt deiner Wahl.\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 Botschaft und Reisedetails\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\u003ePerfekt für Paare, Freunde \u0026amp; Familie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eDie liebevoll gestaltete Gutscheinvorlage ist perfekt, um deine Reiseidee kreativ und persönlich zu überreichen. Nach dem Download kannst du die interaktiven Textfelder am Computer ganz einfach ausfüllen – trage den Namen des Beschenkten, eine persönliche Botschaft oder Details zur geplanten Reise ein. Anschließend ausdrucken – und fertig ist dein einzigartiger Gutschein für ein gemeinsames Abenteuer!\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 Wochenendtrip-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 Wochenendtrip-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, Reiseziel, Datum und persönliche Botschaften 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 gemeinsamen Wochenendtrip!\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":55344762552706,"sku":"00041","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-wochenendtrip-1-2.jpg?v=1751178313"},{"product_id":"babysitten-gutschein","title":"Babysitten Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta content=\"Babysitten Gutschein zum Ausdrucken – Digitaler Babysitter-Gutschein\" itemprop=\"name\"\u003e \u003cmeta content=\"Verschenke wertvolle Zeit mit unserem personalisierbaren Babysitten Gutschein als PDF-Vorlage zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\" itemprop=\"description\"\u003e \u003cmeta content=\"babysitten-gutschein-vorlage-pdf\" itemprop=\"sku\"\u003e \u003cmeta content=\"Gutschein Vorlagen\" itemprop=\"category\"\u003e\n\u003cp\u003e\u003cspan\u003eVerschenke das Wertvollste, was du hast: deine Zeit! Mit unserem liebevoll gestalteten Babysitten Gutschein überraschst du Eltern, Freunde oder Familie mit einer wohlverdienten Auszeit. Ob als Dankeschön, kleine Aufmerksamkeit oder besondere Überraschung – dieser Gutschein sorgt für leuchtende Augen und entspannte Stunden.\u003c\/span\u003e\u003c\/p\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\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 \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 \u003cspan\u003eMit eigenem Text 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 \u003cspan\u003eDirekt am Computer editierbar – kein Extra-Programm 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\u003ePerfekte Größe\u003c\/strong\u003e \u003cspan\u003eIm Postkartenformat: 14,8 x 10,5cm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eDirekt nach der Bestellung kannst du die PDF-Datei herunterladen und mit jedem PDF-Programm am Computer bearbeiten. Der Clou: Du kannst den Gutschein sofort editieren und deinen eigenen, liebevollen Text in den unteren Bereich setzen. So wird dein Babysitten-Gutschein zu einer ganz persönlichen und unvergesslichen Geschenkidee, die garantiert für Freude sorgt!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003eHäufig gestellte Fragen zum Babysitten Gutschein\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich den Babysitten Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\u003e\n\u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Datum und deine 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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\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 entspannte 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\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\u003cp\u003e \u003c\/p\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55344766321026,"sku":"00042","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/Gutschein-Babysitten-1.jpg?v=1751178469"},{"product_id":"reisegutschein-verschenken","title":"Reisegutschein verschenken","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Reisegutschein verschenken – Digitaler Reisegutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Reisegutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für unvergessliche Erlebnisse. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"reisegutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eMöchtest du jemandem ein Geschenk machen, das Herzen erwärmt und unvergessliche Erinnerungen schafft? Unser Reisegutschein öffnet die Tür zu einer Welt voller Abenteuer, Entspannung und gemeinsamer Glücksmomente – ein Geschenk, das lange nachwirkt!\u003c\/span\u003e\u003c\/p\u003e\n\n \u003c!-- Ablaufgrafik --\u003e\n \u003cdiv class=\"process-steps\"\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n \u003cspan\u003eDownloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n \u003cspan\u003eAusdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eSofort verfügbar\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein direkt nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell \u0026amp; flexibel\u003c\/strong\u003e\n \u003cspan\u003eFür jedes Reiseziel und jeden Anlass 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 unvergessliche Erlebnisse\u003c\/strong\u003e\n \u003cspan\u003eOb Romantik, Abenteuer oder Wellness – alles ist möglich\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eOb ein zauberhaftes Wochenende voller Romantik, ein aufregendes Abenteuer, das den Adrenalinspiegel steigen lässt, oder ein entspannender Wellness-Urlaub, bei dem man die Sorgen des Alltags hinter sich lässt – mit unserem personalisierten Reisegutschein verschenkst du Zeit, die für immer in Erinnerung bleibt.\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cspan\u003eGestalte den Gutschein mit wenigen Klicks, füge eine persönliche Nachricht hinzu und überrasche deine Liebsten mit einer Einladung zu neuen Horizonten. So einfach war es noch nie, Freude zu 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 zum Reisegutschein\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 Reisegutschein?\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, Reiseziel, 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\"\u003eFür welche Reisen ist der Gutschein geeignet?\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 Reisegutschein ist flexibel einsetzbar – egal ob für einen Städtetrip, einen Wellness-Urlaub, ein Abenteuerwochenende oder eine romantische Auszeit. Du bestimmst das Ziel!\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":55344774873474,"sku":"00043","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/reisegutschein-verschenken-4.jpg?v=1751178898"},{"product_id":"gutschein-wandern","title":"Gutschein Wandern","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Geschenkgutschein für Wanderliebhaber – Digitaler Wandergutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke ein unvergessliches Wandererlebnis mit unserem personalisierbaren Wandergutschein als PDF-Vorlage zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"wandern-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eDu möchtest einem lieben Menschen eine ganz besondere Freude machen? Mit unserem Geschenkgutschein für Wanderliebhaber verschenkst du nicht nur einen Ausflug, sondern gemeinsame Zeit, Naturerlebnisse und bleibende Erinnerungen. Ob für erfahrene Wanderer oder Neulinge – dieser Gutschein ist das perfekte Geschenk für alle, die gerne draußen unterwegs sind und das Abenteuer lieben.\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, Tour und 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\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\u003eGeburtstag, Jubiläum, Überraschung oder einfach so\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eStatt gewöhnlicher Dinge verschenkst du mit diesem Gutschein gemeinsame Zeit in der Natur, intensive Gespräche und unvergessliche Erlebnisse. Ob als Geburtstagsgeschenk, als liebevolle Überraschung oder als Zeichen deiner Wertschätzung – mit unserem Wandergutschein schenkst du ein Abenteuer, das für immer in Erinnerung bleibt. Einfach downloaden, personalisieren, ausdrucken und loswandern!\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 Wandergutschein\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 Wandergutschein?\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, Tour 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 ein gemeinsames Wanderabenteuer!\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":55344777789826,"sku":"00044","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-wandern.jpg?v=1751179067"},{"product_id":"escape-room-gutscheinvorlage","title":"Escape Room Gutscheinvorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta content=\"Escape Room Gutscheinvorlage – Digitaler Escape Room Gutschein zum Ausdrucken\" itemprop=\"name\"\u003e \u003cmeta content=\"Verschenke ein spannendes Abenteuer mit unserer personalisierbaren Escape Room Gutscheinvorlage als PDF zum Ausdrucken. Sofort downloaden, individuell gestalten und gemeinsame Rätselzeit schenken!\" itemprop=\"description\"\u003e \u003cmeta content=\"escape-room-gutschein-vorlage-pdf\" itemprop=\"sku\"\u003e \u003cmeta content=\"Gutschein Vorlagen\" itemprop=\"category\"\u003e\n\u003cp\u003e\u003cspan\u003eBist du bereit für ein unvergessliches Rätselerlebnis? Mit unserer Escape Room Gutscheinvorlage verschenkst du nicht nur einen Gutschein, sondern pure Spannung, Teamgeist und gemeinsame Abenteuerzeit! Überrasche deine Liebsten mit einer kreativen Geschenkidee, die für Nervenkitzel, Spaß und bleibende Erinnerungen sorgt.\u003c\/span\u003e\u003c\/p\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\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\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 \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\u003ePerfekte Größe\u003c\/strong\u003e \u003cspan\u003eFormat: 10 x 20 cm (Auf A4 Blatt)\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 \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 \u003cspan\u003eGeburtstag, Überraschung, Familien- oder Freundes-Event\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eOb für den Partner, die beste Freundin oder als familiäre Überraschung – ein Escape Room Gutschein sorgt für gemeinsame Erlebnisse, Teamwork und jede Menge Spaß. Ideal für Geburtstage, besondere Anlässe oder einfach als liebevolle Aufmerksamkeit zwischendurch. Schenke Abenteuer, Spannung und unvergessliche Momente!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003eHäufig gestellte Fragen zum Escape Room Gutschein\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich die Escape Room Gutscheinvorlage?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\u003e\n\u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Datum 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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\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\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eFür wen eignet sich der Escape Room Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\u003e\n\u003cp\u003eDer Gutschein ist ideal für Paare, Freunde, Familien oder Teams – für alle, die gemeinsam Rätselspaß und Abenteuer erleben möchten!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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":55344780312962,"sku":"00045","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/escape-room-gutschein-1.jpg?v=1751179231"},{"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":"friseurgutschein","title":"Friseurgutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Liebevolle Friseurgutschein Vorlage – Digitaler Friseur Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke eine Auszeit voller Wohlfühlmomente mit unserer personalisierbaren Friseurgutschein Vorlage als PDF zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"friseur-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eDu möchtest deiner besten Freundin, deiner Mama oder einer ganz besonderen Frau in deinem Leben eine Freude machen? Mit unserer liebevoll gestalteten Friseurgutschein Vorlage verschenkst du nicht nur einen exklusiven Friseurbesuch, sondern auch eine wohlverdiente Auszeit vom Alltag – ein Zeichen deiner Wertschätzung und Liebe.\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 Widmung 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\u003eIn jedem PDF-Programm 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\u003eWohlfühl-Auszeit schenken\u003c\/strong\u003e\n \u003cspan\u003eFür Verwöhnmomente beim Friseur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eDas Besondere an diesem Gutschein: Du kannst ihn ganz einfach in jedem beliebigen PDF-Programm anpassen. Überrasche deinen Lieblingsmenschen mit einer Einladung zu einem exklusiven Friseurbesuch – für neue Energie, ein Lächeln im Gesicht und das Gefühl, etwas ganz Besonderes zu sein. Einfach downloaden, personalisieren, ausdrucken und 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 zum Friseurgutschein\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 Friseurgutschein 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, persönliche Widmung und Termin 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 Friseurbesuch!\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":55348364116354,"sku":"00047","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/friseurgutschein-1.jpg?v=1751273013"},{"product_id":"bowling-gutschein","title":"Bowling Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Bowlinggutschein – Digitaler Gutschein für die Bowlingbahn zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke gemeinsame Zeit und Spaß mit unserem personalisierbaren Bowlinggutschein als PDF-Vorlage zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"bowling-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eStrike! Mit unserem liebevoll gestalteten Bowlinggutschein verschenkst du nicht nur einen Ausflug auf die Bowlingbahn, sondern auch jede Menge Spaß, Lachen und gemeinsame Erinnerungen. Ob für Freunde, Familie oder als Überraschung für einen besonderen Menschen – dieser Gutschein sorgt garantiert für gute Laune und einen unvergesslichen Tag.\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, Datum \u0026amp; persönlicher Nachricht\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\u003eGeburtstag, Überraschung oder einfach so\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eMit nur wenigen Klicks lädst du die Vorlage herunter, trägst deine persönlichen Wünsche und den Namen des Beschenkten ein und druckst den Gutschein direkt zu Hause aus. Überreiche ihn als Einladung zu einem gemeinsamen Bowling-Abend voller Spaß, Action und guter Laune – ein Geschenk, das garantiert in Erinnerung bleibt!\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 Bowlinggutschein\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 Bowlinggutschein?\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, Datum 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\"\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 liebevolle Einladung zu einem Bowling-Abend!\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":55348381680002,"sku":"00048","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-ideen.jpg?v=1751273507"},{"product_id":"massage-gutschein","title":"Massage Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Massage Gutschein zum Ausdrucken – Digitaler Entspannungs-Gutschein\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke pure Entspannung und Wohlbefinden mit unserem personalisierbaren Massage Gutschein als PDF-Vorlage zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"massage-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eDu möchtest jemandem eine ganz besondere Freude machen? Unser Massage Gutschein ist mehr als nur ein Geschenk – er ist eine liebevolle Einladung, sich eine Auszeit zu gönnen, neue Kraft zu tanken und den Alltag hinter sich zu lassen. Mit diesem Gutschein verschenkst du pure Entspannung, Wohlbefinden und ein Lächeln auf dem Gesicht deiner Liebsten.\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 Widmung 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\u003ePerfekt für Freunde, Familie oder den Partner\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eOb als liebevolles Geburtstagsgeschenk, kleine Aufmerksamkeit zwischendurch oder als Zeichen deiner Wertschätzung – mit diesem Massage Gutschein schenkst du eine wohltuende Auszeit vom hektischen Alltag. Lass deine Liebsten von Kopf bis Fuß verwöhnen und genießt gemeinsam den Moment der Ruhe und Erholung. Worauf wartest du noch? Bestelle jetzt unseren Massage Gutschein und verschenke pure Entspannung!\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 Massage 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 Massage 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, persönliche Widmung und Wunschdatum 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 wohltuende Massage!\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":55348682883458,"sku":"00049","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/Massage-Gutschein.jpg?v=1751277368"},{"product_id":"fotoshooting-gutschein","title":"Fotoshooting Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Fotoshooting Gutschein – Digitaler Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Fotoshooting-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für bleibende Erinnerungen. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"fotoshooting-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eVerschenke Erinnerungen, die für immer bleiben! Mit unserem liebevoll gestalteten Fotoshooting Gutschein schenkst du nicht nur ein besonderes Erlebnis, sondern auch wunderschöne Momente, die für die Ewigkeit festgehalten werden.\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, Anlass \u0026amp; 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\u003eVielseitig einsetzbar\u003c\/strong\u003e\n \u003cspan\u003eFür Familien-, Paar- oder Portraitshootings\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, Jubiläum, Hochzeit oder einfach so\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eOb für ein Familien-Shooting, ein Paar-Shooting oder ein Portrait – diese Gutscheinvorlage ist das ideale Geschenk für Geburtstage, Jubiläen, Hochzeiten oder einfach, um einem Lieblingsmenschen eine Freude zu machen. In wenigen Minuten personalisiert, ausgedruckt und verschenkt – so schenkst du bleibende Erinnerungen voller Liebe und 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 Fotoshooting 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 Fotoshooting 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, 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 ein unvergessliches Fotoshooting!\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":55348734525826,"sku":"00050","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/fotoshooting-gutschein-5.jpg?v=1751278133"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/collections\/gutscheinvorlagen-herzensprojekt-1.jpg?v=1750956493","url":"https:\/\/herzensprojekt.de\/collections\/gutscheinvorlagen.oembed?page=2","provider":"Herzensprojekt Manufaktur","version":"1.0","type":"link"}