{"product_id":"gutschein-kaffee-trinken","title":"Gutschein Kaffee trinken","description":"\u003c!-- Produktbeschreibung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n\n  \u003cp\u003e\n    \u003cspan\u003e\n      Ein Kaffee-Date gefällig? Mit dieser liebevoll gestalteten Gutscheinvorlage verschenkst du nicht nur einen Kaffee,\n      sondern echte Wertschätzung und gemeinsame Zeit. Ob Lieblingscafé um die Ecke oder neues Kaffee-Abenteuer –\n      dieser Gutschein ist eine kleine Einladung zu großen Gesprächen.\n    \u003c\/span\u003e\n  \u003c\/p\u003e\n\n  \u003c!-- Ablaufgrafik --\u003e\n  \u003cdiv class=\"process-steps\"\u003e\n    \u003cdiv class=\"vorteil\"\u003e\n      \u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n      \u003cspan\u003eDownloaden\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"arrow\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n        \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"vorteil\"\u003e\n      \u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n      \u003cspan\u003ePersonalisieren\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"arrow\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n        \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"vorteil\"\u003e\n      \u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n      \u003cspan\u003eAusdrucken\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Vorteile --\u003e\n  \u003cdiv class=\"feature-grid\"\u003e\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003cstrong\u003eSofort verfügbar\u003c\/strong\u003e\n        \u003cspan\u003eDirekt nach dem Kauf herunterladen\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003cstrong\u003ePersönlich \u0026amp; herzlich\u003c\/strong\u003e\n        \u003cspan\u003eName, Grußtext \u0026amp; Café individuell anpassbar\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003cstrong\u003eEinfach auszufüllen\u003c\/strong\u003e\n        \u003cspan\u003eAm Computer personalisierbar – ohne Grafikprogramm\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003cstrong\u003ePerfekt für gemeinsame Zeit\u003c\/strong\u003e\n        \u003cspan\u003eIdeal für Freunde, Familie oder Herzensmenschen\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp\u003e\n    \u003cspan\u003e\n      Mit wenigen Klicks lädst du die Vorlage herunter, trägst Namen, Café und eine persönliche Nachricht ein\n      und hast im Handumdrehen ein Geschenk, das von Herzen kommt.\n      Ein Gutschein für Gespräche, Lachen und den Duft von frisch gebrühtem Kaffee.\n    \u003c\/span\u003e\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n  \u003ch2\u003eHäufig gestellte Fragen zum Kaffee-Gutschein\u003c\/h2\u003e\n\n  \u003cdiv class=\"faq-container\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\"\u003e\n\n    \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n      \u003cbutton class=\"faq-question\"\u003e\n        \u003cspan itemprop=\"name\"\u003eWie erhalte ich den Gutschein?\u003c\/span\u003e\n        \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n        \u003cdiv itemprop=\"text\"\u003e\n          \u003cp\u003eNach dem Kauf kannst du den Gutschein sofort herunterladen und direkt mit der Personalisierung starten.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n      \u003cbutton class=\"faq-question\"\u003e\n        \u003cspan itemprop=\"name\"\u003eWie kann ich den Gutschein anpassen?\u003c\/span\u003e\n        \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n        \u003cdiv itemprop=\"text\"\u003e\n          \u003cp\u003eDie Vorlage lässt sich ganz einfach am Computer ausfüllen – mit Namen, Café und persönlicher Botschaft.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n      \u003cbutton class=\"faq-question\"\u003e\n        \u003cspan itemprop=\"name\"\u003eWelche Software benötige ich?\u003c\/span\u003e\n        \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n        \u003cdiv itemprop=\"text\"\u003e\n          \u003cp\u003eEin normaler PDF-Reader wie der kostenlose Acrobat Reader reicht völlig aus.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n      \u003cbutton class=\"faq-question\"\u003e\n        \u003cspan itemprop=\"name\"\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e\n        \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n        \u003cdiv itemprop=\"text\"\u003e\n          \u003cp\u003eDrucke den Gutschein aus, schneide ihn aus und überreiche ihn als Einladung zu einem gemeinsamen Kaffee.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.process-steps {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 0.5em;\n  margin: 2em auto;\n  max-width: 800px;\n}\n\n.process-steps .vorteil {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.process-steps .number {\n  width: 26px;\n  height: 26px;\n  background: #444;\n  color: #fff;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  margin-bottom: 0.3em;\n}\n\n.process-steps span {\n  font-size: 0.8em;\n  font-weight: 600;\n}\n\n.feature-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5em;\n  background: #f8f8f8;\n  padding: 1.5em;\n  border-radius: 12px;\n  margin: 2em 0;\n}\n\n.feature-item {\n  display: flex;\n  gap: 1em;\n}\n\n.feature-icon {\n  color: #77c9b9;\n  font-weight: bold;\n}\n\n.faq-section {\n  max-width: 800px;\n  margin: 3em auto;\n}\n\n.faq-item {\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  margin-bottom: 0.6em;\n  overflow: hidden;\n}\n\n.faq-question {\n  width: 100%;\n  padding: 1em 1.2em;\n  border: none;\n  background: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n  font-size: 1em;\n}\n\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.35s ease;\n  background: #fafafa;\n}\n\n.faq-answer p {\n  padding: 1em 1.2em;\n  margin: 0;\n}\n\n.faq-item.active .faq-answer {\n  max-height: 300px;\n}\n\n.faq-item.active .faq-icon {\n  transform: rotate(45deg);\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.querySelectorAll('.faq-question').forEach(button =\u003e {\n  button.addEventListener('click', function () {\n    const item = this.parentElement;\n    document.querySelectorAll('.faq-item').forEach(i =\u003e {\n      if (i !== item) i.classList.remove('active');\n    });\n    item.classList.toggle('active');\n  });\n});\n\u003c\/script\u003e\n","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55349774352770,"sku":"00074","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/kaffee-geschenkidee.jpg?v=1751294294","url":"https:\/\/herzensprojekt.de\/products\/gutschein-kaffee-trinken","provider":"Herzensprojekt Manufaktur","version":"1.0","type":"link"}