{"product_id":"cocktail-gutscheinvorlage","title":"Cocktail Gutscheinvorlage","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv lang=\"de\"\u003e\n   \n\u003cp\u003e\u003cspan\u003eDu suchst nach dem perfekten Geschenk für einen besonderen Menschen? Mit unserer liebevoll gestalteten Cocktail Gutscheinvorlage verschenkst du nicht nur einen Drink, sondern einen ganzen Abend voller Lachen, Genuss und guter Gesellschaft. \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\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\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 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\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 verfügbar\u003c\/h3\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 aria-hidden=\"true\" class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eIndividuell \u0026amp; persönlich\u003c\/h3\u003e \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 aria-hidden=\"true\" class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eEinfache Bearbeitung\u003c\/h3\u003e \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 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 \u003cspan\u003eIdeal für Geburtstage, Mädelsabende \u0026amp; Überraschungen\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eDu kannst den Gutschein in wenigen Minuten herunterladen, am Computer personalisieren und direkt ausdrucken. Überreiche ihn als Einladung zu einem Cocktail-Abend voller unvergesslicher Momente, leckerer Drinks und bester Stimmung. Worauf wartest du noch? Hol dir jetzt deinen Cocktail-Gutschein und bereite deinen Freunden eine Nacht, die sie so schnell nicht vergessen werden!\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 Cocktail-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 \u003cspan\u003eWie erhalte ich die Cocktail Gutscheinvorlage?\u003c\/span\u003e \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 \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 \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e \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 \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, 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\"\u003e\n\u003cbutton aria-controls=\"faq-answer-3\" aria-expanded=\"false\" class=\"faq-question\" id=\"faq-btn-3\" type=\"button\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \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 \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 \u003cspan\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e \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 \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 personalisierten Gutschein auf schönem Papier oder Karton aus, schneide ihn entlang der Markierung aus und überreiche ihn als Einladung zu einem unvergesslichen Cocktail-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\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 die Cocktail 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, Anlass 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 unvergesslichen Cocktail-Abend!\"\n      }\n    }\n  ]\n}\u003c\/script\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55348752220546,"sku":"00051","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/cocktail-gutschein-1.jpg?v=1751278327","url":"https:\/\/www.herzensprojekt.de\/products\/cocktail-gutscheinvorlage","provider":"Herzensprojekt Manufaktur","version":"1.0","type":"link"}