{"product_id":"gutschein-kaffee-trinken","title":"Gutschein Kaffee trinken","description":"\u003c!-- Produktbeschreibung --\u003e\n\u003cdiv lang=\"de\"\u003e\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\u003c!-- Ablaufgrafik --\u003e\n\u003cdiv aria-label=\"Ablauf\" class=\"process-steps\" role=\"region\"\u003e\n\u003cdiv class=\"vorteil\"\u003e\n\u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n\u003cspan\u003eDownloaden\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arrow\"\u003e\n\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vorteil\"\u003e\n\u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n\u003cspan\u003ePersonalisieren\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arrow\"\u003e\n\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\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\u003c!-- Vorteile --\u003e\n\u003cdiv aria-label=\"Produkteigenschaften\" class=\"feature-grid\" role=\"region\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv aria-hidden=\"true\" class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eSofort verfügbar\u003c\/h3\u003e\n\u003cspan\u003eDirekt nach dem Kauf herunterladen\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv aria-hidden=\"true\" class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003ePersönlich \u0026amp; herzlich\u003c\/h3\u003e\n\u003cspan\u003eName, Grußtext \u0026amp; Café individuell anpassbar\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv aria-hidden=\"true\" class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eEinfach auszufüllen\u003c\/h3\u003e\n\u003cspan\u003eAm Computer personalisierbar – ohne Grafikprogramm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv aria-hidden=\"true\" class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003ePerfekt für gemeinsame Zeit\u003c\/h3\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\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\u003c!-- FAQ --\u003e\n\u003cdiv aria-label=\"Häufig gestellte Fragen\" class=\"faq-section\" role=\"region\"\u003e\n\u003ch2\u003eHäufig gestellte Fragen zum Kaffee-Gutschein\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton aria-controls=\"faq-answer-1\" aria-expanded=\"false\" class=\"faq-question\" id=\"faq-btn-1\" type=\"button\"\u003e\n\u003cspan\u003eWie erhalte ich den Gutschein?\u003c\/span\u003e\n\u003csvg aria-hidden=\"true\" class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/button\u003e\n\u003cdiv aria-labelledby=\"faq-btn-1\" class=\"faq-answer\" id=\"faq-answer-1\" role=\"region\"\u003e\n\u003cdiv\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\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton aria-controls=\"faq-answer-2\" aria-expanded=\"false\" class=\"faq-question\" id=\"faq-btn-2\" type=\"button\"\u003e\n\u003cspan\u003eWie kann ich den Gutschein anpassen?\u003c\/span\u003e\n\u003csvg aria-hidden=\"true\" class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/button\u003e\n\u003cdiv aria-labelledby=\"faq-btn-2\" class=\"faq-answer\" id=\"faq-answer-2\" role=\"region\"\u003e\n\u003cdiv\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\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton aria-controls=\"faq-answer-3\" aria-expanded=\"false\" class=\"faq-question\" id=\"faq-btn-3\" type=\"button\"\u003e\n\u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e\n\u003csvg aria-hidden=\"true\" class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/button\u003e\n\u003cdiv aria-labelledby=\"faq-btn-3\" class=\"faq-answer\" id=\"faq-answer-3\" role=\"region\"\u003e\n\u003cdiv\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\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton aria-controls=\"faq-answer-4\" aria-expanded=\"false\" class=\"faq-question\" id=\"faq-btn-4\" type=\"button\"\u003e\n\u003cspan\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e\n\u003csvg aria-hidden=\"true\" class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/button\u003e\n\u003cdiv aria-labelledby=\"faq-btn-4\" class=\"faq-answer\" id=\"faq-answer-4\" role=\"region\"\u003e\n\u003cdiv\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\u003c\/div\u003e\n\u003c\/div\u003e\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\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\u003c!-- Strukturierte Daten für FAQ (JSON-LD) --\u003e\u003cscript type=\"application\/ld+json\"\u003e{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Wie erhalte ich den Gutschein?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Nach dem Kauf kannst du den Gutschein sofort herunterladen und direkt mit der Personalisierung starten.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Wie kann ich den Gutschein anpassen?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Die Vorlage lässt sich ganz einfach am Computer ausfüllen – mit Namen, Café und persönlicher Botschaft.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Welche Software benötige ich?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Ein normaler PDF-Reader wie der kostenlose Acrobat Reader reicht völlig aus.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Wie verschenke ich den Gutschein?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Drucke den Gutschein aus, schneide ihn aus und überreiche ihn als Einladung zu einem gemeinsamen Kaffee.\"\n      }\n    }\n  ]\n}\u003c\/script\u003e","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:\/\/www.herzensprojekt.de\/products\/gutschein-kaffee-trinken","provider":"Herzensprojekt Manufaktur","version":"1.0","type":"link"}