{"product_id":"karte-zum-muttertag","title":"Karte zum Muttertag","description":"\u003c!-- Produktbeschreibung mit SEO-Optimierung --\u003e\n\u003cdiv itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n  \u003cmeta itemprop=\"name\" content=\"Grußkarte zum Muttertag – Digitale Muttertagskarte zum Ausdrucken\"\u003e\n  \u003cmeta itemprop=\"description\" content=\"Verschenke eine liebevolle, digitale Grußkarte zum Muttertag als PDF – sofort downloaden, individuell gestalten und Freude schenken!\"\u003e\n  \u003cmeta itemprop=\"sku\" content=\"muttertag-grusskarte-vorlage-pdf\"\u003e\n  \u003cmeta itemprop=\"category\" content=\"Grußkarten Vorlagen\"\u003e\n\n  \u003cp\u003e\u003cspan\u003eDer Muttertag steht vor der Tür und du hast noch kein Geschenk? Keine Panik! Mit unserer digitalen Grußkarte zum Muttertag zauberst du im Handumdrehen ein einzigartiges und persönliches Geschenk, das deiner Mama garantiert ein Lächeln ins Gesicht zaubert. Einfach downloaden, ausfüllen, ausdrucken – fertig ist die Überraschung!\u003c\/span\u003e\u003c\/p\u003e\n\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\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n        \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\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 viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n        \u003cpath d=\"M4 12h12m0 0l-6-6m6 6l-6 6\" stroke=\"#444444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\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\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\u003eBlitzschnell bereit\u003c\/strong\u003e\n        \u003cspan\u003ePDF-Grußkarte sofort 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\u003eIndividuell \u0026amp; liebevoll\u003c\/strong\u003e\n        \u003cspan\u003eMit persönlicher Nachricht und Namen 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\u003eEinfach gemacht\u003c\/strong\u003e\n        \u003cspan\u003eDirekt am Computer ausfüllbar – keine Software nötig\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\u003ePostkartenformat\u003c\/strong\u003e\n        \u003cspan\u003ePasst in jeden Umschlag – perfekt zum Verschenken\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp\u003e\u003cspan\u003eVergiss Blumen, Pralinen und langweilige Gutscheine! Mit dieser besonderen Grußkarte zeigst du deiner Mama, wie wichtig sie dir ist und wie sehr du sie liebst. Einfach downloaden, deine persönliche Botschaft eintragen und schon hältst du ein Geschenk in den Händen, das von Herzen kommt – und das ganz ohne Stress.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ Sektion mit strukturierten Daten --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n  \u003ch2\u003eHäufig gestellte Fragen zur Muttertags-Grußkarte\u003c\/h2\u003e\n  \u003cdiv class=\"faq-container\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\"\u003e\n    \u003cdiv class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n      \u003cbutton class=\"faq-question\"\u003e\n        \u003cspan itemprop=\"name\"\u003eWie erhalte ich die Grußkarte?\u003c\/span\u003e\n        \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n        \u003cdiv itemprop=\"text\"\u003e\n          \u003cp\u003eNach dem Kauf steht dir die Grußkarte 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\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n      \u003cbutton class=\"faq-question\"\u003e\n        \u003cspan itemprop=\"name\"\u003eWie kann ich die Grußkarte personalisieren?\u003c\/span\u003e\n        \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n        \u003cdiv itemprop=\"text\"\u003e\n          \u003cp\u003eDie PDF-Vorlage enthält interaktive Textfelder, in die du Namen und deine 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\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n      \u003cbutton class=\"faq-question\"\u003e\n        \u003cspan itemprop=\"name\"\u003eWelche Software benötige ich?\u003c\/span\u003e\n        \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n        \u003cdiv itemprop=\"text\"\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\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"\u003e\n      \u003cbutton class=\"faq-question\"\u003e\n        \u003cspan itemprop=\"name\"\u003eWie verschenke ich die Grußkarte?\u003c\/span\u003e\n        \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M12 8v8m-4-4h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\"\u003e\n        \u003cdiv itemprop=\"text\"\u003e\n          \u003cp\u003eDrucke die personalisierte Grußkarte auf schönem Papier aus, schneide sie aus und überreiche sie deiner Mama – für einen Muttertag voller Liebe und Freude!\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\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","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":55355265974658,"sku":"00116","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/karte-muttertag-ausdrucken-1.jpg?v=1751465547","url":"https:\/\/herzensprojekt.de\/products\/karte-zum-muttertag","provider":"Herzensprojekt Manufaktur","version":"1.0","type":"link"}