{"product_id":"reisegutschein-gestalten-vorlage","title":"Reisegutschein gestalten Vorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv lang=\"de\"\u003e\n\n\n\n\n\u003cp\u003e\u003cspan\u003eLust auf ein Abenteuer? Überrasche jemand Besonderen mit unserer digitalen Gutscheinvorlage für eine gemeinsame Reise! Perfekt, um deinem Lieblingsmenschen oder deiner Familie eine Freude zu machen und zusammen neue Orte zu entdecken.\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\u003eIn 2 Minuten startklar\u003c\/h3\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 aria-hidden=\"true\" class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eSo individuell wie du\u003c\/h3\u003e\n\u003cspan\u003eWunschtext, Name \u0026amp; Ziel frei eintragbar\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\u003eModern \u0026amp; liebevoll\u003c\/h3\u003e\n\u003cspan\u003eStilvolles Design für große Gefühle\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 alle Abenteuer\u003c\/h3\u003e\n\u003cspan\u003eOb Städtetrip, Strandurlaub oder Überraschung\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eStell dir die strahlenden Augen vor, wenn du einen Gutschein für ein gemeinsames Reiseabenteuer überreichst. Unsere moderne Gutscheinvorlage ist der erste Schritt zu unvergesslichen Erlebnissen. Einfach downloaden, personalisieren und ausdrucken – fertig ist dein Ticket ins Glück!\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 Reisegutschein\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 Reisegutschein?\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, Ziel und persönliche Nachricht direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton 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 wen eignet sich der Reisegutschein?\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 Gutschein ist ideal für Paare, Familien, Freunde oder als Überraschung für alle, die gerne gemeinsam die Welt entdecken möchten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n  line-height: 1.6;\n  color: #333;\n}\n\n\/* Ablaufgrafik *\/\n.process-steps {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 0.5em;\n  margin: 1.5em auto;\n  padding: 0 1em;\n  max-width: 800px;\n}\n.process-steps .vorteil {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  min-width: 0;\n  flex: 1 1 0;\n}\n.process-steps .number {\n  background-color: #444444;\n  color: white;\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 600;\n  margin-bottom: 0.3em;\n}\n.process-steps .arrow {\n  display: flex;\n  align-items: center;\n  width: 20px;\n  height: 20px;\n  margin-bottom: 1.4em;\n}\n.process-steps span {\n  color: #333;\n  font-size: 0.8em;\n  font-weight: 600;\n  text-align: center;\n}\n\n\/* Feature Grid Styles *\/\n.feature-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5em;\n  margin: 2em 0;\n  padding: 1.5em;\n  background: #f8f8f8;\n  border-radius: 12px;\n}\n.feature-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 1em;\n}\n.feature-icon {\n  color: #77c9b9;\n  font-size: 1.2em;\n  font-weight: bold;\n  flex-shrink: 0;\n}\n.feature-text {\n  display: flex;\n  flex-direction: column;\n}\n.feature-text strong {\n  color: #333;\n  font-size: 0.95em;\n  margin-bottom: 0.2em;\n}\n.feature-text span {\n  color: #666;\n  font-size: 0.85em;\n}\n\n\/* FAQ Styles *\/\n.faq-section {\n  max-width: 800px;\n  margin: 2.5em auto;\n  padding: 0 1em;\n}\n.faq-section h2 {\n  color: #333;\n  margin-bottom: 1.5em;\n  font-size: 1.5em;\n  text-align: center;\n}\n.faq-container {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5em;\n}\n.faq-item {\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  overflow: hidden;\n  background: #fff;\n  transition: all 0.3s ease;\n}\n.faq-item:hover {\n  box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n}\n.faq-question {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1em 1.2em;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 1em;\n  color: #444;\n  text-align: left;\n  font-weight: 500;\n  transition: all 0.3s ease;\n}\n.faq-question:hover {\n  background: #f8f8f8;\n}\n.faq-icon {\n  width: 24px;\n  height: 24px;\n  color: #666;\n  transition: transform 0.3s ease;\n  flex-shrink: 0;\n  margin-left: 1em;\n}\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: all 0.3s ease;\n  background: #fafafa;\n}\n.faq-answer p {\n  padding: 1em 1.2em;\n  margin: 0;\n  color: #666;\n  line-height: 1.6;\n}\n.faq-item.active .faq-question {\n  color: #333;\n  background: #f8f8f8;\n}\n.faq-item.active .faq-icon {\n  transform: rotate(45deg);\n}\n.faq-item.active .faq-answer {\n  max-height: 300px;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 600px) {\n  .process-steps {\n    gap: 0.2em;\n  }\n  .process-steps .number {\n    width: 22px;\n    height: 22px;\n    font-size: 12px;\n  }\n  .process-steps .arrow {\n    width: 16px;\n    height: 16px;\n    margin-bottom: 1.2em;\n  }\n  .process-steps span {\n    font-size: 0.7em;\n  }\n  .feature-grid {\n    grid-template-columns: 1fr;\n    gap: 1em;\n    padding: 1em;\n  }\n  .faq-question {\n    font-size: 0.95em;\n    padding: 0.8em 1em;\n  }\n  .faq-answer p {\n    font-size: 0.9em;\n    padding: 0.8em 1em;\n  }\n}\n@media (max-width: 400px) {\n  .process-steps {\n    gap: 0.1em;\n  }\n  .process-steps .arrow {\n    width: 14px;\n    height: 14px;\n  }\n}\n\u003c\/style\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.faq-question').forEach(button =\u003e {\n  button.addEventListener('click', () =\u003e {\n    const faqItem = button.parentElement;\n    const isActive = faqItem.classList.contains('active');\n    document.querySelectorAll('.faq-item').forEach(item =\u003e {\n      item.classList.remove('active');\n    });\n    if (!isActive) {\n      faqItem.classList.add('active');\n    }\n  });\n});\n\u003c\/script\u003e\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 Reisegutschein?\",\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, Ziel und persönliche Nachricht direkt am Computer eintragen kannst – ganz ohne zusätzliche Software.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Welche Software benötige ich?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Du benötigst lediglich einen PDF-Reader wie den kostenlosen Adobe Acrobat Reader, der auf den meisten Computern bereits installiert ist. Weitere Software ist nicht nötig.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Für wen eignet sich der Reisegutschein?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Der Gutschein ist ideal für Paare, Familien, Freunde oder als Überraschung für alle, die gerne gemeinsam die Welt entdecken möchten.\"\n      }\n    }\n  ]\n}\u003c\/script\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55354398671234,"sku":"00093","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/reisegutschein-gestalten-1.jpg?v=1751449611","url":"https:\/\/www.herzensprojekt.de\/products\/reisegutschein-gestalten-vorlage","provider":"Herzensprojekt Manufaktur","version":"1.0","type":"link"}