{"product_id":"save-the-date-karte-vorlage","title":"Save the Date Karte Vorlage","description":"\u003c!-- ============================================================\n  Digitale Save-the-Date-Karte \u0026#8211; JPG per E-Mail, f\u0026#252;r WhatsApp\n  kein Product-Schema, nur FAQPage als JSON-LD,\n  lang=\"de\", H3 f\u0026#252;r Features, volle ARIA-Verdrahtung\n  ============================================================ --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Was zeigt das Design der Save-the-Date-Karte?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Ein zartes botanisches Aquarell-Design mit Blumen und Gr\u0026#252;nzweigen, oben der Schriftzug 'Save the Date' und 'Wir heiraten!'. Darunter ein pers\u0026#246;nlicher Text mit Datum, Uhrzeit und Ort der Trauung, ein Hinweis zur R\u0026#252;ckmeldung sowie die Namen des Brautpaares als Unterschrift.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Was kann ich auf der Karte personalisieren?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Die Namen des Brautpaares, Datum, Uhrzeit und Ort der Trauung, den Einladungstext sowie die Frist f\u0026#252;r die R\u0026#252;ckmeldung \u0026#8211; alles direkt im Designtool anpassbar.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Wie bekomme ich die fertige Karte?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Nach dem Gestalten im Designtool wird die fertige Save-the-Date-Karte als JPG-Bilddatei per E-Mail zugeschickt \u0026#8211; in der Regel innerhalb weniger Minuten. Die Datei kann dann direkt \u0026#252;ber WhatsApp, iMessage oder andere Kan\u0026#228;le an beliebig viele G\u0026#228;ste verschickt werden.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"F\u0026#252;r welche Anl\u0026#228;sse eignet sich diese Karte?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"F\u0026#252;r die Ank\u0026#252;ndigung der standesamtlichen oder kirchlichen Trauung sowie jede Art von Save-the-Date-Nachricht vor der eigentlichen Einladung.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"An wie viele Personen kann ich die Karte schicken?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Einmal kaufen, beliebig oft verschicken \u0026#8211; an Familie, Freunde und alle G\u0026#228;ste. Keine Zusatzkosten pro Empf\u0026#228;nger.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Brauche ich besondere Programme zum Gestalten?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Nein \u0026#8211; alles l\u0026#228;uft im Designtool direkt im Browser. Kein Programm, keine App, keine Designkenntnisse n\u0026#246;tig.\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\u003cdiv class=\"product-custom-style\" lang=\"de\"\u003e\n  \u003c!-- Produktbeschreibung --\u003e\n  \u003cdiv class=\"product-description\" role=\"region\" aria-label=\"Produktbeschreibung\"\u003e\n    \u003ch2\u003eDigitale Save-the-Date-Karte für WhatsApp – sofort per E-Mail\u003c\/h2\u003e\n    \u003cp\u003e\u003cem\u003eDer erste Vorgeschmack auf euren großen Tag – direkt aufs Handy eurer Liebsten.\u003c\/em\u003e\u003c\/p\u003e\n    \u003cp\u003eBevor die eigentliche Einladung verschickt wird, soll allen klar sein: Dieser Tag ist reserviert! Diese Save-the-Date-Karte zeigt ein zartes botanisches Aquarell-Design mit Blumen und Grünzweigen, dazu euren Namen, Datum, Uhrzeit und Ort der Trauung. Alles passt ihr ganz einfach im Designtool an – Namen eintragen, Datum und Ort ergänzen, fertig. Wenige Minuten nach der Bestellung landet die fertige Karte als JPG-Datei im Postfach, bereit zum Teilen per WhatsApp.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003c!-- Feature Grid --\u003e\n  \u003cdiv class=\"feature-grid\" role=\"region\" aria-label=\"Produkteigenschaften\"\u003e\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e🌿\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003ch3\u003eBotanisches Aquarell-Design\u003c\/h3\u003e\n        \u003cspan\u003eZarte Blumen und Grünzweige rahmen den Save-the-Date-Schriftzug liebevoll ein.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e✍️\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003ch3\u003eAlle Texte frei anpassbar\u003c\/h3\u003e\n        \u003cspan\u003eNamen, Datum, Uhrzeit, Ort und RSVP-Frist – ganz nach euren Wünschen.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e📧\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003ch3\u003eFertig per E-Mail in Minuten\u003c\/h3\u003e\n        \u003cspan\u003eDirekt nach dem Gestalten kommt die JPG-Datei per E-Mail – verschickbereit für WhatsApp und jeden anderen Kanal.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"feature-icon\" aria-hidden=\"true\"\u003e💬\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003ch3\u003eEinmal kaufen, beliebig oft verschicken\u003c\/h3\u003e\n        \u003cspan\u003eAn Familie, Freunde und alle Gäste – keine Zusatzkosten, egal wie viele Empfänger.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003c!-- Erweiterte Beschreibung --\u003e\n  \u003cdiv class=\"extended-description\" role=\"region\" aria-label=\"Weitere Details\"\u003e\n    \u003cp\u003eEine Save-the-Date-Karte ist der charmante erste Schritt vor der großen Einladung – sie sorgt dafür, dass sich alle den Termin schon mal freihalten. Das botanische Aquarell-Design mit Blumen und Grünzweigen passt zu jeder Hochzeit, egal ob rustikal, elegant oder verspielt. Namen, Datum, Uhrzeit und Ort trägt ihr im Designtool ein, dazu einen persönlichen Text und die Frist für die Rückmeldung – schon ist die Karte bereit zum Verschicken.\u003c\/p\u003e\n    \u003cp\u003e\n      \u003cstrong\u003eSo geht's:\u003c\/strong\u003e\u003cbr\u003e\n      ✍️ Alle Texte im Designtool anpassen (Namen, Datum, Uhrzeit, Ort, RSVP).\u003cbr\u003e\n      📧 Fertige Karte als JPG per E-Mail empfangen.\u003cbr\u003e\n      💬 An alle Gäste verschicken 💛\n    \u003c\/p\u003e\n    \u003cp\u003e\u003cstrong\u003eDetails:\u003c\/strong\u003e\u003cbr\u003e\n    Digitale Datei · Dateityp: JPG · Lieferung per E-Mail · In wenigen Minuten fertig · Beliebig oft versendbar · Kein Programm nötig\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003c!-- FAQ Sektion --\u003e\n  \u003cdiv class=\"faq-section\" role=\"region\" aria-label=\"Häufige Fragen\"\u003e\n    \u003ch2\u003eHäufige Fragen zur digitalen Save-the-Date-Karte\u003c\/h2\u003e\n    \u003cdiv class=\"faq-container\"\u003e\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\" type=\"button\" id=\"faq-btn-1\" aria-expanded=\"false\" aria-controls=\"faq-answer-1\"\u003e\n          \u003cspan\u003eWas zeigt das Design der Save-the-Date-Karte?\u003c\/span\u003e\n          \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"faq-answer\" id=\"faq-answer-1\" role=\"region\" aria-labelledby=\"faq-btn-1\" hidden\u003e\n          \u003cp\u003eEin zartes botanisches Aquarell-Design mit Blumen und Grünzweigen, oben der Schriftzug \"Save the Date\" und \"Wir heiraten!\". Darunter ein persönlicher Text mit Datum, Uhrzeit und Ort der Trauung, ein Hinweis zur Rückmeldung sowie die Namen des Brautpaares als Unterschrift.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\" type=\"button\" id=\"faq-btn-2\" aria-expanded=\"false\" aria-controls=\"faq-answer-2\"\u003e\n          \u003cspan\u003eWas kann ich auf der Karte personalisieren?\u003c\/span\u003e\n          \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"faq-answer\" id=\"faq-answer-2\" role=\"region\" aria-labelledby=\"faq-btn-2\" hidden\u003e\n          \u003cp\u003eDie Namen des Brautpaares, Datum, Uhrzeit und Ort der Trauung, den Einladungstext sowie die Frist für die Rückmeldung – alles direkt im Designtool anpassbar.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\" type=\"button\" id=\"faq-btn-3\" aria-expanded=\"false\" aria-controls=\"faq-answer-3\"\u003e\n          \u003cspan\u003eWie bekomme ich die fertige Karte?\u003c\/span\u003e\n          \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"faq-answer\" id=\"faq-answer-3\" role=\"region\" aria-labelledby=\"faq-btn-3\" hidden\u003e\n          \u003cp\u003eNach dem Gestalten im Designtool wird die fertige Save-the-Date-Karte als JPG-Bilddatei per E-Mail zugeschickt – in der Regel innerhalb weniger Minuten. Die Datei kann dann direkt über WhatsApp, iMessage oder andere Kanäle an beliebig viele Gäste verschickt werden.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\" type=\"button\" id=\"faq-btn-4\" aria-expanded=\"false\" aria-controls=\"faq-answer-4\"\u003e\n          \u003cspan\u003eFür welche Anlässe eignet sich diese Karte?\u003c\/span\u003e\n          \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"faq-answer\" id=\"faq-answer-4\" role=\"region\" aria-labelledby=\"faq-btn-4\" hidden\u003e\n          \u003cp\u003eFür die Ankündigung der standesamtlichen oder kirchlichen Trauung sowie jede Art von Save-the-Date-Nachricht vor der eigentlichen Einladung.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\" type=\"button\" id=\"faq-btn-5\" aria-expanded=\"false\" aria-controls=\"faq-answer-5\"\u003e\n          \u003cspan\u003eAn wie viele Personen kann ich die Karte schicken?\u003c\/span\u003e\n          \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"faq-answer\" id=\"faq-answer-5\" role=\"region\" aria-labelledby=\"faq-btn-5\" hidden\u003e\n          \u003cp\u003eEinmal kaufen, beliebig oft verschicken – an Familie, Freunde und alle Gäste. Keine Zusatzkosten pro Empfänger.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cbutton class=\"faq-question\" type=\"button\" id=\"faq-btn-6\" aria-expanded=\"false\" aria-controls=\"faq-answer-6\"\u003e\n          \u003cspan\u003eBrauche ich besondere Programme zum Gestalten?\u003c\/span\u003e\n          \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"faq-answer\" id=\"faq-answer-6\" role=\"region\" aria-labelledby=\"faq-btn-6\" hidden\u003e\n          \u003cp\u003eNein – alles läuft im Designtool direkt im Browser. Kein Programm, keine App, keine Designkenntnisse nötig.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003c!-- Styles --\u003e\n  \u003cstyle\u003e\n    .product-custom-style * { box-sizing: border-box; }\n    .product-custom-style { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; line-height: 1.7; color: #333; }\n    .product-custom-style .product-description h2 { font-size: 1.1em; font-weight: 700; margin: 0 0 0.4em 0; color: #222; line-height: 1.4; }\n    .product-custom-style .feature-text h3 { font-size: 1em; font-weight: 700; color: #222; display: block; margin: 0 0 0.2em 0; }\n    .product-custom-style .product-description p, .product-custom-style .extended-description p { margin: 0 0 1.2em 0; }\n    .product-custom-style .feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.2em; margin: 2em 0; padding: 1.4em; background: #f7f5f2; border-radius: 16px; border: 1px solid #ece7e1; }\n    .product-custom-style .feature-item { display: flex; gap: 0.9em; align-items: flex-start; }\n    .product-custom-style .feature-icon { font-size: 1.3em; flex-shrink: 0; line-height: 1; margin-top: 2px; }\n    .product-custom-style .feature-text span { font-size: 0.95em; color: #5f5a55; display: block; }\n    .product-custom-style .faq-section { max-width: 860px; margin: 2.8em auto 0 auto; }\n    .product-custom-style .faq-section h2 { font-size: 1.45em; margin-bottom: 1em; color: #2f2a26; }\n    .product-custom-style .faq-container { display: grid; gap: 0.8em; }\n    .product-custom-style .faq-item { border: 1px solid #e8e1d8; border-radius: 14px; background: #fffdfb; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.03); transition: box-shadow 0.2s ease, border-color 0.2s ease; }\n    .product-custom-style .faq-item:hover { box-shadow: 0 6px 18px rgba(0,0,0,0.05); border-color: #ddd2c5; }\n    .product-custom-style .faq-question { width: 100%; padding: 1.05em 1.15em; background: #fffdfb; border: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; cursor: pointer; text-align: left; font: inherit; color: #2f2a26; font-weight: 600; }\n    .product-custom-style .faq-question span { flex: 1; }\n    .product-custom-style .faq-icon { width: 22px; height: 22px; color: #8b7d6e; transition: transform 0.25s ease, color 0.25s ease; flex-shrink: 0; }\n    .product-custom-style .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; background: #fcfaf7; }\n    .product-custom-style .faq-answer[hidden] { display: block; max-height: 0; }\n    .product-custom-style .faq-answer p { padding: 0 1.15em 1.05em 1.15em; margin: 0; color: #5f5a55; font-size: 0.96em; }\n    .product-custom-style .faq-item.active .faq-icon { transform: rotate(45deg); color: #5f5246; }\n    .product-custom-style .faq-item.active .faq-answer { max-height: 240px; }\n    @media (max-width: 600px) {\n      .product-custom-style { line-height: 1.65; }\n      .product-custom-style .feature-grid { grid-template-columns: 1fr; padding: 1em; }\n      .product-custom-style .faq-question { padding: 0.95em 1em; font-size: 0.97em; }\n      .product-custom-style .faq-answer p { padding: 0 1em 0.95em 1em; font-size: 0.92em; }\n    }\n  \u003c\/style\u003e\n  \u003c!-- FAQ Interaktion --\u003e\n  \u003cscript\u003e\n    document.querySelectorAll('.product-custom-style .faq-question').forEach(button =\u003e {\n      button.addEventListener('click', () =\u003e {\n        const item = button.parentElement;\n        const isActive = item.classList.contains('active');\n        document.querySelectorAll('.product-custom-style .faq-item').forEach(faq =\u003e {\n          faq.classList.remove('active');\n          faq.querySelector('.faq-question').setAttribute('aria-expanded', 'false');\n        });\n        if (!isActive) {\n          item.classList.add('active');\n          button.setAttribute('aria-expanded', 'true');\n        }\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Herzensprojekt Manufaktur","offers":[{"title":"Default Title","offer_id":56812386353538,"sku":null,"price":7.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0912\/3456\/6530\/files\/save-the-date-karte-vorlage-1.jpg?v=1785522838","url":"https:\/\/www.herzensprojekt.de\/products\/save-the-date-karte-vorlage","provider":"Herzensprojekt Manufaktur","version":"1.0","type":"link"}