{"product_id":"dein-koln-gutschein","title":"Dein Köln Gutschein","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv\u003e\n\u003cmeta itemprop=\"name\" content=\"Dein Köln Gutschein – Digitaler Gutschein für Köln zum Ausdrucken\"\u003e\n\u003cmeta itemprop=\"description\" content=\"Verschenke ein unvergessliches Erlebnis mit unserem personalisierbaren Köln Gutschein als PDF-Vorlage zum Ausdrucken. Sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n\u003cmeta itemprop=\"sku\" content=\"koeln-gutschein-vorlage-pdf\"\u003e\n\u003cmeta itemprop=\"category\" content=\"Gutschein Vorlagen\"\u003e\n\u003cp\u003e\u003cspan\u003eVerschenke ein unvergessliches Erlebnis mit unserem personalisierbaren Köln Gutschein! \u003c\/span\u003e\u003c\/p\u003e\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  \u003cdiv class=\"arrow\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n        \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\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 stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#444444\" d=\"M4 12h12m0 0l-6-6m6 6l-6 6\"\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 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 \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 class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n    \u003cdiv class=\"feature-text\"\u003e\n\u003cstrong\u003ePerfekte Größe\u003c\/strong\u003e \u003cspan\u003eIm Gutscheinformat: 10 x 20 cm (Auf A4 Blatt)\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"feature-item\"\u003e\n    \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n    \u003cdiv class=\"feature-text\"\u003e\n\u003cstrong\u003eEinfache Bearbeitung\u003c\/strong\u003e \u003cspan\u003eDirekt am Computer personalisierbar\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"feature-item\"\u003e\n    \u003cdiv class=\"feature-icon\"\u003e✓\u003c\/div\u003e\n    \u003cdiv class=\"feature-text\"\u003e\n\u003cstrong\u003eFür jeden Anlass\u003c\/strong\u003e \u003cspan\u003eOb Ausflug, Überraschung oder Geburtstag\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eMit den interaktiven Textfeldern kannst du deine persönliche Nachricht ganz einfach einfügen. So wird der Gutschein individuell und einzigartig, genau wie dein Geschenkempfänger. Nach dem einfachen Download kannst du den Gutschein direkt personalisieren, ausdrucken und ausschneiden – in wenigen Minuten bereit für deine Überraschung!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n  \u003ch2\u003eHäufig gestellte Fragen zum Köln Gutschein\u003c\/h2\u003e\n  \u003cdiv class=\"faq-container\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003eWie erhalte ich den Köln Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\"\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 class=\"faq-question\"\u003e \u003cspan\u003eWie kann ich den Gutschein personalisieren?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cdiv\u003e\n          \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen, Anlass 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 class=\"faq-question\"\u003e \u003cspan\u003eWelche Software benötige ich?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\"\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 class=\"faq-question\"\u003e \u003cspan\u003eWie verschenke ich den Gutschein?\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"faq-icon\"\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" d=\"M12 8v8m-4-4h8\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\"\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 liebevolles Geschenk für einen Köln-Ausflug!\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(function(btn) {\n  btn.addEventListener('click', function() {\n    const faqItem = btn.closest('.faq-item');\n    \/\/ Optional: Nur eine FAQ gleichzeitig öffnen\n    document.querySelectorAll('.faq-item').forEach(function(item) {\n      if(item !== faqItem) item.classList.remove('active');\n    });\n    faqItem.classList.toggle('active');\n  });\n});\n\u003c\/script\u003e\n\u003cp\u003e\u003cspan\u003eOb für einen spontanen Ausflug in die tolle Stadt Köln oder als besonderes Geschenk für einen lieben Menschen – dieser Gutschein macht jeden Tag zu einem Highlight.\u003c\/span\u003e\u003c\/p\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55337104179586,"sku":"00010","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/gutschein-koeln-1.jpg?v=1778233235","url":"https:\/\/herzensprojekt.de\/products\/dein-koln-gutschein","provider":"Herzensprojekt Manufaktur","version":"1.0","type":"link"}