{"product_id":"handwerker-gutschein","title":"Handwerker Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv lang=\"de\"\u003e\n\n\n\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\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\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 einsatzbereit\u003c\/h3\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 aria-hidden=\"true\" class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eIndividuell \u0026amp; herzlich\u003c\/h3\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 aria-hidden=\"true\" class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eGemeinsam anpacken\u003c\/h3\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 aria-hidden=\"true\" class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eFür jeden Anlass\u003c\/h3\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\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\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv aria-label=\"Häufig gestellte Fragen\" class=\"faq-section\" role=\"region\"\u003e\n\u003ch2\u003eHäufig gestellte Fragen zum Handwerker 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 Handwerker 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 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 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 personalisieren?\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 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\"\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\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 aria-controls=\"faq-answer-4\" aria-expanded=\"false\" class=\"faq-question\" id=\"faq-btn-4\" type=\"button\"\u003e\n\u003cspan\u003eFür welche Anlässe eignet sich der 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\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\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\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 Handwerker Gutschein?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Nach dem Kauf steht dir die Gutscheinvorlage sofort als PDF-Download zur Verfügung. So kannst du direkt mit der Personalisierung beginnen.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Wie kann ich den Gutschein personalisieren?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Die PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Aufgaben und persönliche Wünsche 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 der Gutschein?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Der Handwerker Gutschein ist ideal für Geburtstage, Einzug, als kleine Aufmerksamkeit oder einfach, um zu zeigen: „Ich bin für dich da.“\"\n      }\n    }\n  ]\n}\u003c\/script\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55355399438722,"sku":"00121","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","url":"https:\/\/www.herzensprojekt.de\/products\/handwerker-gutschein","provider":"Herzensprojekt Manufaktur","version":"1.0","type":"link"}