{"title":"Zeit verschenken","description":"","products":[{"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":null,"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":null,"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":null,"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-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":null,"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":"babysitten-gutschein","title":"Babysitten Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta content=\"Babysitten Gutschein zum Ausdrucken – Digitaler Babysitter-Gutschein\" itemprop=\"name\"\u003e \u003cmeta content=\"Verschenke wertvolle Zeit mit unserem personalisierbaren Babysitten Gutschein als PDF-Vorlage zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\" itemprop=\"description\"\u003e \u003cmeta content=\"babysitten-gutschein-vorlage-pdf\" itemprop=\"sku\"\u003e \u003cmeta content=\"Gutschein Vorlagen\" itemprop=\"category\"\u003e\n\u003cp\u003e\u003cspan\u003eVerschenke das Wertvollste, was du hast: deine Zeit! Mit unserem liebevoll gestalteten Babysitten Gutschein überraschst du Eltern, Freunde oder Familie mit einer wohlverdienten Auszeit. Ob als Dankeschön, kleine Aufmerksamkeit oder besondere Überraschung – dieser Gutschein sorgt für leuchtende Augen und entspannte Stunden.\u003c\/span\u003e\u003c\/p\u003e\n\u003c!-- Ablaufgrafik --\u003e\n\u003cdiv class=\"process-steps\"\u003e\n\u003cdiv class=\"vorteil\"\u003e\n\u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n\u003cspan\u003eDownloaden\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arrow\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"vorteil\"\u003e\n\u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n\u003cspan\u003ePersonalisieren\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arrow\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"vorteil\"\u003e\n\u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n\u003cspan\u003eAusdrucken\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003cstrong\u003eSofort verfügbar\u003c\/strong\u003e \u003cspan\u003ePDF-Gutschein direkt nach Kauf downloaden\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003cstrong\u003eIndividuell \u0026amp; liebevoll\u003c\/strong\u003e \u003cspan\u003eMit eigenem Text und Namen personalisierbar\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003cstrong\u003eEinfache Bearbeitung\u003c\/strong\u003e \u003cspan\u003eDirekt am Computer editierbar – kein Extra-Programm nötig\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003cstrong\u003ePerfekte Größe\u003c\/strong\u003e \u003cspan\u003eIm Postkartenformat: 14,8 x 10,5cm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eDirekt nach der Bestellung kannst du die PDF-Datei herunterladen und mit jedem PDF-Programm am Computer bearbeiten. Der Clou: Du kannst den Gutschein sofort editieren und deinen eigenen, liebevollen Text in den unteren Bereich setzen. So wird dein Babysitten-Gutschein zu einer ganz persönlichen und unvergesslichen Geschenkidee, die garantiert für Freude sorgt!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003eHäufig gestellte Fragen zum Babysitten Gutschein\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich den Babysitten Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\u003e\n\u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\u003e\n\u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Datum und deine persönliche Nachricht direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\u003e\n\u003cp\u003eDu benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader, der auf den meisten Computern bereits installiert ist. Weitere Software ist nicht nötig.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv\u003e\n\u003cp\u003eDrucke den personalisierten Gutschein auf schönem Papier oder Karton aus, schneide ihn entlang der Markierung aus und überreiche ihn als liebevolles Geschenk für eine entspannte Auszeit!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: #333;\n}\n\n\/* Ablaufgrafik *\/\n.process-steps {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.5em;\n margin: 1.5em auto;\n padding: 0 1em;\n max-width: 800px;\n}\n.process-steps .vorteil {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 0;\n flex: 1 1 0;\n}\n.process-steps .number {\n background-color: #444444;\n color: white;\n width: 26px;\n height: 26px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-weight: 600;\n margin-bottom: 0.3em;\n}\n.process-steps .arrow {\n display: flex;\n align-items: center;\n width: 20px;\n height: 20px;\n margin-bottom: 1.4em;\n}\n.process-steps span {\n color: #333;\n font-size: 0.8em;\n font-weight: 600;\n text-align: center;\n}\n\n\/* Feature Grid Styles *\/\n.feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5em;\n margin: 2em 0;\n padding: 1.5em;\n background: #f8f8f8;\n border-radius: 12px;\n}\n.feature-item {\n display: flex;\n align-items: flex-start;\n gap: 1em;\n}\n.feature-icon {\n color: #77c9b9;\n font-size: 1.2em;\n font-weight: bold;\n flex-shrink: 0;\n}\n.feature-text {\n display: flex;\n flex-direction: column;\n}\n.feature-text strong {\n color: #333;\n font-size: 0.95em;\n margin-bottom: 0.2em;\n}\n.feature-text span {\n color: #666;\n font-size: 0.85em;\n}\n\n\/* FAQ Styles *\/\n.faq-section {\n max-width: 800px;\n margin: 2.5em auto;\n padding: 0 1em;\n}\n.faq-section h2 {\n color: #333;\n margin-bottom: 1.5em;\n font-size: 1.5em;\n text-align: center;\n}\n.faq-container {\n display: flex;\n flex-direction: column;\n gap: 0.5em;\n}\n.faq-item {\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n overflow: hidden;\n background: #fff;\n transition: all 0.3s ease;\n}\n.faq-item:hover {\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n}\n.faq-question {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1em 1.2em;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 1em;\n color: #444;\n text-align: left;\n font-weight: 500;\n transition: all 0.3s ease;\n}\n.faq-question:hover {\n background: #f8f8f8;\n}\n.faq-icon {\n width: 24px;\n height: 24px;\n color: #666;\n transition: transform 0.3s ease;\n flex-shrink: 0;\n margin-left: 1em;\n}\n.faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n background: #fafafa;\n}\n.faq-answer p {\n padding: 1em 1.2em;\n margin: 0;\n color: #666;\n line-height: 1.6;\n}\n.faq-item.active .faq-question {\n color: #333;\n background: #f8f8f8;\n}\n.faq-item.active .faq-icon {\n transform: rotate(45deg);\n}\n.faq-item.active .faq-answer {\n max-height: 300px;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 600px) {\n .process-steps {\n gap: 0.2em;\n }\n .process-steps .number {\n width: 22px;\n height: 22px;\n font-size: 12px;\n }\n .process-steps .arrow {\n width: 16px;\n height: 16px;\n margin-bottom: 1.2em;\n }\n .process-steps span {\n font-size: 0.7em;\n }\n .feature-grid {\n grid-template-columns: 1fr;\n gap: 1em;\n padding: 1em;\n }\n .faq-question {\n font-size: 0.95em;\n padding: 0.8em 1em;\n }\n .faq-answer p {\n font-size: 0.9em;\n padding: 0.8em 1em;\n }\n}\n@media (max-width: 400px) {\n .process-steps {\n gap: 0.1em;\n }\n .process-steps .arrow {\n width: 14px;\n height: 14px;\n }\n}\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55344766321026,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/Gutschein-Babysitten-1.jpg?v=1751178469"},{"product_id":"wellness-gutschein","title":"Wellness Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Stilvolle Wellness Gutscheinvorlage – Digitaler Wellness-Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke Wohlbefinden und Entspannung mit einer liebevoll gestalteten Wellness-Gutscheinvorlage als PDF zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"wellness-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eSchenke Wohlbefinden, Entspannung und pure Lebensfreude – mit unserer stilvollen Wellness Gutscheinvorlage. Diese digitale Vorlage ist das perfekte Geschenk, um einem Lieblingsmenschen eine wohltuende Auszeit zu schenken – ob zum Geburtstag, zu Feiertagen oder einfach als liebevolle Aufmerksamkeit zwischendurch.\u003c\/span\u003e\u003c\/p\u003e\n\n \u003c!-- Ablaufgrafik --\u003e\n \u003cdiv class=\"process-steps\"\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n \u003cspan\u003eDownloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n \u003cspan\u003eAusdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eSofort verfügbar\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein direkt nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eWunderschön illustriert\u003c\/strong\u003e\n \u003cspan\u003eSanfte Farben \u0026amp; meditative Grafik\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell personalisierbar\u003c\/strong\u003e\n \u003cspan\u003eName, Anlass \u0026amp; persönliche Botschaft eintragbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eFür jeden Anlass\u003c\/strong\u003e\n \u003cspan\u003eGeburtstag, Feiertage oder einfach so\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eDie Vorlage zeigt eine wunderschöne Grafik einer Frau, die ganz in ihre Meditation versunken ist – ein Sinnbild für Ruhe, Entspannung und innere Balance. In sanften, beruhigenden Farbtönen gestaltet, ist diese Gutscheinvorlage eine liebevolle Einladung, sich eine Auszeit zu gönnen, neue Energie zu tanken und das Leben zu genießen.\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cspan\u003eÜberrasche deine Liebsten mit einem Geschenk, das von Herzen kommt und lange in Erinnerung bleibt. Jetzt downloaden, personalisieren und pure Entspannung verschenken!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zur Wellness Gutscheinvorlage\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\"\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie erhalte ich die Wellness Gutscheinvorlage?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Anlass und persönliche Botschaft direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWelche Software benötige ich?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDu benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader, der auf den meisten Computern bereits installiert ist. Weitere Software ist nicht nötig.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDrucke den personalisierten Gutschein auf schönem Papier oder Karton aus, schneide ihn entlang der Markierung aus und überreiche ihn als liebevolles Geschenk für eine entspannende Auszeit!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: #333;\n}\n\n\/* Ablaufgrafik *\/\n.process-steps {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.5em;\n margin: 1.5em auto;\n padding: 0 1em;\n max-width: 800px;\n}\n.process-steps .vorteil {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 0;\n flex: 1 1 0;\n}\n.process-steps .number {\n background-color: #444444;\n color: white;\n width: 26px;\n height: 26px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-weight: 600;\n margin-bottom: 0.3em;\n}\n.process-steps .arrow {\n display: flex;\n align-items: center;\n width: 20px;\n height: 20px;\n margin-bottom: 1.4em;\n}\n.process-steps span {\n color: #333;\n font-size: 0.8em;\n font-weight: 600;\n text-align: center;\n}\n\n\/* Feature Grid Styles *\/\n.feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5em;\n margin: 2em 0;\n padding: 1.5em;\n background: #f8f8f8;\n border-radius: 12px;\n}\n.feature-item {\n display: flex;\n align-items: flex-start;\n gap: 1em;\n}\n.feature-icon {\n color: #77c9b9;\n font-size: 1.2em;\n font-weight: bold;\n flex-shrink: 0;\n}\n.feature-text {\n display: flex;\n flex-direction: column;\n}\n.feature-text strong {\n color: #333;\n font-size: 0.95em;\n margin-bottom: 0.2em;\n}\n.feature-text span {\n color: #666;\n font-size: 0.85em;\n}\n\n\/* FAQ Styles *\/\n.faq-section {\n max-width: 800px;\n margin: 2.5em auto;\n padding: 0 1em;\n}\n.faq-section h2 {\n color: #333;\n margin-bottom: 1.5em;\n font-size: 1.5em;\n text-align: center;\n}\n.faq-container {\n display: flex;\n flex-direction: column;\n gap: 0.5em;\n}\n.faq-item {\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n overflow: hidden;\n background: #fff;\n transition: all 0.3s ease;\n}\n.faq-item:hover {\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n}\n.faq-question {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1em 1.2em;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 1em;\n color: #444;\n text-align: left;\n font-weight: 500;\n transition: all 0.3s ease;\n}\n.faq-question:hover {\n background: #f8f8f8;\n}\n.faq-icon {\n width: 24px;\n height: 24px;\n color: #666;\n transition: transform 0.3s ease;\n flex-shrink: 0;\n margin-left: 1em;\n}\n.faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n background: #fafafa;\n}\n.faq-answer p {\n padding: 1em 1.2em;\n margin: 0;\n color: #666;\n line-height: 1.6;\n}\n.faq-item.active .faq-question {\n color: #333;\n background: #f8f8f8;\n}\n.faq-item.active .faq-icon {\n transform: rotate(45deg);\n}\n.faq-item.active .faq-answer {\n max-height: 300px;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 600px) {\n .process-steps {\n gap: 0.2em;\n }\n .process-steps .number {\n width: 22px;\n height: 22px;\n font-size: 12px;\n }\n .process-steps .arrow {\n width: 16px;\n height: 16px;\n margin-bottom: 1.2em;\n }\n .process-steps span {\n font-size: 0.7em;\n }\n .feature-grid {\n grid-template-columns: 1fr;\n gap: 1em;\n padding: 1em;\n }\n .faq-question {\n font-size: 0.95em;\n padding: 0.8em 1em;\n }\n .faq-answer p {\n font-size: 0.9em;\n padding: 0.8em 1em;\n }\n}\n@media (max-width: 400px) {\n .process-steps {\n gap: 0.1em;\n }\n .process-steps .arrow {\n width: 14px;\n height: 14px;\n }\n}\n\u003c\/style\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.faq-question').forEach(button =\u003e {\n button.addEventListener('click', () =\u003e {\n const faqItem = button.parentElement;\n const isActive = faqItem.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach(item =\u003e {\n item.classList.remove('active');\n });\n if (!isActive) {\n faqItem.classList.add('active');\n }\n });\n});\n\u003c\/script\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55348355662210,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/wellness-gutschein-vorlage-4.jpg?v=1751272521"},{"product_id":"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":null,"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":"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":null,"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":"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":null,"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":"reisegutschein-trip-nach-berlin","title":"Reisegutschein Trip nach Berlin","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Berlin Reisegutschein – Digitaler Gutschein für Berlin zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Berlin Reisegutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Berlin-Fans. Sofort downloaden, individuell gestalten und Hauptstadt-Feeling schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"berlin-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eAuf geht’s nach Berlin! Tauche ein in die Magie der Hauptstadt mit diesem charmanten, digitalen Reisegutschein. Ob als außergewöhnliches Geburtstagsgeschenk, liebevolle Aufmerksamkeit oder spontane Überraschung – dieser Gutschein öffnet das Tor zu einem unvergesslichen Abenteuer in einer der spannendsten Städte der Welt.\u003c\/span\u003e\u003c\/p\u003e\n\n \u003c!-- Ablaufgrafik --\u003e\n \u003cdiv class=\"process-steps\"\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n \u003cspan\u003eDownloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n \u003cspan\u003eAusdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eSofort verfügbar\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein direkt nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eWunderschöne Illustration\u003c\/strong\u003e\n \u003cspan\u003eBerlin-Motiv mit künstlerischer Detailverliebtheit\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell personalisierbar\u003c\/strong\u003e\n \u003cspan\u003eName, Anlass \u0026amp; persönliche 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\u003eGeburtstag, Überraschung, Dankeschön \u0026amp; mehr\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eDie Gutscheinvorlage zeigt eine liebevoll gestaltete Illustration von Berlin, die in ihrer künstlerischen Schönheit die Energie und Lebendigkeit dieser beeindruckenden Metropole einfängt. Sie lädt den Empfänger ein, die Sehenswürdigkeiten, das pulsierende Nachtleben und die vielfältige Kultur Berlins hautnah zu erleben. Einfach downloaden, personalisieren und ausdrucken – so schenkst du pure Hauptstadt-Vorfreude!\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 Berlin Reisegutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\"\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie erhalte ich den Berlin Reisegutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, 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\" 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 Berlin-Abenteuer!\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":55349629682050,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/reisegutschein-berlin-1.jpg?v=1751292341"},{"product_id":"wellness-gutschein-vorlage","title":"Wellness Gutschein Vorlage","description":"\u003c!-- SEO Meta Title \u0026 Description --\u003e\n\u003ctitle\u003eWellness Gutscheinvorlage zum Ausdrucken | Entspannung schenken \u0026amp; Freude bereiten\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Verschenke pure Entspannung mit unserer liebevoll illustrierten Wellness Gutscheinvorlage als PDF. Sofort downloaden, individuell gestalten \u0026amp; als Geschenk für besondere Menschen ausdrucken!\"\u003e\n\n\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Wellness Gutscheinvorlage – Digitaler Wellness-Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke eine Auszeit vom Alltag mit unserer liebevoll illustrierten Wellness Gutscheinvorlage als PDF zum Ausdrucken. Perfekt für Geburtstage, Feiertage oder als kleine Aufmerksamkeit.\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"wellness-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eVerschenke pure Entspannung und Wohlbefinden mit unserer stilvollen Wellness Gutscheinvorlage! Dieses besondere Geschenk ist ideal für Geburtstage, Feiertage oder einfach, um einem lieben Menschen zu zeigen, wie sehr du ihn schätzt. Die liebevoll gezeichnete Illustration einer meditierenden Frau vermittelt Ruhe, Achtsamkeit und neue Energie – ein Geschenk, das von Herzen kommt.\u003c\/span\u003e\u003c\/p\u003e\n\n \u003c!-- Ablaufgrafik --\u003e\n \u003cdiv class=\"process-steps\"\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n \u003cspan\u003eDownloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n \u003cspan\u003eAusdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eSofort verfügbar\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein direkt nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eWunderschöne Illustration\u003c\/strong\u003e\n \u003cspan\u003eFrau in Meditation, warme \u0026amp; beruhigende Farben\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell personalisierbar\u003c\/strong\u003e\n \u003cspan\u003eName, Anlass \u0026amp; persönliche Botschaft eintragbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eFür jeden Anlass\u003c\/strong\u003e\n \u003cspan\u003eGeburtstag, Feiertag, Dankeschön oder einfach so\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eUnsere digitale Wellness Gutscheinvorlage ist kinderleicht zu personalisieren: Einfach nach dem Kauf herunterladen, am Computer mit Namen, Anlass und einer liebevollen Nachricht ausfüllen und direkt zu Hause ausdrucken. Die warmen, beruhigenden Farben laden dazu ein, einen Moment innezuhalten und neue Kraft zu schöpfen. So verschenkst du nicht nur einen Gutschein, sondern echte Wohlfühlzeit und langanhaltende Erinnerungen.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zur Wellness Gutscheinvorlage\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\"\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie erhalte ich die Wellness Gutscheinvorlage?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Anlass und persönliche Botschaft direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWelche Software benötige ich?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDu benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader, der auf den meisten Computern bereits installiert ist. Weitere Software ist nicht nötig.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eFür wen eignet sich die Wellness Gutscheinvorlage?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie Vorlage ist ideal für alle, die sich eine Auszeit wünschen – ob für Freund:innen, Familie, Kolleg:innen oder als kleine Aufmerksamkeit zwischendurch.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: #333;\n}\n\n\/* Ablaufgrafik *\/\n.process-steps {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.5em;\n margin: 1.5em auto;\n padding: 0 1em;\n max-width: 800px;\n}\n.process-steps .vorteil {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 0;\n flex: 1 1 0;\n}\n.process-steps .number {\n background-color: #444444;\n color: white;\n width: 26px;\n height: 26px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-weight: 600;\n margin-bottom: 0.3em;\n}\n.process-steps .arrow {\n display: flex;\n align-items: center;\n width: 20px;\n height: 20px;\n margin-bottom: 1.4em;\n}\n.process-steps span {\n color: #333;\n font-size: 0.8em;\n font-weight: 600;\n text-align: center;\n}\n\n\/* Feature Grid Styles *\/\n.feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5em;\n margin: 2em 0;\n padding: 1.5em;\n background: #f8f8f8;\n border-radius: 12px;\n}\n.feature-item {\n display: flex;\n align-items: flex-start;\n gap: 1em;\n}\n.feature-icon {\n color: #77c9b9;\n font-size: 1.2em;\n font-weight: bold;\n flex-shrink: 0;\n}\n.feature-text {\n display: flex;\n flex-direction: column;\n}\n.feature-text strong {\n color: #333;\n font-size: 0.95em;\n margin-bottom: 0.2em;\n}\n.feature-text span {\n color: #666;\n font-size: 0.85em;\n}\n\n\/* FAQ Styles *\/\n.faq-section {\n max-width: 800px;\n margin: 2.5em auto;\n padding: 0 1em;\n}\n.faq-section h2 {\n color: #333;\n margin-bottom: 1.5em;\n font-size: 1.5em;\n text-align: center;\n}\n.faq-container {\n display: flex;\n flex-direction: column;\n gap: 0.5em;\n}\n.faq-item {\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n overflow: hidden;\n background: #fff;\n transition: all 0.3s ease;\n}\n.faq-item:hover {\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n}\n.faq-question {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1em 1.2em;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 1em;\n color: #444;\n text-align: left;\n font-weight: 500;\n transition: all 0.3s ease;\n}\n.faq-question:hover {\n background: #f8f8f8;\n}\n.faq-icon {\n width: 24px;\n height: 24px;\n color: #666;\n transition: transform 0.3s ease;\n flex-shrink: 0;\n margin-left: 1em;\n}\n.faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n background: #fafafa;\n}\n.faq-answer p {\n padding: 1em 1.2em;\n margin: 0;\n color: #666;\n line-height: 1.6;\n}\n.faq-item.active .faq-question {\n color: #333;\n background: #f8f8f8;\n}\n.faq-item.active .faq-icon {\n transform: rotate(45deg);\n}\n.faq-item.active .faq-answer {\n max-height: 300px;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 600px) {\n .process-steps {\n gap: 0.2em;\n }\n .process-steps .number {\n width: 22px;\n height: 22px;\n font-size: 12px;\n }\n .process-steps .arrow {\n width: 16px;\n height: 16px;\n margin-bottom: 1.2em;\n }\n .process-steps span {\n font-size: 0.7em;\n }\n .feature-grid {\n grid-template-columns: 1fr;\n gap: 1em;\n padding: 1em;\n }\n .faq-question {\n font-size: 0.95em;\n padding: 0.8em 1em;\n }\n .faq-answer p {\n font-size: 0.9em;\n padding: 0.8em 1em;\n }\n}\n@media (max-width: 400px) {\n .process-steps {\n gap: 0.1em;\n }\n .process-steps .arrow {\n width: 14px;\n height: 14px;\n }\n}\n\u003c\/style\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.faq-question').forEach(button =\u003e {\n button.addEventListener('click', () =\u003e {\n const faqItem = button.parentElement;\n const isActive = faqItem.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach(item =\u003e {\n item.classList.remove('active');\n });\n if (!isActive) {\n faqItem.classList.add('active');\n }\n });\n});\n\u003c\/script\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55349670248834,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/wellness-gutschein-1.jpg?v=1751292844"},{"product_id":"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":null,"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":"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":null,"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":"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":null,"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"},{"product_id":"fruhstucksgutschein","title":"Frühstücksgutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Moderner Frühstücksgutschein – Gutscheinvorlage für gemeinsame Frühstücksmomente\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke mit unserer modernen Frühstücksgutschein-Vorlage unvergessliche Frühstücksmomente. Sofort downloaden, individuell gestalten und gemeinsam genießen!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"fruehstueck-gutschein-modern-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eFrühstück ist mehr als nur ein Start in den Tag – es ist ein kleines Fest für die Seele! Mit unserer modernen Frühstücksgutschein-Vorlage schenkst du nicht nur ein köstliches Frühstück, sondern auch ein Stück gemeinsame Zeit, die in Erinnerung bleibt. Stell dir vor, wie du deinen Lieblingsmenschen mit einem Gutschein überraschst, der zu einem gemütlichen, liebevollen Frühstück einlädt. Klingt nach purem Glück, oder?\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\u003eFrühstücksfreude zum Download\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein sofort nach Kauf verfügbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell \u0026amp; liebevoll\u003c\/strong\u003e\n \u003cspan\u003eMit persönlicher Nachricht 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\u003eEinfach \u0026amp; schnell\u003c\/strong\u003e\n \u003cspan\u003eDirekt am Computer ausfüllbar – keine Extra-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 alle Lieblingsmenschen\u003c\/strong\u003e\n \u003cspan\u003eOb Partner, beste Freundin oder Familie – immer passend\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eOb als kleine Aufmerksamkeit, als liebevolles Dankeschön oder als Einladung zu einem besonderen Morgen – mit diesem Gutschein verschenkst du nicht nur ein Frühstück, sondern echte Qualitätszeit. Einfach downloaden, personalisieren, ausdrucken und gemeinsam genießen. So einfach kann Glück schenken sein!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum Frühstücksgutschein\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 Frühstücksgutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen – ganz ohne Wartezeit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Wunschdatum 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 brauchst nur 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 überrasche deinen Lieblingsmenschen mit einer Einladung zum Frühstück. So wird aus einem Morgen ein echtes Highlight!\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":55350146269570,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-zum-ausdrucken-fruehstueck-2b.jpg?v=1751300492"},{"product_id":"go-kart-gutscheinvorlage","title":"Go Kart Gutscheinvorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Go-Kart Gutscheinvorlage – Digitaler Gutschein für die Kartbahn zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke Herzklopfen und Fahrspaß mit unserer personalisierbaren Go-Kart Gutscheinvorlage als PDF zum Ausdrucken. Sofort downloaden, individuell gestalten und Adrenalin schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"gokart-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eSuchst du nach einem Geschenk, das Herzklopfen und ein breites Grinsen garantiert? Dann ist unsere Go-Kart Gutscheinvorlage genau das Richtige! Verschenke ein Erlebnis, das den Puls beschleunigt und Erinnerungen schafft – für alle, die Geschwindigkeit lieben und das Leben gerne auf der Überholspur 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\u003eFertig in 3 Minuten\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\u003eDesign, das begeistert\u003c\/strong\u003e\n \u003cspan\u003eHerz \u0026amp; Rennstrecke – liebevoll illustriert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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 personalisieren\u003c\/strong\u003e\n \u003cspan\u003eName, Gruß \u0026amp; Strecke direkt am Computer 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 Rennfahrer:innen\u003c\/strong\u003e\n \u003cspan\u003eIdeal für Geburtstage, Überraschungen \u0026amp; Adrenalin-Fans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eDas Highlight: Das einzigartige Design – ein Herz, das sich in eine dynamische Go-Kart-Rennstrecke verwandelt. So wird dein Gutschein zum echten Hingucker und bleibt garantiert in Erinnerung. Einfach downloaden, personalisieren, ausdrucken und schon kann das Abenteuer starten. Klingt nach Fahrspaß? Ist es auch!\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 Go-Kart 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 Go-Kart 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 – ganz ohne Warten!\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. Einfach Namen, Gruß und gewünschte Kartbahn am Computer eintragen – fertig ist dein persönlicher Gutschein!\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 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 Go-Kart 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\u003eFür alle, die Geschwindigkeit lieben! Ob für Kinder, Freunde, Partner:innen oder Kolleg:innen – der Gutschein ist das perfekte Geschenk für Adrenalin-Fans und Rennsport-Begeisterte.\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":55350154166658,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-kartbahn-1.jpg?v=1751300612"},{"product_id":"kinogutschein-vorlage-pdf","title":"Kinogutschein Vorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Geschenkgutschein Kinobesuch – Digitaler Kinogutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Kinogutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Filmfans. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"kino-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eManchmal braucht es gar nicht viel, um große Freude zu schenken. Ein gemeinsamer Kinobesuch ist wie Popcorn für die Seele: überraschend, gemütlich und voller schöner Erinnerungen. Mit unserem Kinogutschein zum Ausdrucken verschenkst du nicht nur einen Filmabend, sondern auch echtes Zusammengehörigkeitsgefühl – für alle, die das Leben gern gemeinsam 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\u003eSpontan Freude schenken\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\u003eFür alle Filmgeschmäcker\u003c\/strong\u003e\n \u003cspan\u003eOb Action, Romantik oder Doku – 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\u003eEinfach \u0026amp; flexibel\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\u003eGemeinsame Zeit\u003c\/strong\u003e\n \u003cspan\u003eErinnerungen, die bleiben – nicht nur für Cineasten\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eEin Kinogutschein ist immer eine gute Idee, denn er verbindet Menschen und schenkt gemeinsame Momente. Egal, ob Actionfilm, Romantikkomödie oder Dokumentation – mit diesem Gutschein lässt du die Wahl beim Beschenkten und sorgst für ein Lächeln im Gesicht. Einfach downloaden, personalisieren, ausdrucken und schon kann das Kinoabenteuer beginnen!\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 Kinogutschein\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 Kinogutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \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, persönliche Nachricht und Wunschfilm 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 Kinobesuch!\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":55351946346882,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/kinogutschein-1.jpg?v=1751367994"},{"product_id":"madelsabend-gutschein","title":"Mädelsabend Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Mädelsabend Gutscheinvorlage – Digitaler Gutschein für Freundinnen zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Mädelsabend-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für beste Freundinnen. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"maedelsabend-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eHey, du suchst nach dem perfekten Geschenk für deine beste Freundin? Mit unserer Mädelsabend Gutscheinvorlage verschenkst du nicht nur einen Abend, sondern pures Glück, Lachen und Erinnerungen, die bleiben. Ob Prosecco, Pyjamaparty oder einfach nur quatschen – dieser Gutschein ist der Startschuss für eure nächste unvergessliche Zeit zusammen!\u003c\/span\u003e\u003c\/p\u003e\n\n \u003c!-- Ablaufgrafik --\u003e\n \u003cdiv class=\"process-steps\"\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n \u003cspan\u003eDownloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n \u003cspan\u003eAusdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eSofort bereit\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein direkt nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell \u0026amp; persönlich\u003c\/strong\u003e\n \u003cspan\u003eMit Namen, Datum \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\u003eEinfach gemacht\u003c\/strong\u003e\n \u003cspan\u003eDirekt am Computer ausfüllbar – keine Extra-Software\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eFür echte Freundinnen\u003c\/strong\u003e\n \u003cspan\u003ePerfekt für Geburtstage, Überraschungen \u0026amp; einfach so\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eEinfach herunterladen, personalisieren und eine Freude bereiten! Sichere dir jetzt unsere personalisierbare Gutscheinvorlage für den perfekten Mädelsabend und mach deinen Freundinnen eine unvergessliche Freude. Denn gemeinsam lachen ist das schönste Geschenk!\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 Mädelsabend 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 Mädelsabend!\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":55352931713410,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/maedelsabend-gutschein-1.jpg?v=1751379303"},{"product_id":"krimi-dinner-gutschein","title":"Krimi Dinner Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Krimi Dinner Gutschein – Digitaler Erlebnisgutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Krimi Dinner Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für spannende Abende. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"krimi-dinner-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eStell dir vor: Ein Abend voller Spannung, Lachen und Genuss. Mit unserem Krimi Dinner Gutschein schenkst du nicht nur ein Event, sondern ein echtes Erlebnis. Perfekt für alle, die gerne rätseln, genießen und gemeinsam Zeit verbringen. Einfach downloaden, personalisieren und schon bist du der Held der nächsten Einladung!\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 startklar\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\u003eEinfach persönlich\u003c\/strong\u003e\n \u003cspan\u003eMit Namen, Datum \u0026amp; Nachricht individualisierbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eKein Rätselraten\u003c\/strong\u003e\n \u003cspan\u003eBearbeitung mit jedem PDF-Programm – ganz easy\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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 Spürnasen\u003c\/strong\u003e\n \u003cspan\u003eIdeal für Geburtstage, Jubiläen \u0026amp; Überraschungen\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eUnser Designteam hat den Gutschein mit viel Liebe zum Detail gestaltet. Die Vorlage ist sofort verfügbar und kann ganz einfach mit dem Acrobat Reader personalisiert werden – keine Gestaltungskenntnisse nötig! Einfach downloaden, ausfüllen, ausdrucken und verschenken. So wird aus einem Abend ein echtes Highlight – und aus dir der beste Geschenkgeber weit und breit.\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 Krimi Dinner 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 Krimi Dinner 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\"\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 Krimi Dinner Gutschein ist ideal für alle, die Spannung, gutes Essen und gemeinsame Zeit lieben – egal ob Familie, Freunde oder Kollegen.\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":55352940200322,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/krimi-dinner-gutschein-1.jpg?v=1751379598"},{"product_id":"gutschein-babyshooting","title":"Gutschein Babyshooting","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Geschenkgutschein für ein Babyshooting – Digitaler Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen liebevoll personalisierbaren Babyshooting-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für werdende Eltern. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"babyshooting-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eEin neues Leben beginnt – und du suchst nach einer Geschenkidee, die wirklich von Herzen kommt? Mit unserem Geschenkgutschein für ein Babyshooting schenkst du nicht nur ein Lächeln, sondern Erinnerungen, die ein Leben lang bleiben. Einfach downloaden, personalisieren und schon zauberst du den frischgebackenen Eltern ein Strahlen 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\u003eMagische Erinnerungen\u003c\/strong\u003e\n \u003cspan\u003eProfessionelles Babyshooting für unvergessliche Momente\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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 Namen, Datum \u0026amp; 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\u003eFür jeden Anlass\u003c\/strong\u003e\n \u003cspan\u003eZur Geburt, Taufe oder einfach als Überraschung\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eOb als Geschenk zur Geburt, als Erinnerung an die ersten magischen Momente oder einfach als Ausdruck deiner Liebe und Freude über den neuen Erdenbürger – mit diesem Gutschein schenkst du den stolzen Eltern ein Babyshooting, das sie für immer im Herzen tragen werden.\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cspan\u003eAlso, worauf wartest du noch? Überrasche die glücklichen Eltern mit einem zauberhaften Babyshooting. Bestelle noch heute unseren Gutschein und lass sie die wertvollen Augenblicke mit ihrem kleinen Schatz professionell festhalten!\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 Babyshooting 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 Babyshooting Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen und den Gutschein verschenken.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, 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\" 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 werdende Eltern, frischgebackene Familien, zur Geburt, Taufe oder als liebevolle Überraschung 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":55354254360962,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/geschenke-fuer-werdende-eltern-1.jpg?v=1751446283"},{"product_id":"stadionbesuch-gutschein","title":"Stadionbesuch Gutschein","description":"\u003c!-- SEO Meta Title \u0026 Description für Google --\u003e\n\u003ctitle\u003e⚽ Stadionbesuch Gutschein – Emotionen live verschenken | Jetzt downloaden!\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Schenke Gänsehaut-Momente: Digitaler Stadionbesuch Gutschein zum Ausdrucken. Personalisierbar, sofort verfügbar \u0026amp; voller Fußball-Emotionen! 🏟️🎁\"\u003e\n\n\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Stadionbesuch Gutschein – Digitaler Fußball-Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Stadionbesuch-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Fußballfans. Sofort downloaden, individuell gestalten und Gänsehaut-Momente schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"stadionbesuch-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eStell dir vor: Die Menge tobt, das Flutlicht leuchtet, und du bist mittendrin. Mit unserem Stadionbesuch Gutschein schenkst du nicht nur ein Ticket, sondern pure Fußball-Emotionen. Hier wird jeder Tag zum Heimspiel – für große und kleine Fans!\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\u003eSofortige Freude\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\u003eEinfach personalisieren\u003c\/strong\u003e\n \u003cspan\u003eMit Namen, Verein \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 echte Fans\u003c\/strong\u003e\n \u003cspan\u003eOb Bundesliga, Pokal oder Derby – 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\u003eUnvergessliche Erinnerungen\u003c\/strong\u003e\n \u003cspan\u003eGänsehaut, Jubel \u0026amp; pure Emotionen verschenken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eMit wenigen Klicks lädst du die Vorlage herunter, trägst deine persönliche Widmung ein und schon hältst du ein Geschenk in den Händen, das für Herzklopfen sorgt. Egal ob für Papa, beste Freundin oder Kollegen – dieser Gutschein bringt alle ins Stadion. Und das Beste: Die Vorfreude beginnt schon beim Auspacken!\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 Stadionbesuch 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 Stadionbesuch 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, Verein 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 welche Spiele 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 flexibel einsetzbar – egal ob Bundesliga, Pokal, Derby oder internationales Spiel. Der Beschenkte kann selbst entscheiden!\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":55354264486274,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/stadionbesuch-gutschein.jpg?v=1751446609"},{"product_id":"gutscheinvorlage-rotwein","title":"Gutscheinvorlage Rotwein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Rotwein Gutschein – stilvolle Vorlage zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen stilvollen Rotwein-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Genießer:innen. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"rotwein-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eEin Glas Rotwein, ein Lächeln, ein besonderer Moment – mit unserer stilvollen Rotwein Gutschein Vorlage schenkst du nicht nur einen edlen Tropfen, sondern auch echte Freude und Erinnerungen, die bleiben. Einfach downloaden, personalisieren und das Leben feiern!\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\u003eGenuss zum Anfassen\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\u003eStilvolles Design\u003c\/strong\u003e\n \u003cspan\u003eLiebevoll gestaltet für Rotweinliebhaber:innen\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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\n \u003cspan\u003eName, Anlass \u0026amp; Nachricht direkt am Computer 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 viele Anlässe\u003c\/strong\u003e\n \u003cspan\u003eSeminar, Weingut-Besuch oder edle Flasche verschenken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eEgal, ob du ein inspirierendes Rotwein-Seminar, einen romantischen Weingut-Besuch oder eine Flasche dieses edlen Tropfens verschenken möchtest – dieser Gutschein lässt Herzen höher schlagen. Einfach downloaden, personalisieren und ausdrucken – fertig ist dein Geschenk voller Genuss und Lebensfreude!\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 Rotwein 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 Rotwein 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, 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\" 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\u003eOb Geburtstag, Jubiläum, romantischer Abend oder einfach als kleine Aufmerksamkeit – der Rotwein Gutschein ist immer eine stilvolle Geschenkidee.\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":55354323042690,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/wein-gutschein-4.jpg?v=1751448028"},{"product_id":"musical-gutschein-vorlage","title":"Musical Gutschein Vorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Musical Gutschein Vorlage – Digitaler Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Musical-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Musikliebhaber:innen. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"musical-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eVorhang auf für große Gefühle! Mit unserer liebevoll gestalteten Musical Gutschein Vorlage lädst du deine Lieblingsmenschen zu einer Show voller Musik, Tanz und Magie ein. Einfach downloaden, personalisieren und schon beginnt das Abenteuer – ganz ohne Stress, aber mit ganz viel Herz.\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\u003eMagisch einfach\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; Wunsch-Musical 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 Bühnenfans\u003c\/strong\u003e\n \u003cspan\u003eOb Klassiker oder neue Show – 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\u003eUnvergessliche Erinnerungen\u003c\/strong\u003e\n \u003cspan\u003eGemeinsame Zeit, die bleibt\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eÜberrasche einen besonderen Menschen mit einer Einladung zu einem Musical deiner Wahl! Unsere stilvolle Gutscheinvorlage ist die perfekte Möglichkeit, um eine unvergessliche Zeit voller Musik, Tanz und Gänsehaut zu verschenken. Einfach downloaden, personalisieren und ausdrucken – fertig ist dein Geschenk, das Herzen höherschlagen lässt.\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 Musical 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 Musical 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, Wunsch-Musical 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 Musical-Besuch!\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":55354408829314,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/musical-gutschein-1.jpg?v=1751449862"},{"product_id":"wunscherfuller-gutschein","title":"Wunscherfüller Gutschein","description":"\u003c!-- SEO Meta Title \u0026 Description --\u003e\n\u003ctitle\u003e✨ Gutschein Vorlage für Wünsche – Persönlich, kreativ \u0026amp; sofort druckbar!\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"🎁 Verschenke Freude mit dem Wunscherfüller Gutschein: individuell, kreativ \u0026amp; sofort als PDF zum Ausdrucken. Für Spa, Abenteuer, Filmnacht \u0026amp; mehr!\"\u003e\n\n\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutschein Vorlage für besondere Wünsche – Wunscherfüller Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Wunscherfüller Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Herzenswünsche. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"wunscherfueller-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eMach das Schenken zum Erlebnis! Mit dem Wunscherfüller Gutschein bringst du nicht nur ein Lächeln ins Gesicht, sondern schenkst echte Herzensmomente. Ob Spa-Auszeit, Abenteuer in luftiger Höhe oder ein gemütlicher Filmabend – mit dieser Gutscheinvorlage werden Wünsche wahr. Einfach downloaden, personalisieren und Freude verschenken. So einfach, so besonders, so du!\u003c\/span\u003e\u003c\/p\u003e\n\n \u003c!-- Ablaufgrafik --\u003e\n \u003cdiv class=\"process-steps\"\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n \u003cspan\u003eDownloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n \u003cspan\u003eAusdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eSofort bereit\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein direkt nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eGrenzenlose Möglichkeiten\u003c\/strong\u003e\n \u003cspan\u003eFür Spa, Abenteuer, Filmnacht \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\u003eEinfach persönlich\u003c\/strong\u003e\n \u003cspan\u003eMit Namen, Wunsch \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\u003eNachhaltig schenken\u003c\/strong\u003e\n \u003cspan\u003eWiederverwendbar \u0026amp; ressourcenschonend\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eMache das Schenken zu einem besonderen Erlebnis, das von Herzen kommt. Bestelle deinen Wunscherfüller Gutschein noch heute und verschenke etwas, das bleibt – Erinnerungen, die ein Leben lang leuchten!\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 Wunscherfüller 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 Wunscherfüller 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, Wunsch 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 welche Wünsche 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 Wunscherfüller Gutschein ist flexibel einsetzbar – ob für Wellness, Abenteuer, Events, gemeinsame Zeit oder kleine Herzenswünsche. Deiner Kreativität sind keine Grenzen gesetzt!\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":55354627948930,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/wunscherfueller-gutschein.jpg?v=1751453126"},{"product_id":"gin-gutschein","title":"Gin Gutschein","description":"\u003cdiv class=\"product-custom-style\"\u003e\n\n\u003c!-- Produktbeschreibung --\u003e\n\u003cdiv class=\"product-description\"\u003e\n \u003cp\u003e\n \u003cstrong\u003eGin Gutschein – stilvoll genießen 🍸\u003c\/strong\u003e\u003cbr\u003e\n \u003cem\u003eEin Geschenk für alle, die gutes Design und guten Geschmack lieben.\u003c\/em\u003e\u003cbr\u003e\u003cbr\u003e\n Mit dieser \u003cstrong\u003eGin Gutschein Vorlage zum Download\u003c\/strong\u003e verschenkst du \n pure Vorfreude auf Genuss, Entdeckung und gemeinsame Zeit. \n Ob für ein Gin-Tasting, einen besonderen Abend oder einfach als \n kleine Aufmerksamkeit – dieser Gutschein passt immer.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Die Vorlage ist modern und hochwertig gestaltet \n und lässt sich nach dem Kauf 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\u003eIndividuell personalisierbar\u003c\/strong\u003e\n \u003cspan\u003eMit Name, Wunschbetrag \u0026amp; persönlicher Widmung.\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\u003eStilvolles Design\u003c\/strong\u003e\n \u003cspan\u003eModern, zeitlos und perfekt für Gin-Fans.\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\u003eVielseitig einsetzbar\u003c\/strong\u003e\n \u003cspan\u003eFür Tasting, Distillerie-Besuch oder Lieblings-Gin.\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 Gin-Liebhaber\u003c\/strong\u003e \n ist ideal, wenn du ein persönliches Geschenk suchst, \n das trotzdem schnell fertig ist.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Kein Versand, kein Warten – einfach herunterladen, \n ausfüllen und verschenken.\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; überreichen\u003cbr\u003e\n ✅ Gemeinsam 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 Gin 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, Wunschbetrag 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 alle, die Gin lieben – egal ob Einsteiger, Genießer oder echte Kenner.\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":55354642334082,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gin-gutschein-5.jpg?v=1751453259"},{"product_id":"babybauch-shooting-gutschein","title":"Babybauch Shooting Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutschein Vorlage für ein Babybauch Shooting – Digitaler Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen liebevollen Gutschein für ein Babybauch Shooting – als PDF-Vorlage zum Ausdrucken. Sofort downloaden, individuell gestalten und magische Erinnerungen schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"babybauch-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eManche Geschenke sind mehr als nur ein Stück Papier. Sie sind ein Lächeln, ein Herzklopfen, ein „Wow, das hast du dir gemerkt!“. Unsere Gutschein Vorlage für ein Babybauch Shooting ist genau so ein Geschenk. Sie bringt werdende Eltern zum Strahlen und hält die Magie der Schwangerschaft für immer fest.\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\u003eMagisch einfach\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 Namen, Termin \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 immer festgehalten\u003c\/strong\u003e\n \u003cspan\u003eErinnerungen, die ein Leben lang bleiben\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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 personalisieren\u003c\/strong\u003e\n \u003cspan\u003eDirekt am Computer ausfüllbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eDie Schwangerschaft ist eine magische Zeit voller Vorfreude, Zärtlichkeit und Liebe. Mit unserem Gutschein schenkst du nicht nur ein Shooting, sondern ein Erlebnis, das für immer bleibt. Einfach downloaden, personalisieren und ausdrucken – und schon zauberst du ein Lächeln auf das Gesicht der werdenden Eltern.\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cspan\u003eOb als Überraschung zur Babyparty, als liebevolles Geschenk für die beste Freundin oder als kleine Aufmerksamkeit zwischendurch – mit diesem Gutschein verschenkst du Erinnerungen, die das Herz berühren. Weil die schönsten Momente im Leben es wert sind, für immer festgehalten zu werden.\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 Babybauch Shooting 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, 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\" 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 werdende Mamas, Paare, beste Freundinnen oder als liebevolle Überraschung zur Babyparty.\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":55354688569730,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/geschenkidee-schwangerschaft.jpg?v=1751454434"},{"product_id":"shopping-tag-gutschein","title":"Shopping Tag Gutschein","description":"\u003c!-- SEO Meta Title \u0026 Description für Google --\u003e\n\u003ctitle\u003e🎁 Shopping Tag Gutschein – Persönlich, kreativ \u0026amp; sofort ausdrucken!\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Verschenke Freude mit dem Shopping Tag Gutschein! Einfach personalisieren, ausdrucken \u0026amp; überraschen. Das perfekte Geschenk für jeden Anlass. 🛍️✨\"\u003e\n\n\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Shopping Tag Gutschein – Gutscheinvorlage zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Shopping Tag Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Shopping-Fans. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"shoppingtag-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eMach den nächsten Shopping-Tag zu etwas ganz Besonderem! Mit unserer digitalen Gutscheinvorlage „Shopping Tag“ schenkst du nicht nur einen Einkaufsbummel, sondern auch gemeinsame Zeit, Lächeln und kleine Glücksmomente. Perfekt für alle, die das Leben und das Shoppen 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\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; kreativ\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\u003eEinfach gemacht\u003c\/strong\u003e\n \u003cspan\u003eDirekt am Computer ausfüllbar – keine Extra-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, Überraschung oder einfach so\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eDiese stilvolle Vorlage lässt sich nach dem Download ganz einfach am Computer personalisieren – zum Beispiel im Acrobat Reader. Drucke den Gutschein aus, schneide ihn aus und schon ist das perfekte Last Minute Geschenk für jede Gelegenheit bereit. So einfach, so schön, so viel 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 Shopping Tag 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 loslegen und Freude schenken.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Anlass und eine persönliche Botschaft direkt am Computer eintragen kannst – ganz ohne Extra-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 brauchst nur einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader, der auf den meisten Computern bereits installiert ist.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie 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 aus und überrasche deine Liebsten mit einem Geschenk voller Möglichkeiten!\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":55354715046274,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/shopping-gutschein-vorlage-1.jpg?v=1751454697"},{"product_id":"klettergutschein-vorlage","title":"Klettergutschein Vorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Personalisierter Klettergutschein – Digitaler Erlebnisgutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke ein Kletterabenteuer mit unserem personalisierbaren Erlebnisgutschein als PDF-Vorlage. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"klettergutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Erlebnisgutscheine\"\u003e\n\n \u003cp\u003e\u003cspan\u003eBereit für Herzklopfen, Höhenluft und Glücksmomente? Mit diesem Gutschein schenkst du nicht nur ein Abenteuer, sondern auch ein Lächeln, das bleibt. Ob draußen an der frischen Luft oder in der Kletterhalle – dieser Erlebnisgutschein ist die Eintrittskarte in eine Welt voller Mut, Spaß und gemeinsamer Erinnerungen. Einfach schenken, staunen und zusammen wachsen!\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 startklar\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 Namen, Datum \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\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 alle Abenteuerlustigen\u003c\/strong\u003e\n \u003cspan\u003eOb Natur, Halle oder als Überraschung\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eSofortiger Zugriff: Nach dem Kauf erhältst du sofortigen Zugriff auf die editierbare PDF-Datei. Du kannst den Gutschein nach deinen Wünschen personalisieren und dann direkt ausdrucken. So hast du im Handumdrehen das perfekte Geschenk – für große und kleine Kletterfans!\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 Klettergutschein\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 Klettergutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \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 Wünsche direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWelche Software benötige ich?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDu benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader, der auf den meisten Computern bereits installiert ist. Weitere Software ist nicht nötig.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eFür wen eignet sich der 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 Abenteuer lieben – egal ob für Freunde, Familie, Paare oder als Überraschung für Kletterfans jeden Alters.\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":55354730578306,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/erlebnisgutschein-2.jpg?v=1751455101"},{"product_id":"geschenkgutschein-garten","title":"Geschenkgutschein Garten","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutschein für den Garten – Digitaler Gartengutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Garten-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Gartenliebhaber:innen. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"garten-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eMach das Leben draußen noch schöner! Mit unserem Gutschein für den Garten verschenkst du nicht nur ein Stück Natur, sondern auch ein Lächeln, das länger blüht als jede Saison. Ob für den ersten eigenen Gemüsegarten, bunte Blumenbeete oder ein grünes Balkonparadies – dieser Gutschein ist die Eintrittskarte in die Welt der Gartenträume.\u003c\/span\u003e\u003c\/p\u003e\n\n \u003c!-- Ablaufgrafik --\u003e\n \u003cdiv class=\"process-steps\"\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n \u003cspan\u003eDownloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n \u003cspan\u003eAusdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eSofort Freude schenken\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein direkt nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eFür alle Gartenideen\u003c\/strong\u003e\n \u003cspan\u003eOb Pflanzen, Zubehör oder Balkonträume\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell \u0026amp; herzlich\u003c\/strong\u003e\n \u003cspan\u003eMit persönlicher Nachricht personalisierbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eNachhaltig schenken\u003c\/strong\u003e\n \u003cspan\u003eFreude, die länger als eine Saison währt\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eHol dir deinen Gutschein noch heute und bereite jemandem eine Freude, die Wurzeln schlägt! Der Gutschein kann für eine bunte Auswahl an Gartenzubehör, Pflanzen oder Balkonideen eingelöst werden. Einfach downloaden, personalisieren und ausdrucken – so einfach kann Schenken sein. Füge eine liebevolle Nachricht hinzu und mach das Geschenk zu etwas ganz Besonderem.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum Garten-Gutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\"\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie erhalte ich den Garten-Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Betrag und eine persönliche Nachricht direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWelche Software benötige ich?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDu benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader, der auf den meisten Computern bereits installiert ist. Weitere Software ist nicht nötig.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eFür was kann der Gutschein eingelöst werden?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDer Gutschein kann flexibel für Pflanzen, Gartenzubehör, Balkonideen oder alles rund ums Gärtnern eingelöst werden – die Auswahl liegt ganz bei der beschenkten Person.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: #333;\n}\n\n\/* Ablaufgrafik *\/\n.process-steps {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.5em;\n margin: 1.5em auto;\n padding: 0 1em;\n max-width: 800px;\n}\n.process-steps .vorteil {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 0;\n flex: 1 1 0;\n}\n.process-steps .number {\n background-color: #444444;\n color: white;\n width: 26px;\n height: 26px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-weight: 600;\n margin-bottom: 0.3em;\n}\n.process-steps .arrow {\n display: flex;\n align-items: center;\n width: 20px;\n height: 20px;\n margin-bottom: 1.4em;\n}\n.process-steps span {\n color: #333;\n font-size: 0.8em;\n font-weight: 600;\n text-align: center;\n}\n\n\/* Feature Grid Styles *\/\n.feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5em;\n margin: 2em 0;\n padding: 1.5em;\n background: #f8f8f8;\n border-radius: 12px;\n}\n.feature-item {\n display: flex;\n align-items: flex-start;\n gap: 1em;\n}\n.feature-icon {\n color: #77c9b9;\n font-size: 1.2em;\n font-weight: bold;\n flex-shrink: 0;\n}\n.feature-text {\n display: flex;\n flex-direction: column;\n}\n.feature-text strong {\n color: #333;\n font-size: 0.95em;\n margin-bottom: 0.2em;\n}\n.feature-text span {\n color: #666;\n font-size: 0.85em;\n}\n\n\/* FAQ Styles *\/\n.faq-section {\n max-width: 800px;\n margin: 2.5em auto;\n padding: 0 1em;\n}\n.faq-section h2 {\n color: #333;\n margin-bottom: 1.5em;\n font-size: 1.5em;\n text-align: center;\n}\n.faq-container {\n display: flex;\n flex-direction: column;\n gap: 0.5em;\n}\n.faq-item {\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n overflow: hidden;\n background: #fff;\n transition: all 0.3s ease;\n}\n.faq-item:hover {\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n}\n.faq-question {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1em 1.2em;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 1em;\n color: #444;\n text-align: left;\n font-weight: 500;\n transition: all 0.3s ease;\n}\n.faq-question:hover {\n background: #f8f8f8;\n}\n.faq-icon {\n width: 24px;\n height: 24px;\n color: #666;\n transition: transform 0.3s ease;\n flex-shrink: 0;\n margin-left: 1em;\n}\n.faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n background: #fafafa;\n}\n.faq-answer p {\n padding: 1em 1.2em;\n margin: 0;\n color: #666;\n line-height: 1.6;\n}\n.faq-item.active .faq-question {\n color: #333;\n background: #f8f8f8;\n}\n.faq-item.active .faq-icon {\n transform: rotate(45deg);\n}\n.faq-item.active .faq-answer {\n max-height: 300px;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 600px) {\n .process-steps {\n gap: 0.2em;\n }\n .process-steps .number {\n width: 22px;\n height: 22px;\n font-size: 12px;\n }\n .process-steps .arrow {\n width: 16px;\n height: 16px;\n margin-bottom: 1.2em;\n }\n .process-steps span {\n font-size: 0.7em;\n }\n .feature-grid {\n grid-template-columns: 1fr;\n gap: 1em;\n padding: 1em;\n }\n .faq-question {\n font-size: 0.95em;\n padding: 0.8em 1em;\n }\n .faq-answer p {\n font-size: 0.9em;\n padding: 0.8em 1em;\n }\n}\n@media (max-width: 400px) {\n .process-steps {\n gap: 0.1em;\n }\n .process-steps .arrow {\n width: 14px;\n height: 14px;\n }\n}\n\u003c\/style\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.faq-question').forEach(button =\u003e {\n button.addEventListener('click', () =\u003e {\n const faqItem = button.parentElement;\n const isActive = faqItem.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach(item =\u003e {\n item.classList.remove('active');\n });\n if (!isActive) {\n faqItem.classList.add('active');\n }\n });\n});\n\u003c\/script\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55354895860098,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/geschenkidee-garten.jpg?v=1751459525"},{"product_id":"gutschein-fur-kinder","title":"Gutschein für Kinder","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutschein zum Kindergeburtstag – Digitaler Kinder-Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen liebevoll gestalteten Gutschein zum Kindergeburtstag als PDF-Vorlage zum Ausdrucken. Schnell, persönlich \u0026amp; kreativ – für strahlende Kinderaugen!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"kindergeburtstag-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eGroße Freude für kleine Helden! Unser Gutschein zum Kindergeburtstag bringt Kinderaugen zum Leuchten und macht Schenken so einfach wie nie. Einfach downloaden, personalisieren und schon ist das Abenteuer bereit, entdeckt zu werden. So wird aus einem Gutschein ein echtes Erlebnis – und aus einem Tag ein unvergesslicher Moment.\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\u003eGestalten\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\u003eLiebevolles Design\u003c\/strong\u003e\n \u003cspan\u003eMit Bär, der nach den Sternen greift\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e🎈\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell anpassbar\u003c\/strong\u003e\n \u003cspan\u003eName, Anlass \u0026amp; 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\u003eEinfach \u0026amp; schnell\u003c\/strong\u003e\n \u003cspan\u003eDirekt am Computer personalisierbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eFür alle Anlässe\u003c\/strong\u003e\n \u003cspan\u003eGeburtstag, Überraschung oder einfach so\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eMit einem liebevoll gestalteten Bären, der nach den Sternen greift, zaubert dieser Gutschein ein Lächeln auf jedes Kindergesicht. Du schenkst nicht nur ein Stück Papier, sondern ein Erlebnis, das in Erinnerung bleibt. Ideal für alle, die ein persönliches und unkompliziertes Geschenk suchen – und für alle, die Kinderlachen 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 Kindergeburtstags-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 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\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 strahlendes Kinderlachen!\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 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":55355019821442,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-fuer-kinder-5.jpg?v=1751462191"},{"product_id":"kaffee-gutschein","title":"Kaffee Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Kaffee-Gutschein Vorlage – Digitaler Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen digitalen Kaffee-Gutschein zum Ausdrucken – für gemeinsame Auszeiten, kleine Freuden und echte Genussmomente. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"kaffee-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eHej Kaffeefreund! Stell dir vor: Ein duftender Kaffee, ein Lächeln gegenüber und Zeit, die nur euch gehört. Mit unserem digitalen Kaffee-Gutschein schenkst du nicht nur ein Getränk, sondern echte Nähe, kleine Glücksmomente und das Gefühl, einfach mal wieder zusammen zu sein. Perfekt für eine kleine Auszeit, einen spontanen Plausch oder um einfach mal Danke zu sagen.\u003c\/span\u003e\u003c\/p\u003e\n\n \u003c!-- Ablaufgrafik --\u003e\n \u003cdiv class=\"process-steps\"\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n \u003cspan\u003eDownloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n \u003cspan\u003eAusdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eSofort bereit\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein direkt nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell \u0026amp; herzlich\u003c\/strong\u003e\n \u003cspan\u003eMit persönlicher Nachricht \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\u003eEinfach gemacht\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\u003eOb Auszeit, Dankeschön oder Überraschung\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eMit wenigen Klicks lädst du die Vorlage herunter, trägst deinen Wunschtext ein und schon hältst du einen liebevollen, einzigartigen Gutschein in den Händen. Lade deinen Lieblingsmenschen zu einer Tasse Kaffee ein – für echte Gespräche, Lachen und Erinnerungen, die bleiben. So einfach, so herzlich, so besonders!\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-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 Kaffee-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, 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\" 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 Kaffeetrinken!\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":55355022541186,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/kaffeegutschein-1.jpg?v=1751462466"},{"product_id":"sushi-gutschein","title":"Sushi Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Sushi Gutscheinvorlage – Digitaler Sushi-Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen stilvollen Sushi-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Sushi-Fans. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"sushi-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eDu suchst nach einer schnellen, aber dennoch stilvollen Geschenkidee für einen Sushi-Liebhaber? Unser edler Sushi Gutschein zum Herunterladen und Ausdrucken ist die ideale Wahl! Mit wenigen Klicks zauberst du ein Geschenk, das garantiert für Begeisterung sorgt.\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\u003eStilvolles Design\u003c\/strong\u003e\n \u003cspan\u003eMit köstlichen Sushi-Motiven\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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\u003eInteraktive Textfelder für Namen \u0026amp; 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\u003eFür jeden Sushi-Fan\u003c\/strong\u003e\n \u003cspan\u003eIdeal für Geburtstage, Dankeschön \u0026amp; Überraschungen\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eDer Gutschein ist hochwertig gestaltet und zeigt köstliche Sushi-Motive, die jedem Fan das Wasser im Mund zusammenlaufen lassen. Dank der interaktiven PDF-Textfelder kannst du den Gutschein ganz einfach am Computer, z.B. mit dem Acrobat Reader, personalisieren – schnell und unkompliziert!\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 Sushi 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 Sushi 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 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 Sushi 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 Sushi-Fans – ob zum Geburtstag, als Dankeschön oder als spontane Überraschung für Genießer: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":55355027030402,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/sushi-gutschein-1_e753d2b4-0ee8-4f33-9f23-2cbbbef43c9f.jpg?v=1751462753"},{"product_id":"ostergutschein-pdf-vorlage","title":"Ostergutschein PDF Vorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Ostergutschein Vorlage – Digitaler Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen digitalen Ostergutschein zum Ausdrucken – für strahlende Augen, liebevolle Überraschungen und unvergessliche Osterfreude. Sofort downloaden, individuell gestalten und Glück verschenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"ostergutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eHallo, liebe Osterfreunde! Stell dir vor: Ein fröhliches Lächeln, bunte Eier und ein Gutschein, der Herzen höherschlagen lässt. Mit unserem digitalen Ostergutschein schenkst du nicht nur ein Stück Papier, sondern echte Freude, liebevolle Momente und das Gefühl, ganz besonders zu sein. Perfekt für kleine Aufmerksamkeiten, spontane Überraschungen oder einfach, um Danke zu sagen.\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\u003eHerunterladen\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\u003eVerschenken\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\u003ePersönlich \u0026amp; herzlich\u003c\/strong\u003e\n \u003cspan\u003eMit individueller Nachricht \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\u003eEinfach ausfüllbar\u003c\/strong\u003e\n \u003cspan\u003eDirekt am Computer 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\u003eOb Osterbrunch, Überraschung oder Dankeschön\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, füllst sie mit deinen lieben Worten und schon hältst du einen einzigartigen Ostergutschein in den Händen. Lade deine Lieblingsmenschen zu einem besonderen Osterfest ein – für gemeinsame Zeit, Lachen und Erinnerungen, die bleiben. So einfach, so herzlich, so 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äufige Fragen zum Ostergutschein\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 Ostergutschein 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 starten.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Felder, in die du Namen, Anlass und deine persönliche Botschaft direkt am Computer eintragen kannst – ganz ohne zusätzliche Programme.\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 brauche 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 Geräten 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 aus, schneide ihn liebevoll aus und überreiche ihn als zauberhafte Osterüberraschung für deine Herzensmenschen!\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: #e67e22;\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 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":55355042070914,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/ostergeschenk-1-a.jpg?v=1751463042"},{"product_id":"museum-gutschein-vorlage","title":"Museum Gutschein Vorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Museum Gutschein Vorlage – Digitaler Erlebnis-Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Überrasche deine Liebsten mit einem Museums-Gutschein zum Ausdrucken – für große und kleine Entdecker. Sofort downloaden, individuell gestalten und gemeinsame Abenteuer verschenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"museum-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eHej Entdeckerherz! Stell dir vor: Ihr schlendert gemeinsam durch faszinierende Ausstellungen, bestaunt Kunstwerke und sammelt Erinnerungen, die bleiben. Mit unserem Museums-Gutschein schenkst du nicht nur Eintritt, sondern echte Abenteuer, leuchtende Kinderaugen und Zeit, die verbindet. Perfekt für Familien, Freunde oder kleine Forscher – für alle, die das Staunen 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\u003eHerunterladen\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\u003eGestalten\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\u003eVerschenken\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 startklar\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\u003ePersönlich \u0026amp; einzigartig\u003c\/strong\u003e\n \u003cspan\u003eMit Namen, Anlass \u0026amp; liebevoller 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\u003eEinfach auszufüllen\u003c\/strong\u003e\n \u003cspan\u003eDirekt am Computer beschreibbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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, Familienausflug oder Überraschung\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eMit wenigen Klicks lädst du die Vorlage herunter, füllst sie mit deiner persönlichen Nachricht und schon hältst du einen besonderen Gutschein in den Händen. Lade deine Lieblingsmenschen zu einer Reise voller Entdeckungen ein – für gemeinsame Abenteuer, Lachen und Erinnerungen, die euch verbinden. So einfach, so herzlich, so 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 Museums-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 Museums-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 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\u003eDie PDF-Vorlage enthält interaktive Felder, in die du Namen, Anlass und eine persönliche Nachricht direkt am Computer eintragen kannst – ganz unkompliziert.\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 Geräten 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 gestalteten Gutschein auf schönem Papier aus, schneide ihn aus und überreiche ihn als liebevolles Geschenk für ein gemeinsames Museumsabenteuer!\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":55355050819970,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/museum-gutschein-vorlage-1.jpg?v=1751463323"},{"product_id":"streaming-gutschein-horbucher","title":"Streaming Gutschein Hörbücher","description":"\u003c!-- SEO Meta Title \u0026 Description für Google --\u003e\n\u003ctitle\u003e🎬 Stilvoller Streaming Gutschein – Freude schenken \u0026amp; streamen | PDF\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Verschenke einen digitalen Streaming-Gutschein zum Ausdrucken. Für Filmabende, Hörbuchgenuss \u0026amp; gemeinsame Erlebnisse. Jetzt PDF downloaden! 🎧🎁\"\u003e\n\n\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Streaming Gutschein Vorlage – Digitaler Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen digitalen Streaming-Gutschein zum Ausdrucken – für Filmfans, Hörbuchliebhaber und alle, die besondere Momente teilen möchten. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"streaming-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eHej Streaming-Fan! Stell dir vor: Ein gemütlicher Abend, Popcorn in der Hand, die Lieblingsserie läuft – und du hast das perfekte Geschenk parat. Unser digitaler Streaming-Gutschein bringt nicht nur Filme und Hörbücher ins Wohnzimmer, sondern auch strahlende Augen, gemeinsames Lachen und Erinnerungen, die bleiben. Ideal für Geburtstage, Feiertage oder einfach, um „Danke“ zu sagen.\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\u003eHerunterladen\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\u003eGestalten\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\u003eVerschenken\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\u003ePersönlich \u0026amp; einzigartig\u003c\/strong\u003e\n \u003cspan\u003eMit individueller Nachricht \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\u003eEinfach auszufüllen\u003c\/strong\u003e\n \u003cspan\u003eDirekt am Computer editierbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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 Filmabend, Hörbuchgenuss oder Ü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, füllst sie mit deiner persönlichen Botschaft und schon hältst du ein Geschenk in den Händen, das Herzen höherschlagen lässt. Lade deine Lieblingsmenschen zu einem unvergesslichen Streaming-Erlebnis ein – für gemeinsame Stunden, spannende Geschichten und echte Wohlfühlmomente. So einfach, so herzlich, so besonders!\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 Streaming 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 Streaming 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 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\u003eDie PDF-Vorlage enthält interaktive Felder, in die du Namen, Anlass und eine persönliche Nachricht direkt am Computer eintragen kannst – ganz ohne zusätzliche Programme.\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 Geräten 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 gestalteten Gutschein auf hochwertigem Papier aus, schneide ihn aus und überreiche ihn als stilvolles Geschenk für einen gemeinsamen Streaming-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":55355055014274,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-hoerbuecher-1.jpg?v=1751463610"},{"product_id":"gutschein-gitarrenunterricht","title":"Gutschein Gitarrenunterricht","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gitarrenunterricht Gutschein – Digitaler Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen Gitarrenunterricht-Gutschein als PDF – für musikalische Abenteuer, kreative Auszeiten und echte Freude. Sofort downloaden, individuell gestalten und Musikträume wahr werden lassen!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"gitarrenunterricht-gutschein-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eHej Musikfreund! Stell dir vor: Die ersten Akkorde erklingen, ein Lächeln breitet sich aus und die Welt wird für einen Moment ganz leise. Mit unserem Gitarrenunterricht-Gutschein verschenkst du nicht nur Unterricht, sondern echte Musikmomente, kreative Entfaltung und das Gefühl, etwas ganz Besonderes zu erleben. Perfekt für Geburtstage, Jubiläen oder einfach, um jemandem eine Freude zu machen.\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\u003eHerunterladen\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\u003eVerschenken\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 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 \u0026amp; herzlich\u003c\/strong\u003e\n \u003cspan\u003eMit persönlicher Widmung \u0026amp; Namen gestalten\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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 auszufüllen\u003c\/strong\u003e\n \u003cspan\u003eDirekt am Computer beschreibbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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 Überraschung\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eMit wenigen Klicks lädst du die Vorlage herunter, füllst sie mit deinen lieben Worten und schon hältst du einen einzigartigen Gutschein in den Händen. Lade deinen Lieblingsmenschen zu musikalischen Abenteuern ein – für neue Melodien, gemeinsames Lachen und Erinnerungen, die bleiben. So einfach, so herzlich, so besonders!\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 Gitarrenunterricht-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 Gitarrenunterricht-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 der Gutschein sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung starten.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Felder, in die du Namen, Anlass und eine persönliche Nachricht direkt am Computer eintragen kannst – ganz unkompliziert.\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 brauche 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 Geräten 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 hochwertigem Papier aus, schneide ihn aus und überreiche ihn als liebevolles Geschenk für musikalische Glücksmomente!\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":55355076837762,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gitarrenunterricht-1.jpg?v=1751463897"},{"product_id":"gutschein-vorlage-kaffeetrinken","title":"Gutschein Vorlage Kaffeetrinken","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutschein Vorlage Kaffeetrinken – Digitaler Kaffeegutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen liebevoll gestalteten Kaffeegutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für gemeinsame Genussmomente. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"kaffee-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eSuchst du nach einem Geschenk, das Herz und Sinne wärmt? Lade deine Lieblingsmenschen auf eine Tasse Glück ein – mit unserer stilvollen Gutscheinvorlage für ein gemeinsames Kaffeetrinken. Perfekt für Geburtstage, als Dankeschön oder einfach, um Zeit zu schenken. So wird aus einem Moment ein echtes Erlebnis!\u003c\/span\u003e\u003c\/p\u003e\n\n \u003c!-- Ablaufgrafik --\u003e\n \u003cdiv class=\"process-steps\"\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n \u003cspan\u003eDownloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n \u003cspan\u003eAusdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eSofort bereit\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein direkt nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eWohlfühl-Design\u003c\/strong\u003e\n \u003cspan\u003eModernes Kaffee-Motiv für echte Genussmomente\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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 persönlich\u003c\/strong\u003e\n \u003cspan\u003eName, Nachricht \u0026amp; Anlass frei eintragbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eFür jeden Anlass\u003c\/strong\u003e\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\u003eWarum unsere Gutscheinvorlage? Unser einzigartiges Kaffee-Design ist nicht nur ein Hingucker, sondern schafft auch eine warme, einladende Atmosphäre für dein Geschenk. Es ist die perfekte Möglichkeit, jemanden auf einen Kaffee einzuladen und Qualitätszeit zu versprechen. Einfach downloaden, personalisieren und ausdrucken – fertig ist dein Geschenk, das nach mehr schmeckt!\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 Kaffeegutschein\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 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 Kaffeetrinken!\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":55355112489346,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/Gutschein-Vorlage-Kaffee-1.jpg?v=1751464315"},{"product_id":"gin-tasting-gutschein","title":"Gin Tasting Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gin Tasting Gutschein – Digitaler Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke ein Gin Tasting Erlebnis – digital, individuell, sofort verfügbar. Die perfekte Geschenkidee für Gin-Liebhaber:innen!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"gin-tasting-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eGin-Liebhaber:innen aufgepasst! Du möchtest ein Geschenk, das nicht nur überrascht, sondern auch begeistert? Mit unserem digitalen Gin Tasting Gutschein zum Download im Postkartenformat verschenkst du nicht einfach nur Papier – du verschenkst ein Erlebnis, das nach mehr schmeckt.\u003c\/span\u003e\u003c\/p\u003e\n\n \u003c!-- Ablaufgrafik --\u003e\n \u003cdiv class=\"process-steps\"\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n \u003cspan\u003eDownloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n \u003cspan\u003eAusdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eSofort bereit\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein direkt nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell \u0026amp; stilvoll\u003c\/strong\u003e\n \u003cspan\u003eMit Namen, Datum \u0026amp; 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\u003ePostkartenformat\u003c\/strong\u003e\n \u003cspan\u003ePasst in jeden Umschlag – perfekt zum Verschenken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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 Genießer:innen\u003c\/strong\u003e\n \u003cspan\u003eDas ideale Geschenk für Gin-Fans \u0026amp; Entdecker:innen\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 ein materielles Geschenk, sondern auch ein unvergessliches Erlebnis voller Genuss, Entspannung und guter Gespräche. Einfach downloaden, personalisieren, ausdrucken – und schon kann das Gin-Abenteuer beginnen. So einfach, so besonders, so viel 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 Gin Tasting 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 Gin Tasting 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 der Gutschein sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung starten.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, 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\" 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 Gin-Liebhaber:innen, Genießer:innen und alle, die gerne gemeinsam Neues entdecken und genießen 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\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":55355187462530,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gin-tasting-gutschein-1.jpg?v=1751464996"},{"product_id":"karte-zum-muttertag","title":"Karte zum Muttertag","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Grußkarte zum Muttertag – Digitale Muttertagskarte zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke eine liebevolle, digitale Grußkarte zum Muttertag als PDF – sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"muttertag-grusskarte-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Grußkarten Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eDer Muttertag steht vor der Tür und du hast noch kein Geschenk? Keine Panik! Mit unserer digitalen Grußkarte zum Muttertag zauberst du im Handumdrehen ein einzigartiges und persönliches Geschenk, das deiner Mama garantiert ein Lächeln ins Gesicht zaubert. Einfach downloaden, ausfüllen, ausdrucken – fertig ist die Überraschung!\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 bereit\u003c\/strong\u003e\n \u003cspan\u003ePDF-Grußkarte 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\u003eEinfach gemacht\u003c\/strong\u003e\n \u003cspan\u003eDirekt am Computer ausfüllbar – keine Software nötig\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003ePostkartenformat\u003c\/strong\u003e\n \u003cspan\u003ePasst in jeden Umschlag – perfekt zum Verschenken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eVergiss Blumen, Pralinen und langweilige Gutscheine! Mit dieser besonderen Grußkarte zeigst du deiner Mama, wie wichtig sie dir ist und wie sehr du sie liebst. Einfach downloaden, deine persönliche Botschaft eintragen und schon hältst du ein Geschenk in den Händen, das von Herzen kommt – und das ganz ohne Stress.\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 Muttertags-Grußkarte\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 Grußkarte?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \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 Grußkarte 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 die Grußkarte 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 und deine persönliche Nachricht direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" 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 die Grußkarte?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \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 die personalisierte Grußkarte auf schönem Papier aus, schneide sie aus und überreiche sie deiner Mama – für einen Muttertag voller Liebe und Freude!\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":55355265974658,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/karte-muttertag-ausdrucken-1.jpg?v=1751465547"},{"product_id":"yogakurs-gutschein","title":"Yogakurs Gutschein","description":"\u003c!-- SEO Meta Title \u0026 Description für Google --\u003e\n\u003ctitle\u003e🧘 Yoga Kurs Gutschein – Verschenke Entspannung \u0026amp; Balance | PDF Vorlage\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Schenke Wohlfühlzeit mit dem Yoga Kurs Gutschein zum Ausdrucken. Sofort downloaden, personalisieren \u0026amp; Freude schenken! 🧘✨\"\u003e\n\n\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Yoga Kurs Gutschein – Digitaler Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Yoga Kurs Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Entspannung und innere Balance. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"yoga-kurs-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eMach jemandem eine Freude, die von Herzen kommt: Mit unserem Yoga Kurs Gutschein verschenkst du nicht nur einen Kurs, sondern echte Wohlfühlzeit. Ob für die beste Freundin, den Lieblingsmenschen oder einfach für dich selbst – dieser Gutschein bringt Entspannung, Balance und ein Lächeln auf die Matte.\u003c\/span\u003e\u003c\/p\u003e\n\n \u003c!-- Ablaufgrafik --\u003e\n \u003cdiv class=\"process-steps\"\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n \u003cspan\u003eDownloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n \u003cspan\u003eAusdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eWohlfühlzeit schenken\u003c\/strong\u003e\n \u003cspan\u003eYoga Gutschein als PDF sofort verfügbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell \u0026amp; liebevoll\u003c\/strong\u003e\n \u003cspan\u003eMit persönlicher Nachricht \u0026amp; Namen personalisierbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eEinfach \u0026amp; schnell\u003c\/strong\u003e\n \u003cspan\u003eInteraktive Textfelder – kein Stress, nur Freude\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eFür jeden Anlass\u003c\/strong\u003e\n \u003cspan\u003eGeburtstag, Dankeschön oder einfach so\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eEinfach herunterladen, die Textfelder am Computer ausfüllen und ausdrucken. Dank der interaktiven PDF-Textfelder kannst du den Gutschein ganz unkompliziert personalisieren – in wenigen Minuten bereit zum Verschenken. So einfach kann Freude sein!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n \u003ch2\u003eHäufig gestellte Fragen zum Yoga Kurs Gutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\"\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie erhalte ich den Yoga Kurs Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Kurs und persönliche Wünsche direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWelche Software benötige ich?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDu benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader, der auf den meisten Computern bereits installiert ist. Weitere Software ist nicht nötig.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eFür wen eignet sich der Yoga Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDer Gutschein ist ideal für alle, die Entspannung, Achtsamkeit und neue Energie suchen – egal ob Anfänger:in oder Yoga-Profi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: #333;\n}\n\n\/* Ablaufgrafik *\/\n.process-steps {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.5em;\n margin: 1.5em auto;\n padding: 0 1em;\n max-width: 800px;\n}\n.process-steps .vorteil {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 0;\n flex: 1 1 0;\n}\n.process-steps .number {\n background-color: #444444;\n color: white;\n width: 26px;\n height: 26px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-weight: 600;\n margin-bottom: 0.3em;\n}\n.process-steps .arrow {\n display: flex;\n align-items: center;\n width: 20px;\n height: 20px;\n margin-bottom: 1.4em;\n}\n.process-steps span {\n color: #333;\n font-size: 0.8em;\n font-weight: 600;\n text-align: center;\n}\n\n\/* Feature Grid Styles *\/\n.feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5em;\n margin: 2em 0;\n padding: 1.5em;\n background: #f8f8f8;\n border-radius: 12px;\n}\n.feature-item {\n display: flex;\n align-items: flex-start;\n gap: 1em;\n}\n.feature-icon {\n color: #77c9b9;\n font-size: 1.2em;\n font-weight: bold;\n flex-shrink: 0;\n}\n.feature-text {\n display: flex;\n flex-direction: column;\n}\n.feature-text strong {\n color: #333;\n font-size: 0.95em;\n margin-bottom: 0.2em;\n}\n.feature-text span {\n color: #666;\n font-size: 0.85em;\n}\n\n\/* FAQ Styles *\/\n.faq-section {\n max-width: 800px;\n margin: 2.5em auto;\n padding: 0 1em;\n}\n.faq-section h2 {\n color: #333;\n margin-bottom: 1.5em;\n font-size: 1.5em;\n text-align: center;\n}\n.faq-container {\n display: flex;\n flex-direction: column;\n gap: 0.5em;\n}\n.faq-item {\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n overflow: hidden;\n background: #fff;\n transition: all 0.3s ease;\n}\n.faq-item:hover {\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n}\n.faq-question {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1em 1.2em;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 1em;\n color: #444;\n text-align: left;\n font-weight: 500;\n transition: all 0.3s ease;\n}\n.faq-question:hover {\n background: #f8f8f8;\n}\n.faq-icon {\n width: 24px;\n height: 24px;\n color: #666;\n transition: transform 0.3s ease;\n flex-shrink: 0;\n margin-left: 1em;\n}\n.faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n background: #fafafa;\n}\n.faq-answer p {\n padding: 1em 1.2em;\n margin: 0;\n color: #666;\n line-height: 1.6;\n}\n.faq-item.active .faq-question {\n color: #333;\n background: #f8f8f8;\n}\n.faq-item.active .faq-icon {\n transform: rotate(45deg);\n}\n.faq-item.active .faq-answer {\n max-height: 300px;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 600px) {\n .process-steps {\n gap: 0.2em;\n }\n .process-steps .number {\n width: 22px;\n height: 22px;\n font-size: 12px;\n }\n .process-steps .arrow {\n width: 16px;\n height: 16px;\n margin-bottom: 1.2em;\n }\n .process-steps span {\n font-size: 0.7em;\n }\n .feature-grid {\n grid-template-columns: 1fr;\n gap: 1em;\n padding: 1em;\n }\n .faq-question {\n font-size: 0.95em;\n padding: 0.8em 1em;\n }\n .faq-answer p {\n font-size: 0.9em;\n padding: 0.8em 1em;\n }\n}\n@media (max-width: 400px) {\n .process-steps {\n gap: 0.1em;\n }\n .process-steps .arrow {\n width: 14px;\n height: 14px;\n }\n}\n\u003c\/style\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.faq-question').forEach(button =\u003e {\n button.addEventListener('click', () =\u003e {\n const faqItem = button.parentElement;\n const isActive = faqItem.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach(item =\u003e {\n item.classList.remove('active');\n });\n if (!isActive) {\n faqItem.classList.add('active');\n }\n });\n});\n\u003c\/script\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55355296743810,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/yoga-gutschein-5.jpg?v=1751466101"},{"product_id":"fruhstuck-gutscheinvorlage","title":"Frühstück Gutscheinvorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutscheinvorlage Frühstück – Digitaler Frühstücks-Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen stilvollen Frühstücks-Gutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Genussmomente. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"fruehstueck-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eStell dir vor, du schenkst einen Morgen voller Genuss, Lächeln und Wärme. Mit unserer digitalen Frühstücks-Gutscheinvorlage zauberst du ein echtes „Guten Morgen, du bist mir wichtig!“ auf den Tisch. Ob für die beste Freundin, den Lieblingsmenschen oder als kleine Aufmerksamkeit zwischendurch – dieser Gutschein macht aus jedem Frühstück ein Fest.\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\u003eStilvolles Design\u003c\/strong\u003e\n \u003cspan\u003eMinimalistische Illustration mit goldenen Linien\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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; schnell\u003c\/strong\u003e\n \u003cspan\u003ePDF mit interaktiven Textfeldern, sofort 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\u003eOb Geburtstag, Dankeschön 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\u003eNachhaltig \u0026amp; preiswert\u003c\/strong\u003e\n \u003cspan\u003eDigital, sofort ausdruckbar, kein Versand nötig\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eDie minimalistische Illustration einer Tasse Kaffee und eines Croissants, edel abgesetzt mit feinen goldenen Linien, macht diesen Gutschein zu etwas ganz Besonderem. Dank der interaktiven PDF-Textfelder kannst du den Gutschein ganz einfach am Computer, z.B. mit dem Acrobat Reader, personalisieren – schnell, unkompliziert und mit viel Herz.\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 erhalte ich die Frühstücks-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 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 Frühstück!\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":55355307196802,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/Fruehstueck-Gutschein.jpg?v=1751466382"},{"product_id":"gutschein-gemeinsam-essen","title":"Gutschein gemeinsam Essen","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutscheinvorlage Frühstück – Digitaler Frühstücksgutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Frühstücksgutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für Genussmomente. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"fruehstueck-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eStell dir vor, du schenkst nicht nur ein Frühstück, sondern einen ganzen Morgen voller Lächeln, Genuss und Leichtigkeit. Mit unserer digitalen Frühstücksgutschein-Vorlage zauberst du im Handumdrehen ein Geschenk, das Herzen höherschlagen lässt – für alle, die das Leben am liebsten gemeinsam 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\u003eMinimalistisches Design\u003c\/strong\u003e\n \u003cspan\u003eMit goldenen Linien, Kaffee \u0026amp; Croissant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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; schnell\u003c\/strong\u003e\n \u003cspan\u003ePDF mit interaktiven Feldern – einfach am Computer ausfüllen\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eSofort bereit\u003c\/strong\u003e\n \u003cspan\u003eDirekt nach dem Kauf downloaden \u0026amp; verschenken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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 Dankeschön, Geburtstag oder einfach so\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eDie minimalistische Illustration einer Tasse Kaffee und eines Croissants, edel abgesetzt mit feinen goldenen Linien, macht diesen Gutschein zu etwas ganz Besonderem. Dank der interaktiven PDF-Textfelder kannst du den Gutschein ganz einfach am Computer, z.B. mit dem Acrobat Reader, personalisieren – schnell, unkompliziert und mit viel Herz. So schenkst du nicht nur ein Frühstück, sondern einen Moment voller Nähe 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 Frühstücksgutschein\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 Frühstücksgutschein-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, 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 gemeinsamen Start in den Tag!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: #333;\n}\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 {\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-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@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":55355338326402,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-gemeinsam-essen-4.jpg?v=1751466667"},{"product_id":"grusskarte-zum-muttertag","title":"Grußkarte zum Muttertag","description":"\u003cdiv class=\"product-custom-style\"\u003e\n\n\u003c!-- Produktbeschreibung --\u003e\n\u003cdiv class=\"product-description\"\u003e\n \u003cp\u003e\n \u003cstrong\u003eDigitale Grußkarte zum Muttertag – von Herzen 💐\u003c\/strong\u003e\u003cbr\u003e\n \u003cem\u003eKlein, persönlich und voller Gefühl.\u003c\/em\u003e\u003cbr\u003e\u003cbr\u003e\n Der Muttertag steht vor der Tür und du möchtest etwas schenken, \n das wirklich von Herzen kommt? \n Mit dieser \u003cstrong\u003edigitalen Grußkarte zum Muttertag\u003c\/strong\u003e \n überraschst du deine Mama mit liebevollen Worten – \n ganz persönlich und ohne Stress.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Die Grußkarte ist modern und warm gestaltet \n und lässt sich nach dem Kauf ganz einfach \n \u003cstrong\u003eherunterladen, personalisieren und ausdrucken\u003c\/strong\u003e. \n Perfekt als Last-Minute-Geschenk oder als liebevolle Ergänzung \n zu Blumen oder einem kleinen Präsent.\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\u003ePersönlich \u0026amp; liebevoll\u003c\/strong\u003e\n \u003cspan\u003eMit Namen und eigener Nachricht gestaltbar.\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 auszudrucken\u003c\/strong\u003e\n \u003cspan\u003eIdeal im Postkartenformat.\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 zum Muttertag\u003c\/strong\u003e\n \u003cspan\u003eKleine Geste mit großer Wirkung.\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\u003eMuttertags-Grußkarte zum Download\u003c\/strong\u003e \n ist genau richtig, wenn du etwas Persönliches verschenken möchtest, \n ohne lange zu suchen oder auf den Versand zu warten.\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 oder liebevoll überreichen\u003cbr\u003e\n ✅ Mama glücklich machen 💕\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 zur Muttertags-Grußkarte\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 die Grußkarte?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"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 Grußkarte 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 die Karte 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 Namen 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\u003eWie verschenke ich die Grußkarte?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"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\u003eEinfach ausdrucken, ggf. zuschneiden und persönlich überreichen – fertig.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Styles --\u003e\n\u003cstyle\u003e\n.product-custom-style * { box-sizing: border-box; }\n\n.product-custom-style {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: #333;\n}\n\n.product-custom-style .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5em;\n margin: 2em 0;\n padding: 1.5em;\n background: #f6f6f7;\n border-radius: 12px;\n}\n\n.product-custom-style .feature-item {\n display: flex;\n gap: 1em;\n}\n\n.product-custom-style .feature-icon {\n font-size: 1.3em;\n flex-shrink: 0;\n}\n\n.product-custom-style .feature-text strong {\n color: #222;\n}\n\n.product-custom-style .feature-text span {\n font-size: 0.9em;\n color: #555;\n}\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')\n .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":55355384103298,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/muttertagskarte-ausdrucken-1.jpg?v=1751467225"},{"product_id":"handwerker-gutschein","title":"Handwerker Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Handwerker Gutschein – Digitale Gutscheinvorlage zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke praktische Hilfe \u0026amp; wertvolle Zeit mit unserem Handwerker Gutschein als PDF-Vorlage. Sofort downloaden, individuell gestalten \u0026amp; Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"handwerker-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eStell dir vor, du schenkst nicht nur einen Gutschein, sondern echte Unterstützung und ein Lächeln. Mit unserem Handwerker Gutschein verschenkst du praktische Hilfe, gemeinsame Zeit und das gute Gefühl, füreinander da zu sein. Ob ein Regal aufbauen, Bilder aufhängen oder kleine Reparaturen – zusammen macht’s einfach mehr Spaß!\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 einsatzbereit\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; herzlich\u003c\/strong\u003e\n \u003cspan\u003eMit persönlicher Nachricht \u0026amp; Aufgaben 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\u003eGemeinsam anpacken\u003c\/strong\u003e\n \u003cspan\u003eFür kleine Projekte, große Freude \u0026amp; bleibende Erinnerungen\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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, Einzug, Überraschung oder einfach so\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eStell dir vor, wie ihr zusammen lacht, schraubt und kreativ werdet. Mit wenigen Klicks lädst du die Vorlage herunter, trägst deine Wünsche und Aufgaben ein und schon hast du ein Geschenk, das wirklich hilft. So wird aus einem einfachen Gutschein ein echtes Erlebnis – nachhaltig, persönlich und voller Herz.\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 Handwerker 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 Handwerker 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, Aufgaben 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 Handwerker Gutschein ist ideal für Geburtstage, Einzug, als kleine Aufmerksamkeit oder einfach, um zu zeigen: „Ich bin für dich da.“\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":55355399438722,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/handwerker-gutschein.jpg?v=1751467495"},{"product_id":"handwerkerin-gutschein","title":"Handwerkerin Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Handwerkerin Gutschein – Digitaler Gutschein für handwerkliche Hilfe zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke praktische Hilfe \u0026amp; gemeinsame Zeit mit dem Handwerkerin Gutschein als PDF-Vorlage zum Ausdrucken. Sofort downloaden, individuell gestalten \u0026amp; Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"handwerkerin-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eStell dir vor, du schenkst nicht nur ein Stück Papier, sondern echte Unterstützung und ein Lächeln. Mit unserem Handwerkerin Gutschein verschenkst du praktische Hilfe, kreative Lösungen und wertvolle Zeit – alles, was das Herz im Alltag braucht.\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 einsatzbereit\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; herzlich\u003c\/strong\u003e\n \u003cspan\u003eMit persönlicher Nachricht \u0026amp; Aufgaben 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\u003eGemeinsam anpacken\u003c\/strong\u003e\n \u003cspan\u003eFür kleine Reparaturen, Aufbauen, Umgestalten \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\u003eNachhaltig schenken\u003c\/strong\u003e\n \u003cspan\u003eWeniger Konsum, mehr Miteinander \u0026amp; Erinnerungen\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eStell dir vor, wie ihr zusammen ein Regal aufbaut, Bilder aufhängt oder kleine Reparaturen erledigt. Nicht nur wird der Alltag leichter, sondern ihr schafft auch Erinnerungen, die bleiben. Ein Geschenk, das sagt: „Ich bin für dich da.“\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cspan\u003eOb als Dankeschön, zum Geburtstag oder einfach so – mit diesem Gutschein verschenkst du echte Wertschätzung, praktische Hilfe und ein Stück Geborgenheit. Einfach 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 Handwerkerin 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 Handwerkerin 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, Aufgaben und eine persönliche Nachricht direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWelche Software benötige ich?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eDu benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader, der auf den meisten Computern bereits installiert ist. Weitere Software ist nicht nötig.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eFür 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 Handwerkerin Gutschein ist ideal als Dankeschön, Geburtstagsgeschenk, für den Einzug oder einfach als liebevolle Überraschung 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":55356350890370,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/handwerkerin-gutschein.jpg?v=1751483272"},{"product_id":"wien-gutschein","title":"Wien Gutschein","description":"\u003c!-- SEO Meta Title \u0026 Description für Google --\u003e\n\u003ctitle\u003eWien Reisegutschein – Verschenke Vorfreude auf Wien! 🎁✈️\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Schenke Wiener Lebensfreude! Reisegutschein Wien als PDF – sofort downloaden, personalisieren \u0026amp; ausdrucken. Für unvergessliche Erlebnisse. 🎶🏰\"\u003e\n\n\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Reisegutschein Wien – Digitaler Wien Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke Wiener Lebensfreude mit einem personalisierbaren Reisegutschein für Wien – als PDF-Vorlage zum Ausdrucken. Sofort downloaden, individuell gestalten und pure Vorfreude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"wien-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eMach’s dir einfach, mach’s besonders: Überrasche einen Lieblingsmenschen mit einem Reisegutschein nach Wien! Ein Geschenk, das nicht nur Herzen höherschlagen lässt, sondern auch die Koffer packen will. Stell dir vor: Wiener Melange am Morgen, Mozart am Abend und dazwischen jede Menge Zeit für gemeinsame Abenteuer.\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\u003eWien zum Verschenken\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\u003eStilvolles Design\u003c\/strong\u003e\n \u003cspan\u003eMit Wien-Silhouette \u0026amp; Mozart-Portrait\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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 personalisieren\u003c\/strong\u003e\n \u003cspan\u003eName, Nachricht \u0026amp; Reisedatum direkt am Computer eintragen\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eFür jeden Anlass\u003c\/strong\u003e\n \u003cspan\u003eGeburtstag, 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\u003eUnsere elegant gestaltete Gutscheinvorlage zeigt eine stilisierte Ansicht von Wien und ein minimalistisches Portrait von Mozart. Mit diesem Geschenkgutschein schenkst du nicht nur eine Reise nach Österreich, sondern auch Vorfreude auf unvergessliche Erlebnisse in einer der schönsten Städte Europas. Einfach downloaden, personalisieren, ausdrucken – und schon beginnt das 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 Wien Reisegutschein\u003c\/h2\u003e\n \u003cdiv class=\"faq-container\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\"\u003e\n \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n \u003cbutton class=\"faq-question\"\u003e\n \u003cspan itemprop=\"name\"\u003eWie erhalte ich den Wien 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, Reisedatum 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 Wien Reisegutschein ist ideal für Paare, Freunde, Familie oder als Überraschung für alle, die Wien lieben oder kennenlernen 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\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":55356365078914,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/reisegutschein-wien-1b-2.jpg?v=1751483592"},{"product_id":"weihnachtsmarkt-gutschein","title":"Weihnachtsmarkt Gutschein","description":"\u003c!-- SEO Meta Title \u0026 Description für Google --\u003e\n\u003ctitle\u003e🎄 Weihnachtsmarkt Gutschein – Gemeinsame Zeit verschenken | PDF Vorlage\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Verschenke Vorfreude auf den Weihnachtsmarkt: Gutschein zum Ausdrucken, individuell personalisierbar, für Glühwein, Essen \u0026amp; festliche Momente. 🎁✨\"\u003e\n\n\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Weihnachtsmarkt Gutschein – PDF Vorlage zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen liebevoll gestalteten Weihnachtsmarkt Gutschein als PDF-Vorlage zum Ausdrucken – für festliche Erlebnisse, Glühwein \u0026amp; gemeinsame Zeit.\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"weihnachtsmarkt-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eStell dir vor: Lichterglanz, der Duft von gebrannten Mandeln und das Lachen deiner Lieblingsmenschen. Mit unserem Weihnachtsmarkt Gutschein schenkst du nicht nur ein Stück Papier, sondern echte Vorfreude auf gemeinsame Zeit. Ob ein Abend voller Leckereien, ein Becher Glühwein oder einfach ein Spaziergang Hand in Hand – du entscheidest, was ihr zusammen erlebt.\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\u003eMagische Momente\u003c\/strong\u003e\n \u003cspan\u003eGemeinsame Zeit auf dem Weihnachtsmarkt verschenken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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 editierbar\u003c\/strong\u003e\n \u003cspan\u003eWünsche, Namen \u0026amp; Erlebnisse einfach 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\u003eSofort verfügbar\u003c\/strong\u003e\n \u003cspan\u003ePDF-Vorlage direkt nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eFür alle Lieblingsmenschen\u003c\/strong\u003e\n \u003cspan\u003eOb Familie, Freunde oder Partner:in\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eIn dieser zauberhaften Zeit des Jahres geht es nicht nur um Geschenke, sondern um das, was bleibt: Erinnerungen. Mit unserer Gutscheinvorlage schenkst du Vorfreude auf festliche Momente, gemeinsames Lachen und das Gefühl, zusammen zu sein. Einfach downloaden, personalisieren und ausdrucken – fertig ist dein Geschenk voller Herz.\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 Weihnachtsmarkt 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, Wünsche und persönliche Nachrichten direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \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 Familie, Freunde, Partner:innen oder als kleine Aufmerksamkeit für Kolleg:innen – für alle, die gemeinsame Zeit lieben.\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":55356422783362,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/weihnachtsmarkt-gutschein-2.jpg?v=1751484232"},{"product_id":"weihnachten-gutschein","title":"Weihnachten Gutschein","description":"\u003c!-- SEO Meta Title \u0026 Description --\u003e\n\u003ctitle\u003e🎄 Besonderer Weihnachtsgutschein – Zeit schenken, Freude erleben! 🎁\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Verschenke magische Momente: Gutscheinvorlage für Weihnachten zum Ausdrucken. Persönlich, flexibel \u0026amp; sofort verfügbar. Jetzt 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=\"Besonderer Gutschein Weihnachten – Digitaler Weihnachtsgutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Weihnachtsgutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für magische Momente. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"weihnachten-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eWeihnachten ist, wenn Herzen leuchten und kleine Gesten Großes bewirken. Mit unserer liebevoll gestalteten Gutscheinvorlage für Weihnachten schenkst du nicht nur ein Stück Papier, sondern echte Vorfreude auf gemeinsame Zeit. Einfach downloaden, personalisieren und schon zauberst du ein Lächeln auf jedes Gesicht – ganz ohne Stress, aber mit ganz viel Herz.\u003c\/span\u003e\u003c\/p\u003e\n\n \u003c!-- Ablaufgrafik --\u003e\n \u003cdiv class=\"process-steps\"\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n \u003cspan\u003eDownloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arrow\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vorteil\"\u003e\n \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n \u003cspan\u003eAusdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-grid\"\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eSofort verfügbar\u003c\/strong\u003e\n \u003cspan\u003ePDF-Gutschein direkt nach Kauf downloaden\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eIndividuell \u0026amp; flexibel\u003c\/strong\u003e\n \u003cspan\u003eFür Candle-Light-Dinner, Filmabend, Spaziergang \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\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\u003eNachhaltig schenken\u003c\/strong\u003e\n \u003cspan\u003eWeniger Konsum, mehr gemeinsame Zeit\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eOb romantisches Candle-Light-Dinner, winterlicher Spaziergang oder gemütlicher Filmabend – deiner Fantasie sind keine Grenzen gesetzt. Unsere digitale Gutscheinvorlage macht das Schenken einfach, flexibel und besonders. Nach dem Download kannst du den Gutschein ganz nach deinen Wünschen editieren und personalisieren. So wird aus einem kleinen Geschenk ein großes Erlebnis – exklusiv für die festliche Weihnachtszeit.\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cspan\u003eLege dieses Geschenk unter den Weihnachtsbaum oder überrasche spontan zwischendurch – mit unserem Weihnachtsgutschein verschenkst du magische Momente und kostbare Zeit. Denn manchmal ist Zeit das schönste Geschenk von allen.\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 Weihnachtsgutschein\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 Weihnachtsgutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \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 die Weihnachtszeit!\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":55356467446146,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-weihnachten-2.jpg?v=1751484399"},{"product_id":"gutschein-vorlage-weihnachten","title":"Gutschein Vorlage Weihnachten","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Weihnachtliche Gutschein Vorlage – Digitaler Weihnachtsgutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke einen personalisierbaren Weihnachtsgutschein als PDF-Vorlage zum Ausdrucken – das perfekte Geschenk für gemeinsame Zeit. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"weihnachten-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eMach Weihnachten dieses Jahr noch magischer! Mit unserer festlichen Gutschein Vorlage schenkst du nicht nur ein Stück Papier, sondern echte Herzensmomente. Einfach downloaden, liebevoll personalisieren und im Handumdrehen ein Geschenk zaubern, das für leuchtende Augen sorgt – ganz ohne Stress, aber mit ganz viel Gefühl.\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\u003eFestliche Freude\u003c\/strong\u003e\n \u003cspan\u003eWeihnachtliches Design für echte Wohlfühlmomente\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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 Namen, Wunschtext \u0026amp; Erlebnis personalisierbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eEinfach \u0026amp; schnell\u003c\/strong\u003e\n \u003cspan\u003ePDF sofort downloaden, am Computer ausfüllen \u0026amp; ausdrucken\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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 Familie, Freunde oder Partner:in – immer passend\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 etwas Materielles, sondern vor allem kostbare gemeinsame Zeit. Ob ein Bummel über den Weihnachtsmarkt, ein romantisches Dinner bei Kerzenschein oder ein gemütlicher Filmabend – deiner Fantasie sind keine Grenzen gesetzt. Einfach downloaden, personalisieren und schon ist dein Geschenk bereit für den großen Auftritt unter dem Weihnachtsbaum.\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cspan\u003eDas Beste: Unsere Gutschein Vorlage ist exklusiv für die Weihnachtszeit gedacht. So wird Schenken in dieser festlichen Saison unkompliziert, nachhaltig und voller Herz. Mach’s dir leicht – und deinen Liebsten eine riesige 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 zur Weihnachts 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 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 Vorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \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, Erlebnis 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 die 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\u003eDie Vorlage ist ideal für Familie, Freunde, Partner:innen oder als kleine Aufmerksamkeit für alle, die du zu Weihnachten überraschen möchtest.\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":55356468920706,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-vorlage-weihnachten.jpg?v=1751484719"},{"product_id":"silvester-gutschein","title":"Silvester Gutschein","description":"\u003c!-- SEO Meta Title \u0026 Description für Google --\u003e\n\u003ctitle\u003e🎉 Silvester Gutschein zum Ausdrucken – Glück \u0026amp; Freude fürs neue Jahr!\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Neujahr Gutschein mit Schornsteinfeger \u0026amp; Kleeblatt – personalisierbar, sofort downloaden \u0026amp; verschenken. Starte das Jahr mit Glücksmomenten! 🍀🎁\"\u003e\n\n\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n \u003cmeta itemprop=\"name\" content=\"Gutschein zu Silvester – Neujahr Gutschein zum Ausdrucken\"\u003e\n \u003cmeta itemprop=\"description\" content=\"Verschenke Glücksmomente zum Jahreswechsel: Neujahr Gutschein mit Schornsteinfeger, Kleeblatt \u0026amp; Leiter – personalisierbar, sofort downloaden \u0026amp; Freude schenken!\"\u003e\n \u003cmeta itemprop=\"sku\" content=\"silvester-gutschein-vorlage-pdf\"\u003e\n \u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\n \u003cp\u003e\u003cspan\u003eNeues Jahr, neues Glück! Mach den Jahreswechsel zu etwas ganz Besonderem und überrasche deine Liebsten mit einem Gutschein, der mehr kann als nur Wünsche überbringen. Unser Neujahr Gutschein bringt mit Schornsteinfeger, Kleeblatt und Leiter nicht nur Glück, sondern auch ein Lächeln ins Gesicht – und das ganz ohne großen Aufwand.\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\u003eGlück zum Mitnehmen\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\u003ePersönlich \u0026amp; einzigartig\u003c\/strong\u003e\n \u003cspan\u003eMit Namen \u0026amp; Neujahrswünschen personalisierbar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"feature-text\"\u003e\n \u003cstrong\u003eEinfach gemacht\u003c\/strong\u003e\n \u003cspan\u003eDirekt am Computer ausfüllbar – kein Hexenwerk!\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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 Glückspilze\u003c\/strong\u003e\n \u003cspan\u003eFreunde, Familie, Kollegen – alle freuen sich!\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cspan\u003eStarte das neue Jahr mit Glück und einem Lächeln! Unser Neujahr Gutschein mit einem liebevoll gestalteten Schornsteinfeger, einem vierblättrigen Kleeblatt und einer Leiter ist das perfekte Geschenk, um Glück und gute Wünsche zu übermitteln. Ob für Freunde, Familie oder Kollegen – dieser Gutschein bringt Freude und Glücksmomente ins neue Jahr!\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 Silvester 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 Silvester Gutschein?\u003c\/span\u003e\n \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n \u003cdiv itemprop=\"text\"\u003e\n \u003cp\u003eNach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen und das neue Jahr stilvoll einläuten.\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 und persönliche Neujahrswü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 brauchst nur 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 Freunde, Familie, Kollegen oder Nachbarn – einfach für alle, denen du Glück und Freude zum Jahreswechsel schenken möchtest.\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":55356470952322,"sku":null,"price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/silvester-guten-rutsch-gutschein-5.jpg?v=1751485045"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/collections\/gutschein-zeit-statt-zeug-1-3.jpg?v=1751299034","url":"https:\/\/herzensprojekt-digital.de\/collections\/zeit-verschenken.oembed?page=3","provider":"Herzensprojekt Manufaktur","version":"1.0","type":"link"}