{"title":"Zum Geburtstag","description":"","products":[{"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":"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":"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":"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":"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":"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":"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":"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":"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":"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":"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":"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":"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":"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"},{"product_id":"cocktail-gutscheinvorlage","title":"Cocktail Gutscheinvorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta itemprop=\"name\" content=\"Cocktail Gutscheinvorlage – Digitaler Cocktail-Gutschein zum Ausdrucken\"\u003e \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Cocktail-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Genießer:innen und Freunde. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e \u003cmeta itemprop=\"sku\" content=\"cocktail-gutschein-vorlage-pdf\"\u003e \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\u003cp\u003e\u003cspan\u003eDu suchst nach dem perfekten Geschenk für einen besonderen Menschen? Mit unserer liebevoll gestalteten Cocktail Gutscheinvorlage verschenkst du nicht nur einen Drink, sondern einen ganzen Abend voller Lachen, Genuss und guter Gesellschaft. \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; persönlich\u003c\/strong\u003e \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 \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 Geburtstage, Mädelsabende \u0026amp; Überraschungen\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eDu kannst den Gutschein in wenigen Minuten herunterladen, am Computer personalisieren und direkt ausdrucken. Überreiche ihn als Einladung zu einem Cocktail-Abend voller unvergesslicher Momente, leckerer Drinks und bester Stimmung. Worauf wartest du noch? Hol dir jetzt deinen Cocktail-Gutschein und bereite deinen Freunden eine Nacht, die sie so schnell nicht vergessen werden!\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 Cocktail-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 Cocktail 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 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 Einladung zu einem unvergesslichen Cocktail-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\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\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":55348752220546,"sku":"00051","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/cocktail-gutschein-1.jpg?v=1751278327"},{"product_id":"vorlage-geburtstag-gutschein","title":"Vorlage Geburtstag Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Geburtstag Gutschein Vorlage – Digitaler Geburtstagsgutschein mit Party-Schaf zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke Freude mit unserer lustigen Geburtstag Gutschein Vorlage mit Party-Schaf – als PDF zum Ausdrucken. Sofort downloaden, individuell gestalten und ein Lächeln 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\u003eDer Geburtstag deines Lieblingsmenschen steht vor der Tür und du suchst noch nach einer originellen, liebevollen Geschenkidee? Kein Grund zur Panik! Unser „Geburtstag Gutschein“ mit dem fröhlichen Party-Schaf ist sofort zur Stelle und zaubert garantiert ein Lächeln ins Gesicht – auch auf den letzten Drücker.\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 Party-Schaf-Design\u003c\/strong\u003e\n \u003cspan\u003eBringt garantiert gute Laune zum Geburtstag\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, Wunsch \u0026amp; persönliche Nachricht 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\u003eHauptgeschenk oder liebevolles Extra\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eMit diesem Gutschein verschenkst du nicht nur einen Tag, sondern ein ganzes Jahr voller Freude und schöner Erinnerungen! Ob als Hauptgeschenk oder als kleines Extra – das Party-Schaf sorgt garantiert für Begeisterung und ein herzliches Lachen. Nicht lange grübeln, sondern direkt unsere lustige Geburtstag Gutschein Vorlage herunterladen, 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 Geburtstag 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 Geburtstag Gutschein Vorlage?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen – auch auf den letzten Drücker!\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, Wünsche und eine persönliche Nachricht direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWelche Software benötige ich?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDu benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader, der auf den meisten Computern bereits installiert ist. Weitere Software ist nicht nötig.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\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 Geburtstagskind, das garantiert strahlt!\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":55348831125890,"sku":"00052","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/vorlage-geburtstag-gutschein-1.jpg?v=1751279885"},{"product_id":"gutscheinvorlage-zum-geburtstag","title":"Gutscheinvorlage zum Geburtstag","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutscheinvorlage zum Ausdrucken – Digitaler Gutschein für jeden Anlass\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke Zeit, Freude und gemeinsame Erlebnisse mit unserer personalisierbaren Gutscheinvorlage zum Ausdrucken. Sofort downloaden, individuell gestalten und Herzen berühren!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"universal-gutscheinvorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eManchmal sind es die spontanen Gesten, die am meisten Freude bereiten. Unsere liebevoll gestaltete Gutscheinvorlage zum Ausdrucken ist die perfekte Lösung, wenn du auf der Suche nach einem persönlichen, flexiblen und blitzschnellen Geschenk bist. Ob Geburtstag, Hochzeitstag oder einfach als kleine Aufmerksamkeit zwischendurch – mit diesem Gutschein schenkst du Zeit, Erlebnisse und echte Wertschätzung.\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\u003eBlitzschnell \u0026amp; flexibel\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein sofort nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell personalisierbar\u003c\/strong\u003e\n \u003cspan\u003eMit Namen, Anlass \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 jeden Anlass\u003c\/strong\u003e\n \u003cspan\u003eGeburtstag, Hochzeitstag, Dankeschön \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\u003eKreativ \u0026amp; vielseitig\u003c\/strong\u003e\n \u003cspan\u003eFür Kochevents, Ausflüge, Filmabende \u0026amp; vieles mehr\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eDieser Gutschein ist das perfekte Last-Minute-Geschenk: Einfach downloaden, am Computer mit wenigen Klicks personalisieren und direkt zu Hause ausdrucken. Ob ein gemeinsames Kochevent, ein Spaziergang im Wald oder ein gemütlicher Filmabend – mit dieser Gutscheinvorlage verschenkst du nicht nur ein Stück Papier, sondern echte gemeinsame Zeit und schöne Erinnerungen. Mach deinen Liebsten eine Freude, die 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 zur 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 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 die 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\u003eDie Gutscheinvorlage ist ideal für Geburtstage, Hochzeitstage, als Dankeschön oder für spontane Überraschungen. Sie lässt sich für viele kreative Geschenkideen einsetzen.\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":55348852162946,"sku":"00053","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_4.jpg?v=1751280106"},{"product_id":"hotelgutschein","title":"Hotelgutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Hotelgutschein Vorlage – Digitaler Hotel-Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke eine Auszeit voller Entspannung und Abenteuer mit unserer personalisierbaren Hotelgutschein Vorlage als PDF zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"hotel-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eHallo, Reiselustige! Du möchtest einem besonderen Menschen eine kleine Auszeit schenken? Mit unserer stilvollen Hotelgutschein Vorlage verschenkst du nicht nur eine Übernachtung, sondern pure Vorfreude auf neue Erlebnisse, Entspannung und gemeinsame Erinnerungen. Ob für einen spontanen Kurztrip, einen romantischen Aufenthalt oder als liebevolle Überraschung – dieser Gutschein ist die perfekte Einladung zum Träumen und Genießen.\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\u003eHotel, Datum \u0026amp; persönliche Nachricht frei wählbar\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\u003eGeburtstag, Jubiläum oder als Überraschung\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 Namen, Wunschhotel und deine persönliche Botschaft ein und druckst den Gutschein auf schönem Papier aus. So schenkst du nicht nur eine Übernachtung, sondern ein echtes Erlebnis voller Freude und Wertschätzung. Perfekt für alle, die das Besondere lieben!\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 Hotelgutschein\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 Hotelgutschein 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, Hotel, Datum 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 im Hotel!\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":55348870644098,"sku":"00054","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/hotelgutschein-1.jpg?v=1751280325"},{"product_id":"gutschein-gemeinsames-kochen","title":"Gutschein Gemeinsames Kochen","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutschein für gemeinsames Kochen – Digitaler Koch-Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Gutschein für ein gemeinsames Kocherlebnis – als PDF-Vorlage zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"kochen-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eSchenke die Freude am gemeinsamen Kochen! Mit unserem stilvollen Gutschein für ein kulinarisches Erlebnis zu zweit verschenkst du nicht nur Genuss, sondern auch wertvolle Zeit miteinander. Ob als romantische Überraschung, für beste Freunde oder als Familiengeschenk – dieser Gutschein sorgt für unvergessliche Momente am Herd.\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 alle Genießer:innen\u003c\/strong\u003e\n \u003cspan\u003ePerfekt für Paare, Freunde \u0026amp; Familien\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eSuchst du nach einer außergewöhnlichen Geschenkidee? Wie wäre es mit einem Gutschein für ein gemeinsames Kocherlebnis? Unser Gutschein bietet die Möglichkeit, einen entspannten Abend voller Genuss und Freude zu verbringen. Ob ihr neue Rezepte ausprobiert oder eure Lieblingsgerichte zusammen zubereitet – alles ist möglich. Der Gutschein ist sofort erhältlich, lässt sich im Nachhinein personalisieren und wird so zu einem ganz besonderen und persönlichen Geschenk. Eine tolle Idee für alle Foodies und Kochbegeisterten!\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 Koch-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 Koch-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 liebevolles Geschenk für ein gemeinsames Kocherlebnis!\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":55348926316930,"sku":"00056","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/Geschenkidee-kochen-1.jpg?v=1751280939"},{"product_id":"escape-room-gutschein","title":"Escape Room Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Escape Room Gutscheinvorlage – Digitaler Escape Room Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke ein spannendes Abenteuer mit unserer personalisierbaren Escape Room Gutscheinvorlage als PDF zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"escape-room-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eHallo, Abenteurer und Rätselfreunde! Du suchst nach einem einzigartigen, aufregenden Geschenk, das für Nervenkitzel und Teamgeist sorgt? Mit unserer Escape Room Gutscheinvorlage verschenkst du nicht nur ein spannendes Erlebnis, sondern auch gemeinsame Zeit voller Rätselspaß und unvergesslicher Erinnerungen.\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\u003eIdeal für Geburtstage, Team-Events \u0026amp; Überraschungen\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eOb als kreatives Geburtstagsgeschenk, als Highlight für ein Team-Event oder als außergewöhnliche Überraschung zwischendurch – mit diesem Escape Room Gutschein schenkst du Spannung, Teamgeist und jede Menge Spaß. Einfach downloaden, personalisieren und ausdrucken – so einfach verschenkst du ein Abenteuer, das noch 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 Escape Room 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 Escape Room 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\"\u003eFür wen eignet sich der Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDer Escape Room Gutschein ist ideal für Geburtstage, Team-Events, Familien, Freunde oder als kreative Überraschung für alle, die Spaß an Rätseln und Abenteuern haben.\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":55349075476866,"sku":"00058","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/escaperoom-gutschein-1.jpg?v=1751282303"},{"product_id":"gutschein-therme","title":"Gutschein Therme","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Therme Gutschein Vorlage – Digitaler Wellness-Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke Entspannung pur: Mit unserer personalisierbaren Therme Gutschein Vorlage schenkst du einen Wellness-Tag voller Erholung. Jetzt PDF downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"therme-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eVerschenke eine Auszeit voller Wohlbefinden! Mit unserer liebevoll gestalteten Gutscheinvorlage für einen Thermenbesuch schenkst du pure Entspannung, wohltuende Wellness-Momente und eine kleine Flucht aus dem Alltag – das perfekte Geschenk für alle, die sich selbst oder anderen etwas Gutes tun möchten.\u003c\/span\u003e\u003c\/p\u003e\n\n \u003c!-- Ablaufgrafik --\u003e\n \u003cdiv class=\"process-steps\"\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n \u003cspan\u003eDownloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n \u003cspan\u003eAusdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eSofort verfügbar\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein direkt nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell \u0026amp; persönlich\u003c\/strong\u003e\n \u003cspan\u003eMit Namen, Nachricht \u0026amp; Wunschbetrag personalisierbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eEinfache Bearbeitung\u003c\/strong\u003e\n \u003cspan\u003eDirekt am Computer ausfüllbar – keine Zusatzsoftware nötig\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eFür jeden Anlass\u003c\/strong\u003e\n \u003cspan\u003eWellness, Geburtstag, Dankeschön oder einfach so\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eSuchst du das perfekte Geschenk für Entspannung und Wohlbefinden? Entdecke unsere Therme-Gutscheinvorlagen, die du ganz einfach selbst gestalten kannst! Perfekt für eine kleine Auszeit, als liebevolle Aufmerksamkeit oder als besonderes Geschenk für deine Liebsten. Lade jetzt deine Vorlage herunter, füge deine persönliche Nachricht hinzu und mache jemandem eine Freude mit einem Wellness-Tag. Einfach, schnell und immer passend – dein Weg zu einem entspannten Geschenk beginnt hier!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum Therme Gutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\"\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie erhalte ich die Therme Gutschein Vorlage?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Wunschbetrag und persönliche Nachricht direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWelche Software benötige ich?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDu benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader, der auf den meisten Computern bereits installiert ist. Weitere Software ist nicht nötig.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eFür wen eignet sich der Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDer Gutschein ist ideal für alle, die sich eine Auszeit wünschen – ob als Geschenk für Freunde, Familie, Partner:in oder als kleine Aufmerksamkeit für zwischendurch.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: #333;\n}\n\n\/* Ablaufgrafik *\/\n.process-steps {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.5em;\n margin: 1.5em auto;\n padding: 0 1em;\n max-width: 800px;\n}\n.process-steps .vorteil {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 0;\n flex: 1 1 0;\n}\n.process-steps .number {\n background-color: #444444;\n color: white;\n width: 26px;\n height: 26px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-weight: 600;\n margin-bottom: 0.3em;\n}\n.process-steps .arrow {\n display: flex;\n align-items: center;\n width: 20px;\n height: 20px;\n margin-bottom: 1.4em;\n}\n.process-steps span {\n color: #333;\n font-size: 0.8em;\n font-weight: 600;\n text-align: center;\n}\n\n\/* Feature Grid Styles *\/\n.feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5em;\n margin: 2em 0;\n padding: 1.5em;\n background: #f8f8f8;\n border-radius: 12px;\n}\n.feature-item {\n display: flex;\n align-items: flex-start;\n gap: 1em;\n}\n.feature-icon {\n color: #77c9b9;\n font-size: 1.2em;\n font-weight: bold;\n flex-shrink: 0;\n}\n.feature-text {\n display: flex;\n flex-direction: column;\n}\n.feature-text strong {\n color: #333;\n font-size: 0.95em;\n margin-bottom: 0.2em;\n}\n.feature-text span {\n color: #666;\n font-size: 0.85em;\n}\n\n\/* FAQ Styles *\/\n.faq-section {\n max-width: 800px;\n margin: 2.5em auto;\n padding: 0 1em;\n}\n.faq-section h2 {\n color: #333;\n margin-bottom: 1.5em;\n font-size: 1.5em;\n text-align: center;\n}\n.faq-container {\n display: flex;\n flex-direction: column;\n gap: 0.5em;\n}\n.faq-item {\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n overflow: hidden;\n background: #fff;\n transition: all 0.3s ease;\n}\n.faq-item:hover {\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n}\n.faq-question {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1em 1.2em;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 1em;\n color: #444;\n text-align: left;\n font-weight: 500;\n transition: all 0.3s ease;\n}\n.faq-question:hover {\n background: #f8f8f8;\n}\n.faq-icon {\n width: 24px;\n height: 24px;\n color: #666;\n transition: transform 0.3s ease;\n flex-shrink: 0;\n margin-left: 1em;\n}\n.faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n background: #fafafa;\n}\n.faq-answer p {\n padding: 1em 1.2em;\n margin: 0;\n color: #666;\n line-height: 1.6;\n}\n.faq-item.active .faq-question {\n color: #333;\n background: #f8f8f8;\n}\n.faq-item.active .faq-icon {\n transform: rotate(45deg);\n}\n.faq-item.active .faq-answer {\n max-height: 300px;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 600px) {\n .process-steps {\n gap: 0.2em;\n }\n .process-steps .number {\n width: 22px;\n height: 22px;\n font-size: 12px;\n }\n .process-steps .arrow {\n width: 16px;\n height: 16px;\n margin-bottom: 1.2em;\n }\n .process-steps span {\n font-size: 0.7em;\n }\n .feature-grid {\n grid-template-columns: 1fr;\n gap: 1em;\n padding: 1em;\n }\n .faq-question {\n font-size: 0.95em;\n padding: 0.8em 1em;\n }\n .faq-answer p {\n font-size: 0.9em;\n padding: 0.8em 1em;\n }\n}\n@media (max-width: 400px) {\n .process-steps {\n gap: 0.1em;\n }\n .process-steps .arrow {\n width: 14px;\n height: 14px;\n }\n}\n\u003c\/style\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.faq-question').forEach(button =\u003e {\n button.addEventListener('click', () =\u003e {\n const faqItem = button.parentElement;\n const isActive = faqItem.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach(item =\u003e {\n item.classList.remove('active');\n });\n if (!isActive) {\n faqItem.classList.add('active');\n }\n });\n});\n\u003c\/script\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55349132820866,"sku":"00061","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-therme-1.jpg?v=1751284182"},{"product_id":"gutschein-fuhrerschein","title":"Gutschein Führerschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Führerschein Gutschein – Fahrstunden verschenken als PDF-Vorlage zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke Fahrstunden mit unserem personalisierbaren Führerschein Gutschein als PDF-Vorlage zum Ausdrucken. Perfekt zum 18. Geburtstag oder als Überraschung für Fahranfänger:innen. Sofort downloaden, individuell gestalten und Fahrfreiheit schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"fuehrerschein-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eÜberrasche deine Liebsten mit dem Geschenk der Fahrfreiheit! Unser liebevoll gestalteter Gutschein für den Führerschein ist das perfekte Präsent für alle, die ihren Führerschein machen möchten – ob zum 18. Geburtstag, zum bestandenen Schulabschluss oder einfach als Motivation für den Start ins mobile Leben.\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, Glückwunsch \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\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 zum 18. Geburtstag, Schulabschluss \u0026amp; mehr\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 Gutscheinvorlage herunter, trägst deine persönliche Nachricht, den Namen des Beschenkten und den gewünschten Betrag ein. Anschließend druckst du den Gutschein auf schönem Papier oder Karton aus – fertig ist dein einzigartiges Geschenk für angehende Autofahrer:innen!\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cspan\u003eStatt eines kurzfristigen Geschenks, das schnell vergessen wird, schenkst du mit diesem Führerschein-Gutschein eine echte Zukunftsperspektive und langanhaltende Freude. Jetzt downloaden, personalisieren und Fahrstunden 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 Führerschein 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 Führerschein Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Betrag und persönliche Glückwünsche direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWelche Software benötige ich?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDu benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader, der auf den meisten Computern bereits installiert ist. Weitere Software ist nicht nötig.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eFür wen eignet sich der Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDer Gutschein ist ideal für alle, die ihren Führerschein machen möchten – egal ob zum 18. Geburtstag, zum Schulabschluss oder als Motivation für Fahranfänger: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\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":55349251178882,"sku":"00063","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-fuehrerschein-1.jpg?v=1751285770"},{"product_id":"geburtstag-gutschein-vorlage","title":"Geburtstag Gutschein Vorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Geburtstag Gutschein Vorlage – Origineller Geburtstagsgutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke Freude, Humor und eine bleibende Erinnerung mit unserer Geburtstag Gutschein Vorlage zum Ausdrucken. Schnell, individuell \u0026amp; liebevoll – das perfekte Last-Minute-Geschenk!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"geburtstag-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eDer Geburtstag deines Lieblingsmenschen steht vor der Tür, die Zeit rennt und das perfekte Geschenk fehlt noch? Atme tief durch und freu dich, denn unsere \u003cstrong\u003eGeburtstag Gutschein Vorlage\u003c\/strong\u003e eilt zur Rettung! Mit wenigen Klicks zauberst du ein Geschenk, das nicht nur praktisch, sondern auch voller Herz und Humor ist.\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\u003eBlitzschnell verfügbar\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein sofort nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell \u0026amp; liebevoll\u003c\/strong\u003e\n \u003cspan\u003eMit persönlicher Nachricht und Namen personalisierbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eHumorvolles Design\u003c\/strong\u003e\n \u003cspan\u003eMit feiernder Ziege und fröhlichen Farben\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eFür jeden Geburtstag\u003c\/strong\u003e\n \u003cspan\u003eOb als Hauptgeschenk oder Ergänzung\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eMehr als nur ein Gutschein: Mit dieser Vorlage schenkst du Freude, Humor und eine wunderbare Erinnerung. Egal ob als Ergänzung zu einem weiteren Präsent oder als Hauptgeschenk – dieser Gutschein sorgt garantiert für ein Lächeln und bleibt lange in Erinnerung. Und seien wir mal ehrlich: Wer kann schon einer feiernden Ziege widerstehen?\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 Geburtstag Gutschein Vorlage\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 Geburtstag Gutschein Vorlage?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen – auch als Last-Minute-Geschenk!\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 wen eignet sich 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\u003eDie Vorlage ist ideal für alle Altersgruppen und jeden Geburtstag – egal ob für Freunde, Familie, Kollegen oder als witzige Überraschung für den Lieblingsmenschen.\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":55349575385474,"sku":"00065","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/geburtstag-gutschein-vorlage-1.jpg?v=1751291687"},{"product_id":"gutschein-fur-kaffee-kuchen","title":"Gutschein für Kaffee \u0026 Kuchen","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutschein für Kaffee und Kuchen – Persönliche Einladung als PDF-Vorlage\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Gutschein für Kaffee und Kuchen – als PDF-Vorlage zum Ausdrucken. Perfekt für Freund:innen, Familie \u0026amp; besondere Momente. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"kaffee-kuchen-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eDu suchst nach einer besonderen Geschenkidee, die von Herzen kommt? Mit unserem liebevoll gestalteten Gutschein für Kaffee und Kuchen verschenkst du nicht nur Genuss, sondern auch wertvolle Zeit und gemeinsame Erinnerungen. Lade deine Lieblingsperson zu einem gemütlichen Kaffeetrinken ein – ob im Lieblingscafé, zu Hause oder als süße Überraschung 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\u003eIndividuell \u0026amp; liebevoll\u003c\/strong\u003e\n \u003cspan\u003eMit persönlichem 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 editierbar (z.B. mit 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\u003eFür jeden Anlass\u003c\/strong\u003e\n \u003cspan\u003ePerfekt für Freund:innen, Familie \u0026amp; kleine Aufmerksamkeiten\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eMit diesem editierbaren Gutschein kannst du die Zeit mit deiner liebsten Person genießen und die Seele baumeln lassen. Ein personalisierter Gutschein ist immer eine tolle Geste und zeigt, dass du dir Gedanken gemacht hast. Einfach den Grußtext im unteren Bereich mit einem PDF-Programm bearbeiten, Namen und Nachricht eintragen und schon hast du ein einzigartiges Geschenk. Überrasche deinen Lieblingsmenschen mit einer Einladung zu Kaffee und Kuchen – für gemeinsame Genussmomente, die in Erinnerung bleiben!\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 Kaffee \u0026amp; Kuchen 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, Grußtext 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 gemeinsamen Kaffee \u0026amp; Kuchen!\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":55349596422530,"sku":"00066","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/Gutschein-Kaffee-und-Kuchen-5.jpg?v=1751291897"},{"product_id":"gutschein-spieleabend","title":"Gutschein Spieleabend","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 Spieleabend – PDF-Vorlage zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Gutschein für einen Spieleabend – als PDF-Vorlage zum Ausdrucken. Perfekt als Geschenk für Freunde, Familie oder als kleine Aufmerksamkeit.\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"spieleabend-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eDu möchtest einem lieben Menschen eine besondere Freude machen? Mit unserem Gutschein für einen gemeinsamen Spieleabend verschenkst du nicht nur ein Geschenk, sondern wertvolle Zeit, Lachen und unvergessliche Erinnerungen. Ob als Überraschung für Freunde, Familie oder als kleine Aufmerksamkeit zwischendurch – diese Gutscheinvorlage ist die perfekte Einladung zu einem Abend voller Spaß und Gemeinschaft.\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, Wunschspiel \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 jeden Anlass\u003c\/strong\u003e\n \u003cspan\u003eIdeal als Dankeschön, Geburtstag oder Überraschung\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eEin Spieleabend ist die perfekte Gelegenheit, gemeinsam zu lachen, sich auszutauschen und neue Lieblingsspiele zu entdecken. Ob klassisches Brettspiel, Kartenspiel oder ein brandneues Gesellschaftsspiel – mit diesem Gutschein kann der oder die Beschenkte selbst entscheiden, welches Spiel auf den Tisch kommt. So wird aus einem einfachen Abend ein echtes Highlight, das 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 Spieleabend-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 Spieleabend-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, Wunschspiel 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 gemeinsamen Spieleabend!\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":55349702361474,"sku":"00070","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/Gutschein-Spieleabend-1.jpg?v=1751293171"},{"product_id":"autowasche-gutschein","title":"Autowäsche Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Autowäsche Gutschein – Digitaler Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Autowäsche Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Autoliebhaber. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"autowaesche-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eHey, kennst du jemanden, der sein Auto über alles liebt? Dann überrasche ihn oder sie mit unserem liebevoll gestalteten Autowäsche Gutschein! Ob als kleine Aufmerksamkeit, Dankeschön oder als originelles Geschenk – mit diesem Gutschein schenkst du nicht nur einen sauberen Wagen, sondern auch ein Lächeln und glänzende Freude.\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, Grußtext \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\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\u003eGeburtstag, Dankeschön oder einfach so\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eUnser Team von Herzensprojekt hat genau das Richtige für dich: Einfach downloaden, personalisieren und schon hast du ein glänzendes Geschenk parat! Die interaktiven Textfelder machen es kinderleicht, den Gutschein mit Namen, persönlicher Nachricht und Wunschbetrag zu versehen. Drucke ihn auf schönem Papier aus und überreiche ein Geschenk, das garantiert für Freude sorgt – und für ein blitzsauberes Auto!\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 Autowäsche 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 Autowäsche Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Betrag und 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 glänzendes Geschenk für Autoliebhaber: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\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":55349713371522,"sku":"00071","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/autowaesche-gutschein-1.jpg?v=1751293388"},{"product_id":"gutscheinvorlage-essen-gehen-basteln","title":"Gutscheinvorlage Essen gehen","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutscheinvorlage Essen gehen – Digitaler Essensgutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke eine stilvolle Einladung zum Essen gehen – als PDF-Gutschein zum Ausdrucken. Persönlich, individuell und sofort verfügbar. Jetzt downloaden, personalisieren und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"essen-gehen-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003ch1 itemprop=\"name\"\u003eGutscheinvorlage Essen gehen\u003c\/h1\u003e\n \u003cp\u003e\u003cspan\u003eDu möchtest deinem Lieblingsmenschen ein ganz besonderes Geschenk machen? Mit unserer stilvollen Gutscheinvorlage für ein gemeinsames Essen wird deine Einladung zu einem unvergesslichen Erlebnis. Ob für Geburtstage, Jubiläen oder einfach, um „Danke“ zu sagen – dieser digitale Gutschein ist die perfekte Wahl für alle, die Genuss und gemeinsame Zeit verschenken möchten.\u003c\/span\u003e\u003c\/p\u003e\n\n \u003c!-- Ablaufgrafik --\u003e\n \u003cdiv class=\"process-steps\"\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n \u003cspan\u003eDownloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n \u003cspan\u003eAusdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eSofort verfügbar\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein direkt nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell \u0026amp; persönlich\u003c\/strong\u003e\n \u003cspan\u003eMit eigenem Grußtext, Namen \u0026amp; Wunschrestaurant 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\u003eModernes Design\u003c\/strong\u003e\n \u003cspan\u003eStilvolle Vorlage für jeden 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\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\u003eMach Schluss mit gewöhnlichen Geschenkkarten und überrasche deinen Lieblingsmenschen mit einer Einladung der Extraklasse! Ob als spontane Geste, für einen besonderen Anlass oder um dem Alltag eine besondere Note zu verleihen – unser digitaler Gutschein bietet die perfekte Lösung. Einfach downloaden, personalisieren und ausdrucken – so schenkst du Genuss, gemeinsame Zeit und bleibende Erinnerungen!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum Essensgutschein\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, 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\" 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 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\n\u003cstyle\u003e\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: #333;\n}\nh1 {\n font-size: 1.7em;\n margin-top: 1em;\n margin-bottom: 0.7em;\n color: #333;\n text-align: center;\n font-weight: 700;\n letter-spacing: 0.01em;\n}\n\/* Ablaufgrafik *\/\n.process-steps {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.5em;\n margin: 1.5em auto;\n padding: 0 1em;\n max-width: 800px;\n}\n.process-steps .vorteil {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 0;\n flex: 1 1 0;\n}\n.process-steps .number {\n background-color: #444444;\n color: white;\n width: 26px;\n height: 26px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-weight: 600;\n margin-bottom: 0.3em;\n}\n.process-steps .arrow {\n display: flex;\n align-items: center;\n width: 20px;\n height: 20px;\n margin-bottom: 1.4em;\n}\n.process-steps span {\n color: #333;\n font-size: 0.8em;\n font-weight: 600;\n text-align: center;\n}\n\/* Feature Grid Styles *\/\n.feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5em;\n margin: 2em 0;\n padding: 1.5em;\n background: #f8f8f8;\n border-radius: 12px;\n}\n.feature-item {\n display: flex;\n align-items: flex-start;\n gap: 1em;\n}\n.feature-icon {\n color: #77c9b9;\n font-size: 1.2em;\n font-weight: bold;\n flex-shrink: 0;\n}\n.feature-text {\n display: flex;\n flex-direction: column;\n}\n.feature-text strong {\n color: #333;\n font-size: 0.95em;\n margin-bottom: 0.2em;\n}\n.feature-text span {\n color: #666;\n font-size: 0.85em;\n}\n\/* FAQ Styles *\/\n.faq-section {\n max-width: 800px;\n margin: 2.5em auto;\n padding: 0 1em;\n}\n.faq-section h2 {\n color: #333;\n margin-bottom: 1.5em;\n font-size: 1.5em;\n text-align: center;\n}\n.faq-container {\n display: flex;\n flex-direction: column;\n gap: 0.5em;\n}\n.faq-item {\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n overflow: hidden;\n background: #fff;\n transition: all 0.3s ease;\n}\n.faq-item:hover {\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n}\n.faq-question {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1em 1.2em;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 1em;\n color: #444;\n text-align: left;\n font-weight: 500;\n transition: all 0.3s ease;\n}\n.faq-question:hover {\n background: #f8f8f8;\n}\n.faq-icon {\n width: 24px;\n height: 24px;\n color: #666;\n transition: transform 0.3s ease;\n flex-shrink: 0;\n margin-left: 1em;\n}\n.faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n background: #fafafa;\n}\n.faq-answer p {\n padding: 1em 1.2em;\n margin: 0;\n color: #666;\n line-height: 1.6;\n}\n.faq-item.active .faq-question {\n color: #333;\n background: #f8f8f8;\n}\n.faq-item.active .faq-icon {\n transform: rotate(45deg);\n}\n.faq-item.active .faq-answer {\n max-height: 300px;\n}\n\/* Responsive Styles *\/\n@media (max-width: 600px) {\n .process-steps {\n gap: 0.2em;\n }\n .process-steps .number {\n width: 22px;\n height: 22px;\n font-size: 12px;\n }\n .process-steps .arrow {\n width: 16px;\n height: 16px;\n margin-bottom: 1.2em;\n }\n .process-steps span {\n font-size: 0.7em;\n }\n .feature-grid {\n grid-template-columns: 1fr;\n gap: 1em;\n padding: 1em;\n }\n .faq-question {\n font-size: 0.95em;\n padding: 0.8em 1em;\n }\n .faq-answer p {\n font-size: 0.9em;\n padding: 0.8em 1em;\n }\n}\n@media (max-width: 400px) {\n .process-steps {\n gap: 0.1em;\n }\n .process-steps .arrow {\n width: 14px;\n height: 14px;\n }\n}\n\u003c\/style\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.faq-question').forEach(button =\u003e {\n button.addEventListener('click', () =\u003e {\n const faqItem = button.parentElement;\n const isActive = faqItem.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach(item =\u003e {\n item.classList.remove('active');\n });\n if (!isActive) {\n faqItem.classList.add('active');\n }\n });\n});\n\u003c\/script\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55349720056194,"sku":"00072","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-essen-gehen-4.jpg?v=1751293614"},{"product_id":"gutschein-kaffee-trinken","title":"Gutschein Kaffee trinken","description":"\u003c!-- Produktbeschreibung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n\n \u003cp\u003e\n \u003cspan\u003e\n Ein Kaffee-Date gefällig? Mit dieser liebevoll gestalteten Gutscheinvorlage verschenkst du nicht nur einen Kaffee,\n sondern echte Wertschätzung und gemeinsame Zeit. Ob Lieblingscafé um die Ecke oder neues Kaffee-Abenteuer –\n dieser Gutschein ist eine kleine Einladung zu großen Gesprächen.\n \u003c\/span\u003e\n \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\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\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n \u003c\/div\u003e\n\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\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 \u003c!-- Vorteile --\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\n \u003cspan\u003eDirekt nach dem Kauf herunterladen\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003ePersönlich \u0026amp; herzlich\u003c\/strong\u003e\n \u003cspan\u003eName, Grußtext \u0026amp; Café individuell anpassbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eEinfach auszufüllen\u003c\/strong\u003e\n \u003cspan\u003eAm Computer personalisierbar – ohne Grafikprogramm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003ePerfekt für gemeinsame Zeit\u003c\/strong\u003e\n \u003cspan\u003eIdeal für Freunde, Familie oder Herzensmenschen\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\n \u003cspan\u003e\n Mit wenigen Klicks lädst du die Vorlage herunter, trägst Namen, Café und eine persönliche Nachricht ein\n und hast im Handumdrehen ein Geschenk, das von Herzen kommt.\n Ein Gutschein für Gespräche, Lachen und den Duft von frisch gebrühtem Kaffee.\n \u003c\/span\u003e\n \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum Kaffee-Gutschein\u003c\/h2\u003e\n\n \u003cdiv class=\"faq-container\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\"\u003e\n\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 den Gutschein sofort herunterladen und direkt mit der Personalisierung starten.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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 anpassen?\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 lässt sich ganz einfach am Computer ausfüllen – mit Namen, Café und persönlicher Botschaft.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\u003eEin normaler PDF-Reader wie der kostenlose Acrobat Reader reicht völlig aus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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 Gutschein aus, schneide ihn aus und überreiche ihn als Einladung zu einem gemeinsamen Kaffee.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.process-steps {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.5em;\n margin: 2em auto;\n max-width: 800px;\n}\n\n.process-steps .vorteil {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.process-steps .number {\n width: 26px;\n height: 26px;\n background: #444;\n color: #fff;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n margin-bottom: 0.3em;\n}\n\n.process-steps span {\n font-size: 0.8em;\n font-weight: 600;\n}\n\n.feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5em;\n background: #f8f8f8;\n padding: 1.5em;\n border-radius: 12px;\n margin: 2em 0;\n}\n\n.feature-item {\n display: flex;\n gap: 1em;\n}\n\n.feature-icon {\n color: #77c9b9;\n font-weight: bold;\n}\n\n.faq-section {\n max-width: 800px;\n margin: 3em auto;\n}\n\n.faq-item {\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n margin-bottom: 0.6em;\n overflow: hidden;\n}\n\n.faq-question {\n width: 100%;\n padding: 1em 1.2em;\n border: none;\n background: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n font-size: 1em;\n}\n\n.faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.35s ease;\n background: #fafafa;\n}\n\n.faq-answer p {\n padding: 1em 1.2em;\n margin: 0;\n}\n\n.faq-item.active .faq-answer {\n max-height: 300px;\n}\n\n.faq-item.active .faq-icon {\n transform: rotate(45deg);\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.querySelectorAll('.faq-question').forEach(button =\u003e {\n button.addEventListener('click', function () {\n const item = this.parentElement;\n document.querySelectorAll('.faq-item').forEach(i =\u003e {\n if (i !== item) i.classList.remove('active');\n });\n item.classList.toggle('active');\n });\n});\n\u003c\/script\u003e\n","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55349774352770,"sku":"00074","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/kaffee-geschenkidee.jpg?v=1751294294"},{"product_id":"kinogutschein-vorlage","title":"Kinogutschein Vorlage","description":"\u003c!-- ============================================================\n GEO-OPTIMIERTER PRODUKTBLOCK – Kinogutschein 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\": \"Kinogutschein Vorlage – Digitaler Kino-Gutschein als PDF zum Ausdrucken\",\n \"description\": \"Personalisierbarer Kinogutschein als PDF-Vorlage zum Ausdrucken. Name, Film, Datum und persönliche Nachricht direkt am Computer eintragen. Sofort-Download nach dem Kauf. Ideal für Geburtstage, Dates und Überraschungen für Filmfans.\",\n \"sku\": \"kinogutschein-vorlage-pdf\",\n \"category\": \"Gutschein Vorlagen\",\n \"brand\": {\n \"@type\": \"Brand\",\n \"name\": \"Manufaktur Ratingen\"\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 Kinogutschein Vorlage?\",\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, Film, Datum 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 Kinoabend.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Für welche Anlässe eignet sich der Kinogutschein?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Der Kinogutschein passt zum Geburtstag, als romantisches Date-Geschenk, zum Valentinstag, als Dankeschön oder einfach als spontane Überraschung für alle, die Filme lieben.\"\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\"\u003eKinogutschein Vorlage – Kino-Gutschein als PDF ausdrucken \u0026amp; verschenken\u003c\/h2\u003e\n \u003cp\u003e\u003cem\u003eFür alle, die das Kino lieben – und einen Abend voller Popcorn, großer Leinwand und gemeinsamer Zeit verdienen.\u003c\/em\u003e\u003c\/p\u003e\n\n \u003cp itemprop=\"description\"\u003eEin Kinoabend ist mehr als ein Film. Es ist das gemeinsame Erleben, das Lachen über dieselbe Szene, das Erschrecken im richtigen Moment. Dieser Gutschein verschenkt genau das – und sieht dabei noch richtig gut aus. Name, Film, Datum und eine persönliche Nachricht trägst du direkt in die Textfelder ein. Ausdrucken, überreichen – und sich auf den Abend freuen.\u003c\/p\u003e\n\n \u003cp\u003eDas PDF steht sofort nach dem Kauf zum Download bereit. Kein Warten, kein Versand, in wenigen Minuten fertig und bereit zum Ü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\u003eEchtes Kinoflair im Design\u003c\/h3\u003e\n \u003cspan\u003eWunderschön illustriert mit detailreichem Motiv – sieht aus wie ein echtes Ticket.\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, Film \u0026amp; Datum eintragen\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\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 \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 Geburtstage, Dates \u0026amp; mehr\u003c\/h3\u003e\n \u003cspan\u003eOb Überraschung, Valentinstag oder spontane Einladung – 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\u003eManche Geschenke kauft man, und sie landen im Regal. Dieses landet im Kino. Der Kinogutschein ist kein Gegenstand, sondern ein Versprechen auf einen Abend, auf den man sich freut – und an den man sich hinterher erinnert. Das ist der Unterschied.\u003c\/p\u003e\n\n \u003cp\u003eDas Design fängt das typische Kinoflair ein: stimmungsvoll, detailreich, mit einem Hauch von großer Leinwand. Auf gutem Druckerpapier bereits überzeugend – auf Karton oder Fotopapier gedruckt fühlt er sich fast wie ein echtes Ticket an. In ein kleines Kuvert gesteckt ist er ein richtiges Geschenk.\u003c\/p\u003e\n\n \u003cp\u003eDu kannst einen bestimmten Film eintragen, den ihr ohnehin schauen wolltet – oder das Feld freilassen und dem Beschenkten die Wahl überlassen. Beides funktioniert, beides macht Freude.\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, Film, Datum und Nachricht in die Textfelder eingeben.\u003cbr\u003e\n 🖨️ Ausdrucken und ausschneiden.\u003cbr\u003e\n 🎬 Überreichen – und gemeinsam ins Kino gehen.\n \u003c\/p\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eDetails:\u003c\/strong\u003e\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 Kinogutschein\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 Kinogutschein 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 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, Film, 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\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 Kinoabend.\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 Kinogutschein?\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 Kinogutschein passt zum Geburtstag, als romantisches Date-Geschenk, zum Valentinstag, als Dankeschön oder einfach als spontane Überraschung für alle, die Filme lieben.\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":55349796995458,"sku":"00075","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/kino-gutschein-vorlage-1.jpg?v=1751294635"},{"product_id":"amsterdam-gutschein","title":"Amsterdam Gutschein","description":"\u003cdiv class=\"product-custom-style\"\u003e\n\n\u003c!-- Produktbeschreibung --\u003e\n\u003cdiv class=\"product-description\"\u003e\n \u003cp\u003e\n \u003cstrong\u003eAmsterdam Gutschein – Vorfreude zum Ausdrucken 🇳🇱\u003c\/strong\u003e\u003cbr\u003e\n \u003cem\u003eGrachten, Fahrräder, Tulpen – und dieses besondere Gefühl von Freiheit.\u003c\/em\u003e\u003cbr\u003e\u003cbr\u003e\n Mit diesem \u003cstrong\u003eAmsterdam Gutschein zum Download\u003c\/strong\u003e verschenkst du \n keine Dinge, sondern \u003cstrong\u003eZeit, Erlebnisse und gemeinsame Erinnerungen\u003c\/strong\u003e. \n Perfekt für alle, die das Besondere lieben und sich schon beim Überreichen \n gedanklich nach Amsterdam träumen.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Die Gutscheinvorlage ist liebevoll gestaltet und greift das typische \n \u003cstrong\u003eLebensgefühl Amsterdams\u003c\/strong\u003e auf. \n Nach dem Kauf kannst du den Gutschein ganz einfach \n \u003cstrong\u003eherunterladen, personalisieren und ausdrucken\u003c\/strong\u003e.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- Feature Grid --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eSofort verfügbar\u003c\/strong\u003e\n \u003cspan\u003eDirekt nach dem Kauf als PDF herunterladen.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✍️\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eEinfach personalisierbar\u003c\/strong\u003e\n \u003cspan\u003eName, Anlass und Gruß bequem am Computer eintragen.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🎨\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eDesign mit Herz\u003c\/strong\u003e\n \u003cspan\u003eLiebevoll gestaltet – inspiriert vom Flair Amsterdams.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🎁\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eFür viele Anlässe\u003c\/strong\u003e\n \u003cspan\u003eGeburtstag, Überraschung oder kleine Auszeit.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Erweiterte Beschreibung --\u003e\n\u003cdiv class=\"extended-description\"\u003e\n \u003cp\u003e\n Diese \u003cstrong\u003edigitale Gutscheinvorlage für Amsterdam\u003c\/strong\u003e ist ideal, \n wenn du ein persönliches Geschenk suchst, das trotzdem schnell fertig ist. \n Kein Versand, kein Warten – einfach herunterladen und Freude schenken.\n \u003c\/p\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eSo funktioniert’s:\u003c\/strong\u003e\u003cbr\u003e\n ✅ Nach dem Kauf herunterladen\u003cbr\u003e\n ✅ Textfelder am Computer ausfüllen\u003cbr\u003e\n ✅ Ausdrucken \u0026amp; verschenken\u003cbr\u003e\n ✅ Vorfreude genießen 🇳🇱\n \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Sektion --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufige Fragen zum Amsterdam Gutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\"\u003e\n\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan\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\"\u003e\n \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF zum Download zur Verfügung.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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 \u003cp\u003eDu kannst Name, Anlass und eine persönliche Nachricht direkt am Computer eintragen.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"faq-item\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan\u003eFür wen eignet sich der Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\"\u003e\n \u003cp\u003eFür Paare, Freunde oder Familie – für alle, die Amsterdam erleben möchten.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Styles (Shopify-sicher \u0026 vollständig gekapselt) --\u003e\n\u003cstyle\u003e\n.product-custom-style * { box-sizing: border-box; }\n\n.product-custom-style {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: #333;\n}\n\n.product-custom-style .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5em;\n margin: 2em 0;\n padding: 1.5em;\n background: #f6f6f7;\n border-radius: 12px;\n}\n\n.product-custom-style .feature-item {\n display: flex;\n gap: 1em;\n}\n\n.product-custom-style .feature-icon {\n font-size: 1.3em;\n flex-shrink: 0;\n}\n\n.product-custom-style .feature-text strong {\n color: #222;\n}\n\n.product-custom-style .feature-text span {\n font-size: 0.9em;\n color: #555;\n}\n\n.product-custom-style .faq-section {\n max-width: 800px;\n margin: 2.5em auto;\n}\n\n.product-custom-style .faq-item {\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n margin-bottom: 0.5em;\n background: #fff;\n}\n\n.product-custom-style .faq-question {\n width: 100%;\n padding: 1em;\n background: none;\n border: none;\n display: flex;\n justify-content: space-between;\n cursor: pointer;\n text-align: left;\n}\n\n.product-custom-style .faq-icon {\n width: 24px;\n height: 24px;\n color: #888;\n transition: transform 0.3s ease;\n}\n\n.product-custom-style .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n background: #fafafa;\n}\n\n.product-custom-style .faq-answer p {\n padding: 1em;\n margin: 0;\n color: #555;\n}\n\n.product-custom-style .faq-item.active .faq-answer {\n max-height: 300px;\n}\n\n.product-custom-style .faq-item.active .faq-icon {\n transform: rotate(45deg);\n}\n\n@media (max-width: 600px) {\n .product-custom-style .feature-grid {\n grid-template-columns: 1fr;\n padding: 1em;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- FAQ Interaktion --\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.product-custom-style .faq-question').forEach(button =\u003e {\n button.addEventListener('click', () =\u003e {\n const item = button.parentElement;\n const active = item.classList.contains('active');\n document.querySelectorAll('.product-custom-style .faq-item').forEach(i =\u003e i.classList.remove('active'));\n if (!active) item.classList.add('active');\n });\n});\n\u003c\/script\u003e\n\n\u003c\/div\u003e\n","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55350031614338,"sku":"00076","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/amsterdam-gutschein-1.jpg?v=1751299300"},{"product_id":"wein-gutschein","title":"Wein Gutschein","description":"\u003c!-- SEO Meta Title \u0026 Description --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta content=\"Edle Wein Gutscheinvorlage – Digitaler Weingutschein zum Ausdrucken\" itemprop=\"name\"\u003e \u003cmeta content=\"Verschenke Genussmomente mit der edlen Wein Gutscheinvorlage: Sofort-Download, personalisierbar \u0026amp; perfekt für Weinliebhaber. Jetzt Freude schenken \u0026amp; Erinnerungen schaffen!\" itemprop=\"description\"\u003e \u003cmeta content=\"wein-gutscheinvorlage-pdf\" itemprop=\"sku\"\u003e \u003cmeta content=\"Gutschein Vorlagen\" itemprop=\"category\"\u003e\n\u003cp\u003e\u003cspan\u003eWein schenkt Freude. Und mit dieser edlen Gutscheinvorlage schenkst du noch ein bisschen mehr: Zeit, Genuss und ein Lächeln. Ob für die beste Freundin, den Lieblingskollegen oder deine Eltern – ein Glas Weisswein verbindet und macht jeden Moment besonders. Klingt gut? Ist es auch!\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\u003eGenuss zum Verschenken\u003c\/strong\u003e \u003cspan\u003eOb Weingut-Besuch, Seminar oder Flasche – alles ist möglich\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\u003eEdles Design\u003c\/strong\u003e \u003cspan\u003eStilvoll, modern und garantiert ein Hingucker\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 personalisierbar\u003c\/strong\u003e \u003cspan\u003eMit Namen, Anlass und 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\u003eSofort zum Download\u003c\/strong\u003e \u003cspan\u003ePDF-Vorlage direkt nach dem Kauf verfügbar\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eEgal, ob du ein inspirierendes Weisswein-Seminar, einen romantischen Weingut-Besuch oder eine Flasche dieses erfrischenden Tropfens verschenken möchtest – dieser Gutschein lässt Herzen höher schlagen. Einfach downloaden, personalisieren, ausdrucken und mit einem Lächeln überreichen. So einfach. So schön.\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 Wein 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 Wein 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 edle 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 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 Wein Gutscheinvorlage ist ideal für Geburtstage, Jubiläen, Hochzeiten, als Dankeschön oder einfach als kleine Aufmerksamkeit für Weinliebhaber: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(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":55350054715778,"sku":"00077","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/wein-gutscheinvorlage-4.jpg?v=1751299539"},{"product_id":"valentinstag-gutschein","title":"Valentinstag Gutschein","description":"\u003c!-- SEO Meta Title \u0026 Description --\u003e\n\u003ctitle\u003eValentins Gutschein – Liebe schenken, gemeinsam genießen | Gutscheinvorlage PDF\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Verschenke mit unserem Valentins Gutschein unvergessliche Zeit zu zweit. Sofort downloaden, individuell gestalten und Freude schenken – das perfekte Last Minute Geschenk für deinen Schatz!\"\u003e\n\n\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Valentins Gutschein – Digitaler Gutschein für Zeit zu zweit zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Valentins Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Liebe, Nähe und gemeinsame Zeit. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"valentins-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eWas gibt es Schöneres, als gemeinsam zu lachen, zu genießen und einfach Zeit zu zweit zu verbringen? Mit unserem Valentins Gutschein schenkst du nicht nur ein Stück Papier, sondern echte Nähe, kleine Abenteuer und große Gefühle – ganz im Stil von „Zusammen ist alles schöner“.\u003c\/span\u003e\u003c\/p\u003e\n\n \u003c!-- Ablaufgrafik --\u003e\n \u003cdiv class=\"process-steps\"\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n \u003cspan\u003eDownloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n \u003cspan\u003eAusdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eLast Minute Liebe\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein sofort nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell \u0026amp; persönlich\u003c\/strong\u003e\n \u003cspan\u003eMit Namen, Datum \u0026amp; eigener Botschaft personalisierbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eFür alle Lieblingsmenschen\u003c\/strong\u003e\n \u003cspan\u003eOb romantisches Dinner, Spa-Tag oder Filmabend\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eEinfach \u0026amp; schnell\u003c\/strong\u003e\n \u003cspan\u003eDirekt am Computer ausfüllbar, sofort bereit zum Verschenken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eOb ein Candle-Light-Dinner, ein Tag im Spa, ein gemütlicher Filmabend oder einfach nur ein paar schöne Stunden zu zweit – mit diesem Gutschein schenkst du echte Herzenszeit. Und das Beste: Unser Valentins Gutschein ist das perfekte Last Minute Geschenk, denn er lässt sich nach dem Download ganz einfach personalisieren. So wird aus einem kleinen Klick ein großes „Ich hab dich lieb“.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum Valentins Gutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\"\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie erhalte ich den Valentins Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen – auch noch am Valentinstag selbst!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Datum und deine persönliche Liebesbotschaft direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWelche Software benötige ich?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDu benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader, der auf den meisten Computern bereits installiert ist. Weitere Software ist nicht nötig.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDrucke den personalisierten Gutschein auf schönem Papier oder Karton aus, schneide ihn entlang der Markierung aus und überreiche ihn als liebevolles Geschenk für deinen Lieblingsmenschen – für gemeinsame Zeit, die bleibt.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: #333;\n}\n\n\/* Ablaufgrafik *\/\n.process-steps {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.5em;\n margin: 1.5em auto;\n padding: 0 1em;\n max-width: 800px;\n}\n.process-steps .vorteil {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 0;\n flex: 1 1 0;\n}\n.process-steps .number {\n background-color: #444444;\n color: white;\n width: 26px;\n height: 26px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-weight: 600;\n margin-bottom: 0.3em;\n}\n.process-steps .arrow {\n display: flex;\n align-items: center;\n width: 20px;\n height: 20px;\n margin-bottom: 1.4em;\n}\n.process-steps span {\n color: #333;\n font-size: 0.8em;\n font-weight: 600;\n text-align: center;\n}\n\n\/* Feature Grid Styles *\/\n.feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5em;\n margin: 2em 0;\n padding: 1.5em;\n background: #f8f8f8;\n border-radius: 12px;\n}\n.feature-item {\n display: flex;\n align-items: flex-start;\n gap: 1em;\n}\n.feature-icon {\n color: #77c9b9;\n font-size: 1.2em;\n font-weight: bold;\n flex-shrink: 0;\n}\n.feature-text {\n display: flex;\n flex-direction: column;\n}\n.feature-text strong {\n color: #333;\n font-size: 0.95em;\n margin-bottom: 0.2em;\n}\n.feature-text span {\n color: #666;\n font-size: 0.85em;\n}\n\n\/* FAQ Styles *\/\n.faq-section {\n max-width: 800px;\n margin: 2.5em auto;\n padding: 0 1em;\n}\n.faq-section h2 {\n color: #333;\n margin-bottom: 1.5em;\n font-size: 1.5em;\n text-align: center;\n}\n.faq-container {\n display: flex;\n flex-direction: column;\n gap: 0.5em;\n}\n.faq-item {\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n overflow: hidden;\n background: #fff;\n transition: all 0.3s ease;\n}\n.faq-item:hover {\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n}\n.faq-question {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1em 1.2em;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 1em;\n color: #444;\n text-align: left;\n font-weight: 500;\n transition: all 0.3s ease;\n}\n.faq-question:hover {\n background: #f8f8f8;\n}\n.faq-icon {\n width: 24px;\n height: 24px;\n color: #666;\n transition: transform 0.3s ease;\n flex-shrink: 0;\n margin-left: 1em;\n}\n.faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n background: #fafafa;\n}\n.faq-answer p {\n padding: 1em 1.2em;\n margin: 0;\n color: #666;\n line-height: 1.6;\n}\n.faq-item.active .faq-question {\n color: #333;\n background: #f8f8f8;\n}\n.faq-item.active .faq-icon {\n transform: rotate(45deg);\n}\n.faq-item.active .faq-answer {\n max-height: 300px;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 600px) {\n .process-steps {\n gap: 0.2em;\n }\n .process-steps .number {\n width: 22px;\n height: 22px;\n font-size: 12px;\n }\n .process-steps .arrow {\n width: 16px;\n height: 16px;\n margin-bottom: 1.2em;\n }\n .process-steps span {\n font-size: 0.7em;\n }\n .feature-grid {\n grid-template-columns: 1fr;\n gap: 1em;\n padding: 1em;\n }\n .faq-question {\n font-size: 0.95em;\n padding: 0.8em 1em;\n }\n .faq-answer p {\n font-size: 0.9em;\n padding: 0.8em 1em;\n }\n}\n@media (max-width: 400px) {\n .process-steps {\n gap: 0.1em;\n }\n .process-steps .arrow {\n width: 14px;\n height: 14px;\n }\n}\n\u003c\/style\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.faq-question').forEach(button =\u003e {\n button.addEventListener('click', () =\u003e {\n const faqItem = button.parentElement;\n const isActive = faqItem.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach(item =\u003e {\n item.classList.remove('active');\n });\n if (!isActive) {\n faqItem.classList.add('active');\n }\n });\n});\n\u003c\/script\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55350062350722,"sku":"00078","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/valentins-gutscheine-1b.jpg?v=1751365237"},{"product_id":"verschenke-ein-fruhstuck","title":"Verschenke ein Frühstück","description":"\u003c!-- SEO Meta Title \u0026 Description --\u003e\n\u003ctitle\u003eFrühstücks-Gutschein zum Ausdrucken | Liebevolle Geschenkidee für gemeinsame Zeit\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Verschenke ein gemeinsames Frühstück mit unserem liebevoll gestalteten Frühstücks-Gutschein zum Ausdrucken. Perfekt für Valentinstag, Geburtstage oder einfach so. Jetzt downloaden, personalisieren \u0026amp; Freude schenken!\"\u003e\n\n\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Frühstücks-Gutschein zum Ausdrucken – Liebevolle Geschenkidee\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke ein gemeinsames Frühstück mit unserem liebevoll gestalteten Frühstücks-Gutschein als PDF-Vorlage zum Ausdrucken. Perfekt für Valentinstag, Geburtstage oder einfach so.\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"fruehstueck-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eHey! Willst du jemandem eine richtig schöne Überraschung machen? Wie wär’s mit einem Frühstück? Unser Gutschein für ein gemeinsames Frühstück ist genau das Richtige dafür – super für Valentinstag, Geburtstage oder einfach mal so, wenn du jemandem ein Lächeln schenken möchtest.\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\u003eHerziges Design\u003c\/strong\u003e\n \u003cspan\u003eMit liebevoll gezeichneten Frühstückssachen\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\u003eSuper einfach\u003c\/strong\u003e\n \u003cspan\u003ePDF direkt nach Kauf downloaden \u0026amp; personalisieren\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\u003eValentinstag, Geburtstag oder einfach so\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\u003ePersönlich \u0026amp; nachhaltig\u003c\/strong\u003e\n \u003cspan\u003eWeniger Kram, mehr gemeinsame Zeit\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eUnser Gutschein ist echt was Besonderes: Da ist ein herziges Bild drauf, das aus lauter kleinen Frühstückssachen gezeichnet ist. Sieht nicht nur süß aus, sondern zeigt auch, wie viel Gedanken du dir gemacht hast. Einfach downloaden, Namen und Nachricht eintragen, ausdrucken und schon hast du ein Geschenk, das von Herzen kommt – und garantiert nicht im Schrank verschwindet!\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 Frühstücks-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 bekomme ich den Frühstücks-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 die PDF-Vorlage sofort herunterladen und direkt am Computer ausfüllen.\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 Namen, Datum 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\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eBrauche ich spezielle Software?\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, ein normaler PDF-Reader wie der kostenlose Adobe Acrobat Reader reicht völlig aus.\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 Gutschein auf schönem Papier aus, schneide ihn aus und überreiche ihn persönlich – für ein gemeinsames Frühstück, das in Erinnerung bleibt!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: #333;\n}\n\n\/* Ablaufgrafik *\/\n.process-steps {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.5em;\n margin: 1.5em auto;\n padding: 0 1em;\n max-width: 800px;\n}\n.process-steps .vorteil {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 0;\n flex: 1 1 0;\n}\n.process-steps .number {\n background-color: #444444;\n color: white;\n width: 26px;\n height: 26px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-weight: 600;\n margin-bottom: 0.3em;\n}\n.process-steps .arrow {\n display: flex;\n align-items: center;\n width: 20px;\n height: 20px;\n margin-bottom: 1.4em;\n}\n.process-steps span {\n color: #333;\n font-size: 0.8em;\n font-weight: 600;\n text-align: center;\n}\n\n\/* Feature Grid Styles *\/\n.feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5em;\n margin: 2em 0;\n padding: 1.5em;\n background: #f8f8f8;\n border-radius: 12px;\n}\n.feature-item {\n display: flex;\n align-items: flex-start;\n gap: 1em;\n}\n.feature-icon {\n color: #77c9b9;\n font-size: 1.2em;\n font-weight: bold;\n flex-shrink: 0;\n}\n.feature-text {\n display: flex;\n flex-direction: column;\n}\n.feature-text strong {\n color: #333;\n font-size: 0.95em;\n margin-bottom: 0.2em;\n}\n.feature-text span {\n color: #666;\n font-size: 0.85em;\n}\n\n\/* FAQ Styles *\/\n.faq-section {\n max-width: 800px;\n margin: 2.5em auto;\n padding: 0 1em;\n}\n.faq-section h2 {\n color: #333;\n margin-bottom: 1.5em;\n font-size: 1.5em;\n text-align: center;\n}\n.faq-container {\n display: flex;\n flex-direction: column;\n gap: 0.5em;\n}\n.faq-item {\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n overflow: hidden;\n background: #fff;\n transition: all 0.3s ease;\n}\n.faq-item:hover {\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n}\n.faq-question {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1em 1.2em;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 1em;\n color: #444;\n text-align: left;\n font-weight: 500;\n transition: all 0.3s ease;\n}\n.faq-question:hover {\n background: #f8f8f8;\n}\n.faq-icon {\n width: 24px;\n height: 24px;\n color: #666;\n transition: transform 0.3s ease;\n flex-shrink: 0;\n margin-left: 1em;\n}\n.faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n background: #fafafa;\n}\n.faq-answer p {\n padding: 1em 1.2em;\n margin: 0;\n color: #666;\n line-height: 1.6;\n}\n.faq-item.active .faq-question {\n color: #333;\n background: #f8f8f8;\n}\n.faq-item.active .faq-icon {\n transform: rotate(45deg);\n}\n.faq-item.active .faq-answer {\n max-height: 300px;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 600px) {\n .process-steps {\n gap: 0.2em;\n }\n .process-steps .number {\n width: 22px;\n height: 22px;\n font-size: 12px;\n }\n .process-steps .arrow {\n width: 16px;\n height: 16px;\n margin-bottom: 1.2em;\n }\n .process-steps span {\n font-size: 0.7em;\n }\n .feature-grid {\n grid-template-columns: 1fr;\n gap: 1em;\n padding: 1em;\n }\n .faq-question {\n font-size: 0.95em;\n padding: 0.8em 1em;\n }\n .faq-answer p {\n font-size: 0.9em;\n padding: 0.8em 1em;\n }\n}\n@media (max-width: 400px) {\n .process-steps {\n gap: 0.1em;\n }\n .process-steps .arrow {\n width: 14px;\n height: 14px;\n }\n}\n\u003c\/style\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.faq-question').forEach(button =\u003e {\n button.addEventListener('click', () =\u003e {\n const faqItem = button.parentElement;\n const isActive = faqItem.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach(item =\u003e {\n item.classList.remove('active');\n });\n if (!isActive) {\n faqItem.classList.add('active');\n }\n });\n});\n\u003c\/script\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55350075031938,"sku":"00079","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/fruehstuecksgutschein-1_0.jpg?v=1751300133"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/collections\/geburtstag-gutschein-vorlage-1.jpg?v=1751298874","url":"https:\/\/herzensprojekt.de\/collections\/geburtstag.oembed","provider":"Herzensprojekt Manufaktur","version":"1.0","type":"link"}