{"title":"Damenketten | hochwertiger Schmuck für anspruchsvolle Frauen","description":"\u003ch3 data-mce-fragment=\"1\"\u003eWillkommen in unserer Ketten Kollektion, wo Qualität auf Ästhetik trifft.\u003c\/h3\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cimg style=\"float: none;\" alt=\"Damenketten in verschiedenen Längen und Material wie Gold, Silber, Edelstahl\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/DamenschmuckBanner_1024x1024.png?v=1695054593\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eFinden Sie Ihre Schönheit\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eLassen Sie sich von unserer Kollektion verzaubern und entdecken Sie die perfekte Damen Halskette, die zu Ihnen passt. Ihr Stil, Ihre Schönheit, Ihre Einzigartigkeit - hier finden Sie den Schmuck, der all das unterstreicht.\u003c\/p\u003e","products":[{"product_id":"kostenlose-fotogravur-personalisierte-gelbgoldene-edelstahl-anhanger-rund-glanzend","title":"Kostenlose 3D Gravur + Anhänger | Personalisierte Gelbgold Edelstahl-Anhänger Rund, glänzend","description":"\u003ch1 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eKostenlose 3D Gravur (Foto)+ Anhänger\u003c\/strong\u003e\u003c\/h1\u003e\n\u003cp\u003e \u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Valentinstag_2023_banner_480x480.png?v=1676118354\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Valentinstag_2023_banner_480x480.png?v=1676118354\"\u003e\u003c\/p\u003e\n\u003ch3 data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #b46351;\"\u003eTHE MESSAGE. FÜR DEN SCHATZ. VON HERZEN.\u003c\/span\u003e\u003c\/h3\u003e\n\u003ch5 style=\"text-align: right;\" data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\"\u003e\n\u003ca title=\"Personalisierte und feinste Gravuren auf Edelstahl, Silber oder Gold-Schmuckstücken. Erlebe die Magie der Personalisierung mit unserem exklusiven Fotogravur-Service.\" href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" data-mce-fragment=\"1\" target=\"_blank\" data-mce-href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003enähere \u003c\/strong\u003e\u003cstrong data-mce-fragment=\"1\"\u003eDetails  zu unserer Arbeit \u003c\/strong\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" title=\"Personalisierte und feinste Gravuren auf Edelstahl, Silber oder Gold-Schmuckstücken. Erlebe die Magie der Personalisierung mit unserem exklusiven Fotogravur-Service.\" target=\"_blank\"\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/a\u003e\n\u003c\/h5\u003e\n\u003ch3\u003e\u003cstrong\u003ePersönliche Momente verewigen mit einer Gravur oder Fotogravur\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eErlebe den luxuriösen Glanz mit unserem personalisierten Edelstahl-Schmuckstück in Gelbgold Farbe mit runder Form und glänzender Oberfläche. Perfekt für besondere Anlässe oder als Geschenk für geliebte Menschen\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e\n\u003cstrong\u003eGravur Schriftarten\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eDu kannst ein Symbol oder ein Zeichen auf dem Schmuckstück eingravieren lassen, z.B. das Datum eines besonderen Ereignisses. Außerdem kannst du weiterhin Initialen oder ein Monogramm auf dem Schmuckstück eingravieren lassen.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eEs kann vorkommen, dass Du auf unserer Seite nicht die gewünschte Schriftart oder Symbole finden, die Sie für Deine Gravur benötigen. In diesem Fall zögere bitte nicht, uns darüber zu informieren. Wir werden unser Bestes tun, um Deine Wünsche zu erfüllen und die gewünschte Schriftart oder Symbole für Deine Gravur bereitzustellen. Unser Ziel ist es, dass Du mit dem Endprodukt zufrieden sind und es Dir gefällt. Daher freuen wir uns über Dein Feedback und Deine Anregungen, um unsere Dienstleistungen kontinuierlich zu verbessern.\u003c\/em\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cspan data-mce-fragment=\"1\"\u003eKein Dropshipping, wir führen die Arbeit selber durch und das mit Liebe\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eWir betrachten unsere Arbeit als Kunstform und jedes Schmuckstück als ein Meisterwerk. Jedes Stück wird von uns persönlich veredelt und erhält eine individuelle Note durch unsere präzise Gravur-Technik. Mit Hingabe und Sorgfalt führen wir jeden Schritt selbst durch, um sicherzustellen, dass jedes einzelne Stück mit Liebe und Leidenschaft kreiert wird. So verleihen wir jedem Schmuckstück eine einzigartige Geschichte und schaffen eine besondere Verbindung zwischen unseren Kunden und ihrem persönlichen Schatz, die auf der gemeinsamen Wertschätzung für außergewöhnliches Handwerk und höchste Qualität basieren.\u003c\/span\u003e\u003c\/p\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"Vergoldet \/ Edelstahl \/ Modeschmuck","offer_id":56693554643209,"sku":null,"price":59.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/IMG_5475.jpg?v=1676115670"},{"product_id":"kostenlose-fotogravur-personalisierte-anhanger-edelstahl-anhanger-in-stahl-oval-glanzend","title":"Kostenlose 3D Gravur+ Anhänger | Personalisierte Edelstahl-Anhänger in Stahl, oval, glänzend","description":"\u003ch1 class=\"product-single__title\"\u003eKostenlose \u003cstrong\u003e3D Gravur (Foto)+ Anhänger\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003e \u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Valentinstag_2023_banner_480x480.png?v=1676118354\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Valentinstag_2023_banner_480x480.png?v=1676118354\"\u003e\u003c\/p\u003e\n\u003ch3 data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #b46351;\"\u003eTHE MESSAGE. FÜR DEN SCHATZ. VON HERZEN.\u003c\/span\u003e\u003c\/h3\u003e\n\u003ch5 style=\"text-align: right;\" data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\"\u003e\n\u003ca title=\"Personalisierte und feinste Gravuren auf Edelstahl, Silber oder Gold-Schmuckstücken. Erlebe die Magie der Personalisierung mit unserem exklusiven Fotogravur-Service.\" href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" data-mce-fragment=\"1\" target=\"_blank\" data-mce-href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003enähere \u003c\/strong\u003e\u003cstrong data-mce-fragment=\"1\"\u003eDetails  zu unserer Arbeit \u003c\/strong\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" title=\"Personalisierte und feinste Gravuren auf Edelstahl, Silber oder Gold-Schmuckstücken. Erlebe die Magie der Personalisierung mit unserem exklusiven Fotogravur-Service.\" target=\"_blank\"\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/a\u003e\n\u003c\/h5\u003e\n\u003ch3\u003e\u003cstrong\u003ePersönliche Momente verewigen mit einer Gravur oder Fotogravur\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eErlebe den luxuriösen Glanz mit unserem personalisierten Edelstahl-Schmuckstück in Stahl Farbe mit ovaler Form und glänzender Oberfläche. Perfekt für besondere Anlässe oder als Geschenk für geliebte Menschen\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e\n\u003cstrong\u003eGravur Schriftarten\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eDu kannst ein Symbol oder ein Zeichen auf dem Schmuckstück eingravieren lassen, z.B. das Datum eines besonderen Ereignisses. Außerdem kannst du weiterhin Initialen oder ein Monogramm auf dem Schmuckstück eingravieren lassen.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eEs kann vorkommen, dass Du auf unserer Seite nicht die gewünschte Schriftart oder Symbole finden, die Sie für Deine Gravur benötigen. In diesem Fall zögere bitte nicht, uns darüber zu informieren. Wir werden unser Bestes tun, um Deine Wünsche zu erfüllen und die gewünschte Schriftart oder Symbole für Deine Gravur bereitzustellen. Unser Ziel ist es, dass Du mit dem Endprodukt zufrieden sind und es Dir gefällt. Daher freuen wir uns über Dein Feedback und Deine Anregungen, um unsere Dienstleistungen kontinuierlich zu verbessern.\u003c\/em\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cspan data-mce-fragment=\"1\"\u003eKein Dropshipping, wir führen die Arbeit selber durch und das mit Liebe\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eWir betrachten unsere Arbeit als Kunstform und jedes Schmuckstück als ein Meisterwerk. Jedes Stück wird von uns persönlich veredelt und erhält eine individuelle Note durch unsere präzise Gravur-Technik. Mit Hingabe und Sorgfalt führen wir jeden Schritt selbst durch, um sicherzustellen, dass jedes einzelne Stück mit Liebe und Leidenschaft kreiert wird. So verleihen wir jedem Schmuckstück eine einzigartige Geschichte und schaffen eine besondere Verbindung zwischen unseren Kunden und ihrem persönlichen Schatz, die auf der gemeinsamen Wertschätzung für außergewöhnliches Handwerk und höchste Qualität basieren.\u003c\/span\u003e\u003c\/p\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"Default Title","offer_id":44130800238857,"sku":"","price":59.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/IMG_5492.jpg?v=1676124386"},{"product_id":"kostenlose-fotogravur-personalisierte-anhanger-herzformiger-edelstahl-anhanger-in-stahl-glanzend","title":"Kostenlose 3D Gravur+ Anhänger | Personalisierte herzförmiger Edelstahl-Anhänger in Stahl, glänzend","description":"\u003ch1 class=\"Polaris-Header-Title_2qj8j\"\u003eKostenlose\u003cspan\u003e \u003c\/span\u003e\u003cstrong\u003e3D Gravur (Foto)+ Anhänger\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003e \u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Valentinstag_2023_banner_480x480.png?v=1676118354\" alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Valentinstag_2023_banner_480x480.png?v=1676118354\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003ch3 data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #b46351;\" data-mce-style=\"color: #b46351;\"\u003eTHE MESSAGE. FÜR DEN SCHATZ. VON HERZEN.\u003c\/span\u003e\u003c\/h3\u003e\n\u003ch5 style=\"text-align: right;\" data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\"\u003e\n\u003ca href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" title=\"Personalisierte und feinste Gravuren auf Edelstahl, Silber oder Gold-Schmuckstücken. Erlebe die Magie der Personalisierung mit unserem exklusiven Fotogravur-Service.\" data-mce-fragment=\"1\" data-mce-href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" target=\"_blank\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003enähere \u003c\/strong\u003e\u003cstrong data-mce-fragment=\"1\"\u003eDetails  zu unserer Arbeit \u003c\/strong\u003e\u003c\/a\u003e\u003ca title=\"Personalisierte und feinste Gravuren auf Edelstahl, Silber oder Gold-Schmuckstücken. Erlebe die Magie der Personalisierung mit unserem exklusiven Fotogravur-Service.\" href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" target=\"_blank\" data-mce-href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\"\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/a\u003e\n\u003c\/h5\u003e\n\u003ch3\u003e\u003cstrong\u003ePersönliche Momente verewigen mit einer Gravur oder Fotogravur\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eErlebe den luxuriösen Glanz mit unserem personalisierten und glänzendes Edelstahl-Herz-Schmuckstück in Stahl Farbe. Perfekt für besondere Anlässe oder als Geschenk für geliebte Menschen\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e\n\u003cstrong\u003eGravur Schriftarten\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eDu kannst ein Symbol oder ein Zeichen auf dem Schmuckstück eingravieren lassen, z.B. das Datum eines besonderen Ereignisses. Außerdem kannst du weiterhin Initialen oder ein Monogramm auf dem Schmuckstück eingravieren lassen.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eEs kann vorkommen, dass Du auf unserer Seite nicht die gewünschte Schriftart oder Symbole finden, die Sie für Deine Gravur benötigen. In diesem Fall zögere bitte nicht, uns darüber zu informieren. Wir werden unser Bestes tun, um Deine Wünsche zu erfüllen und die gewünschte Schriftart oder Symbole für Deine Gravur bereitzustellen. Unser Ziel ist es, dass Du mit dem Endprodukt zufrieden sind und es Dir gefällt. Daher freuen wir uns über Dein Feedback und Deine Anregungen, um unsere Dienstleistungen kontinuierlich zu verbessern.\u003c\/em\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cspan data-mce-fragment=\"1\"\u003eKein Dropshipping, wir führen die Arbeit selber durch und das mit Liebe\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eWir betrachten unsere Arbeit als Kunstform und jedes Schmuckstück als ein Meisterwerk. Jedes Stück wird von uns persönlich veredelt und erhält eine individuelle Note durch unsere präzise Gravur-Technik. Mit Hingabe und Sorgfalt führen wir jeden Schritt selbst durch, um sicherzustellen, dass jedes einzelne Stück mit Liebe und Leidenschaft kreiert wird. So verleihen wir jedem Schmuckstück eine einzigartige Geschichte und schaffen eine besondere Verbindung zwischen unseren Kunden und ihrem persönlichen Schatz, die auf der gemeinsamen Wertschätzung für außergewöhnliches Handwerk und höchste Qualität basieren.\u003c\/span\u003e\u003c\/p\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"Default Title","offer_id":44130810233097,"sku":"","price":59.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/IMG_5477.jpg?v=1676124593"},{"product_id":"kostenlose-fotogravur-personalisierte-anhanger-quadratischer-edelstahl-anhanger-in-geldgolb-glanzend","title":"Kostenlose 3D Gravur + Anhänger | Personalisierte quadratische Edelstahl-Anhänger in Gelbgold, glänzend","description":"\u003ch1 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eKostenlose 3D Gravur (Foto)+ Anhänger\u003c\/strong\u003e\u003c\/h1\u003e\n\u003cp\u003e \u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Valentinstag_2023_banner_480x480.png?v=1676118354\" alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Valentinstag_2023_banner_480x480.png?v=1676118354\"\u003e\u003c\/p\u003e\n\u003ch3 data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #b46351;\"\u003eTHE MESSAGE. FÜR DEN SCHATZ. VON HERZEN.\u003c\/span\u003e\u003c\/h3\u003e\n\u003ch5 style=\"text-align: right;\" data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\"\u003e\n\u003ca href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" title=\"Personalisierte und feinste Gravuren auf Edelstahl, Silber oder Gold-Schmuckstücken. Erlebe die Magie der Personalisierung mit unserem exklusiven Fotogravur-Service.\" data-mce-fragment=\"1\" data-mce-href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" target=\"_blank\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003enähere \u003c\/strong\u003e\u003cstrong data-mce-fragment=\"1\"\u003eDetails  zu unserer Arbeit \u003c\/strong\u003e\u003c\/a\u003e\u003ca title=\"Personalisierte und feinste Gravuren auf Edelstahl, Silber oder Gold-Schmuckstücken. Erlebe die Magie der Personalisierung mit unserem exklusiven Fotogravur-Service.\" href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" target=\"_blank\"\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/a\u003e\n\u003c\/h5\u003e\n\u003ch3\u003e\u003cstrong\u003ePersönliche Momente verewigen mit einer Gravur oder Fotogravur\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eErlebe den luxuriösen Glanz mit unserem personalisierten Schmuckstücken. Ein zeitloser Edelstahl-Anhänger in Geldgolb-Farbe, mit einer glänzenden Oberfläche und einer quadratischen Form. Ein elegantes Accessoire, das jeden Look vervollständigt.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e\n\u003cstrong\u003eGravur Schriftarten\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eDu kannst ein Symbol oder ein Zeichen auf dem Schmuckstück eingravieren lassen, z.B. das Datum eines besonderen Ereignisses. Außerdem kannst du weiterhin Initialen oder ein Monogramm auf dem Schmuckstück eingravieren lassen.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eEs kann vorkommen, dass Du auf unserer Seite nicht die gewünschte Schriftart oder Symbole finden, die Sie für Deine Gravur benötigen. In diesem Fall zögere bitte nicht, uns darüber zu informieren. Wir werden unser Bestes tun, um Deine Wünsche zu erfüllen und die gewünschte Schriftart oder Symbole für Deine Gravur bereitzustellen. Unser Ziel ist es, dass Du mit dem Endprodukt zufrieden sind und es Dir gefällt. Daher freuen wir uns über Dein Feedback und Deine Anregungen, um unsere Dienstleistungen kontinuierlich zu verbessern.\u003c\/em\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cspan data-mce-fragment=\"1\"\u003eKein Dropshipping, wir führen die Arbeit selber durch und das mit Liebe\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eWir betrachten unsere Arbeit als Kunstform und jedes Schmuckstück als ein Meisterwerk. Jedes Stück wird von uns persönlich veredelt und erhält eine individuelle Note durch unsere präzise Gravur-Technik. Mit Hingabe und Sorgfalt führen wir jeden Schritt selbst durch, um sicherzustellen, dass jedes einzelne Stück mit Liebe und Leidenschaft kreiert wird. So verleihen wir jedem Schmuckstück eine einzigartige Geschichte und schaffen eine besondere Verbindung zwischen unseren Kunden und ihrem persönlichen Schatz, die auf der gemeinsamen Wertschätzung für außergewöhnliches Handwerk und höchste Qualität basieren.\u003c\/span\u003e\u003c\/p\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"Vergoldet \/ Edelstahl \/ Modeschmuck","offer_id":56693554872585,"sku":null,"price":59.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/IMG_5479.jpg?v=1676124712"},{"product_id":"kostenlose-fotogravur-personalisierte-anhanger-quadratischer-edelstahl-anhanger-in-rosegold-glanzend","title":"Kostenlose 3D Gravur (Foto)+ Anhänger | Personalisierte Quadratischer Edelstahl-Anhänger in Roségold, glänzend","description":"\u003ch1 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eKostenlose 3D Gravur (Foto)+ Anhänger\u003c\/strong\u003e\u003c\/h1\u003e\n\u003cp\u003e \u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Valentinstag_2023_banner_480x480.png?v=1676118354\" alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Valentinstag_2023_banner_480x480.png?v=1676118354\"\u003e\u003c\/p\u003e\n\u003ch3 data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #b46351;\"\u003eTHE MESSAGE. FÜR DEN SCHATZ. VON HERZEN.\u003c\/span\u003e\u003c\/h3\u003e\n\u003ch5 style=\"text-align: right;\" data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\"\u003e\n\u003ca href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" title=\"Personalisierte und feinste Gravuren auf Edelstahl, Silber oder Gold-Schmuckstücken. Erlebe die Magie der Personalisierung mit unserem exklusiven Fotogravur-Service.\" data-mce-fragment=\"1\" data-mce-href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" target=\"_blank\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003enähere \u003c\/strong\u003e\u003cstrong data-mce-fragment=\"1\"\u003eDetails  zu unserer Arbeit \u003c\/strong\u003e\u003c\/a\u003e\u003ca title=\"Personalisierte und feinste Gravuren auf Edelstahl, Silber oder Gold-Schmuckstücken. Erlebe die Magie der Personalisierung mit unserem exklusiven Fotogravur-Service.\" href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" target=\"_blank\"\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/a\u003e\n\u003c\/h5\u003e\n\u003ch3\u003e\u003cstrong\u003ePersönliche Momente verewigen mit einer Gravur oder Fotogravur\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eErlebe den luxuriösen Glanz mit unserem personalisierten Schmuckstücken. Ein romantischer Edelstahl-Anhänger in Roségold-Farbe, mit einer glänzenden Oberfläche und einer quadratischen Form mit ästhetischer Note an den Rändern. Ein zeitloses Accessoire, das jedem Outfit eine moderne Note verleiht.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e\n\u003cstrong\u003eGravur Schriftarten\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eDu kannst ein Symbol oder ein Zeichen auf dem Schmuckstück eingravieren lassen, z.B. das Datum eines besonderen Ereignisses. Außerdem kannst du weiterhin Initialen oder ein Monogramm auf dem Schmuckstück eingravieren lassen.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eEs kann vorkommen, dass Du auf unserer Seite nicht die gewünschte Schriftart oder Symbole finden, die Sie für Deine Gravur benötigen. In diesem Fall zögere bitte nicht, uns darüber zu informieren. Wir werden unser Bestes tun, um Deine Wünsche zu erfüllen und die gewünschte Schriftart oder Symbole für Deine Gravur bereitzustellen. Unser Ziel ist es, dass Du mit dem Endprodukt zufrieden sind und es Dir gefällt. Daher freuen wir uns über Dein Feedback und Deine Anregungen, um unsere Dienstleistungen kontinuierlich zu verbessern.\u003c\/em\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cspan data-mce-fragment=\"1\"\u003eKein Dropshipping, wir führen die Arbeit selber durch und das mit Liebe\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eWir betrachten unsere Arbeit als Kunstform und jedes Schmuckstück als ein Meisterwerk. Jedes Stück wird von uns persönlich veredelt und erhält eine individuelle Note durch unsere präzise Gravur-Technik. Mit Hingabe und Sorgfalt führen wir jeden Schritt selbst durch, um sicherzustellen, dass jedes einzelne Stück mit Liebe und Leidenschaft kreiert wird. So verleihen wir jedem Schmuckstück eine einzigartige Geschichte und schaffen eine besondere Verbindung zwischen unseren Kunden und ihrem persönlichen Schatz, die auf der gemeinsamen Wertschätzung für außergewöhnliches Handwerk und höchste Qualität basieren.\u003c\/span\u003e\u003c\/p\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"Default Title","offer_id":44130819866889,"sku":"","price":59.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/IMG_5478.jpg?v=1676124849"},{"product_id":"kostenlose-fotogravur-personalisierte-edelstahl-anhanger-in-schwarz-matt-hundemarke-mattiert","title":"Kostenlose 3D Foto(gravur) + Anhänger | Personalisierte Edelstahl-Anhänger in schwarz-matt, Hundemarke, mattiert","description":"\u003ch1 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eKostenlose 3D Gravur (Foto) +Personalisierte Anhänger\u003c\/strong\u003e\u003c\/h1\u003e\n\u003cp\u003e \u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Valentinstag_2023_banner_480x480.png?v=1676118354\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Valentinstag_2023_banner_480x480.png?v=1676118354\"\u003e\u003c\/p\u003e\n\u003ch3 data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #b46351;\"\u003eTHE MESSAGE. FÜR DEN SCHATZ. VON HERZEN.\u003c\/span\u003e\u003c\/h3\u003e\n\u003ch5 style=\"text-align: right;\" data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\"\u003e\n\u003ca title=\"Personalisierte und feinste Gravuren auf Edelstahl, Silber oder Gold-Schmuckstücken. Erlebe die Magie der Personalisierung mit unserem exklusiven Fotogravur-Service.\" href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" data-mce-fragment=\"1\" target=\"_blank\" data-mce-href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003enähere \u003c\/strong\u003e\u003cstrong data-mce-fragment=\"1\"\u003eDetails  zu unserer Arbeit \u003c\/strong\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" title=\"Personalisierte und feinste Gravuren auf Edelstahl, Silber oder Gold-Schmuckstücken. Erlebe die Magie der Personalisierung mit unserem exklusiven Fotogravur-Service.\" target=\"_blank\"\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/a\u003e\n\u003c\/h5\u003e\n\u003ch3\u003e\u003cstrong\u003ePersönliche Momente verewigen mit einer Gravur oder Fotogravur\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eErlebe den luxuriösen Glanz mit unserem personalisierten Schmuckstücken. Ein zeitloser Edelstahl-Anhänger in schwarz-matt-Farbe, mit einer mattierten Oberfläche und einer Form einer Hundemarke. Ein besonderes Accessoire, das jedem Outfit eine moderne Note verleiht.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e\n\u003cstrong\u003eGravur Schriftarten\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eDu kannst ein Symbol oder ein Zeichen auf dem Schmuckstück eingravieren lassen, z.B. das Datum eines besonderen Ereignisses. Außerdem kannst du weiterhin Initialen oder ein Monogramm auf dem Schmuckstück eingravieren lassen.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eEs kann vorkommen, dass Du auf unserer Seite nicht die gewünschte Schriftart oder Symbole finden, die Sie für Deine Gravur benötigen. In diesem Fall zögere bitte nicht, uns darüber zu informieren. Wir werden unser Bestes tun, um Deine Wünsche zu erfüllen und die gewünschte Schriftart oder Symbole für Deine Gravur bereitzustellen. Unser Ziel ist es, dass Du mit dem Endprodukt zufrieden sind und es Dir gefällt. Daher freuen wir uns über Dein Feedback und Deine Anregungen, um unsere Dienstleistungen kontinuierlich zu verbessern.\u003c\/em\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cspan data-mce-fragment=\"1\"\u003eKein Dropshipping, wir führen die Arbeit selber durch und das mit Liebe\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eWir betrachten unsere Arbeit als Kunstform und jedes Schmuckstück als ein Meisterwerk. Jedes Stück wird von uns persönlich veredelt und erhält eine individuelle Note durch unsere präzise Gravur-Technik. Mit Hingabe und Sorgfalt führen wir jeden Schritt selbst durch, um sicherzustellen, dass jedes einzelne Stück mit Liebe und Leidenschaft kreiert wird. So verleihen wir jedem Schmuckstück eine einzigartige Geschichte und schaffen eine besondere Verbindung zwischen unseren Kunden und ihrem persönlichen Schatz, die auf der gemeinsamen Wertschätzung für außergewöhnliches Handwerk und höchste Qualität basieren.\u003c\/span\u003e\u003c\/p\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"Default Title","offer_id":44218239746313,"sku":"","price":59.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/IMG_5483.jpg?v=1676125030"},{"product_id":"kostenlose-fotogravur-personalisierte-anhanger-edelstahl-anhanger-in-stahl-quadratisch-glanzend","title":"Kostenlose 3D Gravur+ Anhänger | Personalisierte Edelstahl-Anhänger in Stahl, quadratisch, glänzend","description":"\u003ch1 class=\"Polaris-Header-Title_2qj8j\"\u003eKostenlose \u003cstrong\u003e3D Gravur (Foto) + Anhänger\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003e \u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Valentinstag_2023_banner_480x480.png?v=1676118354\" alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Valentinstag_2023_banner_480x480.png?v=1676118354\"\u003e\u003c\/p\u003e\n\u003ch3 data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #b46351;\"\u003eTHE MESSAGE. FÜR DEN SCHATZ. VON HERZEN.\u003c\/span\u003e\u003c\/h3\u003e\n\u003ch5 style=\"text-align: right;\" data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\"\u003e\n\u003ca href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" title=\"Personalisierte und feinste Gravuren auf Edelstahl, Silber oder Gold-Schmuckstücken. Erlebe die Magie der Personalisierung mit unserem exklusiven Fotogravur-Service.\" data-mce-fragment=\"1\" data-mce-href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" target=\"_blank\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003enähere \u003c\/strong\u003e\u003cstrong data-mce-fragment=\"1\"\u003eDetails  zu unserer Arbeit \u003c\/strong\u003e\u003c\/a\u003e\u003ca title=\"Personalisierte und feinste Gravuren auf Edelstahl, Silber oder Gold-Schmuckstücken. Erlebe die Magie der Personalisierung mit unserem exklusiven Fotogravur-Service.\" href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" target=\"_blank\"\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/a\u003e\n\u003c\/h5\u003e\n\u003ch3\u003e\u003cstrong\u003ePersönliche Momente verewigen mit einer Gravur oder Fotogravur\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eErlebe den luxuriösen Glanz mit unserem personalisierten Schmuckstücken. Ein zeitloser Edelstahl-Anhänger in Stahl-Farbe, mit einer glänzenden Oberfläche und quadratisch. Ein besonderes Accessoire, das jedem Outfit eine individuelle Note verleiht.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e\n\u003cstrong\u003eGravur Schriftarten\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eDu kannst ein Symbol oder ein Zeichen auf dem Schmuckstück eingravieren lassen, z.B. das Datum eines besonderen Ereignisses. Außerdem kannst du weiterhin Initialen oder ein Monogramm auf dem Schmuckstück eingravieren lassen.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eEs kann vorkommen, dass Du auf unserer Seite nicht die gewünschte Schriftart oder Symbole finden, die Sie für Deine Gravur benötigen. In diesem Fall zögere bitte nicht, uns darüber zu informieren. Wir werden unser Bestes tun, um Deine Wünsche zu erfüllen und die gewünschte Schriftart oder Symbole für Deine Gravur bereitzustellen. Unser Ziel ist es, dass Du mit dem Endprodukt zufrieden sind und es Dir gefällt. Daher freuen wir uns über Dein Feedback und Deine Anregungen, um unsere Dienstleistungen kontinuierlich zu verbessern.\u003c\/em\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cspan data-mce-fragment=\"1\"\u003eKein Dropshipping, wir führen die Arbeit selber durch und das mit Liebe\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eWir betrachten unsere Arbeit als Kunstform und jedes Schmuckstück als ein Meisterwerk. Jedes Stück wird von uns persönlich veredelt und erhält eine individuelle Note durch unsere präzise Gravur-Technik. Mit Hingabe und Sorgfalt führen wir jeden Schritt selbst durch, um sicherzustellen, dass jedes einzelne Stück mit Liebe und Leidenschaft kreiert wird. So verleihen wir jedem Schmuckstück eine einzigartige Geschichte und schaffen eine besondere Verbindung zwischen unseren Kunden und ihrem persönlichen Schatz, die auf der gemeinsamen Wertschätzung für außergewöhnliches Handwerk und höchste Qualität basieren.\u003c\/span\u003e\u003c\/p\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"Default Title","offer_id":44130835071241,"sku":"","price":59.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/IMG_5488.jpg?v=1676125277"},{"product_id":"kostenlose-gravur-anhanger-3d-saulen-silber-anhanger-baren-mit-kette-in-matt-optik","title":"Kostenlose Gravur + Anhänger | 3D Säulen Silber-Anhänger (Baren) mit Kette in Matt-Optik","description":"\u003ch1 style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong\u003eKostenlose 3D Gravur (Foto) + Silber Säulen Anhänger + Kette\u003c\/strong\u003e\u003c\/h1\u003e\n\u003cp\u003e \u003cimg data-mce-fragment=\"1\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Valentinstag_2023_banner_480x480.png?v=1676118354\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Valentinstag_2023_banner_480x480.png?v=1676118354\" data-mce-style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003ch3 data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #b46351;\" data-mce-style=\"color: #b46351;\"\u003eTHE MESSAGE. FÜR DEN SCHATZ. VON HERZEN.\u003c\/span\u003e\u003c\/h3\u003e\n\u003ch5 data-mce-fragment=\"1\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\n\u003ca data-mce-fragment=\"1\" title=\"Personalisierte und feinste Gravuren auf Edelstahl, Silber oder Gold-Schmuckstücken. Erlebe die Magie der Personalisierung mit unserem exklusiven Fotogravur-Service.\" href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" target=\"_blank\" data-mce-href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003enähere \u003c\/strong\u003e\u003cstrong data-mce-fragment=\"1\"\u003eDetails  zu unserer Arbeit \u003c\/strong\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\" title=\"Personalisierte und feinste Gravuren auf Edelstahl, Silber oder Gold-Schmuckstücken. Erlebe die Magie der Personalisierung mit unserem exklusiven Fotogravur-Service.\" target=\"_blank\" data-mce-href=\"https:\/\/www.juwelier-milano.de\/Engraving\/Fotogravur\"\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/a\u003e\n\u003c\/h5\u003e\n\u003ch4\u003e\u003cstrong\u003eMaterial (Anhänger + Kette)\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e925 rhodiniertem Silber\u003c\/li\u003e\n\u003cli\u003ein verschiedenen Farben rosé, silber, gelbgold erhältlich\u003c\/li\u003e\n\u003cli\u003eKette 40cm + 5cm (verstellbar anhand der Öse)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003ePersönliche Momente verewigen mit einer Gravur \u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eErlebe den luxuriösen Glanz mit unserem personalisierten Schmuckstücken. Unsere edlen 3D Säulen Edelstahl-Anhänger (Baren) mit Kette (verstelbar) in mattierter Optik sind in drei Farben erhältlich: Silber, Rosé und Gelbgold. Die Säulen-Form des Anhängers verleiht ihm eine moderne Note und macht ihn zu einem perfekten Accessoire für jeden Anlass.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eKoordinaten, Namen, Initialen oder Symbole. \u003cstrong\u003e\u003cem\u003eAusreichend Platz für unbegrenzte Ideen.\u003c\/em\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch4\u003e\u003cstrong\u003eGravur Schriftarten\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cp\u003e\u003cspan\u003eDu kannst ein Symbol oder ein Zeichen auf dem Schmuckstück eingravieren lassen, z.B. das Datum eines besonderen Ereignisses. Außerdem kannst du weiterhin Initialen oder ein Monogramm auf dem Schmuckstück eingravieren lassen.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eEs kann vorkommen, dass Du auf unserer Seite nicht die gewünschte Schriftart oder Symbole finden, die Sie für Deine Gravur benötigen. In diesem Fall zögere bitte nicht, uns darüber zu informieren. Wir werden unser Bestes tun, um Deine Wünsche zu erfüllen und die gewünschte Schriftart oder Symbole für Deine Gravur bereitzustellen. Unser Ziel ist es, dass Du mit dem Endprodukt zufrieden sind und es Dir gefällt. Daher freuen wir uns über Dein Feedback und Deine Anregungen, um unsere Dienstleistungen kontinuierlich zu verbessern.\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"Rosé","offer_id":44130917482761,"sku":"","price":69.0,"currency_code":"EUR","in_stock":true},{"title":"Gelbgold","offer_id":44130917515529,"sku":"","price":69.0,"currency_code":"EUR","in_stock":true},{"title":"Silber","offer_id":44130917548297,"sku":"","price":69.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/IMG_5497.jpg?v=1676126562"},{"product_id":"muttertag-edelstahl-herz-anhanger-kette","title":"Muttertag | Edelstahl Doppel-Herz Anhänger + Kette","description":"\u003ch2\u003e\u003cspan\u003eEine Umarmung in einer Schachtel: Muttertagsgeschenke, die das Herz berühren\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cspan\u003eDieses wunderschöne Schmuckstück in der Farbe Gold ist ein wahrer Blickfang. Das Herzförmige Anhänger ist mit funkelnden, klaren Kristallen besetzt und wird von einer zarten Kette gehalten. Das hochwertige Schmuckstück eignet sich perfekt als Geschenk für einen besonderen Menschen oder als elegante Ergänzung zu jedem Outfit. Die sorgfältige Verarbeitung und das edle Design machen dieses Schmuckstück zu einem zeitlosen Klassiker.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch4\u003e\u003cspan\u003eEntdecken Sie jetzt unser breites Sortiment an Schmuckstücken und finden Sie das perfekte Accessoire für sich selbst oder die liebste Mama.\u003c\/span\u003e\u003c\/h4\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/1_480x480.png?v=1682464352\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/1_480x480.png?v=1682464352\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cblockquote\u003e\n\u003ch4\u003e\u003cspan\u003eJetzt Mama mit einem Geschenk überraschen, das sie für immer in Erinnerung behalten wird.\u003c\/span\u003e\u003c\/h4\u003e\n\u003c\/blockquote\u003e\n\u003ch3\u003e\u003cspan style=\"color: #dc4841;\" data-mce-style=\"color: #dc4841;\"\u003e#everydayismamaday\u003c\/span\u003e\u003c\/h3\u003e\n\u003ch4\u003e\u003cspan style=\"color: #dc4841;\" data-mce-style=\"color: #dc4841;\"\u003eDetails\u003c\/span\u003e\u003c\/h4\u003e\n\u003cstyle\u003e\u003c!--\n.elegant-table {\n  font-family: Arial, sans-serif;\n  border-collapse: collapse;\n  width: 100%;\n  \n}\n\n.elegant-table td, .elegant-table th {\n  border: 1px solid #ddd;\n  padding: 8px;\n}\n\n.elegant-table th {\n  padding-top: 12px;\n  padding-bottom: 12px;\n  text-align: left;\n  background-color: #449e98;\n  color: white;\n  font-weight: bold;\n}\n\n.elegant-table tr:nth-child(even){background-color: #f2f2f2;}\n.elegant-table tr:hover {background-color: #ddd;}\n--\u003e\u003c\/style\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003ctable class=\"elegant-table\" style=\"width: 382.844px;\" data-mce-style=\"width: 382.844px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eEigenschaften\u003c\/th\u003e\n\u003cth style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eDetails\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan class=\"property-title\" data-spm-anchor-id=\"a2g0o.detail.0.i14.18c45c72dC5CBP\"\u003eForm \\ Muster: \u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eDoppel-Herz Anhänger mit\u003cspan data-mce-fragment=\"1\"\u003e Halskette\u003c\/span\u003e\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eEdelstahl\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eGeschlecht\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eFrauen\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eFarbe\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eRosé\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eStil\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eMode \u0026amp; Casual\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eAnhängerbreite\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\n\u003cspan\u003e5\u003c\/span\u003e\u003cspan\u003e cm\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eKettenlänge\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan\u003e40 cm+ 5 cm \u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eAnhängergröße (Breite x Höhe)\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\n\u003cp\u003e\u003cspan\u003e5 cm * 4 cm\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eSteine\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\n\u003cp\u003eZirkonia  (weiße)\u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e","brand":"Juwelier Milano","offers":[{"title":"Rosé","offer_id":44372470366473,"sku":"","price":59.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/anhaenger_muttertag_d5a25efd-0630-4c09-af1c-741c52d7fb5f.png?v=1682470043"},{"product_id":"nazar-edelstahl-halskette-vergoldet","title":"Nazar Herz Edelstahl Halskette vergoldet + Zirkonia","description":"\u003ch2\u003eElegante Herz Nazar-Schmuck in Edelstahl und strahlenden Zirkonia-Steinen \u003c\/h2\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\u003cimg style=\"margin-right: 34px; margin-bottom: 16px; margin-left: 34px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/NazarBanner_1024x1024.png?v=1694534728\"\u003e\u003c\/div\u003e\n\u003cblockquote\u003e\n\u003ch3 data-mce-fragment=\"1\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #b46351;\" data-mce-style=\"color: #b46351;\"\u003eIhr stilvoller Schutz und Glücksbringer\u003c\/span\u003e\u003c\/strong\u003e\u003c\/h3\u003e\n\u003c\/blockquote\u003e\n\u003ch5 style=\"text-align: right;\" data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\"\u003e\u003cbr\u003e\u003c\/h5\u003e\n\u003cstyle\u003e\u003c!--\n.elegant-table {\n  font-family: Arial, sans-serif;\n  border-collapse: collapse;\n  width: 100%;\n  \n}\n\n.elegant-table td, .elegant-table th {\n  border: 1px solid #ddd;\n  padding: 8px;\n}\n\n.elegant-table th {\n  padding-top: 12px;\n  padding-bottom: 12px;\n  text-align: left;\n  background-color: #449e98;\n  color: white;\n  font-weight: bold;\n}\n\n.elegant-table tr:nth-child(even){background-color: #f2f2f2;}\n.elegant-table tr:hover {background-color: #ddd;}\n--\u003e\u003c\/style\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003ctable class=\"elegant-table\" style=\"width: 382.844px;\" data-mce-style=\"width: 382.844px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eEigenschaften\u003c\/th\u003e\n\u003cth style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eDetails\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eTyp\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan\u003eGeometrische Gliederkette mit Anhänger\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eEdelstahl\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eFarbe\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003evergoldet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eGeschlecht\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eFrauen\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eStil\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eMode \u0026amp; Casual\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eKettenlänge\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan mce-data-marked=\"1\"\u003e45cm\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eSteine\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan mce-data-marked=\"1\"\u003eZirkonia (weiß + blau)\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\u003c\/div\u003e\n\u003ch3\u003e\n\u003cstrong\u003eBesonderheiten \/ Hinweise\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul align=\"start\"\u003e\n\u003cli\u003e\n\u003cp class=\"detail-desc-decorate-content\" data-spm-anchor-id=\"a2g0o.detail.1000023.i2.43345d91Sv0k5M\"\u003eDas Material des Produkts besteht aus Edelstahl. Verblasst nicht nach Kontakt mit Wasser. Wird sich nicht verdunkeln. Allergien vorbeugen!\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003everrostet nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003enicht allergisch\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003estark von Anti-Säure, Anti-Alkali\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ekeine Verformung\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan mce-data-marked=\"1\"\u003everblasst nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"vergoldet","offer_id":44604213985545,"sku":null,"price":69.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Halskette_0.png?v=1694613338"},{"product_id":"nazar-pantoffel-edelstahl-halskette-vergoldet-zirkonia","title":"Nazar Pantoffel Edelstahl Halskette vergoldet + Zirkonia","description":"\u003ch2\u003eElegante Pantoffel Nazar-Schmuck in Edelstahl und strahlenden Zirkonia-Steinen \u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/NazarBanner_1024x1024.png?v=1694534728\" style=\"margin-right: 34px; margin-bottom: 16px; margin-left: 34px; float: none;\"\u003e\u003c\/div\u003e\n\u003cblockquote\u003e\n\u003ch3 data-mce-fragment=\"1\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #b46351;\" data-mce-style=\"color: #b46351;\"\u003eIhr stilvoller Schutz und Glücksbringer\u003c\/span\u003e\u003c\/strong\u003e\u003c\/h3\u003e\n\u003c\/blockquote\u003e\n\u003ch5 data-mce-fragment=\"1\" style=\"text-align: right;\" data-mce-style=\"text-align: right;\"\u003e\u003cbr\u003e\u003c\/h5\u003e\n\u003cstyle\u003e\u003c!--\n.elegant-table {\n  font-family: Arial, sans-serif;\n  border-collapse: collapse;\n  width: 100%;\n  \n}\n\n.elegant-table td, .elegant-table th {\n  border: 1px solid #ddd;\n  padding: 8px;\n}\n\n.elegant-table th {\n  padding-top: 12px;\n  padding-bottom: 12px;\n  text-align: left;\n  background-color: #449e98;\n  color: white;\n  font-weight: bold;\n}\n\n.elegant-table tr:nth-child(even){background-color: #f2f2f2;}\n.elegant-table tr:hover {background-color: #ddd;}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003ctable style=\"width: 382.844px;\" class=\"elegant-table\" data-mce-style=\"width: 382.844px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eEigenschaften\u003c\/th\u003e\n\u003cth style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eDetails\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eTyp\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan\u003eGeometrische Gliederkette mit Anhänger\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eKupfer\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eFarbe\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003evergoldet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eGeschlecht\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eFrauen\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eStil\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eMode \u0026amp; Casual\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eKettenlänge\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan mce-data-marked=\"1\"\u003e45cm\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eSteine\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan mce-data-marked=\"1\"\u003eZirkonia (weiß+blau)\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eAnhängermaße\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eca.2.5cm -3cm x ca.1.2cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\u003c\/div\u003e\n\u003ch3\u003e\n\u003cstrong\u003eBesonderheiten \/ Hinweise\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul align=\"start\"\u003e\n\u003cli\u003e\n\u003cp data-spm-anchor-id=\"a2g0o.detail.1000023.i2.43345d91Sv0k5M\" class=\"detail-desc-decorate-content\"\u003eDas Material des Produkts besteht aus Kupfer. Verblasst nicht nach Kontakt mit Wasser. Wird sich nicht verdunkeln. Allergien vorbeugen!\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003everrostet nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003enicht allergisch\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003estark von Anti-Säure, Anti-Alkali\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ekeine Verformung\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan mce-data-marked=\"1\"\u003everblasst nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"vergoldet \/ Flip Flops","offer_id":44604389523721,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ Pantoffeln","offer_id":44604423766281,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Halskette_1.png?v=1694618648"},{"product_id":"nazar-pantoffel-edelstahl-halskette-vergoldet-zirkonia-1","title":"Nazar Flipflop Edelstahl Halskette vergoldet + Zirkonia","description":"\u003ch2\u003eElegante Flipflop Nazar-Schmuck in Edelstahl und strahlenden Zirkonia-Steinen \u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/NazarBanner_1024x1024.png?v=1694534728\" style=\"margin-right: 34px; margin-bottom: 16px; margin-left: 34px; float: none;\"\u003e\u003c\/div\u003e\n\u003cblockquote\u003e\n\u003ch3 data-mce-fragment=\"1\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #b46351;\" data-mce-style=\"color: #b46351;\"\u003eIhr stilvoller Schutz und Glücksbringer\u003c\/span\u003e\u003c\/strong\u003e\u003c\/h3\u003e\n\u003c\/blockquote\u003e\n\u003ch5 style=\"text-align: right;\" data-mce-fragment=\"1\" data-mce-style=\"text-align: right;\"\u003e\u003cbr\u003e\u003c\/h5\u003e\n\u003cstyle\u003e\u003c!--\n.elegant-table {\n  font-family: Arial, sans-serif;\n  border-collapse: collapse;\n  width: 100%;\n  \n}\n\n.elegant-table td, .elegant-table th {\n  border: 1px solid #ddd;\n  padding: 8px;\n}\n\n.elegant-table th {\n  padding-top: 12px;\n  padding-bottom: 12px;\n  text-align: left;\n  background-color: #449e98;\n  color: white;\n  font-weight: bold;\n}\n\n.elegant-table tr:nth-child(even){background-color: #f2f2f2;}\n.elegant-table tr:hover {background-color: #ddd;}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003ctable style=\"width: 382.844px;\" class=\"elegant-table\" data-mce-style=\"width: 382.844px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eEigenschaften\u003c\/th\u003e\n\u003cth style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eDetails\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eTyp\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan\u003eGeometrische Gliederkette mit Anhänger\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eKupfer\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eFarbe\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003evergoldet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eGeschlecht\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eFrauen\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eStil\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eMode \u0026amp; Casual\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eKettenlänge\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan mce-data-marked=\"1\"\u003e45cm\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eSteine\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan mce-data-marked=\"1\"\u003eZirkonia (weiß+blau)\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eAnhängermaße\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eca.2.5cm -3cm x ca.1.2cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\u003c\/div\u003e\n\u003ch3\u003e\n\u003cstrong\u003eBesonderheiten \/ Hinweise\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul align=\"start\"\u003e\n\u003cli\u003e\n\u003cp data-spm-anchor-id=\"a2g0o.detail.1000023.i2.43345d91Sv0k5M\" class=\"detail-desc-decorate-content\"\u003eDas Material des Produkts besteht aus Kupfer. Verblasst nicht nach Kontakt mit Wasser. Wird sich nicht verdunkeln. Allergien vorbeugen!\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003everrostet nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003enicht allergisch\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003estark von Anti-Säure, Anti-Alkali\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ekeine Verformung\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan mce-data-marked=\"1\"\u003everblasst nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"vergoldet \/ Flip Flops","offer_id":44607027511561,"sku":null,"price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ Pantoffeln","offer_id":44607027544329,"sku":null,"price":69.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Halskette_2_9cd3314d-f816-4ab6-b238-e4619f795a3e.png?v=1694792539"},{"product_id":"alphabet-buchstabe-edelstahl-halskette-vergoldet","title":"Alphabet | Buchstabe Edelstahl Halskette vergoldet","description":"\u003ch2\u003eEleganter Alphabet | Buchstabe Edelstahl Halskette vergoldet\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cdiv style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/AlphabetBanner_1024x1024.png?v=1694794245\" data-mce-style=\"margin-bottom: 16px; float: none;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/AlphabetBanner_1024x1024.png?v=1694794245\"\u003e\u003c\/div\u003e\n\u003cblockquote\u003e\n\u003ch2 style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cspan style=\"color: #bc6956;\"\u003eIhre Initialen. Ihr Stil. Unsere Halskette.\u003c\/span\u003e\u003c\/h2\u003e\n\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\u003c!--\n.elegant-table {\n  font-family: Arial, sans-serif;\n  border-collapse: collapse;\n  width: 100%;\n  \n}\n\n.elegant-table td, .elegant-table th {\n  border: 1px solid #ddd;\n  padding: 8px;\n}\n\n.elegant-table th {\n  padding-top: 12px;\n  padding-bottom: 12px;\n  text-align: left;\n  background-color: #449e98;\n  color: white;\n  font-weight: bold;\n}\n\n.elegant-table tr:nth-child(even){background-color: #f2f2f2;}\n.elegant-table tr:hover {background-color: #ddd;}\n--\u003e\u003c\/style\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003ctable class=\"elegant-table\" style=\"width: 382.844px;\" data-mce-style=\"width: 382.844px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eEigenschaften\u003c\/th\u003e\n\u003cth style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eDetails\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eTyp\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan\u003eRunder Anhänger mit Gliederkette \u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eEdelstahl ( Zink- Legierung)\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eFarbe\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003evergoldet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eGeschlecht\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eFrauen\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eStil\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eMode \u0026amp; Casual\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eKettenlänge\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan mce-data-marked=\"1\"\u003e45cm\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eKettenbreite \u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan mce-data-marked=\"1\"\u003e1,5mm\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eAnhängermaße\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eca.1,6cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eAnhängerdicke\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e2mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eTauchen Sie ein in die Welt des persönlichen Stils und der Eleganz mit unserer exklusiven Edelstahl vergoldeten Buchstaben-Halskette. Diese atemberaubenden Schmuckstücke sind mehr als nur Accessoires; sie sind eine Aussage Ihrer Individualität und Ihres Geschmacks.\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003e\u003cstrong\u003eEdelstahl vergoldete Buchstaben-Halsketten\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003eIhre Initialen. Ihr Stil. Unsere Halskette.\u003c\/h4\u003e\n\u003ch4\u003e✔️ Hochwertiges Edelstahlmaterial ✔️ Elegante Vergoldung ✔️ Personalisierte Buchstaben ✔️ Zeitlos und vielseitig ✔️ Perfektes Geschenk\u003c\/h4\u003e\n\u003ch4\u003eZeigen Sie Ihre Einzigartigkeit mit unserem exklusiven Schmuck.\u003c\/h4\u003e\n\u003ch4\u003eJetzt bestellen!\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\u003c\/div\u003e\n\u003ch3\u003e\n\u003cstrong\u003eBesonderheiten \/ Hinweise\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul align=\"start\"\u003e\n\u003cli\u003e\n\u003cp class=\"detail-desc-decorate-content\" data-spm-anchor-id=\"a2g0o.detail.1000023.i2.43345d91Sv0k5M\"\u003eDas Material des Produkts besteht aus Edelstahl. Verblasst nicht nach Kontakt mit Wasser. Wird sich nicht verdunkeln. Allergien vorbeugen!\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003everrostet nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003enicht allergisch\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003estark von Anti-Säure, Anti-Alkali\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ekeine Verformung\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan mce-data-marked=\"1\"\u003everblasst nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"vergoldet \/ A","offer_id":44607056380169,"sku":null,"price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ B","offer_id":44607056412937,"sku":null,"price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ C","offer_id":44607057297673,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ D","offer_id":44607057330441,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ E","offer_id":44607057363209,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ F","offer_id":44607057395977,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ G","offer_id":44607057428745,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ H","offer_id":44607057461513,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ I","offer_id":44607057494281,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ J","offer_id":44607057527049,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ K","offer_id":44607057559817,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ L","offer_id":44607057592585,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ M","offer_id":44607057625353,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ N","offer_id":44607057658121,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ O","offer_id":44607057690889,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ P","offer_id":44607057723657,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ Q","offer_id":44607057756425,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ R","offer_id":44607057789193,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ S","offer_id":44607057821961,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ T","offer_id":44607057854729,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ U","offer_id":44607057887497,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ V","offer_id":44607057920265,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ W","offer_id":44607070503177,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ X","offer_id":44607070535945,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ Y","offer_id":44607070568713,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false},{"title":"vergoldet \/ Z","offer_id":44607070601481,"sku":"","price":69.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Alphabet.jpg?v=1694795211"},{"product_id":"damen-kreuz-edelstahl-halskette","title":"Damen | Kreuz Edelstahl Halskette","description":"\u003ch2\u003eElegante Kreuzketten | Edelstahl Halskette\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cdiv style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/DamenschmuckBanner_1024x1024.png?v=1695054593\" alt=\"Damenschmuck Halsketten, Armbänder, Ringe, Ohrstecker\"\u003e\u003c\/div\u003e\n\u003cblockquote\u003e\n\u003ch2 style=\"text-align: left;\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ce6655;\"\u003eIhre Einzigartigkeit, Ihr Stil: Entdecken Sie unsere Halsketten \u003c\/span\u003e\u003c\/h2\u003e\n\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\u003c!--\n.elegant-table {\n  font-family: Arial, sans-serif;\n  border-collapse: collapse;\n  width: 100%;\n  \n}\n\n.elegant-table td, .elegant-table th {\n  border: 1px solid #ddd;\n  padding: 8px;\n}\n\n.elegant-table th {\n  padding-top: 12px;\n  padding-bottom: 12px;\n  text-align: left;\n  background-color: #449e98;\n  color: white;\n  font-weight: bold;\n}\n\n.elegant-table tr:nth-child(even){background-color: #f2f2f2;}\n.elegant-table tr:hover {background-color: #ddd;}\n--\u003e\u003c\/style\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003ctable class=\"elegant-table\" style=\"width: 382.844px;\" data-mce-style=\"width: 382.844px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eEigenschaften\u003c\/th\u003e\n\u003cth style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eDetails\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eTyp\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan mce-data-marked=\"1\"\u003eDoppelkettenlauf mit 3x Kreuz Anhänger\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eEdelstahl \u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eFarbe\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003evergoldet \/ stahl\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eGeschlecht\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eFrauen\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eStil\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eMode \u0026amp; Casual\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eKettenlänge\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan mce-data-marked=\"1\"\u003e40cm \/ 50 cm\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eAnhängermaße\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eca.3,5 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eTauchen Sie ein in die Welt des persönlichen Stils und der Eleganz mit unserer exklusiven Edelstahl vergoldeten Kreuz-Halsketten. \u003c\/h4\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003e\u003cstrong\u003eEdelstahl Kreuz Halsketten\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003eIhre Einzigartigkeit. Ihr Stil. Unsere Halskette.\u003c\/h4\u003e\n\u003ch4\u003e✔️ Hochwertiges Edelstahlmaterial ✔️ Elegante Vergoldung und hochpoliert ✔️ Zeitlos und vielseitig ✔️ Perfektes Geschenk\u003c\/h4\u003e\n\u003ch4\u003eZeigen Sie Ihre Einzigartigkeit mit unserem exklusiven Schmuck.\u003c\/h4\u003e\n\u003ch4\u003eJetzt bestellen!\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\u003c\/div\u003e\n\u003ch3\u003e\n\u003cstrong\u003eBesonderheiten \/ Hinweise\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul align=\"start\"\u003e\n\u003cli\u003e\n\u003cp class=\"detail-desc-decorate-content\" data-spm-anchor-id=\"a2g0o.detail.1000023.i2.43345d91Sv0k5M\"\u003eDas Material des Produkts besteht aus Edelstahl. Verblasst nicht nach Kontakt mit Wasser. Wird sich nicht verdunkeln. Allergien vorbeugen!\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003everrostet nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003enicht allergisch\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003estark von Anti-Säure, Anti-Alkali\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ekeine Verformung\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan mce-data-marked=\"1\"\u003everblasst nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"vergoldet","offer_id":44611098640649,"sku":null,"price":69.0,"currency_code":"EUR","in_stock":true},{"title":"stahl","offer_id":44611101688073,"sku":"","price":59.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Kreuzkette.jpg?v=1695054936"},{"product_id":"damen-stern-edelstahl-halskette","title":"Damen | Stern Edelstahl Halskette vergoldet","description":"\u003ch2\u003eElegante Stern | vergoldete Edelstahl Halskette\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cdiv style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cimg alt=\"Damenschmuck Halsketten, Armbänder, Ringe, Ohrstecker\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/DamenschmuckBanner_1024x1024.png?v=1695054593\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cblockquote\u003e\n\u003ch2 style=\"text-align: left;\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ce6655;\"\u003eIhre Einzigartigkeit, Ihr Stil: Entdecken Sie unsere Halsketten \u003c\/span\u003e\u003c\/h2\u003e\n\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\u003c!--\n.elegant-table {\n  font-family: Arial, sans-serif;\n  border-collapse: collapse;\n  width: 100%;\n  \n}\n\n.elegant-table td, .elegant-table th {\n  border: 1px solid #ddd;\n  padding: 8px;\n}\n\n.elegant-table th {\n  padding-top: 12px;\n  padding-bottom: 12px;\n  text-align: left;\n  background-color: #449e98;\n  color: white;\n  font-weight: bold;\n}\n\n.elegant-table tr:nth-child(even){background-color: #f2f2f2;}\n.elegant-table tr:hover {background-color: #ddd;}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003ctable style=\"width: 382.844px;\" class=\"elegant-table\" data-mce-style=\"width: 382.844px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eEigenschaften\u003c\/th\u003e\n\u003cth style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eDetails\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eTyp\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan mce-data-marked=\"1\"\u003eKette mit 5x Stern Anhänger\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eEdelstahl \u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eFarbe\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003evergoldet \/ silber\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eGeschlecht\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eFrauen\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eStil\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eMode \u0026amp; Casual\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eKettenlänge\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan mce-data-marked=\"1\"\u003e45 cm\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eAnhängermaße\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eca.3,5 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eTauchen Sie ein in die Welt des persönlichen Stils und der Eleganz mit unserer exklusiven Edelstahl vergoldeten Kreuz-Halsketten. \u003c\/h4\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003e\u003cstrong\u003eEdelstahl Sternen Halsketten\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003eIhre Einzigartigkeit. Ihr Stil. Unsere Halskette.\u003c\/h4\u003e\n\u003ch4\u003e✔️ Hochwertiges Edelstahlmaterial ✔️ Elegante Vergoldung und hochpoliert ✔️ Zeitlos und vielseitig ✔️ Perfektes Geschenk\u003c\/h4\u003e\n\u003ch4\u003eZeigen Sie Ihre Einzigartigkeit mit unserem exklusiven Schmuck.\u003c\/h4\u003e\n\u003ch4\u003eJetzt bestellen!\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\u003c\/div\u003e\n\u003ch3\u003e\n\u003cstrong\u003eBesonderheiten \/ Hinweise\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul align=\"start\"\u003e\n\u003cli\u003e\n\u003cp data-spm-anchor-id=\"a2g0o.detail.1000023.i2.43345d91Sv0k5M\" class=\"detail-desc-decorate-content\"\u003eDas Material des Produkts besteht aus Edelstahl. Verblasst nicht nach Kontakt mit Wasser. Wird sich nicht verdunkeln. Allergien vorbeugen!\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003everrostet nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003enicht allergisch\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003estark von Anti-Säure, Anti-Alkali\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ekeine Verformung\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan mce-data-marked=\"1\"\u003everblasst nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"vergoldet","offer_id":44612522508553,"sku":null,"price":69.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Stern_Halskette.png?v=1695138018"},{"product_id":"mama-edelstahl-herz-anhanger-kette","title":"Mama| Edelstahl Herz Anhänger + Kette","description":"\u003ch2\u003e\u003cspan\u003eEine Umarmung in einer Schachtel: Muttertagsgeschenke, die das Herz berühren\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cspan\u003eDieses wunderschöne Schmuckstück in der Farbe Gold ist ein wahrer Blickfang. Das Herzförmige Anhänger ist mit funkelnden, klaren Kristallen besetzt und wird von einer zarten Kette gehalten. Das hochwertige Schmuckstück eignet sich perfekt als Geschenk für einen besonderen Menschen oder als elegante Ergänzung zu jedem Outfit. Die sorgfältige Verarbeitung und das edle Design machen dieses Schmuckstück zu einem zeitlosen Klassiker.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch4\u003e\u003cspan\u003eEntdecken Sie jetzt unser breites Sortiment an Schmuckstücken und finden Sie das perfekte Accessoire für sich selbst oder die liebste Mama.\u003c\/span\u003e\u003c\/h4\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/1_480x480.png?v=1682464352\" style=\"display: block; margin-left: auto; margin-right: auto;\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/1_480x480.png?v=1682464352\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cblockquote\u003e\n\u003ch4\u003e\u003cspan\u003eJetzt Mama mit einem Geschenk überraschen, das sie für immer in Erinnerung behalten wird.\u003c\/span\u003e\u003c\/h4\u003e\n\u003c\/blockquote\u003e\n\u003ch3\u003e\u003cspan style=\"color: #dc4841;\" data-mce-style=\"color: #dc4841;\"\u003e#everydayismamaday\u003c\/span\u003e\u003c\/h3\u003e\n\u003ch4\u003e\u003cspan style=\"color: #dc4841;\" data-mce-style=\"color: #dc4841;\"\u003eDetails\u003c\/span\u003e\u003c\/h4\u003e\n\u003cstyle\u003e\u003c!--\n.elegant-table {\n  font-family: Arial, sans-serif;\n  border-collapse: collapse;\n  width: 100%;\n  \n}\n\n.elegant-table td, .elegant-table th {\n  border: 1px solid #ddd;\n  padding: 8px;\n}\n\n.elegant-table th {\n  padding-top: 12px;\n  padding-bottom: 12px;\n  text-align: left;\n  background-color: #449e98;\n  color: white;\n  font-weight: bold;\n}\n\n.elegant-table tr:nth-child(even){background-color: #f2f2f2;}\n.elegant-table tr:hover {background-color: #ddd;}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003ctable style=\"width: 382.844px;\" class=\"elegant-table\" data-mce-style=\"width: 382.844px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eEigenschaften\u003c\/th\u003e\n\u003cth style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eDetails\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan data-spm-anchor-id=\"a2g0o.detail.0.i14.18c45c72dC5CBP\" class=\"property-title\"\u003eForm \\ Muster: \u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eHerz Anhänger mit\u003cspan data-mce-fragment=\"1\"\u003e Halskette\u003c\/span\u003e\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eEdelstahl\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eGeschlecht\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eFrauen\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eFarbe\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eRosé\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eStil\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eMode \u0026amp; Casual\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eAnhängerbreite\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\n\u003cspan\u003e5\u003c\/span\u003e\u003cspan\u003e cm\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eKettenlänge\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan\u003e50 cm \u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eAnhängergröße (Breite x Höhe)\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\n\u003cp\u003e\u003cspan\u003e5 cm * 4 cm\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eSteine\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\n\u003cp\u003eZirkonia  (weiße,lila)\u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e","brand":"Juwelier Milano","offers":[{"title":"Rosé","offer_id":44616617230601,"sku":null,"price":59.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/anhaenger_mama.png?v=1695384844"},{"product_id":"mama-edelstahl-mama-schriftzug-anhanger-kette","title":"Mama| Edelstahl Mama Schriftzug Anhänger + Kette","description":"\u003ch2\u003e\u003cspan\u003eEine Umarmung in einer Schachtel: Mamageschenke, die das Herz berühren\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cspan\u003eDieses wunderschöne Schmuckstück in der Farbe Gold ist ein wahrer Blickfang. Das Herzförmige Anhänger ist mit funkelnden, klaren Kristallen besetzt und wird von einer zarten Kette gehalten. Das hochwertige Schmuckstück eignet sich perfekt als Geschenk für einen besonderen Menschen oder als elegante Ergänzung zu jedem Outfit. Die sorgfältige Verarbeitung und das edle Design machen dieses Schmuckstück zu einem zeitlosen Klassiker.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch4\u003e\u003cspan\u003eEntdecken Sie jetzt unser breites Sortiment an Schmuckstücken und finden Sie das perfekte Accessoire für sich selbst oder die liebste Mama.\u003c\/span\u003e\u003c\/h4\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/1_480x480.png?v=1682464352\" alt=\"\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/1_480x480.png?v=1682464352\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cblockquote\u003e\n\u003ch4\u003e\u003cspan\u003eJetzt Mama mit einem Geschenk überraschen, das sie für immer in Erinnerung behalten wird.\u003c\/span\u003e\u003c\/h4\u003e\n\u003c\/blockquote\u003e\n\u003ch3\u003e\u003cspan style=\"color: #dc4841;\" data-mce-style=\"color: #dc4841;\"\u003e#everydayismamaday\u003c\/span\u003e\u003c\/h3\u003e\n\u003ch4\u003e\u003cspan style=\"color: #dc4841;\" data-mce-style=\"color: #dc4841;\"\u003eDetails\u003c\/span\u003e\u003c\/h4\u003e\n\u003cstyle\u003e\u003c!--\n.elegant-table {\n  font-family: Arial, sans-serif;\n  border-collapse: collapse;\n  width: 100%;\n  \n}\n\n.elegant-table td, .elegant-table th {\n  border: 1px solid #ddd;\n  padding: 8px;\n}\n\n.elegant-table th {\n  padding-top: 12px;\n  padding-bottom: 12px;\n  text-align: left;\n  background-color: #449e98;\n  color: white;\n  font-weight: bold;\n}\n\n.elegant-table tr:nth-child(even){background-color: #f2f2f2;}\n.elegant-table tr:hover {background-color: #ddd;}\n--\u003e\u003c\/style\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003ch3 style=\"text-align: left;\"\u003e\u003cstrong\u003eKupfer vergoldete Mama-Halskette\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4 style=\"text-align: left;\"\u003e✔️ Hochwertiges\u003cspan\u003e \u003c\/span\u003eKupfermaterial\u003cspan\u003e \u003c\/span\u003e✔️ Eleganter Überzug (3x feinpolierte Spiegel Überzug)\u003cspan\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003everblasst nicht einfach\u003c\/span\u003e✔️ Zeitlos und vielseitig ✔️ Perfektes Geschenk\u003c\/h4\u003e\n\u003ch4 style=\"text-align: left;\"\u003eZeigen Sie Ihre Einzigartigkeit mit unserem exklusiven Schmuck.\u003c\/h4\u003e\n\u003ch4 style=\"text-align: left;\"\u003eJetzt bestellen!\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003ctable class=\"elegant-table\" style=\"width: 382.844px;\" data-mce-style=\"width: 382.844px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eEigenschaften\u003c\/th\u003e\n\u003cth style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eDetails\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan class=\"property-title\" data-spm-anchor-id=\"a2g0o.detail.0.i14.18c45c72dC5CBP\"\u003eForm \\ Muster: \u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eMama Schiftzug Anhänger mit\u003cspan data-mce-fragment=\"1\"\u003e Halskette\u003c\/span\u003e\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\n\u003cspan data-mce-fragment=\"1\"\u003eKupfer\u003c\/span\u003e\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eGeschlecht\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eFrauen\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eFarbe\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eRosé\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eStil\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eMode \u0026amp; Casual\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eKettenlänge\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan\u003e45cm + 5 cm \u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eGewicht\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan\u003e10g\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eAnhängergröße (Breite x Höhe)\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\n\u003cp\u003e\u003cspan\u003e1cm * 4cm\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eSteine\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\n\u003cp\u003eKubik Zirkonia  (bunte)\u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e","brand":"Juwelier Milano","offers":[{"title":"Rosé","offer_id":44616671887625,"sku":null,"price":59.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/anhaenger_mama_schriftzug.jpg?v=1695387843"},{"product_id":"damen-herz-edelstahl-halskette-vergoldet","title":"Damen | weißer Herz Zirkonia Edelstahl Halskette vergoldet","description":"\u003ch2\u003eElegante Herz | vergoldete Edelstahl Halskette\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cdiv style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cimg alt=\"Damenschmuck Halsketten, Armbänder, Ringe, Ohrstecker\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/DamenschmuckBanner_1024x1024.png?v=1695054593\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cblockquote\u003e\n\u003ch2 style=\"text-align: left;\"\u003e\u003cspan style=\"color: #ce6655;\" data-mce-fragment=\"1\"\u003eIhre Einzigartigkeit, Ihr Stil: Entdecken Sie unsere Halsketten \u003c\/span\u003e\u003c\/h2\u003e\n\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\u003c!--\n.elegant-table {\n  font-family: Arial, sans-serif;\n  border-collapse: collapse;\n  width: 100%;\n  \n}\n\n.elegant-table td, .elegant-table th {\n  border: 1px solid #ddd;\n  padding: 8px;\n}\n\n.elegant-table th {\n  padding-top: 12px;\n  padding-bottom: 12px;\n  text-align: left;\n  background-color: #449e98;\n  color: white;\n  font-weight: bold;\n}\n\n.elegant-table tr:nth-child(even){background-color: #f2f2f2;}\n.elegant-table tr:hover {background-color: #ddd;}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003ctable style=\"width: 382.844px;\" class=\"elegant-table\" data-mce-style=\"width: 382.844px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eEigenschaften\u003c\/th\u003e\n\u003cth style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eDetails\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eTyp\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan mce-data-marked=\"1\"\u003eHerz Anhänger mit Kette mit Zirkonia Steinen\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eEdelstahl \u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eFarbe\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003evergoldet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eGeschlecht\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eFrauen\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eStil\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eMode \u0026amp; Casual\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eKettenlänge\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan\u003e40 + 5cm \u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eSteinen\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan\u003eZirkonia (weiß)\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eTauchen Sie ein in die Welt des persönlichen Stils und der Eleganz mit unserer exklusiven Edelstahl vergoldeten Herz-Halsketten. \u003c\/h4\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003e\u003cstrong\u003eEdelstahl Herz Halsketten\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003eIhre Einzigartigkeit. Ihr Stil. Unsere Halskette.\u003c\/h4\u003e\n\u003ch4\u003e✔️ Hochwertiges Edelstahlmaterial ✔️ Elegante Vergoldung und hochpoliert ✔️ Zeitlos und vielseitig ✔️ Perfektes Geschenk\u003c\/h4\u003e\n\u003ch4\u003eZeigen Sie Ihre Einzigartigkeit mit unserem exklusiven Schmuck.\u003c\/h4\u003e\n\u003ch4\u003eJetzt bestellen!\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\u003c\/div\u003e\n\u003ch3\u003e\n\u003cstrong\u003eBesonderheiten \/ Hinweise\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul align=\"start\"\u003e\n\u003cli\u003e\n\u003cp data-spm-anchor-id=\"a2g0o.detail.1000023.i2.43345d91Sv0k5M\" class=\"detail-desc-decorate-content\"\u003eDas Material des Produkts besteht aus Edelstahl. Verblasst nicht nach Kontakt mit Wasser. Wird sich nicht verdunkeln. Allergien vorbeugen!\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003everrostet nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003enicht allergisch\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003estark von Anti-Säure, Anti-Alkali\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ekeine Verformung\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan mce-data-marked=\"1\"\u003everblasst nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"vergoldet \/ weiß","offer_id":44616704000265,"sku":null,"price":69.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Herzkette.png?v=1695389781"},{"product_id":"damen-blauer-zirkonia-herz-edelstahl-halskette-vergoldet","title":"Damen | blauer Zirkonia Herz Edelstahl Halskette vergoldet","description":"\u003ch2\u003eElegante Herz | vergoldete Edelstahl Halskette\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cdiv style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cimg alt=\"Damenschmuck Halsketten, Armbänder, Ringe, Ohrstecker\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/DamenschmuckBanner_1024x1024.png?v=1695054593\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cblockquote\u003e\n\u003ch2 style=\"text-align: left;\"\u003e\u003cspan style=\"color: #ce6655;\" data-mce-fragment=\"1\"\u003eIhre Einzigartigkeit, Ihr Stil: Entdecken Sie unsere Halsketten \u003c\/span\u003e\u003c\/h2\u003e\n\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\u003c!--\n.elegant-table {\n  font-family: Arial, sans-serif;\n  border-collapse: collapse;\n  width: 100%;\n  \n}\n\n.elegant-table td, .elegant-table th {\n  border: 1px solid #ddd;\n  padding: 8px;\n}\n\n.elegant-table th {\n  padding-top: 12px;\n  padding-bottom: 12px;\n  text-align: left;\n  background-color: #449e98;\n  color: white;\n  font-weight: bold;\n}\n\n.elegant-table tr:nth-child(even){background-color: #f2f2f2;}\n.elegant-table tr:hover {background-color: #ddd;}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003ctable style=\"width: 382.844px;\" class=\"elegant-table\" data-mce-style=\"width: 382.844px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eEigenschaften\u003c\/th\u003e\n\u003cth style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eDetails\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eTyp\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan mce-data-marked=\"1\"\u003eHerz Anhänger mit Kette mit Zirkonia Steinen\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eEdelstahl \u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eFarbe\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003evergoldet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eGeschlecht\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eFrauen\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eStil\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eMode \u0026amp; Casual\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eKettenlänge\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan\u003e40 + 5cm \u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eStein\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eZirkonia (blau + weiß)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eTauchen Sie ein in die Welt des persönlichen Stils und der Eleganz mit unserer exklusiven Edelstahl vergoldeten Herz-Halsketten. \u003c\/h4\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003e\u003cstrong\u003eEdelstahl Herz Halsketten\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003eIhre Einzigartigkeit. Ihr Stil. Unsere Halskette.\u003c\/h4\u003e\n\u003ch4\u003e✔️ Hochwertiges Edelstahlmaterial ✔️ Elegante Vergoldung und hochpoliert ✔️ Zeitlos und vielseitig ✔️ Perfektes Geschenk\u003c\/h4\u003e\n\u003ch4\u003eZeigen Sie Ihre Einzigartigkeit mit unserem exklusiven Schmuck.\u003c\/h4\u003e\n\u003ch4\u003eJetzt bestellen!\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\u003c\/div\u003e\n\u003ch3\u003e\n\u003cstrong\u003eBesonderheiten \/ Hinweise\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul align=\"start\"\u003e\n\u003cli\u003e\n\u003cp data-spm-anchor-id=\"a2g0o.detail.1000023.i2.43345d91Sv0k5M\" class=\"detail-desc-decorate-content\"\u003eDas Material des Produkts besteht aus Edelstahl. Verblasst nicht nach Kontakt mit Wasser. Wird sich nicht verdunkeln. Allergien vorbeugen!\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003everrostet nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003enicht allergisch\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003estark von Anti-Säure, Anti-Alkali\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ekeine Verformung\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan mce-data-marked=\"1\"\u003everblasst nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"vergoldet \/ blau","offer_id":44616707768585,"sku":null,"price":69.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Herzkette_2.jpg?v=1695390425"},{"product_id":"kopie-von-damen-gruner-zirkonia-herz-edelstahl-halskette-vergoldet","title":"Damen | grüner Zirkonia Herz Edelstahl Halskette vergoldet","description":"\u003ch2\u003eElegante Herz | vergoldete Edelstahl Halskette\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cdiv style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cimg alt=\"Damenschmuck Halsketten, Armbänder, Ringe, Ohrstecker\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/DamenschmuckBanner_1024x1024.png?v=1695054593\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cblockquote\u003e\n\u003ch2 style=\"text-align: left;\"\u003e\u003cspan style=\"color: #ce6655;\" data-mce-fragment=\"1\"\u003eIhre Einzigartigkeit, Ihr Stil: Entdecken Sie unsere Halsketten \u003c\/span\u003e\u003c\/h2\u003e\n\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\u003c!--\n.elegant-table {\n  font-family: Arial, sans-serif;\n  border-collapse: collapse;\n  width: 100%;\n  \n}\n\n.elegant-table td, .elegant-table th {\n  border: 1px solid #ddd;\n  padding: 8px;\n}\n\n.elegant-table th {\n  padding-top: 12px;\n  padding-bottom: 12px;\n  text-align: left;\n  background-color: #449e98;\n  color: white;\n  font-weight: bold;\n}\n\n.elegant-table tr:nth-child(even){background-color: #f2f2f2;}\n.elegant-table tr:hover {background-color: #ddd;}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003ctable style=\"width: 382.844px;\" class=\"elegant-table\" data-mce-style=\"width: 382.844px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eEigenschaften\u003c\/th\u003e\n\u003cth style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eDetails\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eTyp\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan mce-data-marked=\"1\"\u003eHerz Anhänger mit Kette mit Zirkonia Steinen\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eEdelstahl \u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eFarbe\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003evergoldet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eGeschlecht\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eFrauen\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eStil\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eMode \u0026amp; Casual\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eKettenlänge\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan\u003e40 + 5cm \u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eStein\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eZirkonia (grün)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eTauchen Sie ein in die Welt des persönlichen Stils und der Eleganz mit unserer exklusiven Edelstahl vergoldeten Herz-Halsketten. \u003c\/h4\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003e\u003cstrong\u003eEdelstahl Herz Halsketten\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003eIhre Einzigartigkeit. Ihr Stil. Unsere Halskette.\u003c\/h4\u003e\n\u003ch4\u003e✔️ Hochwertiges Edelstahlmaterial ✔️ Elegante Vergoldung und hochpoliert ✔️ Zeitlos und vielseitig ✔️ Perfektes Geschenk\u003c\/h4\u003e\n\u003ch4\u003eZeigen Sie Ihre Einzigartigkeit mit unserem exklusiven Schmuck.\u003c\/h4\u003e\n\u003ch4\u003eJetzt bestellen!\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"scrollable-wrapper\" style=\"border-radius: 10px;\" data-mce-style=\"border-radius: 10px;\"\u003e\u003c\/div\u003e\n\u003ch3\u003e\n\u003cstrong\u003eBesonderheiten \/ Hinweise\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul align=\"start\"\u003e\n\u003cli\u003e\n\u003cp data-spm-anchor-id=\"a2g0o.detail.1000023.i2.43345d91Sv0k5M\" class=\"detail-desc-decorate-content\"\u003eDas Material des Produkts besteht aus Edelstahl. Verblasst nicht nach Kontakt mit Wasser. Wird sich nicht verdunkeln. Allergien vorbeugen!\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003everrostet nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003enicht allergisch\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003estark von Anti-Säure, Anti-Alkali\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ekeine Verformung\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan mce-data-marked=\"1\"\u003everblasst nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"vergoldet \/ grün","offer_id":44616714584329,"sku":null,"price":69.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Herzkette_3.jpg?v=1695390673"},{"product_id":"damen-herz-edelstahl-halskette-vergoldet-1","title":"Damen | Herz Edelstahl Halskette vergoldet","description":"\u003ch2\u003eElegante Herz | vergoldete Edelstahl Halskette\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cdiv style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/DamenschmuckBanner_1024x1024.png?v=1695054593\" alt=\"Damenschmuck Halsketten, Armbänder, Ringe, Ohrstecker\"\u003e\u003c\/div\u003e\n\u003cblockquote\u003e\n\u003ch2 style=\"text-align: left;\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ce6655;\"\u003eIhre Einzigartigkeit, Ihr Stil: Entdecken Sie unsere Halsketten \u003c\/span\u003e\u003c\/h2\u003e\n\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\u003c!--\n.elegant-table {\n  font-family: Arial, sans-serif;\n  border-collapse: collapse;\n  width: 100%;\n  \n}\n\n.elegant-table td, .elegant-table th {\n  border: 1px solid #ddd;\n  padding: 8px;\n}\n\n.elegant-table th {\n  padding-top: 12px;\n  padding-bottom: 12px;\n  text-align: left;\n  background-color: #449e98;\n  color: white;\n  font-weight: bold;\n}\n\n.elegant-table tr:nth-child(even){background-color: #f2f2f2;}\n.elegant-table tr:hover {background-color: #ddd;}\n--\u003e\u003c\/style\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003ctable class=\"elegant-table\" style=\"width: 382.844px;\" data-mce-style=\"width: 382.844px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eEigenschaften\u003c\/th\u003e\n\u003cth style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eDetails\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eTyp\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan mce-data-marked=\"1\"\u003eHerz Anhänger mit Kette\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eEdelstahl \u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eFarbe\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003evergoldet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eGeschlecht\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eFrauen\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003eStil\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003eMode \u0026amp; Casual\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 140px;\" data-mce-style=\"width: 140px;\"\u003e\u003cspan\u003eKettenlänge\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"width: 205.844px;\" data-mce-style=\"width: 205.844px;\"\u003e\u003cspan\u003e45 cm \u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eTauchen Sie ein in die Welt des persönlichen Stils und der Eleganz mit unserer exklusiven Edelstahl vergoldeten Herz-Halsketten. \u003c\/h4\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003e\u003cstrong\u003eEdelstahl Herz Halsketten\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003eIhre Einzigartigkeit. Ihr Stil. Unsere Halskette.\u003c\/h4\u003e\n\u003ch4\u003e✔️ Hochwertiges Edelstahlmaterial ✔️ Elegante Vergoldung und hochpoliert ✔️ Zeitlos und vielseitig ✔️ Perfektes Geschenk\u003c\/h4\u003e\n\u003ch4\u003eZeigen Sie Ihre Einzigartigkeit mit unserem exklusiven Schmuck.\u003c\/h4\u003e\n\u003ch4\u003eJetzt bestellen!\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"border-radius: 10px;\" class=\"scrollable-wrapper\" data-mce-style=\"border-radius: 10px;\"\u003e\u003c\/div\u003e\n\u003ch3\u003e\n\u003cstrong\u003eBesonderheiten \/ Hinweise\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/h3\u003e\n\u003cul align=\"start\"\u003e\n\u003cli\u003e\n\u003cp class=\"detail-desc-decorate-content\" data-spm-anchor-id=\"a2g0o.detail.1000023.i2.43345d91Sv0k5M\"\u003eDas Material des Produkts besteht aus Edelstahl. Verblasst nicht nach Kontakt mit Wasser. Wird sich nicht verdunkeln. Allergien vorbeugen!\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003everrostet nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003enicht allergisch\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003estark von Anti-Säure, Anti-Alkali\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003ekeine Verformung\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan mce-data-marked=\"1\"\u003everblasst nicht\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"vergoldet","offer_id":44616716681481,"sku":null,"price":49.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Herzkette_4.jpg?v=1695390789"},{"product_id":"edelstahl-kreuzkette-mit-gravur","title":"Edelstahl Kreuzkette – Persönlich gravierbar \u0026 zeitlos elegant","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003ctitle\u003eEdelstahl Kreuzkette mit Gravur\u003c\/title\u003e\n\n  \u003c!-- SEO --\u003e\n  \u003cmeta name=\"description\" content=\"Edelstahl Kreuzkette mit kostenloser Gravur. Massives Kreuz 27x55mm, 5mm stark, Popcorn-Kette 60cm. Zeitloses Unisex Design.\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n  \u003c!-- Fonts --\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n  \u003c!-- Bootstrap Icons --\u003e\n  \u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.1\/font\/bootstrap-icons.css\" rel=\"stylesheet\"\u003e\n\n  \u003cstyle\u003e\n    \/* ==============================\n       SCOPED PRODUCT STYLES\n       ============================== *\/\n\n    .engraving-product {\n      font-family: 'Inter', sans-serif;\n      color: #111;\n    }\n\n    .engraving-product .container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n\n    \/* HERO *\/\n    .engraving-hero {\n  padding: 80px 20px;\n  background: #f9f9f9;\n}\n\n.engraving-hero-grid-wrapper {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 15px;\n}\n\n.engraving-hero-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: start; \/* Bild auf gleiche Höhe wie Text *\/\n}\n\n.engraving-hero-text {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.engraving-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 600;\n  color: #bfac79;\n  margin-bottom: 15px;\n}\n\n.engraving-badge i {\n  font-size: 1.2rem;\n}\n\n.engraving-hero-text h1 {\n  font-size: 3.8rem;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #222;\n    font-weight: 600;\n  font-family: 'Playfair Display', serif;\n}\n\n.engraving-hero-text p {\n  font-size: 1.4rem;\n  color: #555;\n  margin-bottom: 25px;\n}\n\n    .engraving-cta {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 16px 40px;\n      background: #111;\n      color: #fff;\n      border-radius: 40px;\n      font-weight: 500;\n      transition: all .3s ease;\n    }\n\n    .engraving-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 20px 40px rgba(0,0,0,.2);\n    }\n\n    .engraving-trust {\n     margin-top: 25px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n      color: #777;\n      flex-wrap: wrap;\n    }\n\n    .engraving-trust span {\n      display: flex;\n  align-items: center;\n  gap: 8px;\n    }\n    .engraving-image {\n display: flex;\n  align-items: flex-start; \/* Bild oben an Text ausrichten *\/\n  justify-content: center;\n}\n\n   .engraving-image img {\n   width: 100%;\n  max-width: 550px; \/* optional, für Desktop-Breite *\/\n  object-fit: contain;\n  border-radius: 30px;\n       box-shadow: 0 30px 80px rgba(0,0,0,0.18);\n}\n\n    \/* Responsive *\/\n@media (max-width: 992px) {\n  .engraving-hero-grid {\n    grid-template-columns: 1fr;\n    gap: 50px;\n  }\n  .engraving-image {\n    justify-content: center;\n  }\n  .engraving-hero-text h1 {\n    font-size: 2.9rem;\n     margin-top: 0px;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #222;\n    font-weight: 600;\n  }\n}\n\n    \/* SECTIONS *\/\n    .engraving-section {\n      padding: 40px 0;\n    }\n\n    .engraving-section h2 {\n      font-family: 'Playfair Display', serif;\n      font-size: 38px;\n      margin-bottom: 20px;\n    }\n\n    .engraving-section-desc {\n      max-width: 720px;\n      color: #666;\n      margin-bottom: 60px;\n    }\n\n    \/* FEATURES *\/\n    .engraving-features {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n      gap: 40px;\n    }\n\n    .engraving-feature {\n      background: #fff;\n      padding: 40px;\n      border-radius: 28px;\n      box-shadow: 0 20px 50px rgba(0,0,0,.06);\n      transition: transform .4s ease;\n    }\n\n    .engraving-feature:hover {\n      transform: translateY(-6px);\n    }\n\n    .engraving-feature i {\n      font-size: 32px;\n      color: #b6a573;\n      margin-bottom: 14px;\n      display: inline-block;\n    }\n\n    .engraving-feature h3 {\n      margin-bottom: 10px;\n      font-size: 18px;\n    }\n\n    .engraving-feature p {\n      font-size: 15px;\n      color: #666;\n    }\n\n    \/* SPECS *\/\n    .engraving-specs {\n      background: #fff;\n      border-radius: 30px;\n      padding: 50px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 40px;\n      box-shadow: 0 20px 50px rgba(0,0,0,.05);\n    }\n\n    .engraving-specs ul {\n      list-style: none;\n      padding: 0;\n    }\n\n    .engraving-specs li {\n      padding: 12px 0;\n      border-bottom: 1px solid #eee;\n      font-size: 15px;\n      display: flex;\n      gap: 10px;\n      align-items: center;\n    }\n\n    .engraving-specs i {\n      color: #b6a573;\n    }\n\n    \/* CTA STRIP *\/\n    .engraving-cta-strip {\n      background: linear-gradient(135deg, #111, #1c1c1c);\n      color: #fff;\n      padding: 80px 20px;\n      text-align: center;\n    }\n\n    .engraving-cta-strip h2 {\n      color: #fff;\n      margin-bottom: 20px;\n    }\n\n    .engraving-cta-strip p {\n      color: #ccc;\n      margin-bottom: 30px;\n    }\n\n    \/* ANIMATION *\/\n    .engraving-fade {\n      opacity: 0;\n      transform: translateY(30px);\n      transition: 1s ease;\n    }\n\n    .engraving-fade.show {\n      opacity: 1;\n      transform: none;\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 900px) {\n      .engraving-hero-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n      }\n    }\n\n.engraving-collection-btn {\n    position: relative;\n    padding: 14px 28px;\n    border-radius: 12px;\n      background: linear-gradient(135deg, #c7aaaa, #1a1a1a);\n    color: rgb(255, 255, 255);\n    font-weight: 600;\n    font-size: 15px;\n    letter-spacing: .5px;\n    border: 1px solid rgba(220, 184, 75, 0.6);\n    cursor: pointer;\n    overflow: hidden;\n    box-shadow: 0 0 0 rgba(220, 184, 75, 0), inset 0 0 0 rgba(220, 184, 75, 0);\n    transition: all .35s ease;\n}\n .engraving-collection-btn:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 0 25px rgba(220, 184, 75, .45), inset 0 0 20px rgba(220, 184, 75, .15);\n    color: #ffdd7a;\n }\n.engraving-collection-btn::before {\n    content: '';\n    position: absolute;\n    inset: -1px;\n    border-radius: inherit;\n    background: radial-gradient(circle at 50% 120%, rgba(220, 184, 75, .35), transparent 65%);\n    opacity: .45;\n    pointer-events: none;\n    animation: idleGlow 4.5s ease-in-out infinite;\n}\n    .engraving-collection-btn::after {\n    content: '';\n    position: absolute;\n    inset: -120%;\n    background: radial-gradient(circle, rgba(220, 184, 75, .55), transparent 60%);\n    opacity: 0;\n    transform: scale(.2);\n    pointer-events: none;\n}\n\n.engraving-collection-btn:hover::after {\n    animation: pulseGlow 1.1s ease-out forwards;\n}\n\n\n    \n.micro-trust-valentine {\n    margin-top: 1.5rem;\n    font-size: 1.3rem;\n    color: #746742;\n    font-weight: 600;\n}\n\u003c!-- =========================\n     SPECS CSS\n========================== --\u003e\n\u003cstyle\u003e\n.engraving-specs {\n  display: flex;\n  justify-content: center;\n  gap: 60px; \/* Abstand zwischen den beiden Listen *\/\n  flex-wrap: wrap; \/* wichtig für mobile Ansicht *\/\n  margin-top: 30px;\n}\n\n.engraving-specs ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.engraving-specs ul li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  \n  color: #555;\n  margin-bottom: 12px;\n}\n\n.engraving-specs ul li i {\n   color: #bfac79;\n  \n  transition: transform 0.3s ease, color 0.3s ease;\n}\n    .engraving-specs ul li:hover i {\n  transform: scale(1.3);\n  color: #9f8650;\n}\n\n\/* Responsive: Auf mobilen Geräten untereinander zentrieren *\/\n@media (max-width: 768px) {\n  .engraving-specs {\n    flex-direction: column;\n    align-items: center;\n    gap: 25px;\n    grid-template-columns: auto;\n  }\n  .engraving-specs ul {\n    text-align: center;\n  }\n}\n\n    \/* Größen Auswahl *\/\n.engraving-size-selector {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  margin: 30px 0 40px;\n  flex-wrap: wrap;\n}\n\n.size-btn {\n  border: 1px solid #ddd;\n  background: #fff;\n  border-radius: 14px;\n  padding: 14px 22px;\n  cursor: pointer;\n  font-weight: 600;\n  text-align: center;\n  transition: all 0.3s ease;\n}\n\n.size-btn span {\n  display: block;\n  font-size: 13px;\n  color: #777;\n  margin-top: 4px;\n}\n\n.size-btn:hover {\n  border-color: #bfac79;\n  transform: translateY(-2px);\n}\n\n.size-btn.active {\n  background: #f7f4ef;\n  border-color: #bfac79;\n  color: #000;\n  box-shadow: 0 8px 20px rgba(0,0,0,0.08);\n}\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n  .engraving-size-selector {\n    gap: 12px;\n  }\n\n  .size-btn {\n    width: 100%;\n    max-width: 260px;\n  }\n}\n\/* =========================\n   SHIPPING \u0026 TRUST BLOCK\n========================== *\/\n\n.engraving-shipping {\n  padding: 20px 0;\n  background: linear-gradient(180deg, #faf9f7 0%, #ffffff 100%);\n}\n\n.engraving-shipping-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 40px;\n}\n    .engraving-shipping h2 {\n  font-size: 2.2rem;\n  font-weight: 700;\n  margin-bottom: 40px;\n  color: #1f2a2a;\n      text-align: center;\n}\n\n.shipping-item {\n  text-align: center;\n  padding: 40px 28px;\n  background: #fff;\n  border-radius: 20px;\n  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.06);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n\n.shipping-item:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 28px 65px rgba(0, 0, 0, 0.1);\n}\n\n.shipping-item i {\n  font-size: 2.8rem;\n  color: #bfac79; \/* warmes Premium-Gold *\/\n  margin-bottom: 18px;\n}\n\n.shipping-item h3 {\n  font-size: 1.6rem;\n  margin-bottom: 10px;\n  font-weight: 600;\n  color: #1f2a2a;\n      margin-top: 10px;\n}\n\n.shipping-item p {\n  font-size: 1.3rem;\n  color: #555;\n  line-height: 1.6;\n}\n\n\/* =========================\n   RESPONSIVE\n========================== *\/\n\n@media (max-width: 900px) {\n  .engraving-shipping-grid {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n\n  .shipping-item {\n    padding: 32px 22px;\n  }\n}\n\/* =========================\n   WHY CROSS NECKLACE STORY BLOCK\n========================== *\/\n\n.engraving-why-cross {\n  padding: 80px 0;\n  background: #faf9f7;\n  text-align: center;\n}\n\n.engraving-why-cross h2 {\n  font-size: 2.2rem;\n  font-weight: 700;\n  margin-bottom: 16px;\n  color: #1f2a2a;\n}\n\n.engraving-why-cross p {\n  max-width: 650px;\n  margin: 0 auto 50px auto;\n  font-size: 1.3rem;\n  line-height: 1.7;\n  color: #555;\n}\n\n.engraving-why-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 40px;\n}\n\n.engraving-feature {\n  background: #fff;\n  padding: 30px 20px;\n  border-radius: 20px;\n  box-shadow: 0 18px 45px rgba(0,0,0,0.06);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n\n.engraving-feature:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 28px 65px rgba(0,0,0,0.1);\n}\n\n.engraving-feature i {\n  font-size: 2.5rem;\n  color: #bfac79; \/* Premium-Gold *\/\n  margin-bottom: 16px;\n}\n\n.engraving-feature h3 {\n  font-size: 1.6rem;\n  margin-bottom: 10px;\n  font-weight: 600;\n  color: #1f2a2a;\n      margin-top: 10px;\n}\n\n.engraving-feature p {\n  font-size: 1.3rem;\n  line-height: 1.6;\n  color: #555;\n}\n\n\/* =========================\n   RESPONSIVE\n========================== *\/\n@media (max-width: 1200px) {\n  .engraving-why-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n  }\n}\n\n@media (max-width: 700px) {\n  .engraving-why-grid {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .engraving-why-cross p {\n    margin-bottom: 40px;\n  }\n}\n\n\/* =========================\n   GRAVUR LIVE PREVIEW\n========================== *\/\n\n.engraving-preview-section {\n  padding: 90px 0;\n  background: #ffffff;\n}\n\n.engraving-preview-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n}\n\n\/* IMAGE *\/\n.engraving-preview-image {\n  position: relative;\n  max-width: 460px;\n}\n\n.engraving-preview-image img {\n  width: 100%;\n  border-radius: 28px;\n  box-shadow: 0 25px 65px rgba(0,0,0,0.12);\n}\n\n\n\n    \n  \u003c\/style\u003e\n\n\n\n\n\u003cdiv class=\"engraving-product\"\u003e\n\n  \u003c!-- =========================\n     HERO: Edelstahl Kreuzkette\n========================== --\u003e\n\u003csection class=\"engraving-hero engraving-fade show\"\u003e\n  \u003cdiv class=\"engraving-hero-grid-wrapper\"\u003e\n    \u003cdiv class=\"engraving-hero-grid\"\u003e\n\n      \u003c!-- Textbereich --\u003e\n      \u003cdiv class=\"engraving-hero-text\"\u003e\n        \u003cspan class=\"engraving-badge\"\u003e\n          \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose Gravur\n        \u003c\/span\u003e\n\n        \u003ch1\u003eEdelstahl Kreuzkette\u003cbr\u003emit persönlicher Gravur\u003c\/h1\u003e\n\n        \u003cp\u003e\n          Ein kraftvolles Symbol aus massivem Edelstahl – individuell graviert und geschaffen,\n          um Bedeutung zu tragen.\n        \u003c\/p\u003e\n\n        \u003c!-- CTA Button scrollt nach oben zum Produktformular --\u003e\n        \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n          Jetzt personalisieren \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"micro-trust-valentine\"\u003e\n          Sicher · Persönlich · Handgefertigt\n        \u003c\/div\u003e\n\n        \u003c!-- Trust Icons --\u003e\n        \u003cdiv class=\"engraving-trust\"\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e Edelstahl \u003c\/span\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-rulers\"\u003e\u003c\/i\u003e 60 cm Kette\u003c\/span\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-gender-ambiguous\"\u003e\u003c\/i\u003e Unisex\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Bildbereich --\u003e\n      \u003cdiv class=\"engraving-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Kreuzkette_big_edelstahl.png?v=1769086791\" alt=\"Edelstahl Kreuzkette mit Gravur\"\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n  \u003c!-- =========================\n     WHY CROSS NECKLACE STORY BLOCK\n========================== --\u003e\n\u003csection class=\"engraving-why-cross engraving-fade\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003ch2\u003eWarum diese Kreuzkette?\u003c\/h2\u003e\n    \u003cp\u003e\n      Eine Kreuzkette ist mehr als Schmuck – sie ist ein Ausdruck von Glauben, Stärke und Individualität. Massives Edelstahl, präzise graviert und sorgfältig verarbeitet.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"engraving-why-grid\"\u003e\n      \n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eHochwertiges Material\u003c\/h3\u003e\n        \u003cp\u003eEdelstahl, robust, glänzend und allergiefrei – perfekt für den täglichen Gebrauch.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eIndividuelle Gravur\u003c\/h3\u003e\n        \u003cp\u003eInitialen, Datum oder ein kurzes Wort – deine persönliche Botschaft, kostenlos graviert.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-heart-fill\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eSymbolik \u0026amp; Bedeutung\u003c\/h3\u003e\n        \u003cp\u003eEin Kreuz als Zeichen von Stärke, Schutz und Zusammenhalt – stilvoll und unisex.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-stars\"\u003e\u003c\/i\u003e\n        \u003ch3\u003ePremium-Verarbeitung\u003c\/h3\u003e\n        \u003cp\u003ePolierte Oberfläche, klare Linien, elegant gestaltet – ein langlebiges Schmuckstück.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n     SHIPPING \u0026 TRUST BLOCK\n========================== --\u003e\n\u003csection class=\"engraving-shipping engraving-fade\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003ch2\u003eSorgfältig gefertigt \u0026amp; sicher geliefert\u003c\/h2\u003e\n    \u003cdiv class=\"engraving-shipping-grid\"\u003e\n\n      \u003cdiv class=\"shipping-item\"\u003e\n        \u003ci class=\"bi bi-truck\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eSchneller Versand\u003c\/h3\u003e\n        \u003cp\u003e\n          Versand innerhalb von \u003cstrong\u003e1–3 Werktagen\u003c\/strong\u003e  \n          nach Gravur – sorgfältig \u0026amp; sicher verpackt.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"shipping-item\"\u003e\n        \u003ci class=\"bi bi-geo-alt\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eHandarbeit in Deutschland\u003c\/h3\u003e\n        \u003cp\u003e\n          Jede Gravur entsteht in unserem Familienbetrieb –  \n          \u003cstrong\u003ekeine Externe Arbeit\u003c\/strong\u003e, kein Dropshipping.\n        \u003c\/p\u003e\n          \u003cp\u003eJede Gravur wird vor dem Versand manuell kontrolliert, damit dein Schmuckstück genau so ankommt, wie du es dir wünschst. \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"shipping-item\"\u003e\n        \u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eSicher \u0026amp; Vertrauensvoll\u003c\/h3\u003e\n        \u003cp\u003e\n          \n          Sichere Zahlung, persönlicher Support  \n          und höchste Qualitätskontrolle vor dem Versand. \u003c\/p\u003e\n        \u003cp\u003eSollte etwas nicht passen, findest du mit uns\n        unkompliziert eine Lösung.  \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n  \n  \u003c!-- FEATURES --\u003e\n  \u003csection class=\"engraving-section engraving-fade\"\u003e\n    \u003cdiv class=\"container engraving-hero-text\"\u003e\n      \u003ch1\u003eMehr als ein Schmuckstück\u003c\/h1\u003e\n      \u003cp class=\"engraving-section-desc\"\u003e\n        Diese Kreuzkette steht für Beständigkeit, Persönlichkeit und zeitlose Eleganz.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"engraving-features\"\u003e\n        \u003cdiv class=\"engraving-feature\"\u003e\n          \u003ci class=\"bi bi-type\"\u003e\u003c\/i\u003e\n          \u003ch3\u003eIndividuelle Gravur\u003c\/h3\u003e\n          \u003cp\u003eKostenlose Personalisierung mit Initialen, Datum oder Botschaft.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"engraving-feature\"\u003e\n          \u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e\n          \u003ch3\u003eMassives Design\u003c\/h3\u003e\n          \u003cp\u003e5 mm starkes Kreuz – spürbare Qualität \u0026amp; langlebig.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"engraving-feature\"\u003e\n          \u003ci class=\"bi bi-link-45deg\"\u003e\u003c\/i\u003e\n          \u003ch3\u003ePopcorn-Kette\u003c\/h3\u003e\n          \u003cp\u003eAngenehmer Sitz, hochwertiger Look, 60 cm Länge.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"engraving-feature\"\u003e\n          \u003ci class=\"bi bi-person\"\u003e\u003c\/i\u003e\n          \u003ch3\u003eUnisex\u003c\/h3\u003e\n          \u003cp\u003eReduziert, elegant – für Damen \u0026amp; Herren geeignet.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- =========================\n     SPECS SECTION\n========================== --\u003e\n\u003csection class=\"engraving-section engraving-fade\"\u003e\n  \u003cdiv class=\"container engraving-hero-text\"\u003e\n    \u003ch1\u003eProduktdetails\u003c\/h1\u003e\n\n    \u003c!-- Größen Auswahl --\u003e\n    \u003cdiv class=\"engraving-size-selector\"\u003e\n      \u003cbutton class=\"size-btn active\" data-size=\"17 × 30 mm\"\u003e\n        Small\u003cbr\u003e\u003cspan\u003e17 × 30 mm\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"size-btn\" data-size=\"24 × 42 mm\"\u003e\n        Medium\u003cbr\u003e\u003cspan\u003e24 × 42 mm\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"size-btn\" data-size=\"27 × 50 mm\"\u003e\n        Big\u003cbr\u003e\u003cspan\u003e27 × 50 mm\u003c\/span\u003e\n      \u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Specs --\u003e\n    \u003cdiv class=\"engraving-specs\"\u003e\n      \u003cul\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-box\"\u003e\u003c\/i\u003e \u003cstrong\u003eMaterial:\u003c\/strong\u003e Edelstahl\u003c\/li\u003e\n        \u003cli\u003e\n          \u003ci class=\"bi bi-arrows-angle-expand\"\u003e\u003c\/i\u003e\n          \u003cstrong\u003eGröße:\u003c\/strong\u003e\n          \u003cspan id=\"engraving-size-value\"\u003e17 × 30 mm\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-layers\"\u003e\u003c\/i\u003e \u003cstrong\u003eDicke:\u003c\/strong\u003e 5 mm\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-brightness-high\"\u003e\u003c\/i\u003e \u003cstrong\u003eFinish:\u003c\/strong\u003e Hochglanz\u003c\/li\u003e\n      \u003c\/ul\u003e\n\n      \u003cul\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-link\"\u003e\u003c\/i\u003e \u003cstrong\u003eKette:\u003c\/strong\u003e Popcorn\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-rulers\"\u003e\u003c\/i\u003e \u003cstrong\u003eLänge:\u003c\/strong\u003e 60 cm\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-gender-ambiguous\"\u003e\u003c\/i\u003e \u003cstrong\u003eGeschlecht:\u003c\/strong\u003e Unisex\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e \u003cstrong\u003eGravur:\u003c\/strong\u003e Kostenlos\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\n\n    \n\u003c!-- CTA --\u003e\n  \u003csection class=\"engraving-cta-strip engraving-fade\" id=\"gravur\"\u003e\u003ci class=\"bi bi-stars\" style=\"\n    font-size: 6rem;\n    color: #c0a860;\n\"\u003e\u003c\/i\u003e\n    \u003ch2 style=\"margin-top: 15px;\"\u003eDeine Gravur. Deine Geschichte.\u003c\/h2\u003e\n    \u003cp\u003eEin Schmuckstück, das mehr sagt als Worte. \u003c\/p\u003e\n   \u003cp\u003e Handarbeit mit Herz. Wir verewigen Emotionen – präzise, hochwertig und mit Respekt.\u003c\/p\u003e\n\u003cp style=\"color:#fff;font-weight:400;\"\u003eExcellence seit 1991.\u003c\/p\u003e\n \n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  const engravingObserver = new IntersectionObserver(entries =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('show');\n      }\n    });\n  }, { threshold: 0.2 });\n\n  document.querySelectorAll('.engraving-fade').forEach(el =\u003e engravingObserver.observe(el));\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const ctaButtons = document.querySelectorAll(\".js-scroll-to-form\");\n\n  ctaButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", function (e) {\n      e.preventDefault();\n\n      const productForm = document.querySelector(\"#product-form, form[action*='\/cart\/add']\");\n\n      if (!productForm) return;\n\n      productForm.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"start\"\n      });\n\n      \/\/ Optional: Fokus setzen (Accessibility + UX)\n      const firstInput = productForm.querySelector(\"input, textarea, select\");\n      if (firstInput) firstInput.focus();\n    });\n  });\n});\n  document.addEventListener(\"DOMContentLoaded\", function() {\n  const uls = document.querySelectorAll('.engraving-specs ul');\n  const observer = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(entry =\u003e {\n      if(entry.isIntersecting) {\n        entry.target.classList.add('visible');\n      }\n    });\n  }, { threshold: 0.3 });\n\n  uls.forEach(ul =\u003e observer.observe(ul));\n});\n document.querySelectorAll('.size-btn').forEach(btn =\u003e {\n  btn.addEventListener('click', () =\u003e {\n    document.querySelectorAll('.size-btn').forEach(b =\u003e b.classList.remove('active'));\n    btn.classList.add('active');\n\n    const size = btn.getAttribute('data-size');\n    document.getElementById('engraving-size-value').textContent = size;\n  });\n});\n \n\u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"Juwelier Milano","offers":[{"title":"Big (27x50mm)","offer_id":56773967085833,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"medium (24x42mm)","offer_id":56773967118601,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Small (17x30mm)","offer_id":56773967151369,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Kreuzkette_big_edelstahl_2.png?v=1769086791"},{"product_id":"edelstahl-herzanhanger-gravur","title":"Edelstahl Herzanhänger mit persönlicher Gravur","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003ctitle\u003eEdelstahl Herzanhänger mit persönlicher Gravur\u003c\/title\u003e\n\n  \u003c!-- SEO --\u003e\n  \u003cmeta name=\"description\" content=\"Edelstahl Herzanhänger mit kostenloser Gravur. Massiver Herzanhänger 29x33mm, Hochglanz poliert. Zeitloses Unisex Design.\"\u003e\n  \u003cmeta name=\"keywords\" content=\"Herzanhänger Gravur, Edelstahl Herz Anhänger, personalisierter Schmuck, Herz Kette graviert, Geschenk Liebe, Gravur Schmuck\"\u003e\n\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n  \u003c!-- Fonts --\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n  \u003c!-- Bootstrap Icons --\u003e\n  \u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.1\/font\/bootstrap-icons.css\" rel=\"stylesheet\"\u003e\n\n  \u003cstyle\u003e\n    \/* ==============================\n       SCOPED PRODUCT STYLES\n       ============================== *\/\n\n    .engraving-product {\n      font-family: 'Inter', sans-serif;\n      color: #111;\n    }\n\n    .engraving-product .container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n    .engraving-product .container2 {\n      max-width: 1200px;\n      width:110%;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n\n    \/* HERO *\/\n    .engraving-hero {\n  padding: 80px 20px;\n  background: #f9f9f9;\n}\n\n.engraving-hero-grid-wrapper {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 15px;\n}\n\n.engraving-hero-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: start; \/* Bild auf gleiche Höhe wie Text *\/\n}\n\n.engraving-hero-text {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.engraving-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 600;\n  color: #bfac79;\n  margin-bottom: 15px;\n}\n\n.engraving-badge i {\n  font-size: 1.2rem;\n}\n\n.engraving-hero-text h1 {\n  font-size: 3.8rem;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #222;\n    font-weight: 600;\n  font-family: 'Playfair Display', serif;\n}\n\n.engraving-hero-text p {\n  font-size: 1.4rem;\n  color: #555;\n  margin-bottom: 25px;\n}\n\n    .engraving-cta {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 16px 40px;\n      background: #111;\n      color: #fff;\n      border-radius: 40px;\n      font-weight: 500;\n      transition: all .3s ease;\n    }\n\n    .engraving-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 20px 40px rgba(0,0,0,.2);\n    }\n\n    .engraving-trust {\n     margin-top: 25px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n      color: #777;\n      flex-wrap: wrap;\n    }\n\n    .engraving-trust span {\n      display: flex;\n  align-items: center;\n  gap: 8px;\n    }\n    .engraving-image {\n display: flex;\n  align-items: flex-start; \/* Bild oben an Text ausrichten *\/\n  justify-content: center;\n}\n\n   .engraving-image img {\n   width: 100%;\n  max-width: 550px; \/* optional, für Desktop-Breite *\/\n  object-fit: contain;\n  border-radius: 30px;\n       box-shadow: 0 2px 28px rgb(0 0 0 \/ 47%);\n     \/* box-shadow: 0 30px 80px rgba(0,0,0,0.18); *\/\n}\n\n    \/* Responsive *\/\n@media (max-width: 992px) {\n  .engraving-hero-grid {\n    grid-template-columns: 1fr;\n    gap: 50px;\n  }\n  .engraving-image {\n    justify-content: center;\n  }\n  .engraving-hero-text h1 {\n    font-size: 2.9rem;\n     margin-top: 0px;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #222;\n    font-weight: 600;\n  }\n}\n\n    \/* SECTIONS *\/\n    .engraving-section {\n      padding: 40px 0;\n    }\n\n    .engraving-section h2 {\n      font-family: 'Playfair Display', serif;\n      font-size: 38px;\n      margin-bottom: 20px;\n    }\n\n    .engraving-section-desc {\n      max-width: 720px;\n      color: #666;\n      margin-bottom: 60px;\n    }\n\n    \/* FEATURES *\/\n    .engraving-features {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n      gap: 40px;\n    }\n\n    .engraving-feature {\n      background: #fff;\n      padding: 40px;\n      border-radius: 28px;\n      box-shadow: 0 20px 50px rgba(0,0,0,.06);\n      transition: transform .4s ease;\n    }\n\n    .engraving-feature:hover {\n      transform: translateY(-6px);\n    }\n\n    .engraving-feature i {\n      font-size: 32px;\n      color: #b6a573;\n      margin-bottom: 14px;\n      display: inline-block;\n    }\n\n    .engraving-feature h3 {\n      margin-bottom: 10px;\n      font-size: 18px;\n    }\n\n    .engraving-feature p {\n      font-size: 15px;\n      color: #666;\n    }\n\n    \/* SPECS *\/\n    .engraving-specs {\n      background: #fff;\n      border-radius: 30px;\n      padding: 50px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 40px;\n      box-shadow: 0 20px 50px rgba(0,0,0,.05);\n    }\n\n    .engraving-specs ul {\n      list-style: none;\n      padding: 0;\n    }\n\n    .engraving-specs li {\n      padding: 12px 0;\n      border-bottom: 1px solid #eee;\n      font-size: 15px;\n      display: flex;\n      gap: 10px;\n      align-items: center;\n    }\n\n    .engraving-specs i {\n      color: #b6a573;\n    }\n\n    \/* CTA STRIP *\/\n    .engraving-cta-strip {\n      background: linear-gradient(135deg, #111, #1c1c1c);\n      color: #fff;\n      padding: 80px 20px;\n      text-align: center;\n    }\n\n    .engraving-cta-strip h2 {\n      color: #fff;\n      margin-bottom: 20px;\n    }\n\n    .engraving-cta-strip p {\n      color: #ccc;\n      margin-bottom: 30px;\n    }\n\n    \/* ANIMATION *\/\n    .engraving-fade {\n      opacity: 0;\n      transform: translateY(30px);\n      transition: 1s ease;\n    }\n\n    .engraving-fade.show {\n      opacity: 1;\n      transform: none;\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 900px) {\n      .engraving-hero-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n      }\n    }\n\n.engraving-collection-btn {\n    position: relative;\n    padding: 14px 28px;\n    border-radius: 12px;\n      background: linear-gradient(135deg, #c7aaaa, #1a1a1a);\n    color: rgb(255, 255, 255);\n    font-weight: 400;\n    font-size: 13px;\n  border-radius: 999px;\n    letter-spacing: .5px;\n    border: 1px solid rgba(220, 184, 75, 0.6);\n    cursor: pointer;\n    overflow: hidden;\n    box-shadow: 0 0 0 rgba(220, 184, 75, 0), inset 0 0 0 rgba(220, 184, 75, 0);\n    transition: all .35s ease;\n}\n .engraving-collection-btn:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 0 25px rgba(220, 184, 75, .45), inset 0 0 20px rgba(220, 184, 75, .15);\n    color: #ffdd7a;\n }\n.engraving-collection-btn::before {\n    content: '';\n    position: absolute;\n    inset: -1px;\n    border-radius: inherit;\n    background: radial-gradient(circle at 50% 120%, rgba(220, 184, 75, .35), transparent 65%);\n    opacity: .45;\n    pointer-events: none;\n    animation: idleGlow 4.5s ease-in-out infinite;\n}\n    .engraving-collection-btn::after {\n    content: '';\n    position: absolute;\n    inset: -120%;\n    background: radial-gradient(circle, rgba(220, 184, 75, .55), transparent 60%);\n    opacity: 0;\n    transform: scale(.2);\n    pointer-events: none;\n}\n\n.engraving-collection-btn:hover::after {\n    animation: pulseGlow 1.1s ease-out forwards;\n}\n\n\n    \n.micro-trust-valentine {\n    margin-top: 1.5rem;\n    font-size: 1.3rem;\n    color: #746742;\n    font-weight: 600;\n}\n\u003c!-- =========================\n     SPECS CSS\n========================== --\u003e\n\u003cstyle\u003e\n.engraving-specs {\n  display: flex;\n  justify-content: center;\n  gap: 60px; \/* Abstand zwischen den beiden Listen *\/\n  flex-wrap: wrap; \/* wichtig für mobile Ansicht *\/\n  margin-top: 30px;\n}\n\n.engraving-specs ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.engraving-specs ul li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  \n  color: #555;\n  margin-bottom: 12px;\n}\n\n.engraving-specs ul li i {\n   color: #bfac79;\n  \n  transition: transform 0.3s ease, color 0.3s ease;\n}\n    .engraving-specs ul li:hover i {\n  transform: scale(1.3);\n  color: #9f8650;\n}\n\n\/* Responsive: Auf mobilen Geräten untereinander zentrieren *\/\n@media (max-width: 768px) {\n  .engraving-specs {\n    flex-direction: column;\n    align-items: center;\n    gap: 25px;\n    grid-template-columns: auto;\n  }\n  .engraving-specs ul {\n    text-align: center;\n  }\n}\n\n    \/* Größen Auswahl *\/\n.engraving-size-selector {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  margin: 30px 0 40px;\n  flex-wrap: wrap;\n}\n\n.size-btn {\n  border: 1px solid #ddd;\n  background: #fff;\n  border-radius: 14px;\n  padding: 14px 22px;\n  cursor: pointer;\n  font-weight: 600;\n  text-align: center;\n  transition: all 0.3s ease;\n}\n\n.size-btn span {\n  display: block;\n  font-size: 13px;\n  color: #777;\n  margin-top: 4px;\n}\n\n.size-btn:hover {\n  border-color: #bfac79;\n  transform: translateY(-2px);\n}\n\n.size-btn.active {\n  background: #f7f4ef;\n  border-color: #bfac79;\n  color: #000;\n  box-shadow: 0 8px 20px rgba(0,0,0,0.08);\n}\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n  .engraving-size-selector {\n    gap: 12px;\n  }\n\n  .size-btn {\n    width: 100%;\n    max-width: 260px;\n  }\n}\n\/* =========================\n   SHIPPING \u0026 TRUST BLOCK\n========================== *\/\n\n.engraving-shipping {\n  padding: 20px 0;\n  background: linear-gradient(180deg, #faf9f7 0%, #ffffff 100%);\n}\n\n.engraving-shipping-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 40px;\n}\n.engraving-shipping h2 {\n  font-size: 2.2rem;\n  font-weight: 700;\n  margin-bottom: 40px;\n  color: #1f2a2a;\n      text-align: center;\n}\n.shipping-item {\n  text-align: center;\n  padding: 40px 28px;\n  background: #fff;\n  border-radius: 20px;\n  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.06);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n\n.shipping-item:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 28px 65px rgba(0, 0, 0, 0.1);\n}\n\n.shipping-item i {\n  font-size: 2.8rem;\n  color: #bfac79; \/* warmes Premium-Gold *\/\n  margin-bottom: 18px;\n}\n\n.shipping-item h3 {\n  font-size: 1.6rem;\n  margin-bottom: 10px;\n  font-weight: 600;\n  color: #1f2a2a;\n      margin-top: 10px;\n}\n\n.shipping-item p {\n  font-size: 1.3rem;\n  color: #555;\n  line-height: 1.6;\n}\n\n\/* =========================\n   RESPONSIVE\n========================== *\/\n\n@media (max-width: 900px) {\n  .engraving-shipping-grid {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n\n  .shipping-item {\n    padding: 32px 22px;\n  }\n}\n\n\/* =========================\n   WHY HEART STORY BLOCK\n========================== *\/\n\n.engraving-why-heart {\n  padding: 80px 0;\n  background: #faf9f7;\n  text-align: center;\n}\n\n.engraving-why-heart h2 {\n  font-size: 2.2rem;\n  font-weight: 700;\n  margin-bottom: 16px;\n  color: #1f2a2a;\n}\n\n.engraving-why-heart p {\n  max-width: 650px;\n  margin: 0 auto 50px auto;\n  font-size: 1.3rem;\n  line-height: 1.7;\n  color: #555;\n}\n\n.engraving-why-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 40px;\n}\n\n.engraving-feature {\n  background: #fff;\n  padding: 30px 20px;\n  border-radius: 20px;\n  box-shadow: 0 18px 45px rgba(0,0,0,0.06);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n\n.engraving-feature:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 28px 65px rgba(0,0,0,0.1);\n}\n\n.engraving-feature i {\n  font-size: 2.5rem;\n  color: #bfac79; \/* Premium-Gold *\/\n  margin-bottom: 16px;\n}\n\n.engraving-feature h3 {\n  font-size: 1.6rem;\n  margin-bottom: 10px;\n  font-weight: 600;\n  color: #1f2a2a;\n      margin-top: 10px;\n}\n\n.engraving-feature p {\n  font-size: 1.3rem;\n  line-height: 1.6;\n  color: #555;\n}\n\n\/* =========================\n   RESPONSIVE\n========================== *\/\n@media (max-width: 1200px) {\n  .engraving-why-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n  }\n}\n\n@media (max-width: 700px) {\n  .engraving-why-grid {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .engraving-why-heart p {\n    margin-bottom: 40px;\n  }\n}\n    \/* =========================\n   GRAVUR LIVE PREVIEW\n========================== *\/\n.engraving-preview-section {\n  padding: 40px 0;\n  background: #ffffff;\n}\n\n.engraving-preview-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n}\n\n\/* IMAGE *\/\n.engraving-preview-image {\n  position: relative;\n  max-width: 460px;\n}\n\n.engraving-preview-image img {\n  width: 100%;\n  border-radius: 28px;\n   \n}\n\n\/* OVERLAY *\/\n.engraving-overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  padding-bottom: 35%;\n  pointer-events: none;\n  opacity: 0;\n  transform: translateY(6px);\n  transition: opacity 0.35s ease, transform 0.35s ease;\n}\n\n.engraving-overlay.active {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.engraving-overlay span {\n  font-family: \"Playfair Display\", serif;\n  font-size: 2rem;\n  letter-spacing: 0.08em;\n   \n  color: rgb(217 217 217 \/ 84%);\n\/* Laser-Effekt *\/\n  text-shadow:\n    0 1px 1px rgba(0,0,0,0.6),\n    0 -1px 0 rgba(255,255,255,0.15);\n\n  \n  padding: 6px 16px;\n  border-radius: 10px;\n  backdrop-filter: blur(2px);\n}\n\n\/* CONTENT *\/\n.engraving-preview-content h2 {\n    font-size: 2.1rem;\n    margin-bottom: 12px;\n    color: #4b2f2f;\n    font-weight: 600;\n    margin-top: 25px;\n}\n\n.engraving-preview-content p {\n  max-width: 480px;\n  margin-bottom: 28px;\n  color: #555;\n  line-height: 1.6;\n}\n\n.engraving-badge {\n  display: inline-block;\n  margin-bottom: 16px;\n  font-size: 1.2rem;\n  padding: 6px 14px;\n  border-radius: 999px;\n  background: #f4f1e8;\n  color: #7a6a3a;\n  font-weight: 600;\n}\n\n\/* INPUT *\/\n.engraving-input-wrap,\n.engraving-font-select {\n  margin-bottom: 18px;\n}\n\n.engraving-input-wrap label,\n.engraving-font-select label {\n  display: block;\n  font-weight: 600;\n  margin-bottom: 6px;\n}\n\n.engraving-input-wrap input,\n.engraving-font-select select {\n  width: 50%;\n  padding: 14px 16px;\n  border-radius: 12px;\n  border: 1px solid #ddd;\n  font-size: 1.5rem;\n}\n\n.engraving-input-wrap input:focus,\n.engraving-font-select select:focus {\n  outline: none;\n  border-color: #bfac79;\n}\n\n.engraving-input-wrap small {\n  display: block;\n  margin-top: 6px;\n  font-size: 0.85rem;\n  color: #777;\n}\n\n\n\n.engraving-collection-btn i {\n  margin-left: 8px;\n}\n\n\/* TRUST *\/\n.engraving-micro-trust {\n  margin-top: 16px;\n  font-size: 1.2rem;\n  color: #4b8484;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) {\n  .engraving-preview-grid {\n    grid-template-columns: 1fr;\n    gap: 50px;\n    text-align: center;\n  }\n\n  .engraving-preview-image {\n    margin: 0 auto;\n  }\n}\n   \/* SYMBOL PICKER *\/\n.engraving-symbol-picker {\n  margin-bottom: 22px;\n}\n\n.symbol-title {\n  display: block;\n  font-size: 1.1rem;\n  font-weight: 600;\n  margin-bottom: 8px;\n  color: #444;\n}\n\n.symbol-list {\n  display: flex;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.symbol-btn {\n  width: 44px;\n  height: 44px;\n  border-radius: 12px;\n  border: 1px solid #ddd;\n  background: #fff;\n  font-size: 2rem;\n  cursor: pointer;\n  transition: all 0.25s ease;\n}\n\n.symbol-btn:hover {\n  border-color: #bfac79;\n  background: #f6f3ea;\n  transform: translateY(-2px);\n}\n\n.symbol-btn:active {\n      transform: scale(1.05);\n    background: #d7bf78;\n}\n    .engraving-font-select {\n  margin-bottom: 22px;\n}\n\n.engraving-font-select label {\n  display: block;\n  margin-bottom: 6px;\n  font-weight: 600;\n}\n\n.engraving-font-select select {\n  width: 100%;\n  padding: 14px 16px;\n  border-radius: 12px;\n  border: 1px solid #ddd;\n  font-size: 1.4rem;\n  background: #fff;\n}\n\n.engraving-font-select select:focus {\n  outline: none;\n  border-color: #bfac79;\n}\n\n\n    .engraving-font-picker {\n  margin-bottom: 28px;\n}\n\n.font-picker-label {\n  display: block;\n  margin-bottom: 12px;\n  \n}\n\n.font-group {\n  margin-bottom: 16px;\n}\n\n.font-group-title {\n  display: block;\n  font-size: 0.85rem;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  color: #777;\n  margin-bottom: 8px;\n}\n\n.font-btn {\n  display: inline-block;\n  margin: 6px 6px 0 0;\n  padding: 12px 16px;\n  border-radius: 14px;\n  border: 1px solid #ddd;\n  background: #fff;\n  cursor: pointer;\n  font-size: 1.05rem; \/* mobile readable *\/\n  transition: all 0.25s ease;\n}\n\n.font-btn.script {\n  font-size: 1.2rem; \/* Scripts größer für Lesbarkeit *\/\n}\n\n.font-btn:hover {\n  border-color: #bfac79;\n  transform: translateY(-1px);\n}\n\n \n.font-btn.active {\n  border-color: #bfac79;\n  background: rgba(191,172,121,0.15);\n  box-shadow: 0 6px 18px rgba(0,0,0,0.08);\n}\n\/* =========================\n   MOBILE COMPACT BUTTONS\n========================== *\/\n\n@media (max-width: 640px) {\n\n  \/* FONT GROUP GRID *\/\n  .font-group {\n    display: grid;\n    grid-template-columns: auto 1fr; \/* Titel | Buttons *\/\n    column-gap: 50px;\n    align-items: start;\n    margin-bottom: 16px;\n    border-bottom: 1px solid rgba(0,0,0,0.06);\n  padding-bottom: 12px;\n  }\n.font-group-buttons {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr); \/* kompakt *\/\n    gap: 8px;\n  }\n  \/* FONT BUTTONS *\/\n  .font-btn {\n    height: 42px;\n    padding: 0 6px;\n    font-size: 0.9rem;\n    border-radius: 10px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    white-space: nowrap;\n    line-height: 1;\n  }\n\n  .font-btn.script {\n    font-size: 1rem;\n  }\n\n  \/* SYMBOLS *\/\n  .symbol-list {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr); \/* schöne Symmetrie *\/\n    gap: 10px;\n  }\n\n  .symbol-btn {\n    height: 44px;\n    font-size: 1.25rem;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 10px;\n  }\n\n  \/* Titles ruhiger *\/\n  .font-group-title,\n  .symbol-title {\n    font-size: 1.15rem;\n    margin-bottom: 15px;\n    opacity: 0.65;\n  }\n  \n  .font-group-title {\n    font-size: 0.75rem;\n    font-weight: 600;\n    opacity: 0.6;\n    white-space: nowrap;\n    padding-top: 12px; \/* vertikal sauber *\/\n  }\n}\n\n.live-preview-link {\n  margin-left: 6px;\n  font-weight: 600;\n  color: #4b8484;\n  text-decoration: none;\n  cursor: pointer;\n  transition: opacity 0.2s ease;\n}\n\n.live-preview-link:hover {\n  opacity: 0.75;\n  text-decoration: underline;\n}\n\n@keyframes engravingPulse {\n  0%   { transform: scale(1); box-shadow: 0 0 0 rgba(191,172,121,0.0); }\n  40%  { transform: scale(1.02); box-shadow: 0 0 0 6px rgba(191,172,121,0.25); }\n  100% { transform: scale(1); box-shadow: 0 0 0 rgba(191,172,121,0.0); }\n}\n\n.engraving-preview-image.pulse {\n  animation: engravingPulse 0.6s ease-out;\n}\n @keyframes symbolGlow {\n  0%   { background: rgba(191,172,121,0.15); }\n  100% { background: transparent; }\n}\n\n.engraving-overlay.symbol-highlight span {\n  animation: symbolGlow 0.8s ease;\n}\n\n.symbol-btn.active {\n  transform: scale(1.15);\n  background: #bfac79;\n  color: #fff;\n}\n\n    .engraving-preview-text-wrap {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n      bottom:65px;\n      left:35px;\n}\n\n\/* ✔ Mini Check *\/\n.preview-check {\n  font-size: 14px;\n  opacity: 0;\n  transform: scale(0.6);\n  transition: opacity 0.25s ease, transform 0.25s ease;\n}\n\n.preview-check.show {\n  opacity: 1;\n  transform: scale(1);\n}\n\n\/* ✨ Edler Brand-Glow *\/\n.preview-glow {\n  animation: brandGlow 0.8s ease-out;\n}\n\n@keyframes brandGlow {\n  0% {\n    text-shadow: 0 0 0 rgba(180, 150, 100, 0);\n  }\n  30% {\n    text-shadow:\n      0 0 8px rgba(180, 150, 100, 0.5),\n      0 0 12px rgba(180, 150, 100, 0.4),\n      0 0 20px rgba(180, 150, 100, 0.3);\n  }\n  60% {\n    text-shadow:\n      0 0 12px rgba(180, 150, 100, 0.45),\n      0 0 18px rgba(180, 150, 100, 0.35),\n      0 0 28px rgba(180, 150, 100, 0.25);\n  }\n  100% {\n    text-shadow: 0 0 0 rgba(180, 150, 100, 0);\n  }\n}\n    \n\/* ✨ Edler golden fade *\/\n .engrave-fade {\n  animation: engraveFade 0.9s ease-out;\n    \n}\n\n@keyframes engraveFade {\n  0% {\n    text-shadow: 0 0 0 rgba(191, 172, 121, 0);\n    \n  }\n  40% {\n    text-shadow:\n      0 0 6px rgba(191, 172, 121, 0.45),\n      0 0 14px rgba(191, 172, 121, 0.25);\n  }\n  100% {\n    text-shadow: 0 0 0 rgba(191, 172, 121, 0);\n  }\n}\n   \n\n\/* ✔ Mini Checkmark bleibt gleich *\/\n.preview-check {\n  font-size: 14px;\n  opacity: 0;\n  transform: scale(0.6);\n  transition: opacity 0.25s ease, transform 0.25s ease;\n}\n\n.preview-check.show {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.preview-metal-sweep {\n  position: relative;\n  overflow: hidden;\n}\n\n.preview-metal-sweep::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -60%;\n  width: 60%;\n  height: 100%;\n  background: linear-gradient(\n    120deg,\n    transparent,\n    rgba(255, 215, 160, 0.45),\n    transparent\n  );\n  animation: metalSweep 0.6s ease-out;\n  pointer-events: none;\n}\n\n@keyframes metalSweep {\n  to {\n    left: 120%;\n  }\n}\n.engraving-preview-note {\n  margin-top: 10px;\n  font-size: 12.5px;\n  line-height: 1.45;\n  color: rgba(60, 60, 60, 0.75);\n  text-align: center;\n  letter-spacing: 0.02em;\n  font-style: normal;\n   animation: fadeInSoft 0.6s ease-out both;\n}\n    @keyframes fadeInSoft {\n  from {\n    opacity: 0;\n    transform: translateY(-2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n \n\n\/* Mobile leicht kompakter *\/\n@media (max-width: 640px) {\n  .engraving-preview-note {\n    font-size: 12px;\n    padding: 0 12px;\n  }\n}\n\n   \n#engraving-mobile-popup {\n  display: block; \/* block damit transition sichtbar wird *\/\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 285px;\n  z-index: 9999;\n  background: #6e644533;\n  padding: 20px;\n  box-shadow: 0 -10px 30px rgba(0,0,0,.18);\n  opacity: 0;\n  transform: translateY(18px);\n  pointer-events: none;\n  transition: opacity 0.35s ease, transform 0.35s ease;\n}\n\n#engraving-mobile-popup.show {\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n.popup-preview-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 2rem;\n  letter-spacing: 0.08em;\n  color: rgb(217 217 217 \/ 84%);\n  text-shadow: 0 1px 1px rgba(0,0,0,0.6), 0 -1px 0 rgba(255,255,255,0.15);\n  padding: 6px 16px;\n  border-radius: 10px;\n  backdrop-filter: blur(2px);\n  text-align: center;\n  transition: all 0.25s ease;\n}\n\n.popup-preview-text.glow {\n  text-shadow:\n    0 0 4px #fff,\n    0 0 8px #fff,\n    0 0 12px #ffd700;\n}\n\n.popup-preview-check {\n  position: absolute;\n  bottom: 140px;\n    right: 35px;\n    font-size: 2.5rem;\n  opacity: 0;\n  transition: opacity 0.5s ease;\n}\n\n.popup-preview-check.show {\n  opacity: 1;\n}\n@media (min-width: 769px) {\n  #engraving-mobile-popup { display: none !important; }\n}\n    \n  \u003c\/style\u003e\n\n\n\n\n\u003cdiv class=\"engraving-product\"\u003e\n\n  \u003c!-- =========================\n     HERO: Edelstahl Herz Anhänger\n========================== --\u003e\n\u003csection class=\"engraving-hero engraving-fade show\"\u003e\n  \u003cdiv class=\"engraving-hero-grid-wrapper\"\u003e\n    \u003cdiv class=\"engraving-hero-grid\"\u003e\n\n      \u003c!-- Textbereich --\u003e\n      \u003cdiv class=\"engraving-hero-text\"\u003e\n        \u003cspan class=\"engraving-badge\"\u003e\n           \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose Gravur\u003ca href=\"#engraving-preview\" class=\"live-preview-link\"\u003e\n      · mit Live-Vorschau \u003ci class=\"bi bi-arrow-down-short\"\u003e\u003c\/i\u003e\n    \u003c\/a\u003e\n  \u003c\/span\u003e\n\n        \u003ch1\u003eEdelstahl Herzanhänger mit persönlicher Gravur\u003c\/h1\u003e\n\n        \u003cp\u003e\n          Ein zeitloses Herz aus massivem Edelstahl – individuell graviert und geschaffen, um Gefühle für immer festzuhalten.\n        \u003c\/p\u003e\n\n        \u003c!-- CTA Button scrollt nach oben zum Produktformular --\u003e\n        \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n          Jetzt personalisieren \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"micro-trust-valentine\"\u003e\n          Sicher · Persönlich · Handgefertigt\n        \u003c\/div\u003e\n\n        \u003c!-- Trust Icons --\u003e\n        \u003cdiv class=\"engraving-trust\"\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e Edelstahl \u003c\/span\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-stars\"\u003e\u003c\/i\u003e Hochglanz \u003c\/span\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-rulers\"\u003e\u003c\/i\u003e 29 × 33 mm \u003c\/span\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-gender-ambiguous\"\u003e\u003c\/i\u003e Unisex\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Bildbereich --\u003e\n      \u003cdiv class=\"engraving-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/IMG_2568.jpg?v=1769465475\" alt=\"Edelstahl Herzanhänger mit Gravur\"\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n     WHY HEART STORY BLOCK\n========================== --\u003e\n\u003csection class=\"engraving-why-heart engraving-fade\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003ch2\u003eWarum dieses Herz?\u003c\/h2\u003e\n    \u003cp\u003e\n      Jedes Herz erzählt seine eigene Geschichte. Massives Edelstahl, fein verarbeitet und mit deiner persönlichen Gravur – ein Symbol für Nähe, Liebe und besondere Momente.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"engraving-why-grid\"\u003e\n      \n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eHochwertiges Material\u003c\/h3\u003e\n        \u003cp\u003eEdelstahl, der robust, glänzend und hypoallergen ist – für ein Leben lang.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eIndividuelle Gravur\u003c\/h3\u003e\n        \u003cp\u003eDeine Botschaft, Initialen oder ein Datum – direkt auf das Herz graviert, kostenlos.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-heart-fill\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eEmotion \u0026amp; Bedeutung\u003c\/h3\u003e\n        \u003cp\u003eEin Herz, das Nähe ausdrückt – perfekt für Armbänder, Ketten oder Schlüsselanhänger.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-stars\"\u003e\u003c\/i\u003e\n        \u003ch3\u003ePerfekte Verarbeitung\u003c\/h3\u003e\n        \u003cp\u003eFein poliert, klare Linien, elegante Optik – ein echtes Premium-Schmuckstück.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n  \n  \u003c!-- =========================\n     SHIPPING \u0026 TRUST BLOCK\n========================== --\u003e\n\u003csection class=\"engraving-shipping engraving-fade\"\u003e\n  \u003cdiv class=\"container\"\u003e\n      \u003ch2\u003eSorgfältig gefertigt \u0026amp; sicher geliefert\u003c\/h2\u003e\n    \u003cdiv class=\"engraving-shipping-grid\"\u003e\n\n      \u003cdiv class=\"shipping-item\"\u003e\n        \u003ci class=\"bi bi-truck\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eSchneller Versand\u003c\/h3\u003e\n        \u003cp\u003e\n          Versand innerhalb von \u003cstrong\u003e1–3 Werktagen\u003c\/strong\u003e  \n          nach Gravur – sorgfältig \u0026amp; sicher verpackt.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"shipping-item\"\u003e\n        \u003ci class=\"bi bi-geo-alt\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eHandarbeit in Deutschland\u003c\/h3\u003e\n        \u003cp\u003e\n          Jede Gravur entsteht in unserem Familienbetrieb –  \n          \u003cstrong\u003ekeine Externe Arbeit\u003c\/strong\u003e, kein Dropshipping.\n        \u003c\/p\u003e\n         \u003cp\u003eJede Gravur wird vor dem Versand manuell kontrolliert, damit dein Schmuckstück genau so ankommt, wie du es dir wünschst. \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"shipping-item\"\u003e\n        \u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eSicher \u0026amp; Vertrauensvoll\u003c\/h3\u003e\n        \u003cp\u003e\n          Sichere Zahlung, persönlicher Support  \n          und höchste Qualitätskontrolle vor dem Versand.\n        \u003c\/p\u003e\n         \u003cp\u003eSollte etwas nicht passen, findest du mit uns\n        unkompliziert eine Lösung.  \u003c\/p\u003e\n        \n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n  \u003c!-- FEATURES --\u003e\n  \u003csection class=\"engraving-section engraving-fade\"\u003e\n    \u003cdiv class=\"container engraving-hero-text\"\u003e\n      \u003ch1\u003eMehr als ein Schmuckstück\u003c\/h1\u003e\n      \u003cp class=\"engraving-section-desc\"\u003e\n        Dieser Herzanhänger steht für Beständigkeit, Persönlichkeit und zeitlose Eleganz.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"engraving-features\"\u003e\n        \u003cdiv class=\"engraving-feature\"\u003e\n          \u003ci class=\"bi bi-type\"\u003e\u003c\/i\u003e\n          \u003ch3\u003eIndividuelle Gravur\u003c\/h3\u003e\n          \u003cp\u003eKostenlose Personalisierung mit Initialen, Datum oder Botschaft.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"engraving-feature\"\u003e\n          \u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e\n          \u003ch3\u003eHochwertiges Edelstahl\u003c\/h3\u003e\n          \u003cp\u003eHochwertig verarbeitet, langlebig und formstabil – \n    entwickelt für Gravuren, die ein Leben lang halten.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"engraving-feature\"\u003e\n          \u003ci class=\"bi bi-gift\"\u003e\u003c\/i\u003e\n         \u003ch3\u003eBereit zu schenken\u003c\/h3\u003e\n  \u003cp\u003e\n    Zeitloses Design, persönliche Gravur – \n    ein Schmuckstück, das Emotionen transportiert statt nur gut auszusehen.\n  \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"engraving-feature\"\u003e\n          \u003ci class=\"bi bi-person\"\u003e\u003c\/i\u003e\n          \u003ch3\u003eUnisex\u003c\/h3\u003e\n          \u003cp\u003eReduziert, elegant – für Damen \u0026amp; Herren geeignet.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\n\n    \n  \u003c!-- =========================\n     SPECS SECTION\n========================== --\u003e\n\u003csection class=\"engraving-section engraving-fade\"\u003e\n  \u003cdiv class=\"container2 engraving-hero-text\"\u003e\n    \u003ch1\u003eProduktdetails\u003c\/h1\u003e\n\n    \u003cdiv class=\"engraving-specs\"\u003e\n      \u003cul\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-box\"\u003e\u003c\/i\u003e \u003cstrong\u003eMaterial:\u003c\/strong\u003e Edelstahl\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-arrows-angle-expand\"\u003e\u003c\/i\u003e \u003cstrong\u003eGröße:\u003c\/strong\u003e 29 × 33 mm\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-database\"\u003e\u003c\/i\u003e \u003cstrong\u003eGewicht:\u003c\/strong\u003e 7,3 g\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-brightness-high\"\u003e\u003c\/i\u003e \u003cstrong\u003eFinish:\u003c\/strong\u003e Hochglanz\u003c\/li\u003e\n      \u003c\/ul\u003e\n\n      \u003cul\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-link\"\u003e\u003c\/i\u003e \u003cstrong\u003eVerwendung:\u003c\/strong\u003e Kette · Armband · Schlüsselanhänger\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-gender-ambiguous\"\u003e\u003c\/i\u003e \u003cstrong\u003eGeschlecht:\u003c\/strong\u003e Unisex\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e \u003cstrong\u003eGravur:\u003c\/strong\u003e Kostenlos\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-heart\"\u003e\u003c\/i\u003e \u003cstrong\u003eBedeutung:\u003c\/strong\u003e Persönlich \u0026amp; emotional\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n     GRAVUR LIVE PREVIEW\n========================== --\u003e\n\u003csection class=\"engraving-preview-section engraving-fade\"\u003e\n  \u003cspan class=\"engraving-badge visible-xs\"\u003e\n        \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose Personalisierung – Live Vorschau\n      \u003c\/span\u003e\n  \u003cdiv class=\"engraving-preview-grid\"\u003e\n\n    \u003c!-- IMAGE --\u003e\n    \u003cdiv class=\"engraving-preview-image\"\u003e\n      \u003cimg id=\"engravingProductImage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Herzanhaenger_26.png?v=1769114894\" alt=\"Edelstahl Herzanhänger ohne Gravur\"\u003e\n\n      \u003cdiv class=\"engraving-overlay\" id=\"engravingOverlay\"\u003e\n       \u003cdiv class=\"engraving-preview-text-wrap\"\u003e\n  \u003cspan id=\"engravingPreviewText\"\u003eDein Text\u003c\/span\u003e\n  \u003cspan class=\"preview-check\"\u003e\u003ci class=\"bi bi-check\" style=\"color:#34aa8b;\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n\u003c\/div\u003e  \n      \u003c\/div\u003e\n      \u003cp class=\"engraving-preview-note\"\u003e\n  ✦ Diese Darstellung dient als Vorschau. Jede Gravur ist ein handwerkliches Unikat – minimale Abweichungen in Höhe oder Tiefe sind möglich.\n\u003c\/p\u003e\n\n      \n    \u003c\/div\u003e\n\n    \u003c!-- CONTENT --\u003e\n    \u003cdiv class=\"engraving-preview-content\" id=\"engraving-preview\"\u003e\n\n      \u003cspan class=\"engraving-badge hidden-xs\"\u003e\n        \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose Personalisierung – Live Vorschau\n      \u003c\/span\u003e\n\n      \u003ch2\u003eMach dieses Herz einzigartig\u003c\/h2\u003e\n      \u003cp\u003e\n        Gib deine gewünschte Gravur ein und sieh sofort,\n        wie dein persönlicher Herzanhänger Gestalt annimmt.\n      \u003c\/p\u003e\n\n      \u003c!-- INPUT --\u003e\n      \u003cdiv class=\"engraving-input-wrap\"\u003e\n        \u003clabel for=\"engravingInput\"\u003eDeine Gravur\u003c\/label\u003e\n        \u003cinput type=\"text\" id=\"engravingInput\" maxlength=\"11\" placeholder=\"z. B. A + M | 12.06.24\"\u003e\n        \u003csmall\u003eMax. 11 Zeichen · Zahlen \u0026amp; Symbole möglich\u003c\/small\u003e\n      \u003c\/div\u003e\n\u003c!-- SYMBOL PICKER --\u003e\n\u003cdiv class=\"engraving-symbol-picker\"\u003e\n  \u003cspan class=\"symbol-title\"\u003eSymbole hinzufügen\u003c\/span\u003e\n\n  \u003cdiv class=\"symbol-list\"\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"♥\"\u003e♥\u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"∞\"\u003e∞\u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"★\"\u003e★\u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"✝\"\u003e✝\u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"❥\"\u003e❥\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n      \u003c!-- FONT SELECT --\u003e\n\u003cdiv class=\"engraving-font-select\"\u003e\n  \n\n  \u003c!-- =========================\n     FONT PICKER (BUTTONS)\n========================== --\u003e\n\u003cdiv class=\"engraving-font-picker\"\u003e\n  \u003clabel class=\"font-picker-label\"\u003e\u003cstrong\u003eSchriftart wählen\u003c\/strong\u003e\u003c\/label\u003e\n \n    \n  \u003c!-- SERIF --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eSerif\u003c\/span\u003e\n     \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Times New Roman\" style=\"font-family:'Times New Roman'\"\u003e\n      Times New Roman\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Georgia\" style=\"font-family:Georgia\"\u003e\n      Georgia\n    \u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n  \u003c!-- SANS --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eSans-serif\u003c\/span\u003e\n    \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Arial\" style=\"font-family:Arial\"\u003e\n      Arial\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Helvetica\" style=\"font-family:Helvetica\"\u003e\n      Helvetica\n    \u003c\/button\u003e\n  \u003c\/div\u003e \u003c\/div\u003e\n\n  \u003c!-- MONOSPACE --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eMonospace\u003c\/span\u003e\n    \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Courier New\" style=\"font-family:'Courier New'\"\u003e\n      Courier New\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Lucida Console\" style=\"font-family:'Lucida Console'\"\u003e\n      Lucida Console\n    \u003c\/button\u003e\n  \u003c\/div\u003e \u003c\/div\u003e\n\n  \u003c!-- SCRIPT --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eSchreibschrift\u003c\/span\u003e\n    \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Allura\" style=\"font-family:'Allura'\"\u003e\n      Allura\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Alex Brush\" style=\"font-family:'Alex Brush'\"\u003e\n      Alex Brush\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Kaushan Script\" style=\"font-family:'Kaushan Script'\"\u003e\n      Kaushan Script\n    \u003c\/button\u003e\n  \u003c\/div\u003e \u003c\/div\u003e\n\n  \u003c!-- HANDWRITING --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eHandschrift\u003c\/span\u003e\n    \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Pacifico\" style=\"font-family:'Pacifico'\"\u003e\n      Pacifico\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Indie Flower\" style=\"font-family:'Indie Flower'\"\u003e\n      Indie Flower\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Dancing Script\" style=\"font-family:'Dancing Script'\"\u003e\n      Dancing Script\n    \u003c\/button\u003e\n  \u003c\/div\u003e \u003c\/div\u003e\n\n  \u003c!-- HIDDEN INPUT FÜR SHOPIFY --\u003e\n  \u003cinput type=\"hidden\" name=\"properties[Schriftart]\" id=\"selectedFont\"\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n      \u003c!-- CTA --\u003e\n      \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n        Gravur jetzt festlegen \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n      \u003c\/button\u003e\n\n      \u003c!-- MICRO TRUST --\u003e\n      \u003cdiv class=\"engraving-micro-trust\"\u003e\n        \u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e\n        Jede Gravur wird individuell geprüft \u0026amp; präzise gefertigt\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n    \n\u003c!-- End Block --\u003e\n  \u003csection class=\"engraving-cta-strip engraving-fade\" id=\"gravur\"\u003e\u003ci class=\"bi bi-stars\" style=\"\n    font-size: 6rem;\n    color: #c0a860;\n\"\u003e\u003c\/i\u003e\n    \u003ch2 style=\"margin-top: 15px;\"\u003eDeine Gravur. Deine Geschichte.\u003c\/h2\u003e\n    \u003cp\u003eEin Schmuckstück, das mehr sagt als Worte. \u003c\/p\u003e\n   \u003cp\u003e Handarbeit mit Herz. Wir verewigen Emotionen – präzise, hochwertig und mit Respekt.\u003c\/p\u003e\n\u003cp style=\"color:#fff;font-weight:400;\"\u003eExcellence seit 1991.\u003c\/p\u003e\n \n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Mobile Popup Vorschau --\u003e\n\u003cdiv id=\"engraving-mobile-popup\"\u003e\n  \u003cdiv class=\"popup-preview\" style=\"position: relative;\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Herzanhaenger_26-removebg-preview.png?v=1769376184\" alt=\"Gravur Vorschau\" class=\"popup-preview-image\" style=\"width:100%;\"\u003e\n    \u003cspan class=\"popup-preview-text\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"popup-preview-check\"\u003e\u003ci class=\"bi bi-check\" style=\"color:#34aa8b;\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n    Gravur jetzt festlegen \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n  \u003c\/button\u003e\n\u003c\/div\u003e\n\n    \n\u003cscript\u003e\n\/* =========================\n   Intersection Animations\n========================= *\/\nconst engravingObserver = new IntersectionObserver(entries =\u003e {\n  entries.forEach(entry =\u003e {\n    if (entry.isIntersecting) entry.target.classList.add('show');\n  });\n}, { threshold: 0.2 });\n\ndocument.querySelectorAll('.engraving-fade').forEach(el =\u003e\n  engravingObserver.observe(el)\n);\n\n\/* =========================\n   CTA Scroll + Übergabe\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const ctaButtons = document.querySelectorAll(\".js-scroll-to-form\");\n\n  ctaButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", function (e) {\n      e.preventDefault();\n\n      const gravurInput = document.querySelector(\"#gravurtext\");\n      const previewText = document.getElementById(\"engravingPreviewText\");\n\n      if (gravurInput \u0026\u0026 previewText) {\n        gravurInput.value = previewText.textContent.trim();\n        const fontFamily = window.getComputedStyle(previewText).fontFamily;\n        gravurInput.style.fontFamily = fontFamily;\n\n        const back = document.querySelector(\"#gravurtext_2\");\n        if (back) back.style.fontFamily = fontFamily;\n      }\n\n      const gravurFontSelect = document.querySelector(\"#gravur_schriftart\");\n      if (gravurFontSelect \u0026\u0026 previewText) {\n        const previewFont = window.getComputedStyle(previewText).fontFamily;\n        let found = false;\n        Array.from(gravurFontSelect.options).forEach((opt, i) =\u003e {\n          if (previewFont.includes(opt.value)) {\n            gravurFontSelect.selectedIndex = i;\n            found = true;\n          }\n        });\n        if (!found) gravurFontSelect.selectedIndex = 0;\n      }\n\n      const productForm = document.querySelector(\"#product-form, form[action*='\/cart\/add']\");\n      if (!productForm) return;\n\n      productForm.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      const firstInput = productForm.querySelector(\"input, textarea, select\");\n      if (firstInput) firstInput.focus();\n    });\n  });\n});\n\n\/* =========================\n   Specs Fade-In\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const uls = document.querySelectorAll('.engraving-specs ul');\n  const observer = new IntersectionObserver(entries =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) entry.target.classList.add('visible');\n    });\n  }, { threshold: 0.3 });\n  uls.forEach(ul =\u003e observer.observe(ul));\n});\n\n\/* =========================\n   Size Buttons\n========================= *\/\ndocument.querySelectorAll('.size-btn').forEach(btn =\u003e {\n  btn.addEventListener('click', () =\u003e {\n    document.querySelectorAll('.size-btn').forEach(b =\u003e b.classList.remove('active'));\n    btn.classList.add('active');\n    document.getElementById('engraving-size-value').textContent =\n      btn.getAttribute('data-size');\n  });\n});\n\n\/* =========================\n   MAIN ENGRAVING LOGIC\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const input = document.getElementById(\"engravingInput\");\n  const previewText = document.getElementById(\"engravingPreviewText\");\n  const overlay = document.getElementById(\"engravingOverlay\");\n\n  \/* ---- Mobile Popup ---- *\/\n  const mobilePopup = document.getElementById(\"engraving-mobile-popup\");\n  const mobilePopupText = mobilePopup?.querySelector(\".popup-preview-text\");\n\n  function showPopup() {\n    if (window.innerWidth \u003e 768) return;\n    mobilePopup.classList.add(\"show\");\n  }\n  function hidePopup() {\n    mobilePopup.classList.remove(\"show\");\n  }\n\n  \/* ---- Desktop Effects ---- *\/\n  function triggerDesktopEffects() {\n    previewText.classList.remove(\"engrave-fade\");\n    void previewText.offsetWidth;\n    previewText.classList.add(\"engrave-fade\");\n\n    const check = document.querySelector(\".preview-check\");\n    if (check) {\n      check.classList.add(\"show\");\n      clearTimeout(check._timeout);\n      check._timeout = setTimeout(() =\u003e check.classList.remove(\"show\"), 1000);\n    }\n  }\n\n  \/* ---- Mobile Popup Sync ---- *\/\n  function updateMobilePopup(value) {\n    if (!mobilePopupText) return;\n\n    mobilePopupText.textContent = value;\n    mobilePopupText.style.fontFamily =\n      window.getComputedStyle(previewText).fontFamily;\n\n    mobilePopupText.classList.remove(\"engrave-fade\");\n    void mobilePopupText.offsetWidth;\n    mobilePopupText.classList.add(\"engrave-fade\");\n\n    let popupCheck = mobilePopup.querySelector(\".popup-preview-check\");\n    if (!popupCheck) {\n      popupCheck = document.createElement(\"span\");\n      popupCheck.className = \"popup-preview-check\";\n      popupCheck.innerHTML = \"✔\";\n      mobilePopupText.parentElement.appendChild(popupCheck);\n    }\n\n    popupCheck.classList.add(\"show\");\n    clearTimeout(popupCheck._timeout);\n    popupCheck._timeout = setTimeout(() =\u003e popupCheck.classList.remove(\"show\"), 1000);\n\n    showPopup();\n  }\n\n  const symbolButtons = document.querySelectorAll(\".symbol-btn\");\n  const fontButtons = document.querySelectorAll(\".font-btn\");\n  const hiddenFontInput = document.getElementById(\"selectedFont\");\n  const MAX_LENGTH = 11;\n  let lastValue = \"\";\n\n  function updatePreview(force = false) {\n    const value = input.value;\n    if (!value) {\n      overlay.classList.remove(\"active\");\n      hidePopup();\n      lastValue = \"\";\n      return;\n    }\n\n    previewText.textContent = value;\n    overlay.classList.add(\"active\");\n\n    if (force || value.length !== lastValue.length) {\n      triggerDesktopEffects();\n      updateMobilePopup(value);\n    }\n\n    lastValue = value;\n  }\n\n  input.addEventListener(\"input\", () =\u003e updatePreview());\n\n  \/* ---- Symbols ---- *\/\n  symbolButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", () =\u003e {\n      const symbol = btn.dataset.symbol;\n      if (input.value.length + symbol.length \u003e MAX_LENGTH) return;\n\n      const start = input.selectionStart;\n      const end = input.selectionEnd;\n      input.value =\n        input.value.substring(0, start) +\n        symbol +\n        input.value.substring(end);\n\n      input.focus();\n      input.selectionStart = input.selectionEnd = start + symbol.length;\n      updatePreview(true);\n    });\n  });\nfunction forcePopupUpdate() {\n  const value = input.value.trim();\n  if (!value) return;\n\n  \/\/ Popup Text \u0026 Font\n  mobilePopupText.textContent = value;\n  mobilePopupText.style.fontFamily =\n    window.getComputedStyle(previewText).fontFamily;\n\n  \/\/ Glow\n  mobilePopupText.classList.remove(\"engrave-fade\");\n  void mobilePopupText.offsetWidth;\n  mobilePopupText.classList.add(\"engrave-fade\");\n\n  \/\/ Micro Check\n  let popupCheck = mobilePopup.querySelector(\".popup-preview-check\");\n  if (!popupCheck) {\n    popupCheck = document.createElement(\"span\");\n    popupCheck.className = \"popup-preview-check\";\n    popupCheck.innerHTML = '\u003ci class=\"bi bi-check\" style=\"color:#34aa8b;\"\u003e\u003c\/i\u003e';\n    mobilePopupText.parentElement.appendChild(popupCheck);\n  }\n  popupCheck.classList.add(\"show\");\n  clearTimeout(popupCheck._timeout);\n  popupCheck._timeout = setTimeout(() =\u003e popupCheck.classList.remove(\"show\"), 1000);\n\n  \/\/ SHOW\n  if (window.innerWidth \u003c= 768) {\n    mobilePopup.classList.add(\"show\");\n  }\n}\n\n  \/* ---- Fonts ---- *\/\n  fontButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", () =\u003e {\n      const font = btn.dataset.font;\n      previewText.style.fontFamily = font;\n\n      const back = document.getElementById(\"gravurtext_2\");\n      if (back) back.style.fontFamily = font;\n\n      hiddenFontInput.value = font;\n      updatePreview(true);\n          \/\/ 🔥 DAS IST DER FIX\n    forcePopupUpdate();\n\n      fontButtons.forEach(b =\u003e b.classList.remove(\"active\"));\n      btn.classList.add(\"active\");\n    });\n  });\n\n  document.addEventListener(\"click\", e =\u003e {\n    if (!mobilePopup.contains(e.target) \u0026\u0026 e.target !== input) hidePopup();\n  });\n  window.addEventListener(\"scroll\", hidePopup);\n});\n\n\/* =========================\n   Preview Image Pulse\n========================= *\/\nconst previewImage = document.querySelector('.engraving-preview-image');\nlet hasPulsed = false;\n\nfunction triggerPulse() {\n  if (!previewImage) return;\n  previewImage.classList.remove('pulse');\n  void previewImage.offsetWidth;\n  previewImage.classList.add('pulse');\n}\n\ndocument.getElementById(\"engravingInput\")?.addEventListener('input', e =\u003e {\n  if (!hasPulsed \u0026\u0026 e.target.value.trim()) {\n    triggerPulse();\n    hasPulsed = true;\n  }\n});\n\n\/* =========================\n   Live Preview Link (WICHTIG!)\n========================= *\/\ndocument.querySelectorAll('.live-preview-link').forEach(link =\u003e {\n  link.addEventListener('click', e =\u003e {\n    e.preventDefault();\n    document\n      .querySelector('#engraving-preview')\n      .scrollIntoView({ behavior: 'smooth', block: 'center' });\n  });\n});\n\/* =========================\n   MOBILE FONT POPUP FIX\n   (isoliert, zerstört nichts)\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  if (window.innerWidth \u003e 768) return;\n\n  const input = document.getElementById(\"engravingInput\");\n  const previewText = document.getElementById(\"engravingPreviewText\");\n  const mobilePopup = document.getElementById(\"engraving-mobile-popup\");\n  const popupText = mobilePopup?.querySelector(\".popup-preview-text\");\n  const popupCheck = mobilePopup?.querySelector(\".popup-preview-check\");\n  const fontButtons = document.querySelectorAll(\".font-btn\");\n\n  if (!input || !previewText || !popupText || !mobilePopup) return;\n\n  function showMobilePopup() {\n    mobilePopup.classList.add(\"show\");\n  }\n\n  function syncPopupFromPreview() {\n    const value = input.value.trim();\n    if (!value) return;\n\n    \/\/ Text + Font\n    popupText.textContent = value;\n    popupText.style.fontFamily =\n      window.getComputedStyle(previewText).fontFamily;\n\n    \/\/ Glow\n    popupText.classList.remove(\"engrave-fade\");\n    void popupText.offsetWidth;\n    popupText.classList.add(\"engrave-fade\");\n\n    \/\/ Micro Check\n    if (popupCheck) {\n      popupCheck.classList.add(\"show\");\n      clearTimeout(popupCheck._timeout);\n      popupCheck._timeout = setTimeout(\n        () =\u003e popupCheck.classList.remove(\"show\"),\n        1000\n      );\n    }\n\n    showMobilePopup();\n  }\n\n  \/* 🔥 FONT-WECHSEL → POPUP *\/\n  fontButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", () =\u003e {\n      requestAnimationFrame(syncPopupFromPreview);\n    });\n  });\n\n  \/* Sicherheit: auch bei erneutem Tippen *\/\n  input.addEventListener(\"input\", syncPopupFromPreview);\n\n}); \n\u003c\/script\u003e\n\n\n\n\n\n\n\n\n\n\u003c\/body\u003e","brand":"Juwelier Milano","offers":[{"title":"Edelstahl","offer_id":56774044188937,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Vergoldet","offer_id":56774044221705,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Roségold (vergoldet)","offer_id":56781213597961,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/IMG_2566.jpg?v=1769465475"},{"product_id":"herzanhaenger-edelstahl-gravur","title":"Edelstahl Herzanhänger mit Gravur – Zeitlose Eleganz zum Verschenken","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003ctitle\u003eEdelstahl Herzanhänger mit persönlicher Gravur\u003c\/title\u003e\n\n  \u003c!-- SEO --\u003e\n  \u003cmeta name=\"description\" content=\"Edelstahl 15x17mm Herzanhänger mit kostenloser Gravur. Minimalistisch, hochwertig und persönlich. Zeitlos, leicht und bedeutungsvoll – ein persönliches Geschenk für Herzensmomente.\"\u003e\n  \u003cmeta name=\"keywords\" content=\"Herzanhänger Gravur, Edelstahl Herz Anhänger, personalisierter Schmuck, Herz Kette graviert, Geschenk Liebe, Gravur Schmuck\"\u003e\n\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n  \u003c!-- Fonts --\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n  \u003c!-- Bootstrap Icons --\u003e\n  \u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.1\/font\/bootstrap-icons.css\" rel=\"stylesheet\"\u003e\n\n  \u003cstyle\u003e\n    \/* ==============================\n       SCOPED PRODUCT STYLES\n       ============================== *\/\n\n    .engraving-product {\n      font-family: 'Inter', sans-serif;\n      color: #111;\n    }\n\n    .engraving-product .container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n    .engraving-product .container2 {\n      max-width: 1200px;\n      width:110%;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n\n    \/* HERO *\/\n    .engraving-hero {\n  padding: 80px 20px;\n  background: #f9f9f9;\n}\n\n.engraving-hero-grid-wrapper {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 15px;\n}\n\n.engraving-hero-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: start; \/* Bild auf gleiche Höhe wie Text *\/\n}\n\n.engraving-hero-text {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.engraving-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 600;\n  color: #bfac79;\n  margin-bottom: 15px;\n}\n\n.engraving-badge i {\n  font-size: 1.2rem;\n}\n\n.engraving-hero-text h1 {\n  font-size: 3.8rem;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #222;\n    font-weight: 600;\n  font-family: 'Playfair Display', serif;\n}\n\n.engraving-hero-text p {\n  font-size: 1.4rem;\n  color: #555;\n  margin-bottom: 25px;\n}\n\n    .engraving-cta {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 16px 40px;\n      background: #111;\n      color: #fff;\n      border-radius: 40px;\n      font-weight: 500;\n      transition: all .3s ease;\n    }\n\n    .engraving-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 20px 40px rgba(0,0,0,.2);\n    }\n\n    .engraving-trust {\n     margin-top: 25px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n      color: #777;\n      flex-wrap: wrap;\n    }\n\n    .engraving-trust span {\n      display: flex;\n  align-items: center;\n  gap: 8px;\n    }\n    .engraving-image {\n display: flex;\n  align-items: flex-start; \/* Bild oben an Text ausrichten *\/\n  justify-content: center;\n}\n\n   .engraving-image img {\n   width: 100%;\n  max-width: 550px; \/* optional, für Desktop-Breite *\/\n  object-fit: contain;\n  border-radius: 30px;\n       box-shadow: 0 30px 80px rgba(0,0,0,0.18);\n}\n\n    \/* Responsive *\/\n@media (max-width: 992px) {\n  .engraving-hero-grid {\n    grid-template-columns: 1fr;\n    gap: 50px;\n  }\n  .engraving-image {\n    justify-content: center;\n  }\n  .engraving-hero-text h1 {\n    font-size: 2.9rem;\n     margin-top: 0px;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #222;\n    font-weight: 600;\n  }\n}\n\n    \/* SECTIONS *\/\n    .engraving-section {\n      padding: 40px 0;\n    }\n\n    .engraving-section h2 {\n      font-family: 'Playfair Display', serif;\n      font-size: 38px;\n      margin-bottom: 20px;\n    }\n\n    .engraving-section-desc {\n      max-width: 720px;\n      color: #666;\n      margin-bottom: 60px;\n    }\n\n    \/* FEATURES *\/\n    .engraving-features {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n      gap: 40px;\n    }\n\n    .engraving-feature {\n      background: #fff;\n      padding: 40px;\n      border-radius: 28px;\n      box-shadow: 0 20px 50px rgba(0,0,0,.06);\n      transition: transform .4s ease;\n    }\n\n    .engraving-feature:hover {\n      transform: translateY(-6px);\n    }\n\n    .engraving-feature i {\n      font-size: 32px;\n      color: #b6a573;\n      margin-bottom: 14px;\n      display: inline-block;\n    }\n\n    .engraving-feature h3 {\n      margin-bottom: 10px;\n      font-size: 18px;\n    }\n\n    .engraving-feature p {\n      font-size: 15px;\n      color: #666;\n    }\n\n    \/* SPECS *\/\n    .engraving-specs {\n      background: #fff;\n      border-radius: 30px;\n      padding: 50px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 40px;\n      box-shadow: 0 20px 50px rgba(0,0,0,.05);\n    }\n\n    .engraving-specs ul {\n      list-style: none;\n      padding: 0;\n    }\n\n    .engraving-specs li {\n      padding: 12px 0;\n      border-bottom: 1px solid #eee;\n      font-size: 15px;\n      display: flex;\n      gap: 10px;\n      align-items: center;\n    }\n\n    .engraving-specs i {\n      color: #b6a573;\n    }\n\n    \/* CTA STRIP *\/\n    .engraving-cta-strip {\n      background: linear-gradient(135deg, #111, #1c1c1c);\n      color: #fff;\n      padding: 80px 20px;\n      text-align: center;\n    }\n\n    .engraving-cta-strip h2 {\n      color: #fff;\n      margin-bottom: 20px;\n    }\n\n    .engraving-cta-strip p {\n      color: #ccc;\n      margin-bottom: 30px;\n    }\n\n    \/* ANIMATION *\/\n    .engraving-fade {\n      opacity: 0;\n      transform: translateY(30px);\n      transition: 1s ease;\n    }\n\n    .engraving-fade.show {\n      opacity: 1;\n      transform: none;\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 900px) {\n      .engraving-hero-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n      }\n    }\n\n.engraving-collection-btn {\n    position: relative;\n    padding: 14px 28px;\n    border-radius: 12px;\n      background: linear-gradient(135deg, #c7aaaa, #1a1a1a);\n    color: rgb(255, 255, 255);\n    font-weight: 400;\n    font-size: 13px;\n  border-radius: 999px;\n    letter-spacing: .5px;\n    border: 1px solid rgba(220, 184, 75, 0.6);\n    cursor: pointer;\n    overflow: hidden;\n    box-shadow: 0 0 0 rgba(220, 184, 75, 0), inset 0 0 0 rgba(220, 184, 75, 0);\n    transition: all .35s ease;\n}\n .engraving-collection-btn:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 0 25px rgba(220, 184, 75, .45), inset 0 0 20px rgba(220, 184, 75, .15);\n    color: #ffdd7a;\n }\n.engraving-collection-btn::before {\n    content: '';\n    position: absolute;\n    inset: -1px;\n    border-radius: inherit;\n    background: radial-gradient(circle at 50% 120%, rgba(220, 184, 75, .35), transparent 65%);\n    opacity: .45;\n    pointer-events: none;\n    animation: idleGlow 4.5s ease-in-out infinite;\n}\n    .engraving-collection-btn::after {\n    content: '';\n    position: absolute;\n    inset: -120%;\n    background: radial-gradient(circle, rgba(220, 184, 75, .55), transparent 60%);\n    opacity: 0;\n    transform: scale(.2);\n    pointer-events: none;\n}\n\n.engraving-collection-btn:hover::after {\n    animation: pulseGlow 1.1s ease-out forwards;\n}\n\n\n    \n.micro-trust-valentine {\n    margin-top: 1.5rem;\n    font-size: 1.3rem;\n    color: #746742;\n    font-weight: 600;\n}\n\u003c!-- =========================\n     SPECS CSS\n========================== --\u003e\n\u003cstyle\u003e\n.engraving-specs {\n  display: flex;\n  justify-content: center;\n  gap: 60px; \/* Abstand zwischen den beiden Listen *\/\n  flex-wrap: wrap; \/* wichtig für mobile Ansicht *\/\n  margin-top: 30px;\n}\n\n.engraving-specs ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.engraving-specs ul li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  \n  color: #555;\n  margin-bottom: 12px;\n}\n\n.engraving-specs ul li i {\n   color: #bfac79;\n  \n  transition: transform 0.3s ease, color 0.3s ease;\n}\n    .engraving-specs ul li:hover i {\n  transform: scale(1.3);\n  color: #9f8650;\n}\n\n\/* Responsive: Auf mobilen Geräten untereinander zentrieren *\/\n@media (max-width: 768px) {\n  .engraving-specs {\n    flex-direction: column;\n    align-items: center;\n    gap: 25px;\n    grid-template-columns: auto;\n  }\n  .engraving-specs ul {\n    text-align: center;\n  }\n}\n\n    \/* Größen Auswahl *\/\n.engraving-size-selector {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  margin: 30px 0 40px;\n  flex-wrap: wrap;\n}\n\n.size-btn {\n  border: 1px solid #ddd;\n  background: #fff;\n  border-radius: 14px;\n  padding: 14px 22px;\n  cursor: pointer;\n  font-weight: 600;\n  text-align: center;\n  transition: all 0.3s ease;\n}\n\n.size-btn span {\n  display: block;\n  font-size: 13px;\n  color: #777;\n  margin-top: 4px;\n}\n\n.size-btn:hover {\n  border-color: #bfac79;\n  transform: translateY(-2px);\n}\n\n.size-btn.active {\n  background: #f7f4ef;\n  border-color: #bfac79;\n  color: #000;\n  box-shadow: 0 8px 20px rgba(0,0,0,0.08);\n}\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n  .engraving-size-selector {\n    gap: 12px;\n  }\n\n  .size-btn {\n    width: 100%;\n    max-width: 260px;\n  }\n}\n\/* =========================\n   SHIPPING \u0026 TRUST BLOCK\n========================== *\/\n\n.engraving-shipping {\n  padding: 20px 0;\n  background: linear-gradient(180deg, #faf9f7 0%, #ffffff 100%);\n}\n\n.engraving-shipping-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 40px;\n}\n.engraving-shipping h2 {\n  font-size: 2.2rem;\n  font-weight: 700;\n  margin-bottom: 40px;\n  color: #1f2a2a;\n      text-align: center;\n}\n.shipping-item {\n  text-align: center;\n  padding: 40px 28px;\n  background: #fff;\n  border-radius: 20px;\n  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.06);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n\n.shipping-item:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 28px 65px rgba(0, 0, 0, 0.1);\n}\n\n.shipping-item i {\n  font-size: 2.8rem;\n  color: #bfac79; \/* warmes Premium-Gold *\/\n  margin-bottom: 18px;\n}\n\n.shipping-item h3 {\n  font-size: 1.6rem;\n  margin-bottom: 10px;\n  font-weight: 600;\n  color: #1f2a2a;\n      margin-top: 10px;\n}\n\n.shipping-item p {\n  font-size: 1.3rem;\n  color: #555;\n  line-height: 1.6;\n}\n\n\/* =========================\n   RESPONSIVE\n========================== *\/\n\n@media (max-width: 900px) {\n  .engraving-shipping-grid {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n\n  .shipping-item {\n    padding: 32px 22px;\n  }\n}\n\n\/* =========================\n   WHY HEART STORY BLOCK\n========================== *\/\n\n.engraving-why-heart {\n  padding: 80px 0;\n  background: #faf9f7;\n  text-align: center;\n}\n\n.engraving-why-heart h2 {\n  font-size: 2.2rem;\n  font-weight: 700;\n  margin-bottom: 16px;\n  color: #1f2a2a;\n}\n\n.engraving-why-heart p {\n  max-width: 650px;\n  margin: 0 auto 50px auto;\n  font-size: 1.3rem;\n  line-height: 1.7;\n  color: #555;\n}\n\n.engraving-why-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 40px;\n}\n\n.engraving-feature {\n  background: #fff;\n  padding: 30px 20px;\n  border-radius: 20px;\n  box-shadow: 0 18px 45px rgba(0,0,0,0.06);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n\n.engraving-feature:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 28px 65px rgba(0,0,0,0.1);\n}\n\n.engraving-feature i {\n  font-size: 2.5rem;\n  color: #bfac79; \/* Premium-Gold *\/\n  margin-bottom: 16px;\n}\n\n.engraving-feature h3 {\n  font-size: 1.6rem;\n  margin-bottom: 10px;\n  font-weight: 600;\n  color: #1f2a2a;\n      margin-top: 10px;\n}\n\n.engraving-feature p {\n  font-size: 1.3rem;\n  line-height: 1.6;\n  color: #555;\n}\n\n\/* =========================\n   RESPONSIVE\n========================== *\/\n@media (max-width: 1200px) {\n  .engraving-why-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n  }\n}\n\n@media (max-width: 700px) {\n  .engraving-why-grid {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .engraving-why-heart p {\n    margin-bottom: 40px;\n  }\n}\n    \/* =========================\n   GRAVUR LIVE PREVIEW\n========================== *\/\n.engraving-preview-section {\n  padding: 40px 0;\n  background: #ffffff;\n}\n\n.engraving-preview-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n}\n\n\/* IMAGE *\/\n.engraving-preview-image {\n  position: relative;\n  max-width: 460px;\n}\n\n.engraving-preview-image img {\n  width: 100%;\n  border-radius: 28px;\n   \n}\n\n\/* OVERLAY *\/\n.engraving-overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  padding-bottom: 35%;\n  pointer-events: none;\n  opacity: 0;\n  transform: translateY(6px);\n  transition: opacity 0.35s ease, transform 0.35s ease;\n}\n\n.engraving-overlay.active {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.engraving-overlay span {\n  font-family: \"Playfair Display\", serif;\n  font-size: 2rem;\n  letter-spacing: 0.08em;\n  color: rgb(217 217 217 \/ 71%);\n\/* Laser-Effekt *\/\n      text-shadow: 0 1px 1px rgb(0 0 0 \/ 86%), 0 -1px 0 rgba(255, 255, 255, 0.15);\n  padding: 6px 16px;\n    border-radius: 10px;\n    backdrop-filter: blur(1px);\n}\n\n     @media (max-width: 769px) {\n      .engraving-overlay {\n   position: absolute;\n  inset: 0;\n  pointer-events: none;\n} \n .engraving-overlay span {\n  font-family: \"Playfair Display\", serif;\n  font-size: 2rem;\n  letter-spacing: 0.08em;\n  color: rgb(217 217 217 \/ 71%);\n\/* Laser-Effekt *\/\n      text-shadow: 0 1px 1px rgb(0 0 0 \/ 86%), 0 -1px 0 rgba(255, 255, 255, 0.15);\n  padding: 6px 16px;\n    border-radius: 10px;\n    backdrop-filter: blur(1px);\n}\n}\n    \n\/* CONTENT *\/\n.engraving-preview-content h2 {\n    font-size: 2.1rem;\n    margin-bottom: 12px;\n    color: #4b2f2f;\n    font-weight: 600;\n    margin-top: 25px;\n}\n\n.engraving-preview-content p {\n  max-width: 480px;\n  margin-bottom: 28px;\n  color: #555;\n  line-height: 1.6;\n}\n\n.engraving-badge {\n  display: inline-block;\n  margin-bottom: 16px;\n  font-size: 1.2rem;\n  padding: 6px 14px;\n  border-radius: 999px;\n  background: #f4f1e8;\n  color: #7a6a3a;\n  font-weight: 600;\n}\n\n\/* INPUT *\/\n.engraving-input-wrap,\n.engraving-font-select {\n  margin-bottom: 18px;\n}\n\n.engraving-input-wrap label,\n.engraving-font-select label {\n  display: block;\n  font-weight: 600;\n  margin-bottom: 6px;\n}\n\n.engraving-input-wrap input,\n.engraving-font-select select {\n  width: 50%;\n  padding: 14px 16px;\n  border-radius: 12px;\n  border: 1px solid #ddd;\n  font-size: 1.5rem;\n}\n\n.engraving-input-wrap input:focus,\n.engraving-font-select select:focus {\n  outline: none;\n  border-color: #bfac79;\n}\n\n.engraving-input-wrap small {\n  display: block;\n  margin-top: 6px;\n  font-size: 0.85rem;\n  color: #777;\n}\n\n\n\n.engraving-collection-btn i {\n  margin-left: 8px;\n}\n\n\/* TRUST *\/\n.engraving-micro-trust {\n  margin-top: 16px;\n  font-size: 1.2rem;\n  color: #4b8484;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) {\n  .engraving-preview-grid {\n    grid-template-columns: 1fr;\n    gap: 50px;\n    text-align: center;\n  }\n\n  .engraving-preview-image {\n    margin: 0 auto;\n  }\n}\n   \/* SYMBOL PICKER *\/\n.engraving-symbol-picker {\n  margin-bottom: 22px;\n}\n\n.symbol-title {\n  display: block;\n  font-size: 1.1rem;\n  font-weight: 600;\n  margin-bottom: 8px;\n  color: #444;\n}\n\n.symbol-list {\n  display: flex;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.symbol-btn {\n  width: 44px;\n  height: 44px;\n  border-radius: 12px;\n  border: 1px solid #ddd;\n  background: #fff;\n  font-size: 2rem;\n  cursor: pointer;\n  transition: all 0.25s ease;\n}\n\n.symbol-btn:hover {\n  border-color: #bfac79;\n  background: #f6f3ea;\n  transform: translateY(-2px);\n}\n\n.symbol-btn:active {\n      transform: scale(1.05);\n    background: #d7bf78;\n}\n    .engraving-font-select {\n  margin-bottom: 22px;\n}\n\n.engraving-font-select label {\n  display: block;\n  margin-bottom: 6px;\n  font-weight: 600;\n}\n\n.engraving-font-select select {\n  width: 100%;\n  padding: 14px 16px;\n  border-radius: 12px;\n  border: 1px solid #ddd;\n  font-size: 1.4rem;\n  background: #fff;\n}\n\n.engraving-font-select select:focus {\n  outline: none;\n  border-color: #bfac79;\n}\n\n\n    .engraving-font-picker {\n  margin-bottom: 28px;\n}\n\n.font-picker-label {\n  display: block;\n  margin-bottom: 12px;\n  \n}\n\n.font-group {\n  margin-bottom: 16px;\n}\n\n.font-group-title {\n  display: block;\n  font-size: 0.85rem;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  color: #777;\n  margin-bottom: 8px;\n}\n\n.font-btn {\n  display: inline-block;\n  margin: 6px 6px 0 0;\n  padding: 12px 16px;\n  border-radius: 14px;\n  border: 1px solid #ddd;\n  background: #fff;\n  cursor: pointer;\n  font-size: 1.05rem; \/* mobile readable *\/\n  transition: all 0.25s ease;\n}\n\n.font-btn.script {\n  font-size: 1.2rem; \/* Scripts größer für Lesbarkeit *\/\n}\n\n.font-btn:hover {\n  border-color: #bfac79;\n  transform: translateY(-1px);\n}\n\n \n.font-btn.active {\n  border-color: #bfac79;\n  background: rgba(191,172,121,0.15);\n  box-shadow: 0 6px 18px rgba(0,0,0,0.08);\n}\n\/* =========================\n   MOBILE COMPACT BUTTONS\n========================== *\/\n\n@media (max-width: 640px) {\n\n  \/* FONT GROUP GRID *\/\n  .font-group {\n    display: grid;\n    grid-template-columns: auto 1fr; \/* Titel | Buttons *\/\n    column-gap: 50px;\n    align-items: start;\n    margin-bottom: 16px;\n    border-bottom: 1px solid rgba(0,0,0,0.06);\n  padding-bottom: 12px;\n  }\n.font-group-buttons {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr); \/* kompakt *\/\n    gap: 8px;\n  }\n  \/* FONT BUTTONS *\/\n  .font-btn {\n    height: 42px;\n    padding: 0 6px;\n    font-size: 0.9rem;\n    border-radius: 10px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    white-space: nowrap;\n    line-height: 1;\n  }\n\n  .font-btn.script {\n    font-size: 1rem;\n  }\n\n  \/* SYMBOLS *\/\n  .symbol-list {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr); \/* schöne Symmetrie *\/\n    gap: 10px;\n  }\n\n  .symbol-btn {\n    height: 44px;\n    font-size: 1.25rem;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 10px;\n  }\n\n  \/* Titles ruhiger *\/\n  .font-group-title,\n  .symbol-title {\n    font-size: 1.15rem;\n    margin-bottom: 15px;\n    opacity: 0.65;\n  }\n  \n  .font-group-title {\n    font-size: 0.75rem;\n    font-weight: 600;\n    opacity: 0.6;\n    white-space: nowrap;\n    padding-top: 12px; \/* vertikal sauber *\/\n  }\n}\n\n.live-preview-link {\n  margin-left: 6px;\n  font-weight: 600;\n  color: #4b8484;\n  text-decoration: none;\n  cursor: pointer;\n  transition: opacity 0.2s ease;\n}\n\n.live-preview-link:hover {\n  opacity: 0.75;\n  text-decoration: underline;\n}\n\n@keyframes engravingPulse {\n  0%   { transform: scale(1); box-shadow: 0 0 0 rgba(191,172,121,0.0); }\n  40%  { transform: scale(1.02); box-shadow: 0 0 0 6px rgba(191,172,121,0.25); }\n  100% { transform: scale(1); box-shadow: 0 0 0 rgba(191,172,121,0.0); }\n}\n\n.engraving-preview-image.pulse {\n  animation: engravingPulse 0.6s ease-out;\n}\n @keyframes symbolGlow {\n  0%   { background: rgba(191,172,121,0.15); }\n  100% { background: transparent; }\n}\n\n.engraving-overlay.symbol-highlight span {\n  animation: symbolGlow 0.8s ease;\n}\n\n.symbol-btn.active {\n  transform: scale(1.15);\n  background: #bfac79;\n  color: #fff;\n}\n\n    .engraving-preview-text-wrap {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\ntop: 4px;\n    right: 44px;\n    transform: rotateZ(44deg);\n}\n    @media (max-width: 769px) {\n .engraving-preview-text-wrap {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n top: -16px;\n    right: 24px;\n    transform: rotateZ(44deg);\n}\n  .popup-preview-text-wrap {\n       position: absolute;\n          top: 70%;\n        left: 39%;\n        transform: translate(-50%, -50%) rotate(41deg);\n  white-space: nowrap;\n  display: block;\n        \n}  \n      \n}\n\n\/* ✔ Mini Check *\/\n.preview-check {\n  font-size: 14px;\n  opacity: 0;\n  transform: scale(0.6);\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  position: relative;\n    left: 89px;\n    bottom: 100px;\n}\n\n.preview-check.show {\n  opacity: 1;\n  transform: scale(1);\n}\n\n\/* ✨ Edler Brand-Glow *\/\n.preview-glow {\n  animation: brandGlow 0.8s ease-out;\n}\n\n@keyframes brandGlow {\n  0% {\n    text-shadow: 0 0 0 rgba(180, 150, 100, 0);\n  }\n  30% {\n    text-shadow:\n      0 0 8px rgba(180, 150, 100, 0.5),\n      0 0 12px rgba(180, 150, 100, 0.4),\n      0 0 20px rgba(180, 150, 100, 0.3);\n  }\n  60% {\n    text-shadow:\n      0 0 12px rgba(180, 150, 100, 0.45),\n      0 0 18px rgba(180, 150, 100, 0.35),\n      0 0 28px rgba(180, 150, 100, 0.25);\n  }\n  100% {\n    text-shadow: 0 0 0 rgba(180, 150, 100, 0);\n  }\n}\n    \n\/* ✨ Edler golden fade *\/\n .engrave-fade {\n  animation: engraveFade 0.9s ease-out;\n    \n}\n\n@keyframes engraveFade {\n  0% {\n    text-shadow: 0 0 0 rgba(191, 172, 121, 0);\n    \n  }\n  40% {\n    text-shadow:\n      0 0 6px rgba(191, 172, 121, 0.45),\n      0 0 14px rgba(191, 172, 121, 0.25);\n  }\n  100% {\n    text-shadow: 0 0 0 rgba(191, 172, 121, 0);\n  }\n}\n   \n\n\/* ✔ Mini Checkmark bleibt gleich *\/\n.preview-check {\n  font-size: 14px;\n  opacity: 0;\n  transform: scale(0.6);\n  transition: opacity 0.25s ease, transform 0.25s ease;\n}\n\n.preview-check.show {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.preview-metal-sweep {\n  position: relative;\n  overflow: hidden;\n}\n\n.preview-metal-sweep::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -60%;\n  width: 60%;\n  height: 100%;\n  background: linear-gradient(\n    120deg,\n    transparent,\n    rgba(255, 215, 160, 0.45),\n    transparent\n  );\n  animation: metalSweep 0.6s ease-out;\n  pointer-events: none;\n}\n\n@keyframes metalSweep {\n  to {\n    left: 120%;\n  }\n}\n.engraving-preview-note {\n  margin-top: 10px;\n  font-size: 12.5px;\n  line-height: 1.45;\n  color: rgba(60, 60, 60, 0.75);\n  text-align: center;\n  letter-spacing: 0.02em;\n  font-style: normal;\n   animation: fadeInSoft 0.6s ease-out both;\n}\n    @keyframes fadeInSoft {\n  from {\n    opacity: 0;\n    transform: translateY(-2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n \n\n\/* Mobile leicht kompakter *\/\n@media (max-width: 640px) {\n  .engraving-preview-note {\n    font-size: 12px;\n    padding: 0 12px;\n  }\n}\n\n   \n#engraving-mobile-popup {\n  display: block; \/* block damit transition sichtbar wird *\/\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 285px;\n  z-index: 9999;\n  background: #6e644533;\n  padding: 20px;\n  box-shadow: 0 -10px 30px rgba(0,0,0,.18);\n  opacity: 0;\n  transform: translateY(18px);\n  pointer-events: none;\n  transition: opacity 0.35s ease, transform 0.35s ease;\n}\n\n#engraving-mobile-popup.show {\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n.popup-preview-text {\n \n     position: relative;\n  font-size: 1.7rem;\n  letter-spacing: 0.08em;\n  color: rgb(217 217 217 \/ 71%);\n  text-shadow:\n    0 1px 1px rgba(0,0,0,.85),\n    0 -1px 0 rgba(255,255,255,.15);\n  padding: 6px 16px;\n  border-radius: 10px;\n  backdrop-filter: blur(1px);\n  text-align: center;\n  white-space: nowrap;\n}\n\n.popup-preview-text.glow {\n  text-shadow:\n    0 0 4px #fff,\n    0 0 8px #fff,\n    0 0 12px #ffd700;\n}\n\n.popup-preview-check {\n  position: absolute;\n  top: -6px;\n  right: -18px;\n  opacity: 0;\n  transform: scale(0.6);\n  transition: opacity .25s ease, transform .25s ease;\n}\n\n.popup-preview-check.show {\n  opacity: 1;\n  transform: scale(1);\n}\n@media (min-width: 769px) {\n  #engraving-mobile-popup { display: none !important; }\n}\n    \n  \u003c\/style\u003e\n\n\n\n\n\u003cdiv class=\"engraving-product\"\u003e\n\n  \u003c!-- =========================\n     HERO: Edelstahl Herz Anhänger\n========================== --\u003e\n\u003csection class=\"engraving-hero engraving-fade show\"\u003e\n  \u003cdiv class=\"engraving-hero-grid-wrapper\"\u003e\n    \u003cdiv class=\"engraving-hero-grid\"\u003e\n\n      \u003c!-- Textbereich --\u003e\n      \u003cdiv class=\"engraving-hero-text\"\u003e\n         \u003ch1\u003eEdelstahl Herzanhänger mit persönlicher Gravur\u003c\/h1\u003e\n        \u003cdiv class=\"hero-subline\"\u003e\n  \u003cspan class=\"engraving-badge\"\u003e\n    \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose Gravur\n  \u003c\/span\u003e\n\n  \u003cbutton type=\"button\" class=\"luxury-shine-btn luxury-rose live-preview-link\" data-target=\"#engraving-preview\"\u003e\n      \u003cspan class=\"gs-live-dot\"\u003e\u003c\/span\u003e\n      \u003ci class=\"bi bi-eye\"\u003e\u003c\/i\u003e\n      Live-Vorschau ansehen\n    \u003c\/button\u003e\n\u003c\/div\u003e\n\n       \n\u003cp\u003eDieser filigrane Herzanhänger aus hochwertigem Edelstahl verbindet zeitloses Design\nmit persönlicher Bedeutung. Ideal als Geschenk für einen besonderen Menschen –\noder als Erinnerung für dich selbst.\u003c\/p\u003e\n        \u003cp\u003e\n          Minimalistisch, leicht \u0026amp; voller Bedeutung – gestalte deinen Herzanhänger mit einer Gravur, die bleibt.\n        \u003c\/p\u003e\n\n        \u003c!-- CTA Button scrollt nach oben zum Produktformular --\u003e\n        \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n          Jetzt personalisieren \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"micro-trust-valentine\"\u003e\n          Sicher · Persönlich · Handgefertigt\n        \u003c\/div\u003e\n\n        \u003c!-- Trust Icons --\u003e\n        \u003cdiv class=\"engraving-trust\"\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e Edelstahl \u003c\/span\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-stars\"\u003e\u003c\/i\u003e Hochglanz \u003c\/span\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-rulers\"\u003e\u003c\/i\u003e 15 × 17 mm \u003c\/span\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-chevron-bar-contract\"\u003e\u003c\/i\u003e 1 mm Dicke\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Bildbereich --\u003e\n      \u003cdiv class=\"engraving-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/UN-0109_gmup8woco87_2026-01-26-18-11-16.jpg?v=1769468046\" alt=\"Edelstahl Herzanhänger mit individueller Gravur\"\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n     WHY HEART STORY BLOCK\n========================== --\u003e\n\u003csection class=\"engraving-why-heart engraving-fade\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003ch2\u003eWarum dieses Herz?\u003c\/h2\u003e\n    \u003cp\u003e\n      Der Edelstahl Herzanhänger überzeugt durch seine schlichte Eleganz und sein leichtes, angenehmes Tragegefühl. Mit einer Größe von 15 × 17 mm und einer Dicke von nur 1 mm wirkt er dezent, aber ausdrucksstark.\n    \u003c\/p\u003e\n    \u003ch3\u003eEin Geschenk mit Bedeutung\u003c\/h3\u003e\n\u003cp\u003e\nOb Jahrestag, Geburtstag, Valentinstag oder einfach als Zeichen deiner Liebe –\ndieser Herzanhänger ist ein persönliches Geschenk, das Emotionen trägt.\n\u003c\/p\u003e\n\n    \u003cdiv class=\"engraving-why-grid\"\u003e\n      \n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eHochwertiges Material\u003c\/h3\u003e\n        \u003cp\u003eEdelstahl, der robust, glänzend und hypoallergen ist – für ein Leben lang.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eIndividuelle Gravur\u003c\/h3\u003e\n        \u003cp\u003eDeine Botschaft, Initialen oder ein Datum – direkt auf das Herz graviert, kostenlos.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-heart-fill\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eEmotion \u0026amp; Bedeutung\u003c\/h3\u003e\n        \u003cp\u003eEin Herz, das Nähe ausdrückt – perfekt für Armbänder, Ketten oder Schlüsselanhänger.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-stars\"\u003e\u003c\/i\u003e\n        \u003ch3\u003ePerfekte Verarbeitung\u003c\/h3\u003e\n        \u003cp\u003eFein poliert, klare Linien, elegante Optik – ein echtes Premium-Schmuckstück.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n  \n  \u003c!-- =========================\n     SHIPPING \u0026 TRUST BLOCK\n========================== --\u003e\n\u003csection class=\"engraving-shipping engraving-fade\"\u003e\n  \u003cdiv class=\"container\"\u003e\n      \u003ch2\u003eSorgfältig gefertigt \u0026amp; sicher geliefert\u003c\/h2\u003e\n    \u003cdiv class=\"engraving-shipping-grid\"\u003e\n\n      \u003cdiv class=\"shipping-item\"\u003e\n        \u003ci class=\"bi bi-truck\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eSchneller Versand\u003c\/h3\u003e\n        \u003cp\u003e\n          Versand innerhalb von \u003cstrong\u003e1–3 Werktagen\u003c\/strong\u003e  \n          nach Gravur – sorgfältig \u0026amp; sicher verpackt.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"shipping-item\"\u003e\n        \u003ci class=\"bi bi-geo-alt\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eHandarbeit in Deutschland\u003c\/h3\u003e\n        \u003cp\u003e\n          Jede Gravur entsteht in unserem Familienbetrieb –  \n          \u003cstrong\u003ekeine Externe Arbeit\u003c\/strong\u003e, kein Dropshipping.\n        \u003c\/p\u003e\n         \u003cp\u003eJede Gravur wird vor dem Versand manuell kontrolliert, damit dein Schmuckstück genau so ankommt, wie du es dir wünschst. \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"shipping-item\"\u003e\n        \u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eSicher \u0026amp; Vertrauensvoll\u003c\/h3\u003e\n        \u003cp\u003e\n          Sichere Zahlung, persönlicher Support  \n          und höchste Qualitätskontrolle vor dem Versand.\n        \u003c\/p\u003e\n         \u003cp\u003eSollte etwas nicht passen, findest du mit uns\n        unkompliziert eine Lösung.  \u003c\/p\u003e\n        \n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n  \u003c!-- FEATURES --\u003e\n  \u003csection class=\"engraving-section engraving-fade\"\u003e\n    \u003cdiv class=\"container engraving-hero-text\"\u003e\n      \u003ch1\u003eMehr als ein Schmuckstück\u003c\/h1\u003e\n      \u003cp class=\"engraving-section-desc\"\u003e\n        Dieser Herzanhänger steht für Beständigkeit, Persönlichkeit und zeitlose Eleganz.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"engraving-features\"\u003e\n        \u003cdiv class=\"engraving-feature\"\u003e\n          \u003ci class=\"bi bi-type\"\u003e\u003c\/i\u003e\n          \u003ch3\u003eIndividuelle Gravur\u003c\/h3\u003e\n          \u003cp\u003eKostenlose Personalisierung mit Initialen, Datum oder Botschaft.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"engraving-feature\"\u003e\n          \u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e\n          \u003ch3\u003eHochwertiges Edelstahl\u003c\/h3\u003e\n          \u003cp\u003eHochwertig verarbeitet, langlebig und formstabil – \n    entwickelt für Gravuren, die ein Leben lang halten.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"engraving-feature\"\u003e\n          \u003ci class=\"bi bi-gift\"\u003e\u003c\/i\u003e\n         \u003ch3\u003eBereit zu schenken\u003c\/h3\u003e\n  \u003cp\u003e\n    Zeitloses Design, persönliche Gravur – \n    ein Schmuckstück, das Emotionen transportiert statt nur gut auszusehen.\n  \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"engraving-feature\"\u003e\n         \u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e\n  \u003ch3\u003eElegant \u0026amp; zeitlos\u003c\/h3\u003e\n  \u003cp\u003eMinimalistisches Design – perfekt für stilbewusste Damen.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\n\n    \n  \u003c!-- =========================\n     SPECS SECTION\n========================== --\u003e\n\u003csection class=\"engraving-section engraving-fade\"\u003e\n  \u003cdiv class=\"container2 engraving-hero-text\"\u003e\n    \u003ch1\u003eProduktdetails\u003c\/h1\u003e\n\n    \u003cdiv class=\"engraving-specs\"\u003e\n      \u003cul\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-box\"\u003e\u003c\/i\u003e \u003cstrong\u003eMaterial:\u003c\/strong\u003e Edelstahl\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-arrows-angle-expand\"\u003e\u003c\/i\u003e \u003cstrong\u003eGröße:\u003c\/strong\u003e 15 × 17 mm\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-database\"\u003e\u003c\/i\u003e \u003cstrong\u003eGewicht:\u003c\/strong\u003e 1 g\u003c\/li\u003e\n       \n\u003cli\u003e\n\u003ci class=\"bi bi-chevron-bar-contract\"\u003e\u003c\/i\u003e \u003cstrong\u003eDicke:\u003c\/strong\u003e 1 mm\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-brightness-high\"\u003e\u003c\/i\u003e \u003cstrong\u003eFinish:\u003c\/strong\u003e Hochglanz\u003c\/li\u003e\n      \u003c\/ul\u003e\n\n      \u003cul\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-link\"\u003e\u003c\/i\u003e \u003cstrong\u003eVerwendung:\u003c\/strong\u003e Kette · Armband · Schlüsselanhänger\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-gender-ambiguous\"\u003e\u003c\/i\u003e \u003cstrong\u003eGeschlecht:\u003c\/strong\u003e Dame\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e \u003cstrong\u003eGravur:\u003c\/strong\u003e Kostenlos\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-heart\"\u003e\u003c\/i\u003e \u003cstrong\u003eBedeutung:\u003c\/strong\u003e Persönlich \u0026amp; emotional\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n     GRAVUR LIVE PREVIEW\n========================== --\u003e\n\u003csection class=\"engraving-preview-section engraving-fade\"\u003e\n  \u003cspan class=\"engraving-badge visible-xs\"\u003e\n        \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose Personalisierung – Live Vorschau\n      \u003c\/span\u003e\n  \u003cdiv class=\"engraving-preview-grid\"\u003e\n\n    \u003c!-- IMAGE --\u003e\n    \u003cdiv class=\"engraving-preview-image\"\u003e\n      \u003cimg id=\"engravingProductImage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/IMG_2590.png?v=1769471465\" alt=\"Edelstahl Herzanhänger ohne Gravur\"\u003e\n\n      \u003cdiv class=\"engraving-overlay\" id=\"engravingOverlay\"\u003e\n       \u003cdiv class=\"engraving-preview-text-wrap\"\u003e\n  \u003cspan id=\"engravingPreviewText\"\u003eDein Text\u003c\/span\u003e\n  \u003cspan class=\"preview-check\"\u003e\u003ci class=\"bi bi-check\" style=\"color:#34aa8b;\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n\u003c\/div\u003e  \n      \u003c\/div\u003e\n      \u003cp class=\"engraving-preview-note\"\u003e\n  ✦ Diese Darstellung dient als Vorschau. Jede Gravur ist ein handwerkliches Unikat – minimale Abweichungen in Höhe oder Tiefe sind möglich.\n\u003c\/p\u003e\n\n      \n    \u003c\/div\u003e\n\n    \u003c!-- CONTENT --\u003e\n    \u003cdiv class=\"engraving-preview-content\" id=\"engraving-preview\"\u003e\n\n      \u003cspan class=\"engraving-badge hidden-xs\"\u003e\n        \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose Personalisierung – Live Vorschau\n      \u003c\/span\u003e\n\n      \u003ch2\u003eMach dieses Herz einzigartig\u003c\/h2\u003e\n      \u003cp\u003e\n        Gib deine gewünschte Gravur ein und sieh sofort,\n        wie dein persönlicher Herzanhänger Gestalt annimmt.\n      \u003c\/p\u003e\n\n      \u003c!-- INPUT --\u003e\n      \u003cdiv class=\"engraving-input-wrap\"\u003e\n        \u003clabel for=\"engravingInput\"\u003eDeine Gravur\u003c\/label\u003e\n        \u003cinput type=\"text\" id=\"engravingInput\" maxlength=\"11\" placeholder=\"z. B. A + M | 12.06.24\"\u003e\n        \u003csmall\u003eMax. 11 Zeichen · Zahlen \u0026amp; Symbole möglich\u003c\/small\u003e\n      \u003c\/div\u003e\n\u003c!-- SYMBOL PICKER --\u003e\n\u003cdiv class=\"engraving-symbol-picker\"\u003e\n  \u003cspan class=\"symbol-title\"\u003eSymbole hinzufügen\u003c\/span\u003e\n\n  \u003cdiv class=\"symbol-list\"\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"♥\"\u003e♥\u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"∞\"\u003e∞\u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"★\"\u003e★\u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"✝\"\u003e✝\u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"❥\"\u003e❥\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n      \u003c!-- FONT SELECT --\u003e\n\u003cdiv class=\"engraving-font-select\"\u003e\n  \n\n  \u003c!-- =========================\n     FONT PICKER (BUTTONS)\n========================== --\u003e\n\u003cdiv class=\"engraving-font-picker\"\u003e\n  \u003clabel class=\"font-picker-label\"\u003e\u003cstrong\u003eSchriftart wählen\u003c\/strong\u003e\u003c\/label\u003e\n \n    \n  \u003c!-- SERIF --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eSerif\u003c\/span\u003e\n     \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Times New Roman\" style=\"font-family:'Times New Roman'\"\u003e\n      Times New Roman\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Georgia\" style=\"font-family:Georgia\"\u003e\n      Georgia\n    \u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n  \u003c!-- SANS --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eSans-serif\u003c\/span\u003e\n    \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Arial\" style=\"font-family:Arial\"\u003e\n      Arial\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Helvetica\" style=\"font-family:Helvetica\"\u003e\n      Helvetica\n    \u003c\/button\u003e\n  \u003c\/div\u003e \u003c\/div\u003e\n\n  \u003c!-- MONOSPACE --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eMonospace\u003c\/span\u003e\n    \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Courier New\" style=\"font-family:'Courier New'\"\u003e\n      Courier New\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Lucida Console\" style=\"font-family:'Lucida Console'\"\u003e\n      Lucida Console\n    \u003c\/button\u003e\n  \u003c\/div\u003e \u003c\/div\u003e\n\n  \u003c!-- SCRIPT --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eSchreibschrift\u003c\/span\u003e\n    \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Allura\" style=\"font-family:'Allura'\"\u003e\n      Allura\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Alex Brush\" style=\"font-family:'Alex Brush'\"\u003e\n      Alex Brush\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Kaushan Script\" style=\"font-family:'Kaushan Script'\"\u003e\n      Kaushan Script\n    \u003c\/button\u003e\n  \u003c\/div\u003e \u003c\/div\u003e\n\n  \u003c!-- HANDWRITING --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eHandschrift\u003c\/span\u003e\n    \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Pacifico\" style=\"font-family:'Pacifico'\"\u003e\n      Pacifico\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Indie Flower\" style=\"font-family:'Indie Flower'\"\u003e\n      Indie Flower\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Dancing Script\" style=\"font-family:'Dancing Script'\"\u003e\n      Dancing Script\n    \u003c\/button\u003e\n  \u003c\/div\u003e \u003c\/div\u003e\n\n  \u003c!-- HIDDEN INPUT FÜR SHOPIFY --\u003e\n  \u003cinput type=\"hidden\" name=\"properties[Schriftart]\" id=\"selectedFont\"\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n      \u003c!-- CTA --\u003e\n      \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n        Gravur jetzt festlegen \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n      \u003c\/button\u003e\n\n      \u003c!-- MICRO TRUST --\u003e\n      \u003cdiv class=\"engraving-micro-trust\"\u003e\n        \u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e\n        Jede Gravur wird individuell geprüft \u0026amp; präzise gefertigt\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n    \n\u003c!-- End Block --\u003e\n  \u003csection class=\"engraving-cta-strip engraving-fade\" id=\"gravur\"\u003e\u003ci class=\"bi bi-stars\" style=\"\n    font-size: 6rem;\n    color: #c0a860;\n\"\u003e\u003c\/i\u003e\n    \u003ch2 style=\"margin-top: 15px;\"\u003eDeine Gravur. Deine Geschichte.\u003c\/h2\u003e\n    \u003cp\u003eEin Schmuckstück, das mehr sagt als Worte. \u003c\/p\u003e\n   \u003cp\u003e Handarbeit mit Herz. Wir verewigen Emotionen – präzise, hochwertig und mit Respekt.\u003c\/p\u003e\n\u003cp style=\"color:#fff;font-weight:400;\"\u003eExcellence seit 1991.\u003c\/p\u003e\n \n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Mobile Popup Vorschau --\u003e\n\u003cdiv id=\"engraving-mobile-popup\"\u003e\n  \u003cdiv class=\"popup-preview\" style=\"position: relative;\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/IMG_2590.png?v=1769471465\" alt=\"Gravur Vorschau\" class=\"popup-preview-image\" style=\"width:100%;\"\u003e\n    \u003cdiv class=\"engraving-overlay active\" id=\"engravingOverlay\"\u003e\n     \u003cdiv class=\"popup-preview-text-wrap\"\u003e\n    \u003cspan class=\"popup-preview-text\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"popup-preview-check\"\u003e\u003ci class=\"bi bi-check\" style=\"color:#34aa8b;\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n       \u003c\/div\u003e\n      \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n    Gravur jetzt festlegen \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n  \u003c\/button\u003e\n\u003c\/div\u003e\n\n    \n\u003cscript\u003e\n\/* =========================\n   Intersection Animations\n========================= *\/\nconst engravingObserver = new IntersectionObserver(entries =\u003e {\n  entries.forEach(entry =\u003e {\n    if (entry.isIntersecting) entry.target.classList.add('show');\n  });\n}, { threshold: 0.2 });\n\ndocument.querySelectorAll('.engraving-fade').forEach(el =\u003e\n  engravingObserver.observe(el)\n);\n\n\/* =========================\n   CTA Scroll + Übergabe\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const ctaButtons = document.querySelectorAll(\".js-scroll-to-form\");\n\n  ctaButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", function (e) {\n      e.preventDefault();\n\n      const gravurInput = document.querySelector(\"#gravurtext\");\n      const previewText = document.getElementById(\"engravingPreviewText\");\n\n      if (gravurInput \u0026\u0026 previewText) {\n        gravurInput.value = previewText.textContent.trim();\n        const fontFamily = window.getComputedStyle(previewText).fontFamily;\n        gravurInput.style.fontFamily = fontFamily;\n\n        const back = document.querySelector(\"#gravurtext_2\");\n        if (back) back.style.fontFamily = fontFamily;\n      }\n\n      const gravurFontSelect = document.querySelector(\"#gravur_schriftart\");\n      if (gravurFontSelect \u0026\u0026 previewText) {\n        const previewFont = window.getComputedStyle(previewText).fontFamily;\n        let found = false;\n        Array.from(gravurFontSelect.options).forEach((opt, i) =\u003e {\n          if (previewFont.includes(opt.value)) {\n            gravurFontSelect.selectedIndex = i;\n            found = true;\n          }\n        });\n        if (!found) gravurFontSelect.selectedIndex = 0;\n      }\n\n      const productForm = document.querySelector(\"#product-form, form[action*='\/cart\/add']\");\n      if (!productForm) return;\n\n      productForm.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      const firstInput = productForm.querySelector(\"input, textarea, select\");\n      if (firstInput) firstInput.focus();\n    });\n  });\n});\n\n\/* =========================\n   Specs Fade-In\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const uls = document.querySelectorAll('.engraving-specs ul');\n  const observer = new IntersectionObserver(entries =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) entry.target.classList.add('visible');\n    });\n  }, { threshold: 0.3 });\n  uls.forEach(ul =\u003e observer.observe(ul));\n});\n\n\/* =========================\n   Size Buttons\n========================= *\/\ndocument.querySelectorAll('.size-btn').forEach(btn =\u003e {\n  btn.addEventListener('click', () =\u003e {\n    document.querySelectorAll('.size-btn').forEach(b =\u003e b.classList.remove('active'));\n    btn.classList.add('active');\n    document.getElementById('engraving-size-value').textContent =\n      btn.getAttribute('data-size');\n  });\n});\n\n\/* =========================\n   MAIN ENGRAVING LOGIC\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const input = document.getElementById(\"engravingInput\");\n  const previewText = document.getElementById(\"engravingPreviewText\");\n  const overlay = document.getElementById(\"engravingOverlay\");\n\n  \/* ---- Mobile Popup ---- *\/\n  const mobilePopup = document.getElementById(\"engraving-mobile-popup\");\n  const mobilePopupText = mobilePopup?.querySelector(\".popup-preview-text\");\n\n  function showPopup() {\n    if (window.innerWidth \u003e 768) return;\n    mobilePopup.classList.add(\"show\");\n  }\n  function hidePopup() {\n    mobilePopup.classList.remove(\"show\");\n  }\n\n  \/* ---- Desktop Effects ---- *\/\n  function triggerDesktopEffects() {\n    previewText.classList.remove(\"engrave-fade\");\n    void previewText.offsetWidth;\n    previewText.classList.add(\"engrave-fade\");\n\n    const check = document.querySelector(\".preview-check\");\n    if (check) {\n      check.classList.add(\"show\");\n      clearTimeout(check._timeout);\n      check._timeout = setTimeout(() =\u003e check.classList.remove(\"show\"), 1000);\n    }\n  }\n\n  \/* ---- Mobile Popup Sync ---- *\/\n  function updateMobilePopup(value) {\n    if (!mobilePopupText) return;\n\n    mobilePopupText.textContent = value;\n    mobilePopupText.style.fontFamily =\n      window.getComputedStyle(previewText).fontFamily;\n\n    mobilePopupText.classList.remove(\"engrave-fade\");\n    void mobilePopupText.offsetWidth;\n    mobilePopupText.classList.add(\"engrave-fade\");\n\n    let popupCheck = mobilePopup.querySelector(\".popup-preview-check\");\n    if (!popupCheck) {\n      popupCheck = document.createElement(\"span\");\n      popupCheck.className = \"popup-preview-check\";\n      popupCheck.innerHTML = \"✔\";\n      mobilePopupText.parentElement.appendChild(popupCheck);\n    }\n\n    popupCheck.classList.add(\"show\");\n    clearTimeout(popupCheck._timeout);\n    popupCheck._timeout = setTimeout(() =\u003e popupCheck.classList.remove(\"show\"), 1000);\n\n    showPopup();\n  }\n\n  const symbolButtons = document.querySelectorAll(\".symbol-btn\");\n  const fontButtons = document.querySelectorAll(\".font-btn\");\n  const hiddenFontInput = document.getElementById(\"selectedFont\");\n  const MAX_LENGTH = 11;\n  let lastValue = \"\";\n\n  function updatePreview(force = false) {\n    const value = input.value;\n    if (!value) {\n      overlay.classList.remove(\"active\");\n      hidePopup();\n      lastValue = \"\";\n      return;\n    }\n\n    previewText.textContent = value;\n    overlay.classList.add(\"active\");\n\n    if (force || value.length !== lastValue.length) {\n      triggerDesktopEffects();\n      updateMobilePopup(value);\n    }\n\n    lastValue = value;\n  }\n\n  input.addEventListener(\"input\", () =\u003e updatePreview());\n\n  \/* ---- Symbols ---- *\/\n  symbolButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", () =\u003e {\n      const symbol = btn.dataset.symbol;\n      if (input.value.length + symbol.length \u003e MAX_LENGTH) return;\n\n      const start = input.selectionStart;\n      const end = input.selectionEnd;\n      input.value =\n        input.value.substring(0, start) +\n        symbol +\n        input.value.substring(end);\n\n      input.focus();\n      input.selectionStart = input.selectionEnd = start + symbol.length;\n      updatePreview(true);\n    });\n  });\nfunction forcePopupUpdate() {\n  const value = input.value.trim();\n  if (!value) return;\n\n  \/\/ Popup Text \u0026 Font\n  mobilePopupText.textContent = value;\n  mobilePopupText.style.fontFamily =\n    window.getComputedStyle(previewText).fontFamily;\n\n  \/\/ Glow\n  mobilePopupText.classList.remove(\"engrave-fade\");\n  void mobilePopupText.offsetWidth;\n  mobilePopupText.classList.add(\"engrave-fade\");\n\n  \/\/ Micro Check\n  let popupCheck = mobilePopup.querySelector(\".popup-preview-check\");\n  if (!popupCheck) {\n    popupCheck = document.createElement(\"span\");\n    popupCheck.className = \"popup-preview-check\";\n    popupCheck.innerHTML = '\u003ci class=\"bi bi-check\" style=\"color:#34aa8b;\"\u003e\u003c\/i\u003e';\n    mobilePopupText.parentElement.appendChild(popupCheck);\n  }\n  popupCheck.classList.add(\"show\");\n  clearTimeout(popupCheck._timeout);\n  popupCheck._timeout = setTimeout(() =\u003e popupCheck.classList.remove(\"show\"), 1000);\n\n  \/\/ SHOW\n  if (window.innerWidth \u003c= 768) {\n    mobilePopup.classList.add(\"show\");\n  }\n}\n\n  \/* ---- Fonts ---- *\/\n  fontButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", () =\u003e {\n      const font = btn.dataset.font;\n      previewText.style.fontFamily = font;\n\n      const back = document.getElementById(\"gravurtext_2\");\n      if (back) back.style.fontFamily = font;\n\n      hiddenFontInput.value = font;\n      updatePreview(true);\n          \/\/ 🔥 DAS IST DER FIX\n    forcePopupUpdate();\n\n      fontButtons.forEach(b =\u003e b.classList.remove(\"active\"));\n      btn.classList.add(\"active\");\n    });\n  });\n\n  document.addEventListener(\"click\", e =\u003e {\n    if (!mobilePopup.contains(e.target) \u0026\u0026 e.target !== input) hidePopup();\n  });\n  window.addEventListener(\"scroll\", hidePopup);\n});\n\n\/* =========================\n   Preview Image Pulse\n========================= *\/\nconst previewImage = document.querySelector('.engraving-preview-image');\nlet hasPulsed = false;\n\nfunction triggerPulse() {\n  if (!previewImage) return;\n  previewImage.classList.remove('pulse');\n  void previewImage.offsetWidth;\n  previewImage.classList.add('pulse');\n}\n\ndocument.getElementById(\"engravingInput\")?.addEventListener('input', e =\u003e {\n  if (!hasPulsed \u0026\u0026 e.target.value.trim()) {\n    triggerPulse();\n    hasPulsed = true;\n  }\n});\n\n\/* =========================\n   Live Preview Link (WICHTIG!)\n========================= *\/\ndocument.querySelectorAll('.live-preview-link').forEach(link =\u003e {\n  link.addEventListener('click', e =\u003e {\n    e.preventDefault();\n    document\n      .querySelector('#engraving-preview')\n      .scrollIntoView({ behavior: 'smooth', block: 'center' });\n  });\n});\n\/* =========================\n   MOBILE FONT POPUP FIX\n   (isoliert, zerstört nichts)\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  if (window.innerWidth \u003e 768) return;\n\n  const input = document.getElementById(\"engravingInput\");\n  const previewText = document.getElementById(\"engravingPreviewText\");\n  const mobilePopup = document.getElementById(\"engraving-mobile-popup\");\n  const popupText = mobilePopup?.querySelector(\".popup-preview-text\");\n  const popupCheck = mobilePopup?.querySelector(\".popup-preview-check\");\n  const fontButtons = document.querySelectorAll(\".font-btn\");\n\n  if (!input || !previewText || !popupText || !mobilePopup) return;\n\n  function showMobilePopup() {\n    mobilePopup.classList.add(\"show\");\n  }\n\n  function syncPopupFromPreview() {\n    const value = input.value.trim();\n    if (!value) return;\n\n    \/\/ Text + Font\n    popupText.textContent = value;\n    popupText.style.fontFamily =\n      window.getComputedStyle(previewText).fontFamily;\n\n    \/\/ Glow\n    popupText.classList.remove(\"engrave-fade\");\n    void popupText.offsetWidth;\n    popupText.classList.add(\"engrave-fade\");\n\n    \/\/ Micro Check\n    if (popupCheck) {\n      popupCheck.classList.add(\"show\");\n      clearTimeout(popupCheck._timeout);\n      popupCheck._timeout = setTimeout(\n        () =\u003e popupCheck.classList.remove(\"show\"),\n        1000\n      );\n    }\n\n    showMobilePopup();\n  }\n\n  \/* 🔥 FONT-WECHSEL → POPUP *\/\n  fontButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", () =\u003e {\n      requestAnimationFrame(syncPopupFromPreview);\n    });\n  });\n\n  \/* Sicherheit: auch bei erneutem Tippen *\/\n  input.addEventListener(\"input\", syncPopupFromPreview);\n\n}); \n\u003c\/script\u003e\n\n\n\n\n\n\n\n\n\n\u003c\/body\u003e","brand":"Juwelier Milano","offers":[{"title":"Edelstahl","offer_id":56781215236361,"sku":null,"price":29.0,"currency_code":"EUR","in_stock":true},{"title":"Vergoldet","offer_id":56781215269129,"sku":null,"price":29.0,"currency_code":"EUR","in_stock":true},{"title":"Roségold (vergoldet)","offer_id":56781215301897,"sku":null,"price":29.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/UN-0109_gmup8woco87_2026-01-26-18-11-16.jpg?v=1769473768"},{"product_id":"herzanhaenger-mit-zirkon","title":"Herzanhänger mit Zirkon – Edelstahl Schmuck mit Gravur","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003ctitle\u003eEdelstahl Herzanhänger mit persönlicher Gravur\u003c\/title\u003e\n\n  \u003c!-- SEO --\u003e\n  \u003cmeta name=\"description\" content=\"Eleganter Herzanhänger mit Zirkon aus Edelstahl – individuell gravierbar. Zeitlos, hochwertig \u0026amp; perfekt als Geschenk für besondere Anlässe.\"\u003e\n\n  \u003cmeta name=\"description\" content=\"Eleganter Herzanhänger mit Zirkon aus Edelstahl – individuell gravierbar. Zeitlos, hochwertig \u0026amp; perfekt als Geschenk für besondere Anlässe.\"\u003e\n\n\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n  \u003c!-- Fonts --\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n  \u003c!-- Bootstrap Icons --\u003e\n  \u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.1\/font\/bootstrap-icons.css\" rel=\"stylesheet\"\u003e\n\n  \u003cstyle\u003e\n    \/* ==============================\n       SCOPED PRODUCT STYLES\n       ============================== *\/\n\n    .engraving-product {\n      font-family: 'Inter', sans-serif;\n      color: #111;\n    }\n\n    .engraving-product .container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n    .engraving-product .container2 {\n      max-width: 1200px;\n      width:110%;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n\n    \/* HERO *\/\n    .engraving-hero {\n  padding: 80px 20px;\n  background: #f9f9f9;\n}\n\n.engraving-hero-grid-wrapper {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 15px;\n}\n\n.engraving-hero-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: start; \/* Bild auf gleiche Höhe wie Text *\/\n}\n\n.engraving-hero-text {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.engraving-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 600;\n  color: #bfac79;\n  margin-bottom: 15px;\n}\n\n.engraving-badge i {\n  font-size: 1.2rem;\n}\n\n.engraving-hero-text h1 {\n  font-size: 3.8rem;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #222;\n    font-weight: 600;\n  font-family: 'Playfair Display', serif;\n}\n\n.engraving-hero-text p {\n  font-size: 1.4rem;\n  color: #555;\n  margin-bottom: 25px;\n}\n\n    .engraving-cta {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 16px 40px;\n      background: #111;\n      color: #fff;\n      border-radius: 40px;\n      font-weight: 500;\n      transition: all .3s ease;\n    }\n\n    .engraving-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 20px 40px rgba(0,0,0,.2);\n    }\n\n    .engraving-trust {\n     margin-top: 25px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n      color: #777;\n      flex-wrap: wrap;\n    }\n\n    .engraving-trust span {\n      display: flex;\n  align-items: center;\n  gap: 8px;\n    }\n    .engraving-image {\n display: flex;\n  align-items: flex-start; \/* Bild oben an Text ausrichten *\/\n  justify-content: center;\n}\n\n   .engraving-image img {\n   width: 140%;\n  max-width: 550px; \/* optional, für Desktop-Breite *\/\n  object-fit: contain;\n  border-radius: 30px;\n       box-shadow: 0 2px 28px rgb(0 0 0 \/ 47%);\n     \/* box-shadow: 0 30px 80px rgba(0,0,0,0.18); *\/\n}\n\n    \/* Responsive *\/\n@media (max-width: 992px) {\n  .engraving-hero-grid {\n    grid-template-columns: 1fr;\n    gap: 50px;\n  }\n  .engraving-image {\n    justify-content: center;\n  }\n  .engraving-hero-text h1 {\n    font-size: 2.9rem;\n     margin-top: 0px;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #222;\n    font-weight: 600;\n  }\n}\n\n    \/* SECTIONS *\/\n    .engraving-section {\n      padding: 40px 0;\n    }\n\n    .engraving-section h2 {\n      font-family: 'Playfair Display', serif;\n      font-size: 38px;\n      margin-bottom: 20px;\n    }\n\n    .engraving-section-desc {\n      max-width: 720px;\n      color: #666;\n      margin-bottom: 60px;\n    }\n\n    \/* FEATURES *\/\n    .engraving-features {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n      gap: 40px;\n    }\n\n    .engraving-feature {\n      background: #fff;\n      padding: 40px;\n      border-radius: 28px;\n      box-shadow: 0 20px 50px rgba(0,0,0,.06);\n      transition: transform .4s ease;\n    }\n\n    .engraving-feature:hover {\n      transform: translateY(-6px);\n    }\n\n    .engraving-feature i {\n      font-size: 32px;\n      color: #b6a573;\n      margin-bottom: 14px;\n      display: inline-block;\n    }\n\n    .engraving-feature h3 {\n      margin-bottom: 10px;\n      font-size: 18px;\n    }\n\n    .engraving-feature p {\n      font-size: 15px;\n      color: #666;\n    }\n\n    \/* SPECS *\/\n    .engraving-specs {\n      background: #fff;\n      border-radius: 30px;\n      padding: 50px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 40px;\n      box-shadow: 0 20px 50px rgba(0,0,0,.05);\n    }\n\n    .engraving-specs ul {\n      list-style: none;\n      padding: 0;\n    }\n\n    .engraving-specs li {\n      padding: 12px 0;\n      border-bottom: 1px solid #eee;\n      font-size: 15px;\n      display: flex;\n      gap: 10px;\n      align-items: center;\n    }\n\n    .engraving-specs i {\n      color: #b6a573;\n    }\n\n    \/* CTA STRIP *\/\n    .engraving-cta-strip {\n      background: linear-gradient(135deg, #111, #1c1c1c);\n      color: #fff;\n      padding: 80px 20px;\n      text-align: center;\n    }\n\n    .engraving-cta-strip h2 {\n      color: #fff;\n      margin-bottom: 20px;\n    }\n\n    .engraving-cta-strip p {\n      color: #ccc;\n      margin-bottom: 30px;\n    }\n\n    \/* ANIMATION *\/\n    .engraving-fade {\n      opacity: 0;\n      transform: translateY(30px);\n      transition: 1s ease;\n    }\n\n    .engraving-fade.show {\n      opacity: 1;\n      transform: none;\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 900px) {\n      .engraving-hero-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n      }\n    }\n\n.engraving-collection-btn {\n    position: relative;\n    padding: 14px 28px;\n    border-radius: 12px;\n      background: linear-gradient(135deg, #c7aaaa, #1a1a1a);\n    color: rgb(255, 255, 255);\n    font-weight: 400;\n    font-size: 13px;\n  border-radius: 999px;\n    letter-spacing: .5px;\n    border: 1px solid rgba(220, 184, 75, 0.6);\n    cursor: pointer;\n    overflow: hidden;\n    box-shadow: 0 0 0 rgba(220, 184, 75, 0), inset 0 0 0 rgba(220, 184, 75, 0);\n    transition: all .35s ease;\n}\n .engraving-collection-btn:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 0 25px rgba(220, 184, 75, .45), inset 0 0 20px rgba(220, 184, 75, .15);\n    color: #ffdd7a;\n }\n.engraving-collection-btn::before {\n    content: '';\n    position: absolute;\n    inset: -1px;\n    border-radius: inherit;\n    background: radial-gradient(circle at 50% 120%, rgba(220, 184, 75, .35), transparent 65%);\n    opacity: .45;\n    pointer-events: none;\n    animation: idleGlow 4.5s ease-in-out infinite;\n}\n    .engraving-collection-btn::after {\n    content: '';\n    position: absolute;\n    inset: -120%;\n    background: radial-gradient(circle, rgba(220, 184, 75, .55), transparent 60%);\n    opacity: 0;\n    transform: scale(.2);\n    pointer-events: none;\n}\n\n.engraving-collection-btn:hover::after {\n    animation: pulseGlow 1.1s ease-out forwards;\n}\n\n\n    \n.micro-trust-valentine {\n    margin-top: 1.5rem;\n    font-size: 1.3rem;\n    color: #746742;\n    font-weight: 600;\n}\n\u003c!-- =========================\n     SPECS CSS\n========================== --\u003e\n\u003cstyle\u003e\n.engraving-specs {\n  display: flex;\n  justify-content: center;\n  gap: 60px; \/* Abstand zwischen den beiden Listen *\/\n  flex-wrap: wrap; \/* wichtig für mobile Ansicht *\/\n  margin-top: 30px;\n}\n\n.engraving-specs ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.engraving-specs ul li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  \n  color: #555;\n  margin-bottom: 12px;\n}\n\n.engraving-specs ul li i {\n   color: #bfac79;\n  \n  transition: transform 0.3s ease, color 0.3s ease;\n}\n    .engraving-specs ul li:hover i {\n  transform: scale(1.3);\n  color: #9f8650;\n}\n\n\/* Responsive: Auf mobilen Geräten untereinander zentrieren *\/\n@media (max-width: 768px) {\n  .engraving-specs {\n    flex-direction: column;\n    align-items: center;\n    gap: 25px;\n    grid-template-columns: auto;\n  }\n  .engraving-specs ul {\n    text-align: center;\n  }\n}\n\n    \/* Größen Auswahl *\/\n.engraving-size-selector {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  margin: 30px 0 40px;\n  flex-wrap: wrap;\n}\n\n.size-btn {\n  border: 1px solid #ddd;\n  background: #fff;\n  border-radius: 14px;\n  padding: 14px 22px;\n  cursor: pointer;\n  font-weight: 600;\n  text-align: center;\n  transition: all 0.3s ease;\n}\n\n.size-btn span {\n  display: block;\n  font-size: 13px;\n  color: #777;\n  margin-top: 4px;\n}\n\n.size-btn:hover {\n  border-color: #bfac79;\n  transform: translateY(-2px);\n}\n\n.size-btn.active {\n  background: #f7f4ef;\n  border-color: #bfac79;\n  color: #000;\n  box-shadow: 0 8px 20px rgba(0,0,0,0.08);\n}\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n  .engraving-size-selector {\n    gap: 12px;\n  }\n\n  .size-btn {\n    width: 100%;\n    max-width: 260px;\n  }\n}\n\/* =========================\n   SHIPPING \u0026 TRUST BLOCK\n========================== *\/\n\n.engraving-shipping {\n  padding: 20px 0;\n  background: linear-gradient(180deg, #faf9f7 0%, #ffffff 100%);\n}\n\n.engraving-shipping-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 40px;\n}\n.engraving-shipping h2 {\n  font-size: 2.2rem;\n  font-weight: 700;\n  margin-bottom: 40px;\n  color: #1f2a2a;\n      text-align: center;\n}\n.shipping-item {\n  text-align: center;\n  padding: 40px 28px;\n  background: #fff;\n  border-radius: 20px;\n  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.06);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n\n.shipping-item:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 28px 65px rgba(0, 0, 0, 0.1);\n}\n\n.shipping-item i {\n  font-size: 2.8rem;\n  color: #bfac79; \/* warmes Premium-Gold *\/\n  margin-bottom: 18px;\n}\n\n.shipping-item h3 {\n  font-size: 1.6rem;\n  margin-bottom: 10px;\n  font-weight: 600;\n  color: #1f2a2a;\n      margin-top: 10px;\n}\n\n.shipping-item p {\n  font-size: 1.3rem;\n  color: #555;\n  line-height: 1.6;\n}\n\n\/* =========================\n   RESPONSIVE\n========================== *\/\n\n@media (max-width: 900px) {\n  .engraving-shipping-grid {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n\n  .shipping-item {\n    padding: 32px 22px;\n  }\n}\n\n\/* =========================\n   WHY HEART STORY BLOCK\n========================== *\/\n\n.engraving-why-heart {\n  padding: 80px 0;\n  background: #faf9f7;\n  text-align: center;\n}\n\n.engraving-why-heart h2 {\n  font-size: 2.2rem;\n  font-weight: 700;\n  margin-bottom: 16px;\n  color: #1f2a2a;\n}\n\n.engraving-why-heart p {\n  max-width: 650px;\n  margin: 0 auto 50px auto;\n  font-size: 1.3rem;\n  line-height: 1.7;\n  color: #555;\n}\n\n.engraving-why-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 40px;\n}\n\n.engraving-feature {\n  background: #fff;\n  padding: 30px 20px;\n  border-radius: 20px;\n  box-shadow: 0 18px 45px rgba(0,0,0,0.06);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n\n.engraving-feature:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 28px 65px rgba(0,0,0,0.1);\n}\n\n.engraving-feature i {\n  font-size: 2.5rem;\n  color: #bfac79; \/* Premium-Gold *\/\n  margin-bottom: 16px;\n}\n\n.engraving-feature h3 {\n  font-size: 1.6rem;\n  margin-bottom: 10px;\n  font-weight: 600;\n  color: #1f2a2a;\n      margin-top: 10px;\n}\n\n.engraving-feature p {\n  font-size: 1.3rem;\n  line-height: 1.6;\n  color: #555;\n}\n\n\/* =========================\n   RESPONSIVE\n========================== *\/\n@media (max-width: 1200px) {\n  .engraving-why-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n  }\n}\n\n@media (max-width: 700px) {\n  .engraving-why-grid {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .engraving-why-heart p {\n    margin-bottom: 40px;\n  }\n}\n    \/* =========================\n   GRAVUR LIVE PREVIEW\n========================== *\/\n.engraving-preview-section {\n  padding: 40px 0;\n  background: #ffffff;\n}\n\n.engraving-preview-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n}\n\n\/* IMAGE *\/\n.engraving-preview-image {\n  position: relative;\n  max-width: 460px;\n}\n\n.engraving-preview-image img {\n  width: 100%;\n  border-radius: 28px;\n   \n}\n\n\/* OVERLAY *\/\n.engraving-overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  padding-bottom: 35%;\n  pointer-events: none;\n  opacity: 0;\n  transform: translateY(6px);\n  transition: opacity 0.35s ease, transform 0.35s ease;\n}\n\n.engraving-overlay.active {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.engraving-overlay span {\n  font-family: \"Playfair Display\", serif;\n  font-size: 2.2rem;\n  letter-spacing: 0.08em;\n   \n  color: rgb(186 186 186 \/ 94%);\n\/* Laser-Effekt *\/\n  text-shadow:\n    0 1px 1px rgba(0,0,0,0.6),\n    0 -1px 0 rgba(255,255,255,0.15);\n\n  \n  padding: 6px 16px;\n  border-radius: 10px;\n  backdrop-filter: blur(2px);\n}\n\n\/* CONTENT *\/\n.engraving-preview-content h2 {\n    font-size: 2.1rem;\n    margin-bottom: 12px;\n    color: #4b2f2f;\n    font-weight: 600;\n    margin-top: 25px;\n}\n\n.engraving-preview-content p {\n  max-width: 480px;\n  margin-bottom: 28px;\n  color: #555;\n  line-height: 1.6;\n}\n\n.engraving-badge {\n  display: inline-block;\n  margin-bottom: 16px;\n  font-size: 1.2rem;\n  padding: 6px 14px;\n  border-radius: 999px;\n  background: #f4f1e8;\n  color: #7a6a3a;\n  font-weight: 600;\n}\n\n\/* INPUT *\/\n.engraving-input-wrap,\n.engraving-font-select {\n  margin-bottom: 18px;\n}\n\n.engraving-input-wrap label,\n.engraving-font-select label {\n  display: block;\n  font-weight: 600;\n  margin-bottom: 6px;\n}\n\n.engraving-input-wrap input,\n.engraving-font-select select {\n  width: 50%;\n  padding: 14px 16px;\n  border-radius: 12px;\n  border: 1px solid #ddd;\n  font-size: 1.5rem;\n}\n\n.engraving-input-wrap input:focus,\n.engraving-font-select select:focus {\n  outline: none;\n  border-color: #bfac79;\n}\n\n.engraving-input-wrap small {\n  display: block;\n  margin-top: 6px;\n  font-size: 0.85rem;\n  color: #777;\n}\n\n\n\n.engraving-collection-btn i {\n  margin-left: 8px;\n}\n\n\/* TRUST *\/\n.engraving-micro-trust {\n  margin-top: 16px;\n  font-size: 1.2rem;\n  color: #4b8484;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) {\n  .engraving-preview-grid {\n    grid-template-columns: 1fr;\n    gap: 50px;\n    text-align: center;\n  }\n\n  .engraving-preview-image {\n    margin: 0 auto;\n  }\n}\n   \/* SYMBOL PICKER *\/\n.engraving-symbol-picker {\n  margin-bottom: 22px;\n}\n\n.symbol-title {\n  display: block;\n  font-size: 1.1rem;\n  font-weight: 600;\n  margin-bottom: 8px;\n  color: #444;\n}\n\n.symbol-list {\n  display: flex;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.symbol-btn {\n  width: 44px;\n  height: 44px;\n  border-radius: 12px;\n  border: 1px solid #ddd;\n  background: #fff;\n  font-size: 2rem;\n  cursor: pointer;\n  transition: all 0.25s ease;\n}\n\n.symbol-btn:hover {\n  border-color: #bfac79;\n  background: #f6f3ea;\n  transform: translateY(-2px);\n}\n\n.symbol-btn:active {\n      transform: scale(1.05);\n    background: #d7bf78;\n}\n    .engraving-font-select {\n  margin-bottom: 22px;\n}\n\n.engraving-font-select label {\n  display: block;\n  margin-bottom: 6px;\n  font-weight: 600;\n}\n\n.engraving-font-select select {\n  width: 100%;\n  padding: 14px 16px;\n  border-radius: 12px;\n  border: 1px solid #ddd;\n  font-size: 1.4rem;\n  background: #fff;\n}\n\n.engraving-font-select select:focus {\n  outline: none;\n  border-color: #bfac79;\n}\n\n\n    .engraving-font-picker {\n  margin-bottom: 28px;\n}\n\n.font-picker-label {\n  display: block;\n  margin-bottom: 12px;\n  \n}\n\n.font-group {\n  margin-bottom: 16px;\n}\n\n.font-group-title {\n  display: block;\n  font-size: 0.85rem;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  color: #777;\n  margin-bottom: 8px;\n}\n\n.font-btn {\n  display: inline-block;\n  margin: 6px 6px 0 0;\n  padding: 12px 16px;\n  border-radius: 14px;\n  border: 1px solid #ddd;\n  background: #fff;\n  cursor: pointer;\n  font-size: 1.05rem; \/* mobile readable *\/\n  transition: all 0.25s ease;\n}\n\n.font-btn.script {\n  font-size: 1.2rem; \/* Scripts größer für Lesbarkeit *\/\n}\n\n.font-btn:hover {\n  border-color: #bfac79;\n  transform: translateY(-1px);\n}\n\n \n.font-btn.active {\n  border-color: #bfac79;\n  background: rgba(191,172,121,0.15);\n  box-shadow: 0 6px 18px rgba(0,0,0,0.08);\n}\n\/* =========================\n   MOBILE COMPACT BUTTONS\n========================== *\/\n\n@media (max-width: 640px) {\n\n  \/* FONT GROUP GRID *\/\n  .font-group {\n    display: grid;\n    grid-template-columns: auto 1fr; \/* Titel | Buttons *\/\n    column-gap: 50px;\n    align-items: start;\n    margin-bottom: 16px;\n    border-bottom: 1px solid rgba(0,0,0,0.06);\n  padding-bottom: 12px;\n  }\n.font-group-buttons {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr); \/* kompakt *\/\n    gap: 8px;\n  }\n  \/* FONT BUTTONS *\/\n  .font-btn {\n    height: 42px;\n    padding: 0 6px;\n    font-size: 0.9rem;\n    border-radius: 10px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    white-space: nowrap;\n    line-height: 1;\n  }\n\n  .font-btn.script {\n    font-size: 1rem;\n  }\n\n  \/* SYMBOLS *\/\n  .symbol-list {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr); \/* schöne Symmetrie *\/\n    gap: 10px;\n  }\n\n  .symbol-btn {\n    height: 44px;\n    font-size: 1.25rem;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 10px;\n  }\n\n  \/* Titles ruhiger *\/\n  .font-group-title,\n  .symbol-title {\n    font-size: 1.15rem;\n    margin-bottom: 15px;\n    opacity: 0.65;\n  }\n  \n  .font-group-title {\n    font-size: 0.75rem;\n    font-weight: 600;\n    opacity: 0.6;\n    white-space: nowrap;\n    padding-top: 12px; \/* vertikal sauber *\/\n  }\n}\n\n.live-preview-link {\n  margin-left: 6px;\n  font-weight: 600;\n  color: #4b8484;\n  text-decoration: none;\n  cursor: pointer;\n  transition: opacity 0.2s ease;\n}\n\n.live-preview-link:hover {\n  opacity: 0.75;\n  text-decoration: underline;\n}\n\n.live-preview-link.premium {\n  margin-left: 8px;\n  font-weight: 600;\n  color: #5aa3a3;\n  text-decoration: none;\n  position: relative;\n  padding-bottom: 2px;\n  border-bottom: 1px solid rgb(75 132 132 \/ 0%);\n}\n\n.live-preview-link.premium::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 0%;\n  height: 1px;\n  background: linear-gradient(90deg, #5aa3a3, #9fd6d6);\n  transition: width 0.35s ease;\n}\n\n.live-preview-link.premium:hover::after {\n  width: 100%;\n}\n\n.live-preview-link.premium:hover {\n  opacity: 0.9;\n}\n.live-preview-link.glow {\n  margin-left: 8px;\n  font-weight: 600;\n  color: #4b8484;\n  text-decoration: none;\n  animation: pulseGlow 2.5s ease-in-out infinite;\n}\n\n@keyframes pulseGlow {\n  0% { text-shadow: 0 0 0 rgba(75,132,132,0); }\n  50% { text-shadow: 0 0 8px rgba(75,132,132,0.45); }\n  100% { text-shadow: 0 0 0 rgba(75,132,132,0); }\n}\n\n.live-preview-link.glow:hover {\n  opacity: 0.85;\n}\n     \n.live-preview-link.badge {\n  margin-left: 10px;\n  padding: 4px 10px;\n  font-size: 0.85rem;\n  font-weight: 600;\n  color: #2f6f6f;\n  background: rgba(79, 140, 140, 0.12);\n  border-radius: 999px;\n  text-decoration: none;\n  transition: all 0.25s ease;\n}\n\n.live-preview-link.badge:hover {\n  background: rgba(79, 140, 140, 0.22);\n  transform: translateY(-1px);\n}\n\n    \/* =========================\n   Base Luxury Style\n========================= *\/\n.live-preview-link.luxury {\n  margin-left: 8px;\n  font-weight: 600;\n  color: #ab8e4c; \/*  Gold *\/\n  text-decoration: none;\n  position: relative;\n  letter-spacing: 0.02em;\n  transition: color 0.25s ease, opacity 0.25s ease;\n}\n\n\/* Edle Gold-Linie *\/\n.live-preview-link.luxury::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: -2px;\n  width: 0%;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    rgba(201,168,92,0.0),\n    rgba(201,168,92,0.9),\n    rgba(201,168,92,0.0)\n  );\n  transition: width 0.35s ease;\n}\n\n.live-preview-link.luxury:hover::after {\n  width: 100%;\n}\n\n.live-preview-link.luxury:hover {\n  opacity: 0.9;\n}\n\n\/* =========================\n   MOBILE ONLY – Eye Catcher\n========================= *\/\n@media (max-width: 768px) {\n  .live-preview-link.luxury {\n    animation: luxuryGlow 2.2s ease-in-out infinite;\n  }\n\n  @keyframes luxuryGlow {\n    0% {\n      text-shadow:\n        0 0 0 rgba(201,168,92,0),\n        0 0 0 rgba(201,168,92,0);\n    }\n    50% {\n      text-shadow:\n        0 0 10px rgba(201,168,92,0.55),\n        0 0 22px rgba(201,168,92,0.25);\n    }\n    100% {\n      text-shadow:\n        0 0 0 rgba(201,168,92,0),\n        0 0 0 rgba(201,168,92,0);\n    }\n  }\n}\n\n\/* =========================\n   LUXURY SHINE BUTTON\n========================= *\/\n.luxury-shine-btn {\n  position: relative;\n  font-size: 1.2rem;\n    margin-bottom: 16px;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  padding: 5px 12px;\n  border-radius: 999px;\n\n  font-weight: 600;\n  letter-spacing: 0.03em;\n  text-decoration: none;\n\n  color: #e6d3a3;\n  background: linear-gradient(\n    180deg,\n    #141414,\n    #0d0d0d\n  );\n\n  border: 1px solid rgba(201,168,92,0.45);\n\n  overflow: hidden;\n  isolation: isolate;\n\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n\/* Hover – minimal, edel *\/\n.luxury-shine-btn:hover {\n  transform: translateY(-1px);\n  box-shadow:\n    0 8px 20px rgba(0,0,0,0.35),\n    0 0 0 1px rgba(201,168,92,0.35);\n}\n\n\/* =========================\n   GOLD LASER SHINE\n========================= *\/\n.luxury-shine-btn::before {\n  content: \"\";\n  position: absolute;\n  top: -60%;\n  left: -120%;\n\n  width: 60%;\n  height: 220%;\n\n  background: linear-gradient(\n    120deg,\n    transparent 0%,\n    rgba(255,255,255,0.0) 35%,\n    rgba(255,214,130,0.65) 50%,\n    rgba(255,255,255,0.0) 65%,\n    transparent 100%\n  );\n\n  transform: skewX(-20deg);\n  opacity: 0.9;\n\n  animation: goldLaser 3s ease-in-out infinite;\n}\n\n\/* Laser Bewegung *\/\n@keyframes goldLaser {\n  0% {\n    left: -120%;\n  }\n  55% {\n    left: 140%;\n  }\n  100% {\n    left: 140%;\n  }\n}\n\n\/* =========================\n   ICON GOLD TONE\n========================= *\/\n.luxury-shine-btn i {\n  color: #c9a85c;\n  font-size: 1.1em;\n}\n\/* =========================\n   TAP PULSE (SUBTIL)\n========================= *\/\n.luxury-shine-btn::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: radial-gradient(\n    circle at center,\n    rgba(255,215,160,0.35),\n    transparent 70%\n  );\n  opacity: 0;\n  transform: scale(0.85);\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  pointer-events: none;\n}\n\n.luxury-shine-btn:active::after {\n  opacity: 1;\n  transform: scale(1.05);\n}\n\n \/*Roségold (warm \u0026 emotional – perfekt für Herzanhänger) *\/    \n .luxury-rose {\n  color: #f1c7b6;\n  border-color: rgba(224,168,140,0.5);\n}\n\n.luxury-rose::before {\n  background: linear-gradient(\n    120deg,\n    transparent 0%,\n    rgba(255,220,210,0.0) 35%,\n    rgba(255,190,170,0.7) 50%,\n    rgba(255,220,210,0.0) 65%,\n    transparent 100%\n  );\n}\n\n.luxury-rose i {\n  color: #e0a88c;\n   font-size: 1.1em;\n}\n\n     \/*Weißgold (clean, modern, Premium) *\/ \n.luxury-whitegold {\n  color: #e8ecef;\n  border-color: rgba(200,205,210,0.45);\n}\n\n.luxury-whitegold::before {\n  background: linear-gradient(\n    120deg,\n    transparent 0%,\n    rgba(255,255,255,0.0) 35%,\n    rgba(230,235,240,0.75) 50%,\n    rgba(255,255,255,0.0) 65%,\n    transparent 100%\n  );\n}\n\n.luxury-whitegold i {\n  color: #cfd6dc;\n}\n\/*Silber (technisch, kühl, elegant)*\/\n  .luxury-silver {\n  color: #d7d7d7;\n  border-color: rgba(180,180,180,0.45);\n}\n\n.luxury-silver::before {\n  background: linear-gradient(\n    120deg,\n    transparent 0%,\n    rgba(240,240,240,0.0) 35%,\n    rgba(215,215,215,0.7) 50%,\n    rgba(240,240,240,0.0) 65%,\n    transparent 100%\n  );\n}\n\n.luxury-silver i {\n  color: #bfbfbf;\n}\n @media (max-width: 768px) {\n  .luxury-shine-btn::before {\n    animation-duration: 2.4s;\n  }\n} \n    \n@keyframes engravingPulse {\n  0%   { transform: scale(1); box-shadow: 0 0 0 rgba(191,172,121,0.0); }\n  40%  { transform: scale(1.02); box-shadow: 0 0 0 6px rgba(191,172,121,0.25); }\n  100% { transform: scale(1); box-shadow: 0 0 0 rgba(191,172,121,0.0); }\n}\n\n.engraving-preview-image.pulse {\n  animation: engravingPulse 0.6s ease-out;\n}\n @keyframes symbolGlow {\n  0%   { background: rgba(191,172,121,0.15); }\n  100% { background: transparent; }\n}\n\n.engraving-overlay.symbol-highlight span {\n  animation: symbolGlow 0.8s ease;\n}\n\n.symbol-btn.active {\n  transform: scale(1.15);\n  background: #bfac79;\n  color: #fff;\n}\n\n    .engraving-preview-text-wrap {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n      bottom:131px;\n      left:35px;\n}\n\n\/* ✔ Mini Check *\/\n.preview-check {\n  font-size: 14px;\n  opacity: 0;\n  transform: scale(0.6);\n  transition: opacity 0.25s ease, transform 0.25s ease;\n}\n\n.preview-check.show {\n  opacity: 1;\n  transform: scale(1);\n}\n\n\/* ✨ Edler Brand-Glow *\/\n.preview-glow {\n  animation: brandGlow 0.8s ease-out;\n}\n\n@keyframes brandGlow {\n  0% {\n    text-shadow: 0 0 0 rgba(180, 150, 100, 0);\n  }\n  30% {\n    text-shadow:\n      0 0 8px rgba(180, 150, 100, 0.5),\n      0 0 12px rgba(180, 150, 100, 0.4),\n      0 0 20px rgba(180, 150, 100, 0.3);\n  }\n  60% {\n    text-shadow:\n      0 0 12px rgba(180, 150, 100, 0.45),\n      0 0 18px rgba(180, 150, 100, 0.35),\n      0 0 28px rgba(180, 150, 100, 0.25);\n  }\n  100% {\n    text-shadow: 0 0 0 rgba(180, 150, 100, 0);\n  }\n}\n    \n\/* ✨ Edler golden fade *\/\n .engrave-fade {\n  animation: engraveFade 0.9s ease-out;\n    \n}\n\n@keyframes engraveFade {\n  0% {\n    text-shadow: 0 0 0 rgba(191, 172, 121, 0);\n    \n  }\n  40% {\n    text-shadow:\n      0 0 6px rgba(191, 172, 121, 0.45),\n      0 0 14px rgba(191, 172, 121, 0.25);\n  }\n  100% {\n    text-shadow: 0 0 0 rgba(191, 172, 121, 0);\n  }\n}\n   \n\n\/* ✔ Mini Checkmark bleibt gleich *\/\n.preview-check {\n  font-size: 14px;\n  opacity: 0;\n  transform: scale(0.6);\n  transition: opacity 0.25s ease, transform 0.25s ease;\n}\n\n.preview-check.show {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.preview-metal-sweep {\n  position: relative;\n  overflow: hidden;\n}\n\n.preview-metal-sweep::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -60%;\n  width: 60%;\n  height: 100%;\n  background: linear-gradient(\n    120deg,\n    transparent,\n    rgba(255, 215, 160, 0.45),\n    transparent\n  );\n  animation: metalSweep 0.6s ease-out;\n  pointer-events: none;\n}\n\n@keyframes metalSweep {\n  to {\n    left: 120%;\n  }\n}\n.engraving-preview-note {\n  margin-top: 10px;\n  font-size: 12.5px;\n  line-height: 1.45;\n  color: rgba(60, 60, 60, 0.75);\n  text-align: center;\n  letter-spacing: 0.02em;\n  font-style: normal;\n   animation: fadeInSoft 0.6s ease-out both;\n}\n    @keyframes fadeInSoft {\n  from {\n    opacity: 0;\n    transform: translateY(-2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n \n\n\/* Mobile leicht kompakter *\/\n@media (max-width: 640px) {\n  .engraving-preview-note {\n    font-size: 12px;\n    padding: 0 12px;\n  }\n}\n\n   \n#engraving-mobile-popup {\n  display: block; \/* block damit transition sichtbar wird *\/\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 235px;\n  z-index: 9999;\n  background: #6e644533;\n  padding: 20px;\n  box-shadow: 0 -10px 30px rgba(0,0,0,.18);\n  opacity: 0;\n  transform: translateY(18px);\n  pointer-events: none;\n  transition: opacity 0.35s ease, transform 0.35s ease;\n}\n\n#engraving-mobile-popup.show {\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n.popup-preview-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 2rem;\n  letter-spacing: 0.08em;\n  color: rgb(217 217 217 \/ 84%);\n  text-shadow: 0 1px 1px rgba(0,0,0,0.6), 0 -1px 0 rgba(255,255,255,0.15);\n  padding: 6px 16px;\n  border-radius: 10px;\n  backdrop-filter: blur(2px);\n  text-align: center;\n  transition: all 0.25s ease;\n}\n\n.popup-preview-text.glow {\n  text-shadow:\n    0 0 4px #fff,\n    0 0 8px #fff,\n    0 0 12px #ffd700;\n}\n\n.popup-preview-check {\n  position: absolute;\n top: -15px;\n    left: 65px;\n    font-size: 2.5rem;\n  opacity: 0;\n  transition: opacity 0.5s ease;\n}\n\n.popup-preview-check.show {\n  opacity: 1;\n}\n@media (min-width: 769px) {\n  #engraving-mobile-popup { display: none !important; }\n}\n     @media (max-width: 769px) {\n      .engraving-overlay {\n   position: absolute;\n  inset: 0;\n  pointer-events: none;\n} \n .engraving-overlay span {\n  font-family: \"Playfair Display\", serif;\n  font-size: 2rem;\n  letter-spacing: 0.08em;\n  color: rgb(217 217 217 \/ 71%);\n\/* Laser-Effekt *\/\n      text-shadow: 0 1px 1px rgb(0 0 0 \/ 86%), 0 -1px 0 rgba(255, 255, 255, 0.15);\n  padding: 6px 16px;\n    border-radius: 10px;\n    backdrop-filter: blur(1px);\n}\n}\n\n@media (max-width: 769px) {\n .engraving-preview-text-wrap {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n         bottom: 122px;\n    right: 24px;\n    \n}\n  .popup-preview-text-wrap {\n       position: absolute;\n                top: 41%;\n        left: 50%;\n         \n  white-space: nowrap;\n  display: block;\n        \n}  \n      \n}\n    .hero-subline {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-top: 12px;\n  flex-wrap: wrap;\n}\n\n.hero-subline .engraving-badge {\n  font-size: 1.1rem;\n  opacity: 0.85;\n}\n@media (max-width: 768px) {\n  .hero-subline {\n    justify-content: center;\n  }\n\n  .luxury-shine-btn {\n    margin-top: 6px;\n  }\n}\n  \u003c\/style\u003e\n\n\n\n\n\u003cdiv class=\"engraving-product\"\u003e\n\n  \u003c!-- =========================\n     HERO: Edelstahl Herz Anhänger\n========================== --\u003e\n\u003csection class=\"engraving-hero engraving-fade show\"\u003e\n  \u003cdiv class=\"engraving-hero-grid-wrapper\"\u003e\n    \u003cdiv class=\"engraving-hero-grid\"\u003e\n\n      \u003c!-- Textbereich --\u003e\n      \u003cdiv class=\"engraving-hero-text\"\u003e\n        \n\n        \u003ch1\u003eEdelstahl Herzanhänger mit persönlicher Gravur\u003c\/h1\u003e\n        \u003cdiv class=\"hero-subline\"\u003e\n  \u003cspan class=\"engraving-badge\"\u003e\n    \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose Gravur\n  \u003c\/span\u003e\n\n  \u003ca href=\"#engraving-preview\" class=\"luxury-shine-btn luxury-rose live-preview-link\"\u003e\n     \u003ci class=\"bi bi-eye\"\u003e\u003c\/i\u003e\n     Live-Vorschau ansehen\n  \u003c\/a\u003e\n\u003c\/div\u003e\n\n        \u003cp\u003e\n          Ein zeitloses Herz aus massivem Edelstahl – individuell graviert und geschaffen, um Gefühle für immer festzuhalten.\n        \u003c\/p\u003e\n\n        \u003c!-- CTA Button scrollt nach oben zum Produktformular --\u003e\n        \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n          Jetzt personalisieren \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"micro-trust-valentine\"\u003e\n          Sicher · Persönlich · Handgefertigt\n        \u003c\/div\u003e\n\n        \u003c!-- Trust Icons --\u003e\n        \u003cdiv class=\"engraving-trust\"\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e Edelstahl \u003c\/span\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-stars\"\u003e\u003c\/i\u003e Hochglanz \u003c\/span\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-rulers\"\u003e\u003c\/i\u003e 16 × 20 mm \u003c\/span\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e Zirkonia\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"micro-trust-valentine\" style=\"\n    text-align: left; \"\u003e\n         \u003cspan\u003e\u003ci class=\"bi bi-info-circle\"\u003e\u003c\/i\u003e Angeboten wird ausschließlich der Anhänger – ohne Kette\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Bildbereich --\u003e\n      \u003cdiv class=\"engraving-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/UN-0107_rfx8y9b2hs_2026-01-26-18-07-47.jpg?v=1769521881\" alt=\"Edelstahl Herzanhänger mit Zirkonia mit Gravur\"\u003e\n       \n      \u003c\/div\u003e\n  \n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n     WHY HEART STORY BLOCK\n========================== --\u003e\n\u003csection class=\"engraving-why-heart engraving-fade\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003ch2\u003eWarum dieses Herz?\u003c\/h2\u003e\n    \u003cp\u003e\n      Jedes Herz erzählt seine eigene Geschichte. Massives Edelstahl, fein verarbeitet und mit deiner persönlichen Gravur – ein Symbol für Nähe, Liebe und besondere Momente.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"engraving-why-grid\"\u003e\n      \n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eHochwertiges Material\u003c\/h3\u003e\n        \u003cp\u003eEdelstahl, der robust, glänzend und hypoallergen ist – für ein Leben lang.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eIndividuelle Gravur\u003c\/h3\u003e\n        \u003cp\u003eDeine Botschaft, Initialen oder ein Datum – direkt auf das Herz graviert, kostenlos.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-heart-fill\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eEmotion \u0026amp; Bedeutung\u003c\/h3\u003e\n        \u003cp\u003eEin Herz, das Nähe ausdrückt – perfekt für Armbänder, Ketten oder Schlüsselanhänger. Ob Jahrestag, Geburtstag, Valentinstag oder einfach als Zeichen deiner Liebe –\ndieser Herzanhänger ist ein persönliches Geschenk, das Emotionen trägt.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-stars\"\u003e\u003c\/i\u003e\n        \u003ch3\u003ePerfekte Verarbeitung\u003c\/h3\u003e\n        \u003cp\u003eFein poliert, klare Linien, elegante Optik – ein echtes Premium-Schmuckstück.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n  \n  \u003c!-- =========================\n     SHIPPING \u0026 TRUST BLOCK\n========================== --\u003e\n\u003csection class=\"engraving-shipping engraving-fade\"\u003e\n  \u003cdiv class=\"container\"\u003e\n      \u003ch2\u003eSorgfältig gefertigt \u0026amp; sicher geliefert\u003c\/h2\u003e\n    \u003cdiv class=\"engraving-shipping-grid\"\u003e\n\n      \u003cdiv class=\"shipping-item\"\u003e\n        \u003ci class=\"bi bi-truck\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eSchneller Versand\u003c\/h3\u003e\n        \u003cp\u003e\n          Versand innerhalb von \u003cstrong\u003e1–3 Werktagen\u003c\/strong\u003e  \n          nach Gravur – sorgfältig \u0026amp; sicher verpackt.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"shipping-item\"\u003e\n        \u003ci class=\"bi bi-geo-alt\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eHandarbeit in Deutschland\u003c\/h3\u003e\n        \u003cp\u003e\n          Jede Gravur entsteht in unserem Familienbetrieb –  \n          \u003cstrong\u003ekeine Externe Arbeit\u003c\/strong\u003e, kein Dropshipping.\n        \u003c\/p\u003e\n         \u003cp\u003eJede Gravur wird vor dem Versand manuell kontrolliert, damit dein Schmuckstück genau so ankommt, wie du es dir wünschst. \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"shipping-item\"\u003e\n        \u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eSicher \u0026amp; Vertrauensvoll\u003c\/h3\u003e\n        \u003cp\u003e\n          Sichere Zahlung, persönlicher Support  \n          und höchste Qualitätskontrolle vor dem Versand.\n        \u003c\/p\u003e\n         \u003cp\u003eSollte etwas nicht passen, findest du mit uns\n        unkompliziert eine Lösung.  \u003c\/p\u003e\n        \n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n  \u003c!-- FEATURES --\u003e\n  \u003csection class=\"engraving-section engraving-fade\"\u003e\n    \u003cdiv class=\"container engraving-hero-text\"\u003e\n      \u003ch1\u003eMehr als ein Schmuckstück\u003c\/h1\u003e\n      \u003cp class=\"engraving-section-desc\"\u003e\n        Dieser Herzanhänger steht für Beständigkeit, Persönlichkeit und zeitlose Eleganz.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"engraving-features\"\u003e\n        \u003cdiv class=\"engraving-feature\"\u003e\n          \u003ci class=\"bi bi-type\"\u003e\u003c\/i\u003e\n          \u003ch3\u003eIndividuelle Gravur\u003c\/h3\u003e\n          \u003cp\u003eKostenlose Personalisierung mit Initialen, Datum oder Botschaft.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"engraving-feature\"\u003e\n          \u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e\n          \u003ch3\u003eHochwertiges Edelstahl\u003c\/h3\u003e\n          \u003cp\u003eHochwertig verarbeitet, langlebig und formstabil – \n    entwickelt für Gravuren, die ein Leben lang halten.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"engraving-feature\"\u003e\n          \u003ci class=\"bi bi-gift\"\u003e\u003c\/i\u003e\n         \u003ch3\u003eBereit zu schenken\u003c\/h3\u003e\n  \u003cp\u003e\n    Zeitloses Design, persönliche Gravur – \n    ein Schmuckstück, das Emotionen transportiert statt nur gut auszusehen.\n  \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-heart\"\u003e\u003c\/i\u003e\n  \u003ch3\u003eRomantisch \u0026amp; Zeitlos\u003c\/h3\u003e\n  \u003cp\u003eGlänzender Herzanhänger mit funkelndem Zirkon – ein Geschenk voller Liebe.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\n\n    \n  \u003c!-- =========================\n     SPECS SECTION\n========================== --\u003e\n\u003csection class=\"engraving-section engraving-fade\"\u003e\n  \u003cdiv class=\"container2 engraving-hero-text\"\u003e\n    \u003ch1\u003eProduktdetails\u003c\/h1\u003e\n\n    \u003cdiv class=\"engraving-specs\"\u003e\n      \u003cul\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-box\"\u003e\u003c\/i\u003e \u003cstrong\u003eMaterial:\u003c\/strong\u003e Edelstahl\u003c\/li\u003e\n\u003cli\u003e\n\u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e \u003cstrong\u003eStein:\u003c\/strong\u003e eingeriebener Zirkonia\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-arrows-angle-expand\"\u003e\u003c\/i\u003e \u003cstrong\u003eGröße:\u003c\/strong\u003e 16 × 20 mm\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-database\"\u003e\u003c\/i\u003e \u003cstrong\u003eGewicht:\u003c\/strong\u003e 1,6 g\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-brightness-high\"\u003e\u003c\/i\u003e \u003cstrong\u003eFinish:\u003c\/strong\u003e Hochglanz\u003c\/li\u003e\n      \u003c\/ul\u003e\n\n      \u003cul\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-link\"\u003e\u003c\/i\u003e \u003cstrong\u003eVerwendung:\u003c\/strong\u003e Kette · Armband · Schlüsselanhänger\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-gender-ambiguous\"\u003e\u003c\/i\u003e \u003cstrong\u003eGeschlecht:\u003c\/strong\u003e Dame\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e \u003cstrong\u003eGravur:\u003c\/strong\u003e Kostenlos\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-heart\"\u003e\u003c\/i\u003e \u003cstrong\u003eBedeutung:\u003c\/strong\u003e Persönlich \u0026amp; emotional\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n     GRAVUR LIVE PREVIEW\n========================== --\u003e\n\u003csection class=\"engraving-preview-section engraving-fade\"\u003e\n  \u003cspan class=\"engraving-badge visible-xs\"\u003e\n        \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose Personalisierung – Live Vorschau\n      \u003c\/span\u003e\n  \u003cdiv class=\"engraving-preview-grid\"\u003e\n\n    \u003c!-- IMAGE --\u003e\n    \u003cdiv class=\"engraving-preview-image\"\u003e\n      \u003cimg id=\"engravingProductImage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/IMG_2581_-_Kopie.png?v=1769525954\" alt=\"Edelstahl Herzanhänger ohne Gravur\"\u003e\n\n      \u003cdiv class=\"engraving-overlay\" id=\"engravingOverlay\"\u003e\n       \u003cdiv class=\"engraving-preview-text-wrap\"\u003e\n  \u003cspan id=\"engravingPreviewText\"\u003eDein Text\u003c\/span\u003e\n  \u003cspan class=\"preview-check\"\u003e\u003ci class=\"bi bi-check\" style=\"color:#34aa8b;\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n\u003c\/div\u003e  \n      \u003c\/div\u003e\n      \u003cp class=\"engraving-preview-note\"\u003e\n  ✦ Diese Darstellung dient als Vorschau. Jede Gravur ist ein handwerkliches Unikat – minimale Abweichungen in Höhe oder Tiefe sind möglich. Wir passen die Schriftgröße optimal an.\n\u003c\/p\u003e\n\n      \n    \u003c\/div\u003e\n\n    \u003c!-- CONTENT --\u003e\n    \u003cdiv class=\"engraving-preview-content\" id=\"engraving-preview\"\u003e\n\n      \u003cspan class=\"engraving-badge hidden-xs\"\u003e\n        \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose Personalisierung – Live Vorschau\n      \u003c\/span\u003e\n\n      \u003ch2\u003eMach dieses Herz einzigartig\u003c\/h2\u003e\n      \u003cp\u003e\n        Gib deine gewünschte Gravur ein und sieh sofort,\n        wie dein persönlicher Herzanhänger Gestalt annimmt.\n      \u003c\/p\u003e\n\n      \u003c!-- INPUT --\u003e\n      \u003cdiv class=\"engraving-input-wrap\"\u003e\n        \u003clabel for=\"engravingInput\"\u003eDeine Gravur\u003c\/label\u003e\n        \u003cinput type=\"text\" id=\"engravingInput\" maxlength=\"11\" placeholder=\"z. B. A + M | 12.06.24\"\u003e\n        \u003csmall\u003eMax. 11 Zeichen · Zahlen \u0026amp; Symbole möglich\u003c\/small\u003e\n      \u003c\/div\u003e\n\u003c!-- SYMBOL PICKER --\u003e\n\u003cdiv class=\"engraving-symbol-picker\"\u003e\n  \u003cspan class=\"symbol-title\"\u003eSymbole hinzufügen\u003c\/span\u003e\n\n  \u003cdiv class=\"symbol-list\"\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"♥\"\u003e♥\u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"∞\"\u003e∞\u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"★\"\u003e★\u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"✝\"\u003e✝\u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"❥\"\u003e❥\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n      \u003c!-- FONT SELECT --\u003e\n\u003cdiv class=\"engraving-font-select\"\u003e\n  \n\n  \u003c!-- =========================\n     FONT PICKER (BUTTONS)\n========================== --\u003e\n\u003cdiv class=\"engraving-font-picker\"\u003e\n  \u003clabel class=\"font-picker-label\"\u003e\u003cstrong\u003eSchriftart wählen\u003c\/strong\u003e\u003c\/label\u003e\n \n    \n  \u003c!-- SERIF --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eSerif\u003c\/span\u003e\n     \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Times New Roman\" style=\"font-family:'Times New Roman'\"\u003e\n      Times New Roman\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Georgia\" style=\"font-family:Georgia\"\u003e\n      Georgia\n    \u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n  \u003c!-- SANS --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eSans-serif\u003c\/span\u003e\n    \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Arial\" style=\"font-family:Arial\"\u003e\n      Arial\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Helvetica\" style=\"font-family:Helvetica\"\u003e\n      Helvetica\n    \u003c\/button\u003e\n  \u003c\/div\u003e \u003c\/div\u003e\n\n  \u003c!-- MONOSPACE --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eMonospace\u003c\/span\u003e\n    \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Courier New\" style=\"font-family:'Courier New'\"\u003e\n      Courier New\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Lucida Console\" style=\"font-family:'Lucida Console'\"\u003e\n      Lucida Console\n    \u003c\/button\u003e\n  \u003c\/div\u003e \u003c\/div\u003e\n\n  \u003c!-- SCRIPT --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eSchreibschrift\u003c\/span\u003e\n    \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Allura\" style=\"font-family:'Allura'\"\u003e\n      Allura\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Alex Brush\" style=\"font-family:'Alex Brush'\"\u003e\n      Alex Brush\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Kaushan Script\" style=\"font-family:'Kaushan Script'\"\u003e\n      Kaushan Script\n    \u003c\/button\u003e\n  \u003c\/div\u003e \u003c\/div\u003e\n\n  \u003c!-- HANDWRITING --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eHandschrift\u003c\/span\u003e\n    \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Pacifico\" style=\"font-family:'Pacifico'\"\u003e\n      Pacifico\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Indie Flower\" style=\"font-family:'Indie Flower'\"\u003e\n      Indie Flower\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Dancing Script\" style=\"font-family:'Dancing Script'\"\u003e\n      Dancing Script\n    \u003c\/button\u003e\n  \u003c\/div\u003e \u003c\/div\u003e\n\n  \u003c!-- HIDDEN INPUT FÜR SHOPIFY --\u003e\n  \u003cinput type=\"hidden\" name=\"properties[Schriftart]\" id=\"selectedFont\"\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n      \u003c!-- CTA --\u003e\n      \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n        Gravur jetzt festlegen \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n      \u003c\/button\u003e\n\n      \u003c!-- MICRO TRUST --\u003e\n      \u003cdiv class=\"engraving-micro-trust\"\u003e\n        \u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e\n        Jede Gravur wird individuell geprüft \u0026amp; präzise gefertigt\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n    \n\u003c!-- End Block --\u003e\n  \u003csection class=\"engraving-cta-strip engraving-fade\" id=\"gravur\"\u003e\u003ci class=\"bi bi-stars\" style=\"\n    font-size: 6rem;\n    color: #c0a860;\n\"\u003e\u003c\/i\u003e\n    \u003ch2 style=\"margin-top: 15px;\"\u003eDeine Gravur. Deine Geschichte.\u003c\/h2\u003e\n    \u003cp\u003eEin Schmuckstück, das mehr sagt als Worte. \u003c\/p\u003e\n   \u003cp\u003e Handarbeit mit Herz. Wir verewigen Emotionen – präzise, hochwertig und mit Respekt.\u003c\/p\u003e\n\u003cp style=\"color:#fff;font-weight:400;\"\u003eExcellence seit 1991.\u003c\/p\u003e\n \n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Mobile Popup Vorschau --\u003e\n\u003cdiv id=\"engraving-mobile-popup\"\u003e\n  \u003cdiv class=\"popup-preview\" style=\"position: relative;margin-bottom: 10px;\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/IMG_2579_-_Kopie.jpg?v=1769525954\" alt=\"Gravur Vorschau Mobile\" class=\"popup-preview-image\" style=\"width:100%;\"\u003e\n   \u003cdiv class=\"engraving-overlay active\" id=\"engravingOverlay\"\u003e\n     \u003cdiv class=\"popup-preview-text-wrap\"\u003e\n    \u003cspan class=\"popup-preview-text\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"popup-preview-check\"\u003e\u003ci class=\"bi bi-check\" style=\"color:#34aa8b;\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n       \u003c\/div\u003e\n      \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n    Gravur jetzt festlegen \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n  \u003c\/button\u003e\n\u003c\/div\u003e\n\n    \n\u003cscript\u003e\n\/* =========================\n   Intersection Animations\n========================= *\/\nconst engravingObserver = new IntersectionObserver(entries =\u003e {\n  entries.forEach(entry =\u003e {\n    if (entry.isIntersecting) entry.target.classList.add('show');\n  });\n}, { threshold: 0.2 });\n\ndocument.querySelectorAll('.engraving-fade').forEach(el =\u003e\n  engravingObserver.observe(el)\n);\n\n\/* =========================\n   CTA Scroll + Übergabe\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const ctaButtons = document.querySelectorAll(\".js-scroll-to-form\");\n\n  ctaButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", function (e) {\n      e.preventDefault();\n\n  const gravurInput = document.querySelector(\"#gravurtext_vorderseite\");\n      const previewText = document.getElementById(\"engravingPreviewText\");\n\n      if (gravurInput \u0026\u0026 previewText) {\n        gravurInput.value = previewText.textContent.trim();\n        const fontFamily = window.getComputedStyle(previewText).fontFamily;\n        gravurInput.style.fontFamily = fontFamily;\n\n        const back = document.querySelector(\"#gravurtext_2\");\n        if (back) back.style.fontFamily = fontFamily;\n      }\n\n      const gravurFontSelect = document.querySelector(\"#gravur_schriftart\");\n      if (gravurFontSelect \u0026\u0026 previewText) {\n        const previewFont = window.getComputedStyle(previewText).fontFamily;\n        let found = false;\n        Array.from(gravurFontSelect.options).forEach((opt, i) =\u003e {\n          if (previewFont.includes(opt.value)) {\n            gravurFontSelect.selectedIndex = i;\n            found = true;\n          }\n        });\n        if (!found) gravurFontSelect.selectedIndex = 0;\n      }\n\n      const productForm = document.querySelector(\"#product-form, form[action*='\/cart\/add']\");\n      if (!productForm) return;\n\n      productForm.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      const firstInput = productForm.querySelector(\"input, textarea, select\");\n      if (firstInput) firstInput.focus();\n    });\n  });\n});\n\n\/* =========================\n   Specs Fade-In\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const uls = document.querySelectorAll('.engraving-specs ul');\n  const observer = new IntersectionObserver(entries =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) entry.target.classList.add('visible');\n    });\n  }, { threshold: 0.3 });\n  uls.forEach(ul =\u003e observer.observe(ul));\n});\n\n\/* =========================\n   Size Buttons\n========================= *\/\ndocument.querySelectorAll('.size-btn').forEach(btn =\u003e {\n  btn.addEventListener('click', () =\u003e {\n    document.querySelectorAll('.size-btn').forEach(b =\u003e b.classList.remove('active'));\n    btn.classList.add('active');\n    document.getElementById('engraving-size-value').textContent =\n      btn.getAttribute('data-size');\n  });\n});\n\n\/* =========================\n   MAIN ENGRAVING LOGIC\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const input = document.getElementById(\"engravingInput\");\n  const previewText = document.getElementById(\"engravingPreviewText\");\n  const overlay = document.getElementById(\"engravingOverlay\");\n\n  \/* ---- Mobile Popup ---- *\/\n  const mobilePopup = document.getElementById(\"engraving-mobile-popup\");\n  const mobilePopupText = mobilePopup?.querySelector(\".popup-preview-text\");\n\n  function showPopup() {\n    if (window.innerWidth \u003e 768) return;\n    mobilePopup.classList.add(\"show\");\n  }\n  function hidePopup() {\n    mobilePopup.classList.remove(\"show\");\n  }\n\n  \/* ---- Desktop Effects ---- *\/\n  function triggerDesktopEffects() {\n    previewText.classList.remove(\"engrave-fade\");\n    void previewText.offsetWidth;\n    previewText.classList.add(\"engrave-fade\");\n\n    const check = document.querySelector(\".preview-check\");\n    if (check) {\n      check.classList.add(\"show\");\n      clearTimeout(check._timeout);\n      check._timeout = setTimeout(() =\u003e check.classList.remove(\"show\"), 1000);\n    }\n  }\n\n  \/* ---- Mobile Popup Sync ---- *\/\n  function updateMobilePopup(value) {\n    if (!mobilePopupText) return;\n\n    mobilePopupText.textContent = value;\n    mobilePopupText.style.fontFamily =\n      window.getComputedStyle(previewText).fontFamily;\n\n    mobilePopupText.classList.remove(\"engrave-fade\");\n    void mobilePopupText.offsetWidth;\n    mobilePopupText.classList.add(\"engrave-fade\");\n\n    let popupCheck = mobilePopup.querySelector(\".popup-preview-check\");\n    if (!popupCheck) {\n      popupCheck = document.createElement(\"span\");\n      popupCheck.className = \"popup-preview-check\";\n      popupCheck.innerHTML = \"✔\";\n      mobilePopupText.parentElement.appendChild(popupCheck);\n    }\n\n    popupCheck.classList.add(\"show\");\n    clearTimeout(popupCheck._timeout);\n    popupCheck._timeout = setTimeout(() =\u003e popupCheck.classList.remove(\"show\"), 1000);\n\n    showPopup();\n  }\n\n  const symbolButtons = document.querySelectorAll(\".symbol-btn\");\n  const fontButtons = document.querySelectorAll(\".font-btn\");\n  const hiddenFontInput = document.getElementById(\"selectedFont\");\n  const MAX_LENGTH = 11;\n  let lastValue = \"\";\n\n  function updatePreview(force = false) {\n    const value = input.value;\n    if (!value) {\n      overlay.classList.remove(\"active\");\n      hidePopup();\n      lastValue = \"\";\n      return;\n    }\n\n    previewText.textContent = value;\n    overlay.classList.add(\"active\");\n\n    if (force || value.length !== lastValue.length) {\n      triggerDesktopEffects();\n      updateMobilePopup(value);\n    }\n\n    lastValue = value;\n  }\n\n  input.addEventListener(\"input\", () =\u003e updatePreview());\n\n  \/* ---- Symbols ---- *\/\n  symbolButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", () =\u003e {\n      const symbol = btn.dataset.symbol;\n      if (input.value.length + symbol.length \u003e MAX_LENGTH) return;\n\n      const start = input.selectionStart;\n      const end = input.selectionEnd;\n      input.value =\n        input.value.substring(0, start) +\n        symbol +\n        input.value.substring(end);\n\n      input.focus();\n      input.selectionStart = input.selectionEnd = start + symbol.length;\n      updatePreview(true);\n    });\n  });\nfunction forcePopupUpdate() {\n  const value = input.value.trim();\n  if (!value) return;\n\n  \/\/ Popup Text \u0026 Font\n  mobilePopupText.textContent = value;\n  mobilePopupText.style.fontFamily =\n    window.getComputedStyle(previewText).fontFamily;\n\n  \/\/ Glow\n  mobilePopupText.classList.remove(\"engrave-fade\");\n  void mobilePopupText.offsetWidth;\n  mobilePopupText.classList.add(\"engrave-fade\");\n\n  \/\/ Micro Check\n  let popupCheck = mobilePopup.querySelector(\".popup-preview-check\");\n  if (!popupCheck) {\n    popupCheck = document.createElement(\"span\");\n    popupCheck.className = \"popup-preview-check\";\n    popupCheck.innerHTML = '\u003ci class=\"bi bi-check\" style=\"color:#34aa8b;\"\u003e\u003c\/i\u003e';\n    mobilePopupText.parentElement.appendChild(popupCheck);\n  }\n  popupCheck.classList.add(\"show\");\n  clearTimeout(popupCheck._timeout);\n  popupCheck._timeout = setTimeout(() =\u003e popupCheck.classList.remove(\"show\"), 1000);\n\n  \/\/ SHOW\n  if (window.innerWidth \u003c= 768) {\n    mobilePopup.classList.add(\"show\");\n  }\n}\n\n  \/* ---- Fonts ---- *\/\n  fontButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", () =\u003e {\n      const font = btn.dataset.font;\n      previewText.style.fontFamily = font;\n\n      const back = document.getElementById(\"gravurtext_2\");\n      if (back) back.style.fontFamily = font;\n\n      hiddenFontInput.value = font;\n      updatePreview(true);\n          \/\/ 🔥 DAS IST DER FIX\n    forcePopupUpdate();\n\n      fontButtons.forEach(b =\u003e b.classList.remove(\"active\"));\n      btn.classList.add(\"active\");\n    });\n  });\n\n  document.addEventListener(\"click\", e =\u003e {\n    if (!mobilePopup.contains(e.target) \u0026\u0026 e.target !== input) hidePopup();\n  });\n  window.addEventListener(\"scroll\", hidePopup);\n});\n\n\/* =========================\n   Preview Image Pulse\n========================= *\/\nconst previewImage = document.querySelector('.engraving-preview-image');\nlet hasPulsed = false;\n\nfunction triggerPulse() {\n  if (!previewImage) return;\n  previewImage.classList.remove('pulse');\n  void previewImage.offsetWidth;\n  previewImage.classList.add('pulse');\n}\n\ndocument.getElementById(\"engravingInput\")?.addEventListener('input', e =\u003e {\n  if (!hasPulsed \u0026\u0026 e.target.value.trim()) {\n    triggerPulse();\n    hasPulsed = true;\n  }\n});\n\n\/* =========================\n   Live Preview Link (WICHTIG!)\n========================= *\/\ndocument.querySelectorAll('.live-preview-link').forEach(link =\u003e {\n  link.addEventListener('click', e =\u003e {\n    e.preventDefault();\n    document\n      .querySelector('#engraving-preview')\n      .scrollIntoView({ behavior: 'smooth', block: 'center' });\n  });\n});\n\/* =========================\n   MOBILE FONT POPUP FIX\n   (isoliert, zerstört nichts)\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  if (window.innerWidth \u003e 768) return;\n\n  const input = document.getElementById(\"engravingInput\");\n  const previewText = document.getElementById(\"engravingPreviewText\");\n  const mobilePopup = document.getElementById(\"engraving-mobile-popup\");\n  const popupText = mobilePopup?.querySelector(\".popup-preview-text\");\n  const popupCheck = mobilePopup?.querySelector(\".popup-preview-check\");\n  const fontButtons = document.querySelectorAll(\".font-btn\");\n\n  if (!input || !previewText || !popupText || !mobilePopup) return;\n\n  function showMobilePopup() {\n    mobilePopup.classList.add(\"show\");\n  }\n\n  function syncPopupFromPreview() {\n    const value = input.value.trim();\n    if (!value) return;\n\n    \/\/ Text + Font\n    popupText.textContent = value;\n    popupText.style.fontFamily =\n      window.getComputedStyle(previewText).fontFamily;\n\n    \/\/ Glow\n    popupText.classList.remove(\"engrave-fade\");\n    void popupText.offsetWidth;\n    popupText.classList.add(\"engrave-fade\");\n\n    \/\/ Micro Check\n    if (popupCheck) {\n      popupCheck.classList.add(\"show\");\n      clearTimeout(popupCheck._timeout);\n      popupCheck._timeout = setTimeout(\n        () =\u003e popupCheck.classList.remove(\"show\"),\n        1000\n      );\n    }\n\n    showMobilePopup();\n  }\n\n  \/* 🔥 FONT-WECHSEL → POPUP *\/\n  fontButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", () =\u003e {\n      requestAnimationFrame(syncPopupFromPreview);\n    });\n  });\n\n  \/* Sicherheit: auch bei erneutem Tippen *\/\n  input.addEventListener(\"input\", syncPopupFromPreview);\n\n}); \n\u003c\/script\u003e\n\n\n\n\n\n\n\n\n\n\u003c\/body\u003e","brand":"Juwelier Milano","offers":[{"title":"Vergoldet","offer_id":56782182449417,"sku":null,"price":49.0,"currency_code":"EUR","in_stock":true},{"title":"Edelstahl","offer_id":56782182416649,"sku":null,"price":49.0,"currency_code":"EUR","in_stock":true},{"title":"Roségold (vergoldet)","offer_id":56782182482185,"sku":null,"price":59.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/UN-0107_rfx8y9b2hs_2026-01-26-18-07-47.jpg?v=1769524700"},{"product_id":"herzanhanger-edelstahl-mit-kette-befuellbar-gravur","title":"Edler Herzanhänger aus Edelstahl mit Kette \u0026 Füllset  – Gedenkschmuck mit Gravur","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003ctitle\u003eHerzanhänger aus Edelstahl mit Kette \u0026amp; Füllset - persönlich gravierbar\u003c\/title\u003e\n\n  \u003c!-- SEO --\u003e\n  \u003cmeta name=\"description\" content=\"Ein befüllbarer Herzanhänger aus hochwertigem Edelstahl. Mit Kette \u0026amp; Füllset. Persönliches Geschenk mit Gravur voller Bedeutung für besondere Momente.\"\u003e\n\n  \u003cmeta name=\"keywords\" content=\"Herzanhänger Edelstahl, befüllbarer Herzanhänger, Schmuck Geschenk Liebe, Edelstahl Herz Kette, Andenken Schmuck, Erinnerungsschmuck, Geschenk Valentinstag, gravierbarer Herzanhänger\"\u003e\n\n\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n  \u003c!-- Fonts --\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n  \u003c!-- Bootstrap Icons --\u003e\n  \u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.1\/font\/bootstrap-icons.css\" rel=\"stylesheet\"\u003e\n\n  \u003cstyle\u003e\n    \/* ==============================\n       SCOPED PRODUCT STYLES\n       ============================== *\/\n\n    .engraving-product {\n      font-family: 'Inter', sans-serif;\n      color: #111;\n    }\n\n    .engraving-product .container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n    .engraving-product .container2 {\n      max-width: 1200px;\n      width:110%;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n\n    \/* HERO *\/\n    .engraving-hero {\n  padding: 80px 20px;\n  background: #f9f9f9;\n}\n\n.engraving-hero-grid-wrapper {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 15px;\n}\n\n.engraving-hero-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: start; \/* Bild auf gleiche Höhe wie Text *\/\n}\n\n.engraving-hero-text {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.engraving-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 600;\n  color: #bfac79;\n  margin-bottom: 15px;\n}\n\n.engraving-badge i {\n  font-size: 1.2rem;\n}\n\n.engraving-hero-text h1 {\n  font-size: 3.8rem;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #222;\n    font-weight: 600;\n  font-family: 'Playfair Display', serif;\n}\n\n.engraving-hero-text p {\n  font-size: 1.4rem;\n  color: #555;\n  margin-bottom: 25px;\n}\n\n    .engraving-cta {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 16px 40px;\n      background: #111;\n      color: #fff;\n      border-radius: 40px;\n      font-weight: 500;\n      transition: all .3s ease;\n    }\n\n    .engraving-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 20px 40px rgba(0,0,0,.2);\n    }\n\n    .engraving-trust {\n     margin-top: 25px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n      color: #777;\n      flex-wrap: wrap;\n    }\n\n    .engraving-trust span {\n      display: flex;\n  align-items: center;\n  gap: 8px;\n    }\n    .engraving-image {\n display: flex;\n  align-items: flex-start; \/* Bild oben an Text ausrichten *\/\n  justify-content: center;\n}\n\n   .engraving-image img {\n   width: 140%;\n  max-width: 550px; \/* optional, für Desktop-Breite *\/\n  object-fit: contain;\n  border-radius: 30px;\n       box-shadow: 0 2px 28px rgb(0 0 0 \/ 47%);\n     \/* box-shadow: 0 30px 80px rgba(0,0,0,0.18); *\/\n}\n\n    \/* Responsive *\/\n@media (max-width: 992px) {\n  .engraving-hero-grid {\n    grid-template-columns: 1fr;\n    gap: 50px;\n  }\n  .engraving-image {\n    justify-content: center;\n  }\n  .engraving-hero-text h1 {\n    font-size: 2.9rem;\n     margin-top: 0px;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #222;\n    font-weight: 600;\n  }\n}\n\n    \/* SECTIONS *\/\n    .engraving-section {\n      padding: 40px 0;\n    }\n\n    .engraving-section h2 {\n      font-family: 'Playfair Display', serif;\n      font-size: 38px;\n      margin-bottom: 20px;\n    }\n\n    .engraving-section-desc {\n      max-width: 720px;\n      color: #666;\n      margin-bottom: 60px;\n    }\n\n    \/* FEATURES *\/\n    .engraving-features {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n      gap: 40px;\n    }\n\n    .engraving-feature {\n      background: #fff;\n      padding: 40px;\n      border-radius: 28px;\n      box-shadow: 0 20px 50px rgba(0,0,0,.06);\n      transition: transform .4s ease;\n    }\n\n    .engraving-feature:hover {\n      transform: translateY(-6px);\n    }\n\n    .engraving-feature i {\n      font-size: 32px;\n      color: #b6a573;\n      margin-bottom: 14px;\n      display: inline-block;\n    }\n\n    .engraving-feature h3 {\n      margin-bottom: 10px;\n      font-size: 18px;\n    }\n\n    .engraving-feature p {\n      font-size: 15px;\n      color: #666;\n    }\n\n    \/* SPECS *\/\n    .engraving-specs {\n      background: #fff;\n      border-radius: 30px;\n      padding: 50px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 40px;\n      box-shadow: 0 20px 50px rgba(0,0,0,.05);\n    }\n\n    .engraving-specs ul {\n      list-style: none;\n      padding: 0;\n    }\n\n    .engraving-specs li {\n      padding: 12px 0;\n      border-bottom: 1px solid #eee;\n      font-size: 15px;\n      display: flex;\n      gap: 10px;\n      align-items: center;\n    }\n\n    .engraving-specs i {\n      color: #b6a573;\n    }\n\n    \/* CTA STRIP *\/\n    .engraving-cta-strip {\n      background: linear-gradient(135deg, #111, #1c1c1c);\n      color: #fff;\n      padding: 80px 20px;\n      text-align: center;\n    }\n\n    .engraving-cta-strip h2 {\n      color: #fff;\n      margin-bottom: 20px;\n    }\n\n    .engraving-cta-strip p {\n      color: #ccc;\n      margin-bottom: 30px;\n    }\n\n    \/* ANIMATION *\/\n    .engraving-fade {\n      opacity: 0;\n      transform: translateY(30px);\n      transition: 1s ease;\n    }\n\n    .engraving-fade.show {\n      opacity: 1;\n      transform: none;\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 900px) {\n      .engraving-hero-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n      }\n    }\n\n.engraving-collection-btn {\n    position: relative;\n    padding: 14px 28px;\n    border-radius: 12px;\n      background: linear-gradient(135deg, #c7aaaa, #1a1a1a);\n    color: rgb(255, 255, 255);\n    font-weight: 400;\n    font-size: 13px;\n  border-radius: 999px;\n    letter-spacing: .5px;\n    border: 1px solid rgba(220, 184, 75, 0.6);\n    cursor: pointer;\n    overflow: hidden;\n    box-shadow: 0 0 0 rgba(220, 184, 75, 0), inset 0 0 0 rgba(220, 184, 75, 0);\n    transition: all .35s ease;\n}\n .engraving-collection-btn:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 0 25px rgba(220, 184, 75, .45), inset 0 0 20px rgba(220, 184, 75, .15);\n    color: #ffdd7a;\n }\n.engraving-collection-btn::before {\n    content: '';\n    position: absolute;\n    inset: -1px;\n    border-radius: inherit;\n    background: radial-gradient(circle at 50% 120%, rgba(220, 184, 75, .35), transparent 65%);\n    opacity: .45;\n    pointer-events: none;\n    animation: idleGlow 4.5s ease-in-out infinite;\n}\n    .engraving-collection-btn::after {\n    content: '';\n    position: absolute;\n    inset: -120%;\n    background: radial-gradient(circle, rgba(220, 184, 75, .55), transparent 60%);\n    opacity: 0;\n    transform: scale(.2);\n    pointer-events: none;\n}\n\n.engraving-collection-btn:hover::after {\n    animation: pulseGlow 1.1s ease-out forwards;\n}\n\n\n    \n.micro-trust-valentine {\n    margin-top: 1.5rem;\n    font-size: 1.3rem;\n    color: #746742;\n    font-weight: 600;\n}\n\u003c!-- =========================\n     SPECS CSS\n========================== --\u003e\n\u003cstyle\u003e\n.engraving-specs {\n  display: flex;\n  justify-content: center;\n  gap: 60px; \/* Abstand zwischen den beiden Listen *\/\n  flex-wrap: wrap; \/* wichtig für mobile Ansicht *\/\n  margin-top: 30px;\n}\n\n.engraving-specs ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.engraving-specs ul li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  \n  color: #555;\n  margin-bottom: 12px;\n}\n\n.engraving-specs ul li i {\n   color: #bfac79;\n  \n  transition: transform 0.3s ease, color 0.3s ease;\n}\n    .engraving-specs ul li:hover i {\n  transform: scale(1.3);\n  color: #9f8650;\n}\n\n\/* Responsive: Auf mobilen Geräten untereinander zentrieren *\/\n@media (max-width: 768px) {\n  .engraving-specs {\n    flex-direction: column;\n    align-items: center;\n    gap: 25px;\n    grid-template-columns: auto;\n  }\n  .engraving-specs ul {\n    text-align: center;\n  }\n}\n\n    \/* Größen Auswahl *\/\n.engraving-size-selector {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  margin: 30px 0 40px;\n  flex-wrap: wrap;\n}\n\n.size-btn {\n  border: 1px solid #ddd;\n  background: #fff;\n  border-radius: 14px;\n  padding: 14px 22px;\n  cursor: pointer;\n  font-weight: 600;\n  text-align: center;\n  transition: all 0.3s ease;\n}\n\n.size-btn span {\n  display: block;\n  font-size: 13px;\n  color: #777;\n  margin-top: 4px;\n}\n\n.size-btn:hover {\n  border-color: #bfac79;\n  transform: translateY(-2px);\n}\n\n.size-btn.active {\n  background: #f7f4ef;\n  border-color: #bfac79;\n  color: #000;\n  box-shadow: 0 8px 20px rgba(0,0,0,0.08);\n}\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n  .engraving-size-selector {\n    gap: 12px;\n  }\n\n  .size-btn {\n    width: 100%;\n    max-width: 260px;\n  }\n}\n\/* =========================\n   SHIPPING \u0026 TRUST BLOCK\n========================== *\/\n\n.engraving-shipping {\n  padding: 20px 0;\n  background: linear-gradient(180deg, #faf9f7 0%, #ffffff 100%);\n}\n\n.engraving-shipping-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 40px;\n}\n.engraving-shipping h2 {\n  font-size: 2.2rem;\n  font-weight: 700;\n  margin-bottom: 40px;\n  color: #1f2a2a;\n      text-align: center;\n}\n.shipping-item {\n  text-align: center;\n  padding: 40px 28px;\n  background: #fff;\n  border-radius: 20px;\n  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.06);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n\n.shipping-item:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 28px 65px rgba(0, 0, 0, 0.1);\n}\n\n.shipping-item i {\n  font-size: 2.8rem;\n  color: #bfac79; \/* warmes Premium-Gold *\/\n  margin-bottom: 18px;\n}\n\n.shipping-item h3 {\n  font-size: 1.6rem;\n  margin-bottom: 10px;\n  font-weight: 600;\n  color: #1f2a2a;\n      margin-top: 10px;\n}\n\n.shipping-item p {\n  font-size: 1.3rem;\n  color: #555;\n  line-height: 1.6;\n}\n\n\/* =========================\n   RESPONSIVE\n========================== *\/\n\n@media (max-width: 900px) {\n  .engraving-shipping-grid {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n\n  .shipping-item {\n    padding: 32px 22px;\n  }\n}\n\n\/* =========================\n   WHY HEART STORY BLOCK\n========================== *\/\n\n.engraving-why-heart {\n  padding: 80px 0;\n  background: #faf9f7;\n  text-align: center;\n}\n\n.engraving-why-heart h2 {\n  font-size: 2.2rem;\n  font-weight: 700;\n  margin-bottom: 16px;\n  color: #1f2a2a;\n}\n\n.engraving-why-heart p {\n  max-width: 650px;\n  margin: 0 auto 50px auto;\n  font-size: 1.3rem;\n  line-height: 1.7;\n  color: #555;\n}\n\n.engraving-why-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 40px;\n}\n\n.engraving-feature {\n  background: #fff;\n  padding: 30px 20px;\n  border-radius: 20px;\n  box-shadow: 0 18px 45px rgba(0,0,0,0.06);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n\n.engraving-feature:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 28px 65px rgba(0,0,0,0.1);\n}\n\n.engraving-feature i {\n  font-size: 2.5rem;\n  color: #bfac79; \/* Premium-Gold *\/\n  margin-bottom: 16px;\n}\n\n.engraving-feature h3 {\n  font-size: 1.6rem;\n  margin-bottom: 10px;\n  font-weight: 600;\n  color: #1f2a2a;\n      margin-top: 10px;\n}\n\n.engraving-feature p {\n  font-size: 1.3rem;\n  line-height: 1.6;\n  color: #555;\n}\n\n\/* =========================\n   RESPONSIVE\n========================== *\/\n@media (max-width: 1200px) {\n  .engraving-why-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n  }\n}\n\n@media (max-width: 700px) {\n  .engraving-why-grid {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .engraving-why-heart p {\n    margin-bottom: 40px;\n  }\n}\n    \/* =========================\n   GRAVUR LIVE PREVIEW\n========================== *\/\n.engraving-preview-section {\n  padding: 40px 0;\n  background: #ffffff;\n}\n\n.engraving-preview-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n}\n\n\/* IMAGE *\/\n.engraving-preview-image {\n  position: relative;\n  max-width: 460px;\n}\n\n.engraving-preview-image img {\n  width: 100%;\n  border-radius: 28px;\n   \n}\n\n\/* OVERLAY *\/\n.engraving-overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  padding-bottom: 35%;\n  pointer-events: none;\n  opacity: 0;\n  transform: translateY(6px);\n  transition: opacity 0.35s ease, transform 0.35s ease;\n}\n\n.engraving-overlay.active {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.engraving-overlay span {\n  font-family: \"Playfair Display\", serif;\n  font-size: 1.7rem;\n  letter-spacing: 0.08em;\n   \n  color: rgb(186 186 186 \/ 94%);\n\/* Laser-Effekt *\/\n  text-shadow:\n    0 1px 1px rgba(0,0,0,0.6),\n    0 -1px 0 rgba(255,255,255,0.15);\n\n  \n  padding: 6px 16px;\n  border-radius: 10px;\n  backdrop-filter: blur(2px);\n}\n\n\/* CONTENT *\/\n.engraving-preview-content h2 {\n    font-size: 2.1rem;\n    margin-bottom: 12px;\n    color: #4b2f2f;\n    font-weight: 600;\n    margin-top: 25px;\n}\n\n.engraving-preview-content p {\n  max-width: 480px;\n  margin-bottom: 28px;\n  color: #555;\n  line-height: 1.6;\n}\n\n.engraving-badge {\n  display: inline-block;\n  margin-bottom: 16px;\n  font-size: 1.2rem;\n  padding: 6px 14px;\n  border-radius: 999px;\n  background: #f4f1e8;\n  color: #7a6a3a;\n  font-weight: 600;\n}\n\n\/* INPUT *\/\n.engraving-input-wrap,\n.engraving-font-select {\n  margin-bottom: 18px;\n}\n\n.engraving-input-wrap label,\n.engraving-font-select label {\n  display: block;\n  font-weight: 600;\n  margin-bottom: 6px;\n}\n\n.engraving-input-wrap input,\n.engraving-font-select select {\n  width: 50%;\n  padding: 14px 16px;\n  border-radius: 12px;\n  border: 1px solid #ddd;\n  font-size: 1.5rem;\n}\n\n.engraving-input-wrap input:focus,\n.engraving-font-select select:focus {\n  outline: none;\n  border-color: #bfac79;\n}\n\n.engraving-input-wrap small {\n  display: block;\n  margin-top: 6px;\n  font-size: 0.85rem;\n  color: #777;\n}\n\n\n\n.engraving-collection-btn i {\n  margin-left: 8px;\n}\n\n\/* TRUST *\/\n.engraving-micro-trust {\n  margin-top: 16px;\n  font-size: 1.2rem;\n  color: #4b8484;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) {\n  .engraving-preview-grid {\n    grid-template-columns: 1fr;\n    gap: 50px;\n    text-align: center;\n  }\n\n  .engraving-preview-image {\n    margin: 0 auto;\n  }\n}\n   \/* SYMBOL PICKER *\/\n.engraving-symbol-picker {\n  margin-bottom: 22px;\n}\n\n.symbol-title {\n  display: block;\n  font-size: 1.1rem;\n  font-weight: 600;\n  margin-bottom: 8px;\n  color: #444;\n}\n\n.symbol-list {\n  display: flex;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.symbol-btn {\n  width: 44px;\n  height: 44px;\n  border-radius: 12px;\n  border: 1px solid #ddd;\n  background: #fff;\n  font-size: 2rem;\n  cursor: pointer;\n  transition: all 0.25s ease;\n}\n\n.symbol-btn:hover {\n  border-color: #bfac79;\n  background: #f6f3ea;\n  transform: translateY(-2px);\n}\n\n.symbol-btn:active {\n      transform: scale(1.05);\n    background: #d7bf78;\n}\n    .engraving-font-select {\n  margin-bottom: 22px;\n}\n\n.engraving-font-select label {\n  display: block;\n  margin-bottom: 6px;\n  font-weight: 600;\n}\n\n.engraving-font-select select {\n  width: 100%;\n  padding: 14px 16px;\n  border-radius: 12px;\n  border: 1px solid #ddd;\n  font-size: 1.4rem;\n  background: #fff;\n}\n\n.engraving-font-select select:focus {\n  outline: none;\n  border-color: #bfac79;\n}\n\n\n    .engraving-font-picker {\n  margin-bottom: 28px;\n}\n\n.font-picker-label {\n  display: block;\n  margin-bottom: 12px;\n  \n}\n\n.font-group {\n  margin-bottom: 16px;\n}\n\n.font-group-title {\n  display: block;\n  font-size: 0.85rem;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  color: #777;\n  margin-bottom: 8px;\n}\n\n.font-btn {\n  display: inline-block;\n  margin: 6px 6px 0 0;\n  padding: 12px 16px;\n  border-radius: 14px;\n  border: 1px solid #ddd;\n  background: #fff;\n  cursor: pointer;\n  font-size: 1.05rem; \/* mobile readable *\/\n  transition: all 0.25s ease;\n}\n\n.font-btn.script {\n  font-size: 1.2rem; \/* Scripts größer für Lesbarkeit *\/\n}\n\n.font-btn:hover {\n  border-color: #bfac79;\n  transform: translateY(-1px);\n}\n\n \n.font-btn.active {\n  border-color: #bfac79;\n  background: rgba(191,172,121,0.15);\n  box-shadow: 0 6px 18px rgba(0,0,0,0.08);\n}\n\/* =========================\n   MOBILE COMPACT BUTTONS\n========================== *\/\n\n@media (max-width: 640px) {\n\n  \/* FONT GROUP GRID *\/\n  .font-group {\n    display: grid;\n    grid-template-columns: auto 1fr; \/* Titel | Buttons *\/\n    column-gap: 50px;\n    align-items: start;\n    margin-bottom: 16px;\n    border-bottom: 1px solid rgba(0,0,0,0.06);\n  padding-bottom: 12px;\n  }\n.font-group-buttons {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr); \/* kompakt *\/\n    gap: 8px;\n  }\n  \/* FONT BUTTONS *\/\n  .font-btn {\n    height: 42px;\n    padding: 0 6px;\n    font-size: 0.9rem;\n    border-radius: 10px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    white-space: nowrap;\n    line-height: 1;\n  }\n\n  .font-btn.script {\n    font-size: 1rem;\n  }\n\n  \/* SYMBOLS *\/\n  .symbol-list {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr); \/* schöne Symmetrie *\/\n    gap: 10px;\n  }\n\n  .symbol-btn {\n    height: 44px;\n    font-size: 1.25rem;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 10px;\n  }\n\n  \/* Titles ruhiger *\/\n  .font-group-title,\n  .symbol-title {\n    font-size: 1.15rem;\n    margin-bottom: 15px;\n    opacity: 0.65;\n  }\n  \n  .font-group-title {\n    font-size: 0.75rem;\n    font-weight: 600;\n    opacity: 0.6;\n    white-space: nowrap;\n    padding-top: 12px; \/* vertikal sauber *\/\n  }\n}\n\n.live-preview-link {\n  margin-left: 6px;\n  font-weight: 600;\n  color: #4b8484;\n  text-decoration: none;\n  cursor: pointer;\n  transition: opacity 0.2s ease;\n}\n\n.live-preview-link:hover {\n  opacity: 0.75;\n  text-decoration: underline;\n}\n\n.live-preview-link.premium {\n  margin-left: 8px;\n  font-weight: 600;\n  color: #5aa3a3;\n  text-decoration: none;\n  position: relative;\n  padding-bottom: 2px;\n  border-bottom: 1px solid rgb(75 132 132 \/ 0%);\n}\n\n.live-preview-link.premium::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 0%;\n  height: 1px;\n  background: linear-gradient(90deg, #5aa3a3, #9fd6d6);\n  transition: width 0.35s ease;\n}\n\n.live-preview-link.premium:hover::after {\n  width: 100%;\n}\n\n.live-preview-link.premium:hover {\n  opacity: 0.9;\n}\n.live-preview-link.glow {\n  margin-left: 8px;\n  font-weight: 600;\n  color: #4b8484;\n  text-decoration: none;\n  animation: pulseGlow 2.5s ease-in-out infinite;\n}\n\n@keyframes pulseGlow {\n  0% { text-shadow: 0 0 0 rgba(75,132,132,0); }\n  50% { text-shadow: 0 0 8px rgba(75,132,132,0.45); }\n  100% { text-shadow: 0 0 0 rgba(75,132,132,0); }\n}\n\n.live-preview-link.glow:hover {\n  opacity: 0.85;\n}\n     \n.live-preview-link.badge {\n  margin-left: 10px;\n  padding: 4px 10px;\n  font-size: 0.85rem;\n  font-weight: 600;\n  color: #2f6f6f;\n  background: rgba(79, 140, 140, 0.12);\n  border-radius: 999px;\n  text-decoration: none;\n  transition: all 0.25s ease;\n}\n\n.live-preview-link.badge:hover {\n  background: rgba(79, 140, 140, 0.22);\n  transform: translateY(-1px);\n}\n\n    \/* =========================\n   Base Luxury Style\n========================= *\/\n.live-preview-link.luxury {\n  margin-left: 8px;\n  font-weight: 600;\n  color: #ab8e4c; \/*  Gold *\/\n  text-decoration: none;\n  position: relative;\n  letter-spacing: 0.02em;\n  transition: color 0.25s ease, opacity 0.25s ease;\n}\n\n\/* Edle Gold-Linie *\/\n.live-preview-link.luxury::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: -2px;\n  width: 0%;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    rgba(201,168,92,0.0),\n    rgba(201,168,92,0.9),\n    rgba(201,168,92,0.0)\n  );\n  transition: width 0.35s ease;\n}\n\n.live-preview-link.luxury:hover::after {\n  width: 100%;\n}\n\n.live-preview-link.luxury:hover {\n  opacity: 0.9;\n}\n\n\/* =========================\n   MOBILE ONLY – Eye Catcher\n========================= *\/\n@media (max-width: 768px) {\n  .live-preview-link.luxury {\n    animation: luxuryGlow 2.2s ease-in-out infinite;\n  }\n\n  @keyframes luxuryGlow {\n    0% {\n      text-shadow:\n        0 0 0 rgba(201,168,92,0),\n        0 0 0 rgba(201,168,92,0);\n    }\n    50% {\n      text-shadow:\n        0 0 10px rgba(201,168,92,0.55),\n        0 0 22px rgba(201,168,92,0.25);\n    }\n    100% {\n      text-shadow:\n        0 0 0 rgba(201,168,92,0),\n        0 0 0 rgba(201,168,92,0);\n    }\n  }\n}\n\n\/* =========================\n   LUXURY SHINE BUTTON\n========================= *\/\n.luxury-shine-btn {\n  position: relative;\n  font-size: 1.2rem;\n    margin-bottom: 16px;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  padding: 5px 12px;\n  border-radius: 999px;\n\n  font-weight: 600;\n  letter-spacing: 0.03em;\n  text-decoration: none;\n\n  color: #e6d3a3;\n  background: linear-gradient(\n    180deg,\n    #141414,\n    #0d0d0d\n  );\n\n  border: 1px solid rgba(201,168,92,0.45);\n\n  overflow: hidden;\n  isolation: isolate;\n\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n\/* Hover – minimal, edel *\/\n.luxury-shine-btn:hover {\n  transform: translateY(-1px);\n  box-shadow:\n    0 8px 20px rgba(0,0,0,0.35),\n    0 0 0 1px rgba(201,168,92,0.35);\n}\n\n\/* =========================\n   GOLD LASER SHINE\n========================= *\/\n.luxury-shine-btn::before {\n  content: \"\";\n  position: absolute;\n  top: -60%;\n  left: -120%;\n\n  width: 60%;\n  height: 220%;\n\n  background: linear-gradient(\n    120deg,\n    transparent 0%,\n    rgba(255,255,255,0.0) 35%,\n    rgba(255,214,130,0.65) 50%,\n    rgba(255,255,255,0.0) 65%,\n    transparent 100%\n  );\n\n  transform: skewX(-20deg);\n  opacity: 0.9;\n\n  animation: goldLaser 3s ease-in-out infinite;\n}\n\n\/* Laser Bewegung *\/\n@keyframes goldLaser {\n  0% {\n    left: -120%;\n  }\n  55% {\n    left: 140%;\n  }\n  100% {\n    left: 140%;\n  }\n}\n\n\/* =========================\n   ICON GOLD TONE\n========================= *\/\n.luxury-shine-btn i {\n  color: #c9a85c;\n  font-size: 1.1em;\n}\n\/* =========================\n   TAP PULSE (SUBTIL)\n========================= *\/\n.luxury-shine-btn::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: radial-gradient(\n    circle at center,\n    rgba(255,215,160,0.35),\n    transparent 70%\n  );\n  opacity: 0;\n  transform: scale(0.85);\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  pointer-events: none;\n}\n\n.luxury-shine-btn:active::after {\n  opacity: 1;\n  transform: scale(1.05);\n}\n\n \/*Roségold (warm \u0026 emotional – perfekt für Herzanhänger) *\/    \n .luxury-rose {\n  color: #f1c7b6;\n  border-color: rgba(224,168,140,0.5);\n}\n\n.luxury-rose::before {\n  background: linear-gradient(\n    120deg,\n    transparent 0%,\n    rgba(255,220,210,0.0) 35%,\n    rgba(255,190,170,0.7) 50%,\n    rgba(255,220,210,0.0) 65%,\n    transparent 100%\n  );\n}\n\n.luxury-rose i {\n  color: #e0a88c;\n   font-size: 1.1em;\n}\n\n     \/*Weißgold (clean, modern, Premium) *\/ \n.luxury-whitegold {\n  color: #e8ecef;\n  border-color: rgba(200,205,210,0.45);\n}\n\n.luxury-whitegold::before {\n  background: linear-gradient(\n    120deg,\n    transparent 0%,\n    rgba(255,255,255,0.0) 35%,\n    rgba(230,235,240,0.75) 50%,\n    rgba(255,255,255,0.0) 65%,\n    transparent 100%\n  );\n}\n\n.luxury-whitegold i {\n  color: #cfd6dc;\n}\n\/*Silber (technisch, kühl, elegant)*\/\n  .luxury-silver {\n  color: #d7d7d7;\n  border-color: rgba(180,180,180,0.45);\n}\n\n.luxury-silver::before {\n  background: linear-gradient(\n    120deg,\n    transparent 0%,\n    rgba(240,240,240,0.0) 35%,\n    rgba(215,215,215,0.7) 50%,\n    rgba(240,240,240,0.0) 65%,\n    transparent 100%\n  );\n}\n\n.luxury-silver i {\n  color: #bfbfbf;\n}\n @media (max-width: 768px) {\n  .luxury-shine-btn::before {\n    animation-duration: 2.4s;\n  }\n} \n    \n@keyframes engravingPulse {\n  0%   { transform: scale(1); box-shadow: 0 0 0 rgba(191,172,121,0.0); }\n  40%  { transform: scale(1.02); box-shadow: 0 0 0 6px rgba(191,172,121,0.25); }\n  100% { transform: scale(1); box-shadow: 0 0 0 rgba(191,172,121,0.0); }\n}\n\n.engraving-preview-image.pulse {\n  animation: engravingPulse 0.6s ease-out;\n}\n @keyframes symbolGlow {\n  0%   { background: rgba(191,172,121,0.15); }\n  100% { background: transparent; }\n}\n\n.engraving-overlay.symbol-highlight span {\n  animation: symbolGlow 0.8s ease;\n}\n\n.symbol-btn.active {\n  transform: scale(1.15);\n  background: #bfac79;\n  color: #fff;\n}\n\n    .engraving-preview-text-wrap {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n      bottom:30px;\n      left:26px;\n}\n\n\/* ✔ Mini Check *\/\n.preview-check {\n  font-size: 14px;\n  opacity: 0;\n  transform: scale(0.6);\n  transition: opacity 0.25s ease, transform 0.25s ease;\n}\n\n.preview-check.show {\n  opacity: 1;\n  transform: scale(1);\n}\n\n\/* ✨ Edler Brand-Glow *\/\n.preview-glow {\n  animation: brandGlow 0.8s ease-out;\n}\n\n@keyframes brandGlow {\n  0% {\n    text-shadow: 0 0 0 rgba(180, 150, 100, 0);\n  }\n  30% {\n    text-shadow:\n      0 0 8px rgba(180, 150, 100, 0.5),\n      0 0 12px rgba(180, 150, 100, 0.4),\n      0 0 20px rgba(180, 150, 100, 0.3);\n  }\n  60% {\n    text-shadow:\n      0 0 12px rgba(180, 150, 100, 0.45),\n      0 0 18px rgba(180, 150, 100, 0.35),\n      0 0 28px rgba(180, 150, 100, 0.25);\n  }\n  100% {\n    text-shadow: 0 0 0 rgba(180, 150, 100, 0);\n  }\n}\n    \n\/* ✨ Edler golden fade *\/\n .engrave-fade {\n  animation: engraveFade 0.9s ease-out;\n    \n}\n\n@keyframes engraveFade {\n  0% {\n    text-shadow: 0 0 0 rgba(191, 172, 121, 0);\n    \n  }\n  40% {\n    text-shadow:\n      0 0 6px rgba(191, 172, 121, 0.45),\n      0 0 14px rgba(191, 172, 121, 0.25);\n  }\n  100% {\n    text-shadow: 0 0 0 rgba(191, 172, 121, 0);\n  }\n}\n   \n\n\/* ✔ Mini Checkmark bleibt gleich *\/\n.preview-check {\n  font-size: 14px;\n  opacity: 0;\n  transform: scale(0.6);\n  transition: opacity 0.25s ease, transform 0.25s ease;\n}\n\n.preview-check.show {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.preview-metal-sweep {\n  position: relative;\n  overflow: hidden;\n}\n\n.preview-metal-sweep::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -60%;\n  width: 60%;\n  height: 100%;\n  background: linear-gradient(\n    120deg,\n    transparent,\n    rgba(255, 215, 160, 0.45),\n    transparent\n  );\n  animation: metalSweep 0.6s ease-out;\n  pointer-events: none;\n}\n\n@keyframes metalSweep {\n  to {\n    left: 120%;\n  }\n}\n.engraving-preview-note {\n  margin-top: 10px;\n  font-size: 12.5px;\n  line-height: 1.45;\n  color: rgba(60, 60, 60, 0.75);\n  text-align: center;\n  letter-spacing: 0.02em;\n  font-style: normal;\n   animation: fadeInSoft 0.6s ease-out both;\n}\n    @keyframes fadeInSoft {\n  from {\n    opacity: 0;\n    transform: translateY(-2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n \n\n\/* Mobile leicht kompakter *\/\n@media (max-width: 640px) {\n  .engraving-preview-note {\n    font-size: 12px;\n    padding: 0 12px;\n  }\n}\n\n   \n#engraving-mobile-popup {\n  display: block; \/* block damit transition sichtbar wird *\/\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 235px;\n  z-index: 9999;\n  background: #6e644533;\n  padding: 20px;\n  box-shadow: 0 -10px 30px rgba(0,0,0,.18);\n  opacity: 0;\n  transform: translateY(18px);\n  pointer-events: none;\n  transition: opacity 0.35s ease, transform 0.35s ease;\n}\n\n#engraving-mobile-popup.show {\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n.popup-preview-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 2rem;\n  letter-spacing: 0.08em;\n  color: rgb(217 217 217 \/ 84%);\n  text-shadow: 0 1px 1px rgba(0,0,0,0.6), 0 -1px 0 rgba(255,255,255,0.15);\n  padding: 6px 16px;\n  border-radius: 10px;\n  backdrop-filter: blur(2px);\n  text-align: center;\n  transition: all 0.25s ease;\n}\n\n.popup-preview-text.glow {\n  text-shadow:\n    0 0 4px #fff,\n    0 0 8px #fff,\n    0 0 12px #ffd700;\n}\n\n.popup-preview-check {\n  position: absolute;\n top: -15px;\n    left: 65px;\n    font-size: 2.5rem;\n  opacity: 0;\n  transition: opacity 0.5s ease;\n}\n\n.popup-preview-check.show {\n  opacity: 1;\n}\n@media (min-width: 769px) {\n  #engraving-mobile-popup { display: none !important; }\n}\n     @media (max-width: 769px) {\n      .engraving-overlay {\n   position: absolute;\n  inset: 0;\n  pointer-events: none;\n} \n .engraving-overlay span {\n  font-family: \"Playfair Display\", serif;\n  font-size: 1.4rem;\n  letter-spacing: 0.08em;\n  color: rgb(217 217 217 \/ 71%);\n\/* Laser-Effekt *\/\n      text-shadow: 0 1px 1px rgb(0 0 0 \/ 86%), 0 -1px 0 rgba(255, 255, 255, 0.15);\n  padding: 6px 16px;\n    border-radius: 10px;\n    backdrop-filter: blur(1px);\n}\n}\n\n@media (max-width: 769px) {\n .engraving-preview-text-wrap {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n         bottom: 50px;\n    right: 24px;\n    \n}\n  .popup-preview-text-wrap {\n       position: absolute;\n                top: 49%;\n        left: 49%;\n         \n  white-space: nowrap;\n  display: block;\n        \n}  \n      \n}\n    .hero-subline {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-top: 12px;\n  flex-wrap: wrap;\n}\n\n.hero-subline .engraving-badge {\n  font-size: 1.1rem;\n  opacity: 0.85;\n}\n@media (max-width: 768px) {\n  .hero-subline {\n    justify-content: center;\n  }\n\n  .luxury-shine-btn {\n    margin-top: 6px;\n  }\n}\n  \u003c\/style\u003e\n\n\n\n\n\u003cdiv class=\"engraving-product\"\u003e\n\n  \u003c!-- =========================\n     HERO: Edelstahl Herz Anhänger\n========================== --\u003e\n\u003csection class=\"engraving-hero engraving-fade show\"\u003e\n  \u003cdiv class=\"engraving-hero-grid-wrapper\"\u003e\n    \u003cdiv class=\"engraving-hero-grid\"\u003e\n\n      \u003c!-- Textbereich --\u003e\n      \u003cdiv class=\"engraving-hero-text\"\u003e\n        \n\n        \u003ch1\u003eMehr als ein Schmuckstück – ein Urnen Herz voller Erinnerung mit persönlicher Gravur\u003c\/h1\u003e\n        \u003cdiv class=\"hero-subline\"\u003e\n  \u003cspan class=\"engraving-badge\"\u003e\n    \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose Gravur\n  \u003c\/span\u003e\n\n  \u003ca href=\"#engraving-preview\" class=\"luxury-shine-btn luxury-rose live-preview-link\"\u003e\n     \u003ci class=\"bi bi-eye\"\u003e\u003c\/i\u003e\n     Live-Vorschau ansehen\n  \u003c\/a\u003e\n\u003c\/div\u003e\n\n        \u003cp\u003e\n          Ein zeitloses Herz aus massivem Edelstahl – individuell graviert und geschaffen, um Gefühle für immer festzuhalten.\n        \u003c\/p\u003e\n\n        \u003c!-- CTA Button scrollt nach oben zum Produktformular --\u003e\n        \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n          Jetzt personalisieren \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"micro-trust-valentine\"\u003e\n          Sicher · Persönlich · Handgefertigt\n        \u003c\/div\u003e\n\n        \u003c!-- Trust Icons --\u003e\n        \u003cdiv class=\"engraving-trust\"\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e 316L Edelstahl \u003c\/span\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-stars\"\u003e\u003c\/i\u003e Hochglanz \u003c\/span\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-rulers\"\u003e\u003c\/i\u003e 26 × 20 mm\u003c\/span\u003e\n          \u003cspan\u003e\u003ci class=\"bi bi-layers\"\u003e\u003c\/i\u003e ca. 15 g \u003c\/span\u003e\n           \u003cspan\u003e\u003ci class=\"bi bi-heart\"\u003e\u003c\/i\u003e Befüllbar \u003c\/span\u003e\n          \u003cspan\u003e \u003ci class=\"bi bi-box-seam\"\u003e\u003c\/i\u003e\u003cstrong\u003eLieferumfang:\u003c\/strong\u003e Herzanhänger, Kette \u0026amp; Füllset \u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"micro-trust-valentine\" style=\"\n    text-align: left; \"\u003e\n          Angeboten wird der Anhänger mit Kette und Füllwerkzeug.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Bildbereich --\u003e\n      \u003cdiv class=\"engraving-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/herz_urne_26.png?v=1770045625\" alt=\"Edelstahl Herzanhänger und Füllwerkzeug mit Gravur\"\u003e\n       \n      \u003c\/div\u003e\n  \n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n     WHY HEART STORY BLOCK\n========================== --\u003e\n\u003csection class=\"engraving-why-heart engraving-fade\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003ch2\u003eWarum dieses Herz?\u003c\/h2\u003e\n    \u003cp\u003e\n      Dieser Herzanhänger ist mehr als ein Accessoire. Gefertigt aus langlebigem 316L Edelstahl, befüllbar mit einem persönlichen Inhalt\nund begleitet von einer passenden Kette – ein Symbol für Liebe, Erinnerung und Verbundenheit.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"engraving-why-grid\"\u003e\n      \n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eHochwertiges Material\u003c\/h3\u003e\n        \u003cp\u003eEdles Herzdesign aus poliertem 316L Stainless Steel. Robust, langlebig und angenehm zu tragen \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eIndividuelle Gravur\u003c\/h3\u003e\n        \u003cp\u003eDeine Botschaft, Initialen oder ein Datum – direkt auf das Herz graviert, kostenlos.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-heart-fill\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eEmotion \u0026amp; Bedeutung\u003c\/h3\u003e\n        \u003cp\u003eEin Herz, das Gefühle bewahrt. Ob als Erinnerung an einen geliebten Menschen, als Symbol tiefer Verbundenheit\noder als liebevolles Geschenk – dieser Herzanhänger trägt deine Geschichte ganz nah am Herzen.\n\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-stars\"\u003e\u003c\/i\u003e\n        \u003ch3\u003ePerfekte Verarbeitung\u003c\/h3\u003e\n        \u003cp\u003eFein poliert, klare Linien, elegante Optik – ein echtes Premium-Schmuckstück.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n  \n  \u003c!-- =========================\n     SHIPPING \u0026 TRUST BLOCK\n========================== --\u003e\n\u003csection class=\"engraving-shipping engraving-fade\"\u003e\n  \u003cdiv class=\"container\"\u003e\n      \u003ch2\u003eSorgfältig gefertigt \u0026amp; sicher geliefert\u003c\/h2\u003e\n    \u003cdiv class=\"engraving-shipping-grid\"\u003e\n\n      \u003cdiv class=\"shipping-item\"\u003e\n        \u003ci class=\"bi bi-truck\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eSchneller Versand\u003c\/h3\u003e\n        \u003cp\u003e\n          Versand innerhalb von \u003cstrong\u003e1–3 Werktagen\u003c\/strong\u003e  \n          nach Gravur – sorgfältig \u0026amp; sicher verpackt.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"shipping-item\"\u003e\n        \u003ci class=\"bi bi-geo-alt\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eHandarbeit in Deutschland\u003c\/h3\u003e\n        \u003cp\u003e\n          Jede Gravur entsteht in unserem Familienbetrieb –  \n          \u003cstrong\u003ekeine Externe Arbeit\u003c\/strong\u003e, kein Dropshipping.\n        \u003c\/p\u003e\n         \u003cp\u003eJede Gravur wird vor dem Versand manuell kontrolliert, damit dein Schmuckstück genau so ankommt, wie du es dir wünschst. \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"shipping-item\"\u003e\n        \u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eSicher \u0026amp; Vertrauensvoll\u003c\/h3\u003e\n        \u003cp\u003e\n          Sichere Zahlung, persönlicher Support  \n          und höchste Qualitätskontrolle vor dem Versand.\n        \u003c\/p\u003e\n         \u003cp\u003eSollte etwas nicht passen, findest du mit uns\n        unkompliziert eine Lösung.  \u003c\/p\u003e\n        \n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n  \u003c!-- FEATURES --\u003e\n  \u003csection class=\"engraving-section engraving-fade\"\u003e\n    \u003cdiv class=\"container engraving-hero-text\"\u003e\n      \u003ch1\u003eMehr als ein Schmuckstück\u003c\/h1\u003e\n      \u003cp class=\"engraving-section-desc\"\u003e\n       Ein zeitloser Urnen Herzanhänger aus hochwertigem 316L Edelstahl – befüllbar, bedeutungsvoll und gemacht für besondere Momente.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"engraving-features\"\u003e\n        \u003cdiv class=\"engraving-feature\"\u003e\n          \u003ci class=\"bi bi-type\"\u003e\u003c\/i\u003e\n          \u003ch3\u003eIndividuelle Gravur\u003c\/h3\u003e\n          \u003cp\u003eKostenlose Personalisierung mit Initialen, Datum oder Botschaft.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"engraving-feature\"\u003e\n          \u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e\n          \u003ch3\u003eHochwertiges Edelstahl\u003c\/h3\u003e\n          \u003cp\u003eHochwertig verarbeitet, langlebig und formstabil – \n    entwickelt für Gravuren, die ein Leben lang halten.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"engraving-feature\"\u003e\n          \u003ci class=\"bi bi-gift\"\u003e\u003c\/i\u003e\n         \u003ch3\u003eBereit zu schenken\u003c\/h3\u003e\n  \u003cp\u003e\n    Zeitloses Design, persönliche Gravur – ein Schmuckstück, das Emotionen transportiert statt nur gut auszusehen.Ideal für Valentinstag, Jahrestag, Geburtstag oder als stille Erinnerung. \n  \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"engraving-feature\"\u003e\n        \u003ci class=\"bi bi-heart\"\u003e\u003c\/i\u003e\n  \u003ch3\u003eWürde \u0026amp; Erinnerung\u003c\/h3\u003e\n  \u003cp\u003eEin hochwertiges Herz aus Edelstahl – dezent, gravierbar und dafür gemacht, emotionale Erinnerungen stilvoll und dauerhaft bei sich zu tragen.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\n\n    \n  \u003c!-- =========================\n     SPECS SECTION\n========================== --\u003e\n\u003csection class=\"engraving-section engraving-fade\"\u003e\n  \u003cdiv class=\"container2 engraving-hero-text\"\u003e\n    \u003ch1\u003eProduktdetails\u003c\/h1\u003e\n\n    \u003cdiv class=\"engraving-specs\"\u003e\n      \u003cul\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-box\"\u003e\u003c\/i\u003e \u003cstrong\u003eMaterial:\u003c\/strong\u003e 316L Edelstahl\u003c\/li\u003e\n\u003cli\u003e\n\u003ci class=\"bi bi-heart\"\u003e\u003c\/i\u003e \u003cstrong\u003eInhalt:\u003c\/strong\u003e Befüllbar\u003c\/li\u003e\n   \u003cli\u003e   \u003ci class=\"bi bi-box-seam\"\u003e\u003c\/i\u003e\u003cstrong\u003eLieferumfang:\u003c\/strong\u003e Herzanhänger, Kette \u0026amp; Füllset   \u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-database\"\u003e\u003c\/i\u003e \u003cstrong\u003eGewicht:\u003c\/strong\u003e ca. 15 g\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-rulers\"\u003e\u003c\/i\u003e \u003cstrong\u003eGröße:\u003c\/strong\u003e 26 × 20 mm\u003c\/li\u003e\n        \n       \n      \u003c\/ul\u003e\n\n      \u003cul\u003e\n         \u003cli\u003e\n\u003ci class=\"bi bi-brightness-high\"\u003e\u003c\/i\u003e \u003cstrong\u003eFinish:\u003c\/strong\u003e Hochglanz\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-link\"\u003e\u003c\/i\u003e \u003cstrong\u003eVerwendung:\u003c\/strong\u003e Kette \u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-gender-female\"\u003e\u003c\/i\u003e \u003cstrong\u003eGeschlecht:\u003c\/strong\u003e Dame\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e \u003cstrong\u003eGravur:\u003c\/strong\u003e Kostenlos\u003c\/li\u003e\n        \u003cli\u003e\n\u003ci class=\"bi bi-heart\"\u003e\u003c\/i\u003e \u003cstrong\u003eBedeutung:\u003c\/strong\u003e Persönlich \u0026amp; emotional\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n     GRAVUR LIVE PREVIEW\n========================== --\u003e\n\u003csection class=\"engraving-preview-section engraving-fade\"\u003e\n  \u003cspan class=\"engraving-badge visible-xs\"\u003e\n        \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose Personalisierung – Live Vorschau\n      \u003c\/span\u003e\n  \u003cdiv class=\"engraving-preview-grid\"\u003e\n\n    \u003c!-- IMAGE --\u003e\n    \u003cdiv class=\"engraving-preview-image\"\u003e\n      \u003cimg id=\"engravingProductImage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/herz_urne_26_vergolet.png?v=1770046163\" alt=\"Edelstahl Herzanhänger mit Gravur\"\u003e\n\n      \u003cdiv class=\"engraving-overlay\" id=\"engravingOverlay\"\u003e\n       \u003cdiv class=\"engraving-preview-text-wrap\"\u003e\n  \u003cspan id=\"engravingPreviewText\"\u003eDein Text\u003c\/span\u003e\n  \u003cspan class=\"preview-check\"\u003e\u003ci class=\"bi bi-check\" style=\"color:#34aa8b;\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n\u003c\/div\u003e  \n      \u003c\/div\u003e\n      \u003cp class=\"engraving-preview-note\"\u003e\n  ✦ Diese Darstellung dient als Vorschau. Jede Gravur ist ein handwerkliches Unikat – minimale Abweichungen in Höhe oder Tiefe sind möglich. Wir passen die Schriftgröße optimal an.\n\u003c\/p\u003e\n\n      \n    \u003c\/div\u003e\n\n    \u003c!-- CONTENT --\u003e\n    \u003cdiv class=\"engraving-preview-content\" id=\"engraving-preview\"\u003e\n\n      \u003cspan class=\"engraving-badge hidden-xs\"\u003e\n        \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose Personalisierung – Live Vorschau\n      \u003c\/span\u003e\n\n      \u003ch2\u003eMach dieses Herz einzigartig\u003c\/h2\u003e\n      \u003cp\u003e\n        Gib deine gewünschte Gravur ein und sieh sofort,\n        wie dein persönlicher Herzanhänger Gestalt annimmt.\n      \u003c\/p\u003e\n\n      \u003c!-- INPUT --\u003e\n      \u003cdiv class=\"engraving-input-wrap\"\u003e\n        \u003clabel for=\"engravingInput\"\u003eDeine Gravur\u003c\/label\u003e\n        \u003cinput type=\"text\" id=\"engravingInput\" maxlength=\"11\" placeholder=\"z. B. A + M | 12.06.24\"\u003e\n        \u003csmall\u003eMax. 11 Zeichen · Zahlen \u0026amp; Symbole möglich\u003c\/small\u003e\n      \u003c\/div\u003e\n\u003c!-- SYMBOL PICKER --\u003e\n\u003cdiv class=\"engraving-symbol-picker\"\u003e\n  \u003cspan class=\"symbol-title\"\u003eSymbole hinzufügen\u003c\/span\u003e\n\n  \u003cdiv class=\"symbol-list\"\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"♥\"\u003e♥\u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"∞\"\u003e∞\u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"★\"\u003e★\u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"✝\"\u003e✝\u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"❥\"\u003e❥\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n      \u003c!-- FONT SELECT --\u003e\n\u003cdiv class=\"engraving-font-select\"\u003e\n  \n\n  \u003c!-- =========================\n     FONT PICKER (BUTTONS)\n========================== --\u003e\n\u003cdiv class=\"engraving-font-picker\"\u003e\n  \u003clabel class=\"font-picker-label\"\u003e\u003cstrong\u003eSchriftart wählen\u003c\/strong\u003e\u003c\/label\u003e\n \n    \n  \u003c!-- SERIF --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eSerif\u003c\/span\u003e\n     \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Times New Roman\" style=\"font-family:'Times New Roman'\"\u003e\n      Times New Roman\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Georgia\" style=\"font-family:Georgia\"\u003e\n      Georgia\n    \u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n  \u003c!-- SANS --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eSans-serif\u003c\/span\u003e\n    \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Arial\" style=\"font-family:Arial\"\u003e\n      Arial\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Helvetica\" style=\"font-family:Helvetica\"\u003e\n      Helvetica\n    \u003c\/button\u003e\n  \u003c\/div\u003e \u003c\/div\u003e\n\n  \u003c!-- MONOSPACE --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eMonospace\u003c\/span\u003e\n    \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Courier New\" style=\"font-family:'Courier New'\"\u003e\n      Courier New\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Lucida Console\" style=\"font-family:'Lucida Console'\"\u003e\n      Lucida Console\n    \u003c\/button\u003e\n  \u003c\/div\u003e \u003c\/div\u003e\n\n  \u003c!-- SCRIPT --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eSchreibschrift\u003c\/span\u003e\n    \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Allura\" style=\"font-family:'Allura'\"\u003e\n      Allura\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Alex Brush\" style=\"font-family:'Alex Brush'\"\u003e\n      Alex Brush\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Kaushan Script\" style=\"font-family:'Kaushan Script'\"\u003e\n      Kaushan Script\n    \u003c\/button\u003e\n  \u003c\/div\u003e \u003c\/div\u003e\n\n  \u003c!-- HANDWRITING --\u003e\n  \u003cdiv class=\"font-group\"\u003e\n    \u003cspan class=\"font-group-title\"\u003eHandschrift\u003c\/span\u003e\n    \u003cdiv class=\"font-group-buttons\"\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Pacifico\" style=\"font-family:'Pacifico'\"\u003e\n      Pacifico\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Indie Flower\" style=\"font-family:'Indie Flower'\"\u003e\n      Indie Flower\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Dancing Script\" style=\"font-family:'Dancing Script'\"\u003e\n      Dancing Script\n    \u003c\/button\u003e\n  \u003c\/div\u003e \u003c\/div\u003e\n\n  \u003c!-- HIDDEN INPUT FÜR SHOPIFY --\u003e\n  \u003cinput type=\"hidden\" name=\"properties[Schriftart]\" id=\"selectedFont\"\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n      \u003c!-- CTA --\u003e\n      \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n        Gravur jetzt festlegen \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n      \u003c\/button\u003e\n\n      \u003c!-- MICRO TRUST --\u003e\n      \u003cdiv class=\"engraving-micro-trust\"\u003e\n        \u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e\n        Jede Gravur wird individuell geprüft \u0026amp; präzise gefertigt\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n    \n\u003c!-- End Block --\u003e\n  \u003csection class=\"engraving-cta-strip engraving-fade\" id=\"gravur\"\u003e\u003ci class=\"bi bi-stars\" style=\"\n    font-size: 6rem;\n    color: #c0a860;\n\"\u003e\u003c\/i\u003e\n    \u003ch2 style=\"margin-top: 15px;\"\u003eDeine Gravur. Deine Geschichte.\u003c\/h2\u003e\n    \u003cp\u003eEin Schmuckstück, das mehr sagt als Worte. \u003c\/p\u003e\n   \u003cp\u003e Handarbeit mit Herz. Wir verewigen Emotionen – präzise, hochwertig und mit Respekt.\u003c\/p\u003e\n\u003cp style=\"color:#fff;font-weight:400;\"\u003eExcellence seit 1991.\u003c\/p\u003e\n \n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Mobile Popup Vorschau --\u003e\n\u003cdiv id=\"engraving-mobile-popup\"\u003e\n  \u003cdiv class=\"popup-preview\" style=\"position: relative;margin-bottom: 10px;\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/herz_urne_26_vergolet.png?v=1770046163\" alt=\"Gravur Vorschau Mobile\" class=\"popup-preview-image\" style=\"width:100%;\"\u003e\n   \u003cdiv class=\"engraving-overlay active\" id=\"engravingOverlay\"\u003e\n     \u003cdiv class=\"popup-preview-text-wrap\"\u003e\n    \u003cspan class=\"popup-preview-text\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"popup-preview-check\"\u003e\u003ci class=\"bi bi-check\" style=\"color:#34aa8b;\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n       \u003c\/div\u003e\n      \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n    Gravur jetzt festlegen \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n  \u003c\/button\u003e\n\u003c\/div\u003e\n\n    \n\u003cscript\u003e\n\/* =========================\n   Intersection Animations\n========================= *\/\nconst engravingObserver = new IntersectionObserver(entries =\u003e {\n  entries.forEach(entry =\u003e {\n    if (entry.isIntersecting) entry.target.classList.add('show');\n  });\n}, { threshold: 0.2 });\n\ndocument.querySelectorAll('.engraving-fade').forEach(el =\u003e\n  engravingObserver.observe(el)\n);\n\n\/* =========================\n   CTA Scroll + Übergabe\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const ctaButtons = document.querySelectorAll(\".js-scroll-to-form\");\n\n  ctaButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", function (e) {\n      e.preventDefault();\n\n      const gravurInput = document.querySelector(\"#gravur_Vorderseite_1\");\n      const previewText = document.getElementById(\"engravingPreviewText\");\n\n      if (gravurInput \u0026\u0026 previewText) {\n        gravurInput.value = previewText.textContent.trim();\n        const fontFamily = window.getComputedStyle(previewText).fontFamily;\n        gravurInput.style.fontFamily = fontFamily;\n\n        const back = document.querySelector(\"#gravurtext_2\");\n        if (back) back.style.fontFamily = fontFamily;\n      }\n\n      const gravurFontSelect = document.querySelector(\"#gravur_schriftart\");\n      if (gravurFontSelect \u0026\u0026 previewText) {\n        const previewFont = window.getComputedStyle(previewText).fontFamily;\n        let found = false;\n        Array.from(gravurFontSelect.options).forEach((opt, i) =\u003e {\n          if (previewFont.includes(opt.value)) {\n            gravurFontSelect.selectedIndex = i;\n            found = true;\n          }\n        });\n        if (!found) gravurFontSelect.selectedIndex = 0;\n      }\n\n      const productForm = document.querySelector(\"#product-form, form[action*='\/cart\/add']\");\n      if (!productForm) return;\n\n      productForm.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      const firstInput = productForm.querySelector(\"input, textarea, select\");\n      if (firstInput) firstInput.focus();\n    });\n  });\n});\n\n\/* =========================\n   Specs Fade-In\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const uls = document.querySelectorAll('.engraving-specs ul');\n  const observer = new IntersectionObserver(entries =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) entry.target.classList.add('visible');\n    });\n  }, { threshold: 0.3 });\n  uls.forEach(ul =\u003e observer.observe(ul));\n});\n\n\/* =========================\n   Size Buttons\n========================= *\/\ndocument.querySelectorAll('.size-btn').forEach(btn =\u003e {\n  btn.addEventListener('click', () =\u003e {\n    document.querySelectorAll('.size-btn').forEach(b =\u003e b.classList.remove('active'));\n    btn.classList.add('active');\n    document.getElementById('engraving-size-value').textContent =\n      btn.getAttribute('data-size');\n  });\n});\n\n\/* =========================\n   MAIN ENGRAVING LOGIC\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const input = document.getElementById(\"engravingInput\");\n  const previewText = document.getElementById(\"engravingPreviewText\");\n  const overlay = document.getElementById(\"engravingOverlay\");\n\n  \/* ---- Mobile Popup ---- *\/\n  const mobilePopup = document.getElementById(\"engraving-mobile-popup\");\n  const mobilePopupText = mobilePopup?.querySelector(\".popup-preview-text\");\n\n  function showPopup() {\n    if (window.innerWidth \u003e 768) return;\n    mobilePopup.classList.add(\"show\");\n  }\n  function hidePopup() {\n    mobilePopup.classList.remove(\"show\");\n  }\n\n  \/* ---- Desktop Effects ---- *\/\n  function triggerDesktopEffects() {\n    previewText.classList.remove(\"engrave-fade\");\n    void previewText.offsetWidth;\n    previewText.classList.add(\"engrave-fade\");\n\n    const check = document.querySelector(\".preview-check\");\n    if (check) {\n      check.classList.add(\"show\");\n      clearTimeout(check._timeout);\n      check._timeout = setTimeout(() =\u003e check.classList.remove(\"show\"), 1000);\n    }\n  }\n\n  \/* ---- Mobile Popup Sync ---- *\/\n  function updateMobilePopup(value) {\n    if (!mobilePopupText) return;\n\n    mobilePopupText.textContent = value;\n    mobilePopupText.style.fontFamily =\n      window.getComputedStyle(previewText).fontFamily;\n\n    mobilePopupText.classList.remove(\"engrave-fade\");\n    void mobilePopupText.offsetWidth;\n    mobilePopupText.classList.add(\"engrave-fade\");\n\n    let popupCheck = mobilePopup.querySelector(\".popup-preview-check\");\n    if (!popupCheck) {\n      popupCheck = document.createElement(\"span\");\n      popupCheck.className = \"popup-preview-check\";\n      popupCheck.innerHTML = \"✔\";\n      mobilePopupText.parentElement.appendChild(popupCheck);\n    }\n\n    popupCheck.classList.add(\"show\");\n    clearTimeout(popupCheck._timeout);\n    popupCheck._timeout = setTimeout(() =\u003e popupCheck.classList.remove(\"show\"), 1000);\n\n    showPopup();\n  }\n\n  const symbolButtons = document.querySelectorAll(\".symbol-btn\");\n  const fontButtons = document.querySelectorAll(\".font-btn\");\n  const hiddenFontInput = document.getElementById(\"selectedFont\");\n  const MAX_LENGTH = 11;\n  let lastValue = \"\";\n\n  function updatePreview(force = false) {\n    const value = input.value;\n    if (!value) {\n      overlay.classList.remove(\"active\");\n      hidePopup();\n      lastValue = \"\";\n      return;\n    }\n\n    previewText.textContent = value;\n    overlay.classList.add(\"active\");\n\n    if (force || value.length !== lastValue.length) {\n      triggerDesktopEffects();\n      updateMobilePopup(value);\n    }\n\n    lastValue = value;\n  }\n\n  input.addEventListener(\"input\", () =\u003e updatePreview());\n\n  \/* ---- Symbols ---- *\/\n  symbolButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", () =\u003e {\n      const symbol = btn.dataset.symbol;\n      if (input.value.length + symbol.length \u003e MAX_LENGTH) return;\n\n      const start = input.selectionStart;\n      const end = input.selectionEnd;\n      input.value =\n        input.value.substring(0, start) +\n        symbol +\n        input.value.substring(end);\n\n      input.focus();\n      input.selectionStart = input.selectionEnd = start + symbol.length;\n      updatePreview(true);\n    });\n  });\nfunction forcePopupUpdate() {\n  const value = input.value.trim();\n  if (!value) return;\n\n  \/\/ Popup Text \u0026 Font\n  mobilePopupText.textContent = value;\n  mobilePopupText.style.fontFamily =\n    window.getComputedStyle(previewText).fontFamily;\n\n  \/\/ Glow\n  mobilePopupText.classList.remove(\"engrave-fade\");\n  void mobilePopupText.offsetWidth;\n  mobilePopupText.classList.add(\"engrave-fade\");\n\n  \/\/ Micro Check\n  let popupCheck = mobilePopup.querySelector(\".popup-preview-check\");\n  if (!popupCheck) {\n    popupCheck = document.createElement(\"span\");\n    popupCheck.className = \"popup-preview-check\";\n    popupCheck.innerHTML = '\u003ci class=\"bi bi-check\" style=\"color:#34aa8b;\"\u003e\u003c\/i\u003e';\n    mobilePopupText.parentElement.appendChild(popupCheck);\n  }\n  popupCheck.classList.add(\"show\");\n  clearTimeout(popupCheck._timeout);\n  popupCheck._timeout = setTimeout(() =\u003e popupCheck.classList.remove(\"show\"), 1000);\n\n  \/\/ SHOW\n  if (window.innerWidth \u003c= 768) {\n    mobilePopup.classList.add(\"show\");\n  }\n}\n\n  \/* ---- Fonts ---- *\/\n  fontButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", () =\u003e {\n      const font = btn.dataset.font;\n      previewText.style.fontFamily = font;\n\n      const back = document.getElementById(\"gravurtext_2\");\n      if (back) back.style.fontFamily = font;\n\n      hiddenFontInput.value = font;\n      updatePreview(true);\n          \/\/ 🔥 DAS IST DER FIX\n    forcePopupUpdate();\n\n      fontButtons.forEach(b =\u003e b.classList.remove(\"active\"));\n      btn.classList.add(\"active\");\n    });\n  });\n\n  document.addEventListener(\"click\", e =\u003e {\n    if (!mobilePopup.contains(e.target) \u0026\u0026 e.target !== input) hidePopup();\n  });\n  window.addEventListener(\"scroll\", hidePopup);\n});\n\n\/* =========================\n   Preview Image Pulse\n========================= *\/\nconst previewImage = document.querySelector('.engraving-preview-image');\nlet hasPulsed = false;\n\nfunction triggerPulse() {\n  if (!previewImage) return;\n  previewImage.classList.remove('pulse');\n  void previewImage.offsetWidth;\n  previewImage.classList.add('pulse');\n}\n\ndocument.getElementById(\"engravingInput\")?.addEventListener('input', e =\u003e {\n  if (!hasPulsed \u0026\u0026 e.target.value.trim()) {\n    triggerPulse();\n    hasPulsed = true;\n  }\n});\n\n\/* =========================\n   Live Preview Link (WICHTIG!)\n========================= *\/\ndocument.querySelectorAll('.live-preview-link').forEach(link =\u003e {\n  link.addEventListener('click', e =\u003e {\n    e.preventDefault();\n    document\n      .querySelector('#engraving-preview')\n      .scrollIntoView({ behavior: 'smooth', block: 'center' });\n  });\n});\n\/* =========================\n   MOBILE FONT POPUP FIX\n   (isoliert, zerstört nichts)\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  if (window.innerWidth \u003e 768) return;\n\n  const input = document.getElementById(\"engravingInput\");\n  const previewText = document.getElementById(\"engravingPreviewText\");\n  const mobilePopup = document.getElementById(\"engraving-mobile-popup\");\n  const popupText = mobilePopup?.querySelector(\".popup-preview-text\");\n  const popupCheck = mobilePopup?.querySelector(\".popup-preview-check\");\n  const fontButtons = document.querySelectorAll(\".font-btn\");\n\n  if (!input || !previewText || !popupText || !mobilePopup) return;\n\n  function showMobilePopup() {\n    mobilePopup.classList.add(\"show\");\n  }\n\n  function syncPopupFromPreview() {\n    const value = input.value.trim();\n    if (!value) return;\n\n    \/\/ Text + Font\n    popupText.textContent = value;\n    popupText.style.fontFamily =\n      window.getComputedStyle(previewText).fontFamily;\n\n    \/\/ Glow\n    popupText.classList.remove(\"engrave-fade\");\n    void popupText.offsetWidth;\n    popupText.classList.add(\"engrave-fade\");\n\n    \/\/ Micro Check\n    if (popupCheck) {\n      popupCheck.classList.add(\"show\");\n      clearTimeout(popupCheck._timeout);\n      popupCheck._timeout = setTimeout(\n        () =\u003e popupCheck.classList.remove(\"show\"),\n        1000\n      );\n    }\n\n    showMobilePopup();\n  }\n\n  \/* 🔥 FONT-WECHSEL → POPUP *\/\n  fontButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", () =\u003e {\n      requestAnimationFrame(syncPopupFromPreview);\n    });\n  });\n\n  \/* Sicherheit: auch bei erneutem Tippen *\/\n  input.addEventListener(\"input\", syncPopupFromPreview);\n\n}); \n\u003c\/script\u003e\n\n\n\n\n\n\n\n\n\n\u003c\/body\u003e","brand":"Juwelier Milano","offers":[{"title":"Vergoldet","offer_id":56794255851785,"sku":null,"price":49.0,"currency_code":"EUR","in_stock":true},{"title":"Edelstahl","offer_id":56794255884553,"sku":null,"price":49.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/herz_urne_26_8d93306c-0e3a-42cf-9f4c-e05cf9f0fa30.png?v=1770045086"},{"product_id":"3d-gravur-baren-anhaenger-edelstahl","title":"3D Gravur Baren Anhänger aus Edelstahl inkl. Kette - mit Gravur","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003ctitle\u003e3D Gravur Säulen Anhänger aus Edelstahl inkl. Kette - mit Gravur\u003c\/title\u003e\n\n    \u003c!-- SEO --\u003e\n\n    \u003cmeta name=\"description\" content=\"Personalisierter Säulen-Anhänger aus Edelstahl mit kostenloser 3D Gravur. Zeitlos, hochwertig \u0026amp; emotional – inkl. Kette. Jetzt gestalten.\"\u003e\n\n    \u003cmeta name=\"keywords\" content=\"3D Gravur Anhänger, Säulen Anhänger Edelstahl, Baren Anhänger Gravur, personalisierter Edelstahl Anhänger, Gravur Kette Herren Damen, Juwelier Gravur Schmuck\"\u003e\n\n\n\n\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n    \u003c!-- Fonts --\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n    \u003c!-- Bootstrap Icons --\u003e\n    \u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.1\/font\/bootstrap-icons.css\" rel=\"stylesheet\"\u003e\n\n    \u003cstyle\u003e\n    \/* ==============================\n       SCOPED PRODUCT STYLES\n       ============================== *\/\n\n    .engraving-product {\n      font-family: 'Inter', sans-serif;\n      color: #111;\n    }\n\n    .engraving-product .container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n    .engraving-product .container2 {\n      max-width: 1200px;\n      width:110%;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n\n    \/* HERO *\/\n    .engraving-hero {\n  padding: 80px 20px;\n  background: #f9f9f9;\n}\n\n.engraving-hero-grid-wrapper {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 15px;\n}\n\n.engraving-hero-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: start; \/* Bild auf gleiche Höhe wie Text *\/\n}\n\n.engraving-hero-text {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.engraving-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 600;\n  color: #bfac79;\n  margin-bottom: 15px;\n}\n\n.engraving-badge i {\n  font-size: 1.2rem;\n}\n\n.engraving-hero-text h1 {\n  font-size: 2.8rem;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #222;\n    font-weight: 600;\n  font-family: 'Playfair Display', serif;\n}\n\n.engraving-hero-text p {\n  font-size: 1.4rem;\n  color: #555;\n  margin-bottom: 25px;\n}\n\n    .engraving-cta {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 16px 40px;\n      background: #111;\n      color: #fff;\n      border-radius: 40px;\n      font-weight: 500;\n      transition: all .3s ease;\n    }\n\n    .engraving-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 20px 40px rgba(0,0,0,.2);\n    }\n\n    .engraving-trust {\n     margin-top: 25px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n      color: #777;\n      flex-wrap: wrap;\n    }\n\n    .engraving-trust span {\n      display: flex;\n  align-items: center;\n  gap: 8px;\n    }\n    .engraving-image {\n display: flex;\n  align-items: flex-start; \/* Bild oben an Text ausrichten *\/\n  justify-content: center;\n}\n\n   .engraving-image img {\n   width: 140%;\n  max-width: 550px; \/* optional, für Desktop-Breite *\/\n  object-fit: contain;\n  border-radius: 30px;\n       box-shadow: 0 2px 28px rgb(0 0 0 \/ 47%);\n     \/* box-shadow: 0 30px 80px rgba(0,0,0,0.18); *\/\n}\n\n    \/* Responsive *\/\n@media (max-width: 992px) {\n  .engraving-hero-grid {\n    grid-template-columns: 1fr;\n    gap: 50px;\n  }\n  .engraving-image {\n    justify-content: center;\n  }\n  .engraving-hero-text h1 {\n    font-size: 2.9rem;\n     margin-top: 0px;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #222;\n    font-weight: 600;\n  }\n}\n\n    \/* SECTIONS *\/\n    .engraving-section {\n      padding: 40px 0;\n    }\n\n    .engraving-section h2 {\n      font-family: 'Playfair Display', serif;\n      font-size: 2.8rem;\n      margin-bottom: 20px;\n    }\n\n    .engraving-section-desc {\n      max-width: 720px;\n      color: #666;\n      margin-bottom: 60px;\n    }\n\n    \/* FEATURES *\/\n    .engraving-features {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n      gap: 40px;\n    }\n\n    .engraving-feature {\n      background: #fff;\n      padding: 40px;\n      border-radius: 28px;\n      box-shadow: 0 20px 50px rgba(0,0,0,.06);\n      transition: transform .4s ease;\n    }\n\n    .engraving-feature:hover {\n      transform: translateY(-6px);\n    }\n\n    .engraving-feature i {\n      font-size: 32px;\n      color: #b6a573;\n      margin-bottom: 14px;\n      display: inline-block;\n    }\n\n    .engraving-feature h3 {\n      margin-bottom: 10px;\n      font-size: 18px;\n    }\n\n    .engraving-feature p {\n      font-size: 15px;\n      color: #666;\n    }\n\n    \/* SPECS *\/\n    .engraving-specs {\n      background: #fff;\n      border-radius: 30px;\n      padding: 50px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 40px;\n      box-shadow: 0 20px 50px rgba(0,0,0,.05);\n    }\n\n    .engraving-specs ul {\n      list-style: none;\n      padding: 0;\n    }\n\n    .engraving-specs li {\n      padding: 12px 0;\n      border-bottom: 1px solid #eee;\n      font-size: 15px;\n      display: flex;\n      gap: 10px;\n      align-items: center;\n    }\n\n    .engraving-specs i {\n      color: #b6a573;\n    }\n\n    \/* CTA STRIP *\/\n    .engraving-cta-strip {\n      background: linear-gradient(135deg, #111, #1c1c1c);\n      color: #fff;\n      padding: 80px 20px;\n      text-align: center;\n    }\n\n    .engraving-cta-strip h2 {\n      color: #fff;\n      margin-bottom: 20px;\n    }\n\n    .engraving-cta-strip p {\n      color: #ccc;\n      margin-bottom: 30px;\n    }\n\n    \/* ANIMATION *\/\n    .engraving-fade {\n      opacity: 0;\n      transform: translateY(30px);\n      transition: 1s ease;\n    }\n\n    .engraving-fade.show {\n      opacity: 1;\n      transform: none;\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 900px) {\n      .engraving-hero-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n      }\n    }\n\n.engraving-collection-btn {\n    position: relative;\n    padding: 14px 28px;\n    border-radius: 12px;\n      background: linear-gradient(135deg, #c7aaaa, #1a1a1a);\n    color: rgb(255, 255, 255);\n    font-weight: 400;\n    font-size: 13px;\n  border-radius: 999px;\n    letter-spacing: .5px;\n    border: 1px solid rgba(220, 184, 75, 0.6);\n    cursor: pointer;\n    overflow: hidden;\n    box-shadow: 0 0 0 rgba(220, 184, 75, 0), inset 0 0 0 rgba(220, 184, 75, 0);\n    transition: all .35s ease;\n}\n .engraving-collection-btn:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 0 25px rgba(220, 184, 75, .45), inset 0 0 20px rgba(220, 184, 75, .15);\n    color: #ffdd7a;\n }\n.engraving-collection-btn::before {\n    content: '';\n    position: absolute;\n    inset: -1px;\n    border-radius: inherit;\n    background: radial-gradient(circle at 50% 120%, rgba(220, 184, 75, .35), transparent 65%);\n    opacity: .45;\n    pointer-events: none;\n    animation: idleGlow 4.5s ease-in-out infinite;\n}\n    .engraving-collection-btn::after {\n    content: '';\n    position: absolute;\n    inset: -120%;\n    background: radial-gradient(circle, rgba(220, 184, 75, .55), transparent 60%);\n    opacity: 0;\n    transform: scale(.2);\n    pointer-events: none;\n}\n\n.engraving-collection-btn:hover::after {\n    animation: pulseGlow 1.1s ease-out forwards;\n}\n\n\n\n.micro-trust-valentine {\n    margin-top: 1.5rem;\n    font-size: 1.3rem;\n    color: #746742;\n    font-weight: 600;\n}\n\u003c!-- =========================\n     SPECS CSS\n========================== --\u003e\n\u003cstyle\u003e\n.engraving-specs {\n  display: flex;\n  justify-content: center;\n  gap: 60px; \/* Abstand zwischen den beiden Listen *\/\n  flex-wrap: wrap; \/* wichtig für mobile Ansicht *\/\n  margin-top: 30px;\n}\n\n.engraving-specs ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.engraving-specs ul li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n\n  color: #555;\n  margin-bottom: 12px;\n}\n\n.engraving-specs ul li i {\n   color: #bfac79;\n\n  transition: transform 0.3s ease, color 0.3s ease;\n}\n    .engraving-specs ul li:hover i {\n  transform: scale(1.3);\n  color: #9f8650;\n}\n\n\/* Responsive: Auf mobilen Geräten untereinander zentrieren *\/\n@media (max-width: 768px) {\n  .engraving-specs {\n    flex-direction: column;\n    align-items: center;\n    gap: 25px;\n    grid-template-columns: auto;\n  }\n  .engraving-specs ul {\n    text-align: center;\n  }\n}\n\n    \/* Größen Auswahl *\/\n.engraving-size-selector {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  margin: 30px 0 40px;\n  flex-wrap: wrap;\n}\n\n.size-btn {\n  border: 1px solid #ddd;\n  background: #fff;\n  border-radius: 14px;\n  padding: 14px 22px;\n  cursor: pointer;\n  font-weight: 600;\n  text-align: center;\n  transition: all 0.3s ease;\n}\n\n.size-btn span {\n  display: block;\n  font-size: 13px;\n  color: #777;\n  margin-top: 4px;\n}\n\n.size-btn:hover {\n  border-color: #bfac79;\n  transform: translateY(-2px);\n}\n\n.size-btn.active {\n  background: #f7f4ef;\n  border-color: #bfac79;\n  color: #000;\n  box-shadow: 0 8px 20px rgba(0,0,0,0.08);\n}\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n  .engraving-size-selector {\n    gap: 12px;\n  }\n\n  .size-btn {\n    width: 100%;\n    max-width: 260px;\n  }\n}\n\/* =========================\n   SHIPPING \u0026 TRUST BLOCK\n========================== *\/\n\n.engraving-shipping {\n  padding: 20px 0;\n  background: linear-gradient(180deg, #faf9f7 0%, #ffffff 100%);\n}\n\n.engraving-shipping-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 40px;\n}\n.engraving-shipping h2 {\n  font-size: 2.2rem;\n  font-weight: 700;\n  margin-bottom: 40px;\n  color: #1f2a2a;\n      text-align: center;\n}\n.shipping-item {\n  text-align: center;\n  padding: 40px 28px;\n  background: #fff;\n  border-radius: 20px;\n  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.06);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n\n.shipping-item:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 28px 65px rgba(0, 0, 0, 0.1);\n}\n\n.shipping-item i {\n  font-size: 2.8rem;\n  color: #bfac79; \/* warmes Premium-Gold *\/\n  margin-bottom: 18px;\n}\n\n.shipping-item h3 {\n  font-size: 1.6rem;\n  margin-bottom: 10px;\n  font-weight: 600;\n  color: #1f2a2a;\n      margin-top: 10px;\n}\n\n.shipping-item p {\n  font-size: 1.3rem;\n  color: #555;\n  line-height: 1.6;\n}\n\n\/* =========================\n   RESPONSIVE\n========================== *\/\n\n@media (max-width: 900px) {\n  .engraving-shipping-grid {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n\n  .shipping-item {\n    padding: 32px 22px;\n  }\n}\n\n\/* =========================\n   WHY HEART STORY BLOCK\n========================== *\/\n\n.engraving-why-heart {\n  padding: 80px 0;\n  background: #faf9f7;\n  text-align: center;\n}\n\n.engraving-why-heart h2 {\n  font-size: 2.2rem;\n  font-weight: 700;\n  margin-bottom: 16px;\n  color: #1f2a2a;\n}\n\n.engraving-why-heart p {\n  max-width: 650px;\n  margin: 0 auto 50px auto;\n  font-size: 1.3rem;\n  line-height: 1.7;\n  color: #555;\n}\n\n.engraving-why-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 40px;\n}\n\n.engraving-feature {\n  background: #fff;\n  padding: 30px 20px;\n  border-radius: 20px;\n  box-shadow: 0 18px 45px rgba(0,0,0,0.06);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n\n.engraving-feature:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 28px 65px rgba(0,0,0,0.1);\n}\n\n.engraving-feature i {\n  font-size: 2.5rem;\n  color: #bfac79; \/* Premium-Gold *\/\n  margin-bottom: 16px;\n}\n\n.engraving-feature h3 {\n  font-size: 1.6rem;\n  margin-bottom: 10px;\n  font-weight: 600;\n  color: #1f2a2a;\n      margin-top: 10px;\n}\n\n.engraving-feature p {\n  font-size: 1.3rem;\n  line-height: 1.6;\n  color: #555;\n}\n\n\/* =========================\n   RESPONSIVE\n========================== *\/\n@media (max-width: 1200px) {\n  .engraving-why-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n  }\n}\n\n@media (max-width: 700px) {\n  .engraving-why-grid {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .engraving-why-heart p {\n    margin-bottom: 40px;\n  }\n}\n    \/* =========================\n   GRAVUR LIVE PREVIEW\n========================== *\/\n.engraving-preview-section {\n  padding: 40px 0;\n  background: #ffffff;\n}\n\n.engraving-preview-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n}\n\n\/* IMAGE *\/\n.engraving-preview-image {\n  position: relative;\n  max-width: 860px;\n}\n\n.engraving-preview-image img {\n  width: 100%;\n  border-radius: 28px;\n\n}\n\n\/* OVERLAY *\/\n.engraving-overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  padding-bottom: 35%;\n  pointer-events: none;\n  opacity: 0;\n  transform: translateY(6px);\n  transition: opacity 0.35s ease, transform 0.35s ease;\n}\n\n.engraving-overlay.active {\n  opacity: 1;\n  transform: translateY(0);\n}\n\/*Desktop*\/\n.engraving-overlay span {\n  font-size: 1.4rem;\n   \/* letter-spacing: -4px;*\/\n    color: rgb(186 186 186 \/ 94%);\n    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6), 0 -1px 0 rgba(255, 255, 255, 0.15);\n    padding: 6px 16px;\n    border-radius: 10px;\n    backdrop-filter: blur(1px);\n    writing-mode: vertical-lr;\n    text-orientation: upright;\n}\n\n\/* CONTENT *\/\n.engraving-preview-content h2 {\n    font-size: 2.1rem;\n    margin-bottom: 12px;\n    color: #4b2f2f;\n    font-weight: 600;\n    margin-top: 25px;\n}\n\n.engraving-preview-content p {\n  max-width: 480px;\n  margin-bottom: 28px;\n  color: #555;\n  line-height: 1.6;\n}\n\n.engraving-badge {\n  display: inline-block;\n  margin-bottom: 16px;\n  font-size: 1.2rem;\n  padding: 6px 14px;\n  border-radius: 999px;\n  background: #f4f1e8;\n  color: #7a6a3a;\n  font-weight: 600;\n}\n\n\/* INPUT *\/\n.engraving-input-wrap,\n.engraving-font-select {\n  margin-bottom: 18px;\n}\n\n.engraving-input-wrap label,\n.engraving-font-select label {\n  display: block;\n  font-weight: 600;\n  margin-bottom: 6px;\n}\n\n.engraving-input-wrap input,\n.engraving-font-select select {\n  width: 50%;\n  padding: 14px 16px;\n  border-radius: 12px;\n  border: 1px solid #ddd;\n  font-size: 1.5rem;\n}\n\n.engraving-input-wrap input:focus,\n.engraving-font-select select:focus {\n  outline: none;\n  border-color: #bfac79;\n}\n\n.engraving-input-wrap small {\n  display: block;\n  margin-top: 6px;\n  font-size: 0.85rem;\n  color: #777;\n}\n\n\n\n.engraving-collection-btn i {\n  margin-left: 8px;\n}\n\n\/* TRUST *\/\n.engraving-micro-trust {\n  margin-top: 16px;\n  font-size: 1.2rem;\n  color: #4b8484;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) {\n  .engraving-preview-grid {\n    grid-template-columns: 1fr;\n    gap: 50px;\n    text-align: center;\n  }\n\n  .engraving-preview-image {\n    margin: 0 auto;\n  }\n  .engraving-preview-image {\n  position: relative;\n  max-width: 660px;\n}\n}\n   \/* SYMBOL PICKER *\/\n.engraving-symbol-picker {\n  margin-bottom: 22px;\n}\n\n.symbol-title {\n  display: block;\n  font-size: 1.1rem;\n  font-weight: 600;\n  margin-bottom: 8px;\n  color: #444;\n}\n\n.symbol-list {\n  display: flex;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.symbol-btn {\n  width: 44px;\n  height: 44px;\n  border-radius: 12px;\n  border: 1px solid #ddd;\n  background: #fff;\n  font-size: 2rem;\n  cursor: pointer;\n  transition: all 0.25s ease;\n}\n\n.symbol-btn:hover {\n  border-color: #bfac79;\n  background: #f6f3ea;\n  transform: translateY(-2px);\n}\n\n.symbol-btn:active {\n      transform: scale(1.05);\n    background: #d7bf78;\n}\n    .engraving-font-select {\n  margin-bottom: 22px;\n}\n\n.engraving-font-select label {\n  display: block;\n  margin-bottom: 6px;\n  font-weight: 600;\n}\n\n.engraving-font-select select {\n  width: 100%;\n  padding: 14px 16px;\n  border-radius: 12px;\n  border: 1px solid #ddd;\n  font-size: 1.4rem;\n  background: #fff;\n}\n\n.engraving-font-select select:focus {\n  outline: none;\n  border-color: #bfac79;\n}\n\n\n    .engraving-font-picker {\n  margin-bottom: 28px;\n}\n\n.font-picker-label {\n  display: block;\n  margin-bottom: 12px;\n\n}\n\n.font-group {\n  margin-bottom: 16px;\n}\n\n.font-group-title {\n  display: block;\n  font-size: 0.85rem;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  color: #777;\n  margin-bottom: 8px;\n}\n\n.font-btn {\n  display: inline-block;\n  margin: 6px 6px 0 0;\n  padding: 12px 16px;\n  border-radius: 14px;\n  border: 1px solid #ddd;\n  background: #fff;\n  cursor: pointer;\n  font-size: 1.05rem; \/* mobile readable *\/\n  transition: all 0.25s ease;\n}\n\n.font-btn.script {\n  font-size: 1.2rem; \/* Scripts größer für Lesbarkeit *\/\n}\n\n.font-btn:hover {\n  border-color: #bfac79;\n  transform: translateY(-1px);\n}\n\n\n.font-btn.active {\n  border-color: #bfac79;\n  background: rgba(191,172,121,0.15);\n  box-shadow: 0 6px 18px rgba(0,0,0,0.08);\n}\n\/* =========================\n   MOBILE COMPACT BUTTONS\n========================== *\/\n\n@media (max-width: 640px) {\n\n  \/* FONT GROUP GRID *\/\n  .font-group {\n    display: grid;\n    grid-template-columns: auto 1fr; \/* Titel | Buttons *\/\n    column-gap: 50px;\n    align-items: start;\n    margin-bottom: 16px;\n    border-bottom: 1px solid rgba(0,0,0,0.06);\n  padding-bottom: 12px;\n  }\n.font-group-buttons {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr); \/* kompakt *\/\n    gap: 8px;\n  }\n  \/* FONT BUTTONS *\/\n  .font-btn {\n    height: 42px;\n    padding: 0 6px;\n    font-size: 0.9rem;\n    border-radius: 10px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    white-space: nowrap;\n    line-height: 1;\n  }\n\n  .font-btn.script {\n    font-size: 1rem;\n  }\n\n  \/* SYMBOLS *\/\n  .symbol-list {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr); \/* schöne Symmetrie *\/\n    gap: 10px;\n  }\n\n  .symbol-btn {\n    height: 44px;\n    font-size: 1.25rem;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 10px;\n  }\n\n  \/* Titles ruhiger *\/\n  .font-group-title,\n  .symbol-title {\n    font-size: 1.15rem;\n    margin-bottom: 15px;\n    opacity: 0.65;\n  }\n\n  .font-group-title {\n    font-size: 0.75rem;\n    font-weight: 600;\n    opacity: 0.6;\n    white-space: nowrap;\n    padding-top: 12px; \/* vertikal sauber *\/\n  }\n}\n\n.live-preview-link {\n  margin-left: 6px;\n  font-weight: 600;\n  color: #4b8484;\n  text-decoration: none;\n  cursor: pointer;\n  transition: opacity 0.2s ease;\n}\n\n.live-preview-link:hover {\n  opacity: 0.75;\n  text-decoration: underline;\n}\n\n.live-preview-link.premium {\n  margin-left: 8px;\n  font-weight: 600;\n  color: #5aa3a3;\n  text-decoration: none;\n  position: relative;\n  padding-bottom: 2px;\n  border-bottom: 1px solid rgb(75 132 132 \/ 0%);\n}\n\n.live-preview-link.premium::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 0%;\n  height: 1px;\n  background: linear-gradient(90deg, #5aa3a3, #9fd6d6);\n  transition: width 0.35s ease;\n}\n\n.live-preview-link.premium:hover::after {\n  width: 100%;\n}\n\n.live-preview-link.premium:hover {\n  opacity: 0.9;\n}\n.live-preview-link.glow {\n  margin-left: 8px;\n  font-weight: 600;\n  color: #4b8484;\n  text-decoration: none;\n  animation: pulseGlow 2.5s ease-in-out infinite;\n}\n\n@keyframes pulseGlow {\n  0% { text-shadow: 0 0 0 rgba(75,132,132,0); }\n  50% { text-shadow: 0 0 8px rgba(75,132,132,0.45); }\n  100% { text-shadow: 0 0 0 rgba(75,132,132,0); }\n}\n\n.live-preview-link.glow:hover {\n  opacity: 0.85;\n}\n\n.live-preview-link.badge {\n  margin-left: 10px;\n  padding: 4px 10px;\n  font-size: 0.85rem;\n  font-weight: 600;\n  color: #2f6f6f;\n  background: rgba(79, 140, 140, 0.12);\n  border-radius: 999px;\n  text-decoration: none;\n  transition: all 0.25s ease;\n}\n\n.live-preview-link.badge:hover {\n  background: rgba(79, 140, 140, 0.22);\n  transform: translateY(-1px);\n}\n\n    \/* =========================\n   Base Luxury Style\n========================= *\/\n.live-preview-link.luxury {\n  margin-left: 8px;\n  font-weight: 600;\n  color: #ab8e4c; \/*  Gold *\/\n  text-decoration: none;\n  position: relative;\n  letter-spacing: 0.02em;\n  transition: color 0.25s ease, opacity 0.25s ease;\n}\n\n\/* Edle Gold-Linie *\/\n.live-preview-link.luxury::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: -2px;\n  width: 0%;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    rgba(201,168,92,0.0),\n    rgba(201,168,92,0.9),\n    rgba(201,168,92,0.0)\n  );\n  transition: width 0.35s ease;\n}\n\n.live-preview-link.luxury:hover::after {\n  width: 100%;\n}\n\n.live-preview-link.luxury:hover {\n  opacity: 0.9;\n}\n\n\/* =========================\n   MOBILE ONLY – Eye Catcher\n========================= *\/\n@media (max-width: 768px) {\n  .live-preview-link.luxury {\n    animation: luxuryGlow 2.2s ease-in-out infinite;\n  }\n\n  @keyframes luxuryGlow {\n    0% {\n      text-shadow:\n        0 0 0 rgba(201,168,92,0),\n        0 0 0 rgba(201,168,92,0);\n    }\n    50% {\n      text-shadow:\n        0 0 10px rgba(201,168,92,0.55),\n        0 0 22px rgba(201,168,92,0.25);\n    }\n    100% {\n      text-shadow:\n        0 0 0 rgba(201,168,92,0),\n        0 0 0 rgba(201,168,92,0);\n    }\n  }\n}\n\n\/* =========================\n   LUXURY SHINE BUTTON\n========================= *\/\n.luxury-shine-btn {\n  position: relative;\n  font-size: 1.2rem;\n    margin-bottom: 16px;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  padding: 5px 12px;\n  border-radius: 999px;\n\n  font-weight: 600;\n  letter-spacing: 0.03em;\n  text-decoration: none;\n\n  color: #e6d3a3;\n  background: linear-gradient(\n    180deg,\n    #141414,\n    #0d0d0d\n  );\n\n  border: 1px solid rgba(201,168,92,0.45);\n\n  overflow: hidden;\n  isolation: isolate;\n\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n\/* Hover – minimal, edel *\/\n.luxury-shine-btn:hover {\n  transform: translateY(-1px);\n  box-shadow:\n    0 8px 20px rgba(0,0,0,0.35),\n    0 0 0 1px rgba(201,168,92,0.35);\n}\n\n\/* =========================\n   GOLD LASER SHINE\n========================= *\/\n.luxury-shine-btn::before {\n  content: \"\";\n  position: absolute;\n  top: -60%;\n  left: -120%;\n\n  width: 60%;\n  height: 220%;\n\n  background: linear-gradient(\n    120deg,\n    transparent 0%,\n    rgba(255,255,255,0.0) 35%,\n    rgba(255,214,130,0.65) 50%,\n    rgba(255,255,255,0.0) 65%,\n    transparent 100%\n  );\n\n  transform: skewX(-20deg);\n  opacity: 0.9;\n\n  animation: goldLaser 3s ease-in-out infinite;\n}\n\n\/* Laser Bewegung *\/\n@keyframes goldLaser {\n  0% {\n    left: -120%;\n  }\n  55% {\n    left: 140%;\n  }\n  100% {\n    left: 140%;\n  }\n}\n\n\/* =========================\n   ICON GOLD TONE\n========================= *\/\n.luxury-shine-btn i {\n  color: #c9a85c;\n  font-size: 1.1em;\n}\n\/* =========================\n   TAP PULSE (SUBTIL)\n========================= *\/\n.luxury-shine-btn::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: radial-gradient(\n    circle at center,\n    rgba(255,215,160,0.35),\n    transparent 70%\n  );\n  opacity: 0;\n  transform: scale(0.85);\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  pointer-events: none;\n}\n\n.luxury-shine-btn:active::after {\n  opacity: 1;\n  transform: scale(1.05);\n}\n\n \/*Roségold (warm \u0026 emotional – perfekt für Herzanhänger) *\/\n .luxury-rose {\n  color: #f1c7b6;\n  border-color: rgba(224,168,140,0.5);\n}\n\n.luxury-rose::before {\n  background: linear-gradient(\n    120deg,\n    transparent 0%,\n    rgba(255,220,210,0.0) 35%,\n    rgba(255,190,170,0.7) 50%,\n    rgba(255,220,210,0.0) 65%,\n    transparent 100%\n  );\n}\n\n.luxury-rose i {\n  color: #e0a88c;\n   font-size: 1.1em;\n}\n\n     \/*Weißgold (clean, modern, Premium) *\/\n.luxury-whitegold {\n  color: #e8ecef;\n  border-color: rgba(200,205,210,0.45);\n}\n\n.luxury-whitegold::before {\n  background: linear-gradient(\n    120deg,\n    transparent 0%,\n    rgba(255,255,255,0.0) 35%,\n    rgba(230,235,240,0.75) 50%,\n    rgba(255,255,255,0.0) 65%,\n    transparent 100%\n  );\n}\n\n.luxury-whitegold i {\n  color: #cfd6dc;\n}\n\/*Silber (technisch, kühl, elegant)*\/\n  .luxury-silver {\n  color: #d7d7d7;\n  border-color: rgba(180,180,180,0.45);\n}\n\n.luxury-silver::before {\n  background: linear-gradient(\n    120deg,\n    transparent 0%,\n    rgba(240,240,240,0.0) 35%,\n    rgba(215,215,215,0.7) 50%,\n    rgba(240,240,240,0.0) 65%,\n    transparent 100%\n  );\n}\n\n.luxury-silver i {\n  color: #bfbfbf;\n}\n @media (max-width: 768px) {\n  .luxury-shine-btn::before {\n    animation-duration: 2.4s;\n  }\n}\n\n@keyframes engravingPulse {\n  0%   { transform: scale(1); box-shadow: 0 0 0 rgba(191,172,121,0.0); }\n  40%  { transform: scale(1.02); box-shadow: 0 0 0 6px rgba(191,172,121,0.25); }\n  100% { transform: scale(1); box-shadow: 0 0 0 rgba(191,172,121,0.0); }\n}\n\n.engraving-preview-image.pulse {\n  animation: engravingPulse 0.6s ease-out;\n}\n @keyframes symbolGlow {\n  0%   { background: rgba(191,172,121,0.15); }\n  100% { background: transparent; }\n}\n\n.engraving-overlay.symbol-highlight span {\n  animation: symbolGlow 0.8s ease;\n}\n\n.symbol-btn.active {\n  transform: scale(1.15);\n  background: #bfac79;\n  color: #fff;\n}\n\/*Desktop Fonts*\/\n    .engraving-preview-text-wrap {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n    letter-spacing: 1px;    \/* Standard *\/\n    transform: translate(28px, 50px); \/* Standardposition *\/\n}\n}\n      \/* =========================\n   SERIF\n========================= *\/\n\n.font-timesnewroman {\n    letter-spacing: 1px;\n   transform: translate(30px, 20px)!important;\n}\n\n.font-georgia {\n    transform: translate(26%, 35%);\n  letter-spacing: 0.5px;\n}\n\n\n\/* =========================\n   SANS-SERIF\n========================= *\/\n\n.font-arial,\n.font-helvetica {\n transform: translate(30px, 68px);\n    letter-spacing: 0.5px;\n}\n\n\n\/* =========================\n   MONOSPACE\n========================= *\/\n\n.font-courier {\n       transform: translate(30px, 68px);\n    letter-spacing: 0.5px;\n}\n\n.font-lucida {\n        transform: translate(30px, 68px);\n    letter-spacing: 0.5px;\n}\n\n\n\/* =========================\n   SCHREIBSCHRIFT\n========================= *\/\n\n.font-allura {\n    transform: translate(30px, 70px);\n    letter-spacing: -3.5px;\n}\n\n.font-alex {\n    transform: translate(24%, 29%);\n    letter-spacing: -8.5px;\n}\n\n.font-kaushan {\n   transform: translate(24%, 35%);\n    letter-spacing: -2.5px;\n}\n\n\n\/* =========================\n   HANDSCHRIFT\n========================= *\/\n\n.font-pacifico {\n    transform: translate(24%, 35%);\n    letter-spacing: -14.5px;\n}\n\n.font-indie {\n   transform: translate(24%, 29%);\n    letter-spacing: -8.5px;\n}\n\n.font-dancing {\n        transform: translate(24%, 29%);\n    letter-spacing: -6.5px;\n}\n\n\/* ✔ Mini Check *\/\n.preview-check {\n  font-size: 14px;\n  opacity: 0;\n  transform: scale(0.6);\n  transition: opacity 0.25s ease, transform 0.25s ease;\n}\n\n.preview-check.show {\n  opacity: 1;\n  transform: scale(1);\n}\n\n\/* ✨ Edler Brand-Glow *\/\n.preview-glow {\n  animation: brandGlow 0.8s ease-out;\n}\n\n@keyframes brandGlow {\n  0% {\n    text-shadow: 0 0 0 rgba(180, 150, 100, 0);\n  }\n  30% {\n    text-shadow:\n      0 0 8px rgba(180, 150, 100, 0.5),\n      0 0 12px rgba(180, 150, 100, 0.4),\n      0 0 20px rgba(180, 150, 100, 0.3);\n  }\n  60% {\n    text-shadow:\n      0 0 12px rgba(180, 150, 100, 0.45),\n      0 0 18px rgba(180, 150, 100, 0.35),\n      0 0 28px rgba(180, 150, 100, 0.25);\n  }\n  100% {\n    text-shadow: 0 0 0 rgba(180, 150, 100, 0);\n  }\n}\n\n\/* ✨ Edler golden fade *\/\n .engrave-fade {\n  animation: engraveFade 0.9s ease-out;\n\n}\n\n@keyframes engraveFade {\n  0% {\n    text-shadow: 0 0 0 rgba(191, 172, 121, 0);\n\n  }\n  40% {\n    text-shadow:\n      0 0 6px rgba(191, 172, 121, 0.45),\n      0 0 14px rgba(191, 172, 121, 0.25);\n  }\n  100% {\n    text-shadow: 0 0 0 rgba(191, 172, 121, 0);\n  }\n}\n\n\n\/* ✔ Mini Checkmark bleibt gleich *\/\n.preview-check {\n  font-size: 14px;\n  opacity: 0;\n  transform: scale(0.6);\n  transition: opacity 0.25s ease, transform 0.25s ease;\n}\n\n.preview-check.show {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.preview-metal-sweep {\n  position: relative;\n  overflow: hidden;\n}\n\n.preview-metal-sweep::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -60%;\n  width: 60%;\n  height: 100%;\n  background: linear-gradient(\n    120deg,\n    transparent,\n    rgba(255, 215, 160, 0.45),\n    transparent\n  );\n  animation: metalSweep 0.6s ease-out;\n  pointer-events: none;\n}\n\n@keyframes metalSweep {\n  to {\n    left: 120%;\n  }\n}\n.engraving-preview-note {\n  margin-top: 10px;\n  font-size: 12.5px;\n  line-height: 1.45;\n  color: rgba(60, 60, 60, 0.75);\n  text-align: center;\n  letter-spacing: 0.02em;\n  font-style: normal;\n   animation: fadeInSoft 0.6s ease-out both;\n}\n    @keyframes fadeInSoft {\n  from {\n    opacity: 0;\n    transform: translateY(-2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\n\n\/* Mobile leicht kompakter *\/\n@media (max-width: 640px) {\n  .engraving-preview-note {\n    font-size: 12px;\n    padding: 0 12px;\n  }\n}\n\n\n#engraving-mobile-popup {\n  display: block; \/* block damit transition sichtbar wird *\/\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 285px;\n  z-index: 9999;\n  background: #6e644533;\n  padding: 20px;\n  box-shadow: 0 -10px 30px rgba(0,0,0,.18);\n  opacity: 0;\n  transform: translateY(18px);\n  pointer-events: none;\n  transition: opacity 0.35s ease, transform 0.35s ease;\n}\n\n#engraving-mobile-popup.show {\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n.popup-preview-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 2rem;\n  letter-spacing: 0.08em;\n  color: rgb(217 217 217 \/ 84%);\n  text-shadow: 0 1px 1px rgba(0,0,0,0.6), 0 -1px 0 rgba(255,255,255,0.15);\n  padding: 6px 16px;\n  border-radius: 10px;\n  backdrop-filter: blur(2px);\n  text-align: center;\n  transition: all 0.25s ease;\n}\n\n.popup-preview-text.glow {\n  text-shadow:\n    0 0 4px #fff,\n    0 0 8px #fff,\n    0 0 12px #ffd700;\n}\n\n.popup-preview-check {\n  position: absolute;\n top: -15px;\n    left: 65px;\n    font-size: 2.5rem;\n  opacity: 0;\n  transition: opacity 0.5s ease;\n}\n\n.popup-preview-check.show {\n  opacity: 1;\n}\n@media (min-width: 769px) {\n  #engraving-mobile-popup { display: none !important; }\n}\n     @media (max-width: 769px) {\n      .engraving-overlay {\n   position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n .engraving-overlay span {\n  font-family: \"Playfair Display\", serif;\n  font-size: 1rem;\n  \/* letter-spacing: 0.08em;*\/\n  color: rgb(217 217 217 \/ 71%);\n\/* Laser-Effekt *\/\n      text-shadow: 0 1px 1px rgb(0 0 0 \/ 86%), 0 -1px 0 rgba(255, 255, 255, 0.15);\n  padding: 6px 16px;\n    border-radius: 10px;\n    backdrop-filter: blur(0px);\n    \n    writing-mode: vertical-lr;\n    text-orientation: upright;\n}\n}\n\/* Responsive  *\/\n@media (max-width: 769px) {\n .engraving-preview-text-wrap {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n     \/* bottom: -3px; *\/\n       \/* left: 26px !important; *\/\n        transform: translate(27px, 0px);\n\n}\n  .popup-preview-text-wrap {\n       position: absolute;\n         transform: translate(50%, 50%) !important;\n  white-space: nowrap;\n  display: block;\n}\n\/*Zugriff auf die Schriftgröße Desktop mini Ansicht und Abstand*\/\n.engraving-preview-text-wrap.font-allura span{\n\n    font-size:1.7rem !important;\n    letter-spacing: -9px !important;\n\n}\n  .engraving-preview-text-wrap.font-alex span{\n\n    font-size:1.7rem !important;\n    letter-spacing: -9px !important;\n\n}\n\n\n   .engraving-preview-text-wrap.font-kaushan span{\n    font-size:1.5rem !important;\n    letter-spacing: -8px !important;\n }\n\n  .engraving-preview-text-wrap.font-georgia span{\n    font-size:1.5rem !important;\n    letter-spacing: -4px !important;\n }\n   .engraving-preview-text-wrap.font-timesnewroman span{\n    font-size:1.5rem !important;\n    letter-spacing: -4px !important;\n }\n\n    .engraving-preview-text-wrap.font-arial span{\n    font-size:1.5rem !important;\n    letter-spacing: -5px !important;\n }\n  .engraving-preview-text-wrap.font-helvetica span{\n    font-size:1.5rem !important;\n    letter-spacing: -5px !important;\n }\n    .engraving-preview-text-wrap.font-courier span{\n    font-size:1.6rem !important;\n    letter-spacing: -6px !important;\n }\n     .engraving-preview-text-wrap.font-lucida span{\n    font-size:1.5rem !important;\n    letter-spacing: -2px !important;\n }\n     .engraving-preview-text-wrap.font-pacifico span{\n    font-size:1.5rem !important;\n    letter-spacing: -14px !important;\n }\n   .engraving-preview-text-wrap.font-indie span{\n    font-size:1.5rem !important;\n    letter-spacing: -10px !important;\n }\n    .engraving-preview-text-wrap.font-dancing span{\n    font-size:1.4rem !important;\n    letter-spacing: -4px !important;\n }\n\n\/*Zugriff auf die Position Desktop mini Ansicht  *\/\n.engraving-preview-text-wrap.font-georgia {\n              transform: translate(30px, -1px) !important;\n\n\n}\n  .engraving-preview-text-wrap.font-allura    {\n  transform: translate(30px, -8px) !important;\n}\n  .engraving-preview-text-wrap.font-alex {\n  transform: translate(30px, -9px) !important;\n}\n .engraving-preview-text-wrap.font-kaushan {\n   transform: translate(30px, -2px) !important;\n }\n  .engraving-preview-text-wrap.font-timesnewroman  {\n    transform: translate(30px, -3px) !important;\n }\n\n    .engraving-preview-text-wrap.font-arial  {\n    transform: translate(30px, -7px) !important;\n }\n  .engraving-preview-text-wrap.font-helvetica  {\ntransform: translate(30px, -7px) !important;\n }\n    .engraving-preview-text-wrap.font-courier  {\n   transform: translate(30px, -5px) !important;\n }\n     .engraving-preview-text-wrap.font-lucida  {\n    transform: translate(30px, 2px) !important;\n }\n     .engraving-preview-text-wrap.font-pacifico  {\n   transform: translate(30px, -20px) !important;\n }\n   .engraving-preview-text-wrap.font-indie  {\n    transform: translate(30px, -20px) !important;\n }\n    .engraving-preview-text-wrap.font-dancing  {\n  transform: translate(30px, -2px) !important;\n }\n   \/*Zugriff auf die Schriftgröße und Abstand Mobile Popup*\/ \n.popup-preview-text-wrap.font-allura span{\n\n    font-size:2rem !important;\n    letter-spacing: -11px !important;\n         \n}\n   .popup-preview-text-wrap.font-kaushan span{\n    font-size:1.7rem !important;\n    letter-spacing: -11px !important;\n } \n  .popup-preview-text-wrap.font-alex span{\n    font-size:1.7rem !important;\n    letter-spacing: -9px !important;\n } \n  .popup-preview-text-wrap.font-georgia span{\n    font-size:1.5rem !important;\n    letter-spacing: -4px !important;\n }\n   .popup-preview-text-wrap.font-timesnewroman span{\n    font-size:1.5rem !important;\n    letter-spacing: -4px !important;\n }\n  \n    .popup-preview-text-wrap.font-arial span{\n    font-size:1.7rem !important;\n    letter-spacing: -5px !important;\n }\n     .popup-preview-text-wrap.font-helvetica span{\n    font-size:1.7rem !important;\n    letter-spacing: -5px !important;\n }\n     .popup-preview-text-wrap.font-courier span{\n    font-size:1.7rem !important;\n    letter-spacing: -6px !important;\n }\n      .popup-preview-text-wrap.font-lucida span{\n    font-size:1.7rem !important;\n    letter-spacing: -2px !important;\n }\n      .popup-preview-text-wrap.font-pacifico span{\n    font-size:1.6rem !important;\n    letter-spacing: -14px !important;\n }\n     .popup-preview-text-wrap.font-indie span{\n    font-size:1.7rem !important;\n    letter-spacing: -11px !important;\n }\n    .popup-preview-text-wrap.font-dancing span{\n    font-size:1.6rem !important;\n    letter-spacing: -4px !important;\n }\n  \n  \/*Zugriff auf Position Mobile Popup*\/\n  .popup-preview-text-wrap.font-allura  {\n        transform: translate(-67px, -48px) !important;\n}\n  \n  .popup-preview-text-wrap.font-alex{\ntransform: translate(-2px, 1px) !important;\n}\n \n.popup-preview-text-wrap.font-kaushan{\ntransform: translate(-3px, 0px) !important;\n}\n  .popup-preview-text-wrap.font-allura{\ntransform: translate(-2px, 1px) !important;\n}\n  .popup-preview-text-wrap.font-georgia{\n transform: translate(-2px, 5px) !important;\n}\n.popup-preview-text-wrap.font-timesnewroman {\n transform: translate(-2px, 5px) !important;\n }\n  \n    .popup-preview-text-wrap.font-arial {\n    transform: translate(-2px, 4px) !important;\n }\n     .popup-preview-text-wrap.font-helvetica {\n   transform: translate(-2px, 4px) !important;\n }\n     .popup-preview-text-wrap.font-courier {\n    transform: translate(-2px, 1px) !important;\n }\n      .popup-preview-text-wrap.font-lucida {\n   transform: translate(-2px, 6px) !important;\n }\n      .popup-preview-text-wrap.font-pacifico {\n    transform: translate(-2px, -4px) !important;\n }\n     .popup-preview-text-wrap.font-indie {\n   transform: translate(-2px, -4px) !important;\n }\n    .popup-preview-text-wrap.font-dancing {\n   transform: translate(-2px, 6px) !important;\n }\n  \n  \n}\n    .hero-subline {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-top: 12px;\n  flex-wrap: wrap;\n}\n\n.hero-subline .engraving-badge {\n  font-size: 1.1rem;\n  opacity: 0.85;\n}\n@media (max-width: 768px) {\n  .hero-subline {\n    justify-content: center;\n  }\n\n  .luxury-shine-btn {\n    margin-top: 6px;\n  }\n}\n\n        \/* =========================\n   BESONDERHEITEN \/ HINWEISE LISTE\n========================== *\/\n        .engraving-notes {\n            list-style: none; \/* Entfernt Standard-Punkte *\/\n            padding-left: 0;\n            margin-top: 15px;\n        }\n\n            .engraving-notes li {\n                position: relative;\n                padding-left: 25px;\n                margin-bottom: 10px;\n                font-size: 1.5rem;\n                line-height: 1.2;\n                color: #151515;\n            }\n\n                \/* Optional: Icon \/ Punkt vor jedem Hinweis *\/\n                .engraving-notes li::before {\n                    content: \"✔\"; \/* Häkchen-Symbol *\/\n                    position: absolute;\n                    left: 0;\n                    top: 0;\n                    color: #dcbc5a; \/* Akzentfarbe wie bei Divider \/ Hero *\/\n                    font-size: 1rem;\n                    line-height: 1.5;\n                }\n\n    \u003c\/style\u003e\n\n\n\n\n    \u003cdiv class=\"engraving-product\"\u003e\n\n        \u003c!-- =========================\n         HERO: Edelstahl Säulen Anhänger\n    ========================== --\u003e\n        \u003csection class=\"engraving-hero engraving-fade show\"\u003e\n            \u003cdiv class=\"engraving-hero-grid-wrapper\"\u003e\n                \u003cdiv class=\"engraving-hero-grid\"\u003e\n\n                    \u003c!-- Textbereich --\u003e\n                    \u003cdiv class=\"engraving-hero-text\"\u003e\n\n                        \u003ch1\u003eMehr als Schmuck – deine Geschichte in 3D graviert\u003c\/h1\u003e\n\n                        \u003cdiv class=\"hero-subline\"\u003e\n                            \u003cspan class=\"engraving-badge\"\u003e\n                                \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose 3D Gravur\n                            \u003c\/span\u003e\n\n                            \u003ca href=\"#engraving-preview\" class=\"luxury-shine-btn luxury-rose live-preview-link\"\u003e\n                                \u003ci class=\"bi bi-eye\"\u003e\u003c\/i\u003e\n                                Live-Vorschau ansehen\n                            \u003c\/a\u003e\n                        \u003c\/div\u003e\n\n                        \u003cp\u003e\n                            Ein schlanker Säulen-Anhänger aus hochwertigem Edelstahl –\n                            veredelt mit kostenloser 3D-Gravur.\n                            Minimalistisch im Design. Tief in der Bedeutung.\n                            Ein persönliches Schmuckstück für Liebe, Erinnerung und besondere Lebensmomente.\n                        \u003c\/p\u003e\n\n                        \u003c!-- CTA --\u003e\n                        \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n                            Jetzt personalisieren \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n                        \u003c\/button\u003e\n\n                        \u003cdiv class=\"micro-trust-valentine\"\u003e\n                            Sicher · Persönlich · Hochwertig verarbeitet\n                        \u003c\/div\u003e\n\n                        \u003c!-- Trust Icons --\u003e\n                        \u003cdiv class=\"engraving-trust\"\u003e\n                            \u003cspan\u003e\u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e Edelstahl\u003c\/span\u003e\n                            \u003cspan\u003e\u003ci class=\"bi bi-stars\"\u003e\u003c\/i\u003e Hochglanz \u0026amp; Matt\u003c\/span\u003e\n                            \u003cspan\u003e\u003ci class=\"bi bi-rulers\"\u003e\u003c\/i\u003e 40 × 5 mm\u003c\/span\u003e\n                            \u003cspan\u003e\u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e 3D Tiefengravur\u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003c!-- Optionaler Hinweis\n                    \u003cdiv class=\"micro-trust-valentine\" style=\"text-align:left;\"\u003e\n                        Kette inklusive · verstellbare Länge\n                    \u003c\/div\u003e\n                    --\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003c!-- Bildbereich --\u003e\n                    \u003cdiv class=\"engraving-image\"\u003e\n                        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/2023-04-19-18-08-55.jpg?v=1682036699\" alt=\"Edelstahl Säulen Anhänger mit kostenloser 3D Gravur und Kette\"\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n\n        \u003c!-- =========================\n         WHY STORY BLOCK\n    ========================== --\u003e\n        \u003csection class=\"engraving-why-heart engraving-fade\"\u003e\n            \u003cdiv class=\"container\"\u003e\n                \u003ch2\u003eWarum dieser Säulen-Anhänger? Bedeutung in klarer Form.\u003c\/h2\u003e\n                \u003cp\u003e\n                    Die Säulenform steht für Stärke, Beständigkeit und Klarheit.\n                    Reduziert auf das Wesentliche und gefertigt aus hochwertigem Edelstahl,\n                    wird dieser Anhänger zu einem zeitlosen Begleiter – persönlich, stilvoll und voller Bedeutung.\n                \u003c\/p\u003e\n\n                \u003cdiv class=\"engraving-why-grid\"\u003e\n\n                    \u003cdiv class=\"engraving-feature\"\u003e\n                        \u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eHochwertiges Material\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Robuster Edelstahl in Juwelierqualität –\n                            langlebig, farbbeständig und hypoallergen.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"engraving-feature\"\u003e\n                        \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eIndividuelle 3D Gravur\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Namen, Koordinaten, Initialen oder Symbole –\n                            präzise als Tiefengravur umgesetzt, kostenlos.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"engraving-feature\"\u003e\n                        \u003ci class=\"bi bi-heart-fill\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eEmotion \u0026amp; Bedeutung\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Weniger Design. Mehr Aussage.\n                            Dieser schlanke Säulen-Anhänger trägt deine Geschichte nah bei dir –\n                            dezent, persönlich und ideal als Geschenk für besondere Momente.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"engraving-feature\"\u003e\n                        \u003ci class=\"bi bi-stars\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003ePerfekte Verarbeitung\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Klare Kanten, fein polierte Oberflächen\n                            und eine elegante Haptik – kompromisslose Qualität bis ins Detail.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n\n\n        \u003c!-- =========================\n         SHIPPING \u0026 TRUST BLOCK\n    ========================== --\u003e\n        \u003csection class=\"engraving-shipping engraving-fade\"\u003e\n            \u003cdiv class=\"container\"\u003e\n                \u003ch2\u003eSorgfältig gefertigt \u0026amp; sicher geliefert\u003c\/h2\u003e\n                \u003cdiv class=\"engraving-shipping-grid\"\u003e\n\n                    \u003cdiv class=\"shipping-item\"\u003e\n                        \u003ci class=\"bi bi-truck\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eSchneller Versand\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Versand innerhalb von \u003cstrong\u003e1–3 Werktagen\u003c\/strong\u003e\n                            nach Gravur – sorgfältig \u0026amp; sicher verpackt.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"shipping-item\"\u003e\n                        \u003ci class=\"bi bi-geo-alt\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eHandarbeit in Deutschland\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Jede Gravur entsteht in unserem Familienbetrieb –\n                            \u003cstrong\u003ekeine Externe Arbeit\u003c\/strong\u003e, kein Dropshipping.\n                        \u003c\/p\u003e\n                        \u003cp\u003eJede Gravur wird vor dem Versand manuell kontrolliert, damit dein Schmuckstück genau so ankommt, wie du es dir wünschst. \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"shipping-item\"\u003e\n                        \u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eSicher \u0026amp; Vertrauensvoll\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Sichere Zahlung, persönlicher Support\n                            und höchste Qualitätskontrolle vor dem Versand.\n                        \u003c\/p\u003e\n                        \u003cp\u003e\n                            Sollte etwas nicht passen, findest du mit uns\n                            unkompliziert eine Lösung.\n                        \u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n\n        \u003c!-- FEATURES --\u003e\n        \u003csection class=\"engraving-section engraving-fade\"\u003e\n            \u003cdiv class=\"container engraving-hero-text\"\u003e\n                \u003ch1\u003eMehr als ein Schmuckstück\u003c\/h1\u003e\n                \u003cp class=\"engraving-section-desc\"\u003e\n                    Dieser schlanke Säulen-Anhänger aus Edelstahl steht für Klarheit,\n                    Persönlichkeit und zeitloses Design – ein dezenter Begleiter mit tiefer Bedeutung.\n                \u003c\/p\u003e\n\n                \u003cdiv class=\"engraving-features\"\u003e\n                    \u003cdiv class=\"engraving-feature\"\u003e\n                        \u003ci class=\"bi bi-type\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eIndividuelle 3D Gravur\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Kostenlose Tiefengravur mit Namen, Koordinaten,\n                            Initialen oder Symbolen – präzise und dauerhaft.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"engraving-feature\"\u003e\n                        \u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eHochwertiger Edelstahl\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Robust, farbbeständig und hypoallergen –\n                            speziell geeignet für feine 3D-Gravuren mit klarer Tiefe.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"engraving-feature\"\u003e\n                        \u003ci class=\"bi bi-gift\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eBereit zu schenken\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Minimalistisches Design kombiniert mit persönlicher Gravur –\n                            ein Geschenk mit Bedeutung für besondere Momente.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"engraving-feature\"\u003e\n                        \u003ci class=\"bi bi-heart\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eSchlank \u0026amp; Zeitlos\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Die klare Säulenform wirkt elegant und modern –\n                            leicht zu tragen, dezent im Look und stark im Ausdruck.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n\n\n\n\n        \u003c!-- =========================\n         SPECS SECTION\n    ========================== --\u003e\n        \u003csection class=\"engraving-section engraving-fade\"\u003e\n            \u003cdiv class=\"container2 engraving-hero-text\"\u003e\n                \u003ch1\u003eProduktdetails\u003c\/h1\u003e\n\n                \u003cdiv class=\"engraving-specs\"\u003e\n                    \u003cul\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-box\"\u003e\u003c\/i\u003e \u003cstrong\u003eTyp:\u003c\/strong\u003e Säulen Anhänger mit Kette\n                        \u003c\/li\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-box\"\u003e\u003c\/i\u003e \u003cstrong\u003eMaterial:\u003c\/strong\u003e Edelstahl\n                        \u003c\/li\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-gender-ambiguous\"\u003e\u003c\/i\u003e \u003cstrong\u003eGeschlecht:\u003c\/strong\u003e Männer \/ Frauen\n                        \u003c\/li\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-brush\"\u003e\u003c\/i\u003e \u003cstrong\u003eFarbe:\u003c\/strong\u003e Multicolor (Gelbgold, Stahl, Rosé, Schwarz-matt)\n                        \u003c\/li\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-stars\"\u003e\u003c\/i\u003e \u003cstrong\u003eStil:\u003c\/strong\u003e Mode \u0026amp; Casual\n                        \u003c\/li\u003e\n                    \u003c\/ul\u003e\n\n                    \u003cul\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-rulers\"\u003e\u003c\/i\u003e \u003cstrong\u003eAnhängerbreite:\u003c\/strong\u003e 0,5 cm\n                        \u003c\/li\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-link-45deg\"\u003e\u003c\/i\u003e \u003cstrong\u003eKettenlänge:\u003c\/strong\u003e 40 cm + 5 cm (verstellbar)\n                        \u003c\/li\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e \u003cstrong\u003eAnhängergröße:\u003c\/strong\u003e 4 × 0,5 cm\n                        \u003c\/li\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e \u003cstrong\u003eGravur:\u003c\/strong\u003e Kostenlos \u0026amp; individuell\n                        \u003c\/li\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-heart\"\u003e\u003c\/i\u003e \u003cstrong\u003eBedeutung:\u003c\/strong\u003e Persönlich · Zeitlos · Symbolisch\n                        \u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- =========================\n         BESONDERHEITEN \/ HINWEISE\n    ========================== --\u003e\n        \u003csection class=\"engraving-section engraving-fade\"\u003e\n            \u003cdiv class=\"container2 engraving-hero-text\"\u003e\n                \u003ch2\u003eBesonderheiten \u0026amp; Hinweise\u003c\/h2\u003e\n\n                \u003cul class=\"engraving-notes\" style=\" list-style: none;\"\u003e\n                    \u003cli\u003eDas Material besteht aus hochwertigem Edelstahl. Verblasst nicht nach Kontakt mit Wasser und wird sich nicht verdunkeln. Allergien werden vorgebeugt.\u003c\/li\u003e\n                    \u003cli\u003eVerrostet nicht\u003c\/li\u003e\n                    \u003cli\u003eHypoallergen \/ nicht allergisch\u003c\/li\u003e\n                    \u003cli\u003eBeständig gegen Säuren \u0026amp; Basen\u003c\/li\u003e\n                    \u003cli\u003eKeine Verformung\u003c\/li\u003e\n                    \u003cli\u003eFarb- und Glanzbeständig – verblasst nicht\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- =========================\n         GRAVUR LIVE PREVIEW\n    ========================== --\u003e\n        \u003csection class=\"engraving-preview-section engraving-fade\"\u003e\n            \u003cspan class=\"engraving-badge visible-xs\"\u003e\n                \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose Personalisierung – Live Vorschau\n            \u003c\/span\u003e\n            \u003cdiv class=\"engraving-preview-grid\"\u003e\n\n                \u003c!-- IMAGE --\u003e\n                \u003cdiv class=\"engraving-preview-image\"\u003e\n                    \u003cimg id=\"engravingProductImage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Baren_frontal.png?v=1772015124\" alt=\"Edelstahl Barenanhänger ohne Gravur\"\u003e\n\n                    \u003cdiv class=\"engraving-overlay\" id=\"engravingOverlay\"\u003e\n                        \u003cdiv class=\"engraving-preview-text-wrap\"\u003e\n                            \u003cspan id=\"engravingPreviewText\"\u003eDein Text\u003c\/span\u003e\n                            \u003cspan class=\"preview-check\"\u003e\u003ci class=\"bi bi-check\" style=\"color:#34aa8b;\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cp class=\"engraving-preview-note\"\u003e\n                        ✦ Diese Darstellung dient als Vorschau. Jede Gravur ist ein handwerkliches Unikat – minimale Abweichungen in Höhe oder Tiefe sind möglich. Wir passen die Schriftgröße optimal an.\n                    \u003c\/p\u003e\n\n\n                \u003c\/div\u003e\n\n                \u003c!-- CONTENT --\u003e\n                \u003cdiv class=\"engraving-preview-content\" id=\"engraving-preview\"\u003e\n\n                    \u003cspan class=\"engraving-badge hidden-xs\"\u003e\n                        \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose Personalisierung – Live Vorschau\n                    \u003c\/span\u003e\n\n                    \u003ch2\u003eMach diesen Anhänger einzigartig\u003c\/h2\u003e\n                    \u003cp\u003e\n                        Gib deine gewünschte Gravur ein und sieh sofort,\n                        wie dein persönlicher Anhänger Gestalt annimmt.\n                    \u003c\/p\u003e\n\n                    \u003c!-- INPUT --\u003e\n                    \u003cdiv class=\"engraving-input-wrap\"\u003e\n                        \u003clabel for=\"engravingInput\"\u003eDeine Gravur\u003c\/label\u003e\n                        \u003cinput type=\"text\" id=\"engravingInput\" maxlength=\"11\" placeholder=\"z. B. A + M | 12.06.24\"\u003e\n                        \u003csmall\u003eMax. 11 Zeichen · Zahlen \u0026amp; Symbole möglich\u003c\/small\u003e\n                    \u003c\/div\u003e\n                    \u003c!-- SYMBOL PICKER --\u003e\n                    \u003cdiv class=\"engraving-symbol-picker\"\u003e\n                        \u003cspan class=\"symbol-title\"\u003eSymbole hinzufügen\u003c\/span\u003e\n\n                        \u003cdiv class=\"symbol-list\"\u003e\n                            \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"♥\"\u003e♥\u003c\/button\u003e\n                            \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"∞\"\u003e∞\u003c\/button\u003e\n                            \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"★\"\u003e★\u003c\/button\u003e\n                            \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"✝\"\u003e✝\u003c\/button\u003e\n                            \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"❥\"\u003e❥\u003c\/button\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- FONT SELECT --\u003e\n                    \u003cdiv class=\"engraving-font-select\"\u003e\n\n\n      \u003c!-- =========================\n                         FONT PICKER (BUTTONS)\n                    ========================== --\u003e\n                        \u003cdiv class=\"engraving-font-picker\"\u003e\n                            \u003clabel class=\"font-picker-label\"\u003e\u003cstrong\u003eSchriftart wählen\u003c\/strong\u003e\u003c\/label\u003e\n                            \u003c!-- SERIF --\u003e\n                            \u003cdiv class=\"font-group\"\u003e\n                                \u003cspan class=\"font-group-title\"\u003eSerif\u003c\/span\u003e\n                                \u003cdiv class=\"font-group-buttons\"\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Times New Roman\" style=\"font-family:'Times New Roman'\"\u003e\n                                        Times New Roman\n                                    \u003c\/button\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Georgia\" style=\"font-family:Georgia\"\u003e\n                                        Georgia\n                                    \u003c\/button\u003e\n                                \u003c\/div\u003e\n                            \u003c\/div\u003e\n\n                            \u003c!-- SANS --\u003e\n                            \u003cdiv class=\"font-group\"\u003e\n                                \u003cspan class=\"font-group-title\"\u003eSans-serif\u003c\/span\u003e\n                                \u003cdiv class=\"font-group-buttons\"\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Arial\" style=\"font-family:Arial\"\u003e\n                                        Arial\n                                    \u003c\/button\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Helvetica\" style=\"font-family:Helvetica\"\u003e\n                                        Helvetica\n                                    \u003c\/button\u003e\n                                \u003c\/div\u003e\n                            \u003c\/div\u003e\n\n                            \u003c!-- MONOSPACE --\u003e\n                            \u003cdiv class=\"font-group\"\u003e\n                                \u003cspan class=\"font-group-title\"\u003eMonospace\u003c\/span\u003e\n                                \u003cdiv class=\"font-group-buttons\"\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Courier New\" style=\"font-family:'Courier New'\"\u003e\n                                        Courier New\n                                    \u003c\/button\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Lucida Console\" style=\"font-family:'Lucida Console'\"\u003e\n                                        Lucida Console\n                                    \u003c\/button\u003e\n                                \u003c\/div\u003e\n                            \u003c\/div\u003e\n\n                            \u003c!-- SCRIPT --\u003e\n                            \u003cdiv class=\"font-group\"\u003e\n                                \u003cspan class=\"font-group-title\"\u003eSchreibschrift\u003c\/span\u003e\n                                \u003cdiv class=\"font-group-buttons\"\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Allura\" style=\"font-family:'Allura'\"\u003e\n                                        Allura\n                                    \u003c\/button\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Alex Brush\" style=\"font-family:'Alex Brush'\"\u003e\n                                        Alex Brush\n                                    \u003c\/button\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Kaushan Script\" style=\"font-family:'Kaushan Script'\"\u003e\n                                        Kaushan Script\n                                    \u003c\/button\u003e\n                                \u003c\/div\u003e\n                            \u003c\/div\u003e\n\n                            \u003c!-- HANDWRITING --\u003e\n                            \u003cdiv class=\"font-group\"\u003e\n                                \u003cspan class=\"font-group-title\"\u003eHandschrift\u003c\/span\u003e\n                                \u003cdiv class=\"font-group-buttons\"\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Pacifico\" style=\"font-family:'Pacifico'\"\u003e\n                                        Pacifico\n                                    \u003c\/button\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Indie Flower\" style=\"font-family:'Indie Flower'\"\u003e\n                                        Indie Flower\n                                    \u003c\/button\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Dancing Script\" style=\"font-family:'Dancing Script'\"\u003e\n                                        Dancing Script\n                                    \u003c\/button\u003e\n                                \u003c\/div\u003e\n                            \u003c\/div\u003e\n\n                            \u003c!-- HIDDEN INPUT FÜR SHOPIFY --\u003e\n                            \u003cinput type=\"hidden\" name=\"properties[Schriftart]\" id=\"selectedFont\"\u003e\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n\n                    \u003c!-- CTA --\u003e\n                    \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n                        Gravur jetzt festlegen \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n                    \u003c\/button\u003e\n\n                    \u003c!-- MICRO TRUST --\u003e\n                    \u003cdiv class=\"engraving-micro-trust\"\u003e\n                        \u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e\n                        Jede Gravur wird individuell geprüft \u0026amp; präzise gefertigt\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- End Block --\u003e\n        \u003csection class=\"engraving-cta-strip engraving-fade\" id=\"gravur\"\u003e\n            \u003ci class=\"bi bi-stars\" style=\"\n    font-size: 6rem;\n    color: #c0a860;\n\"\u003e\u003c\/i\u003e\n            \u003ch2 style=\"margin-top: 15px;\"\u003eDeine Gravur. Deine Geschichte.\u003c\/h2\u003e\n            \u003cp\u003eEin Schmuckstück, das mehr sagt als Worte. \u003c\/p\u003e\n            \u003cp\u003e Handarbeit mit Herz. Wir verewigen Emotionen – präzise, hochwertig und mit Respekt.\u003c\/p\u003e\n            \u003cp style=\"color:#fff;font-weight:400;\"\u003eExcellence seit 1991.\u003c\/p\u003e\n\n        \u003c\/section\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- Mobile Popup Vorschau --\u003e\n    \u003cdiv id=\"engraving-mobile-popup\"\u003e\n        \u003cdiv class=\"popup-preview\" style=\"position: relative;margin-bottom: 10px;\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Baren_frontal.png?v=1772015124\" alt=\"Gravur Vorschau Mobile\" class=\"popup-preview-image\" style=\"width:100%;\"\u003e\n            \u003cdiv class=\"engraving-overlay active\" id=\"engravingOverlay\"\u003e\n                \u003cdiv class=\"popup-preview-text-wrap\"\u003e\n                    \u003cspan class=\"popup-preview-text\"\u003e\u003c\/span\u003e\n                    \u003cspan class=\"popup-preview-check\"\u003e\u003ci class=\"bi bi-check\" style=\"color:#34aa8b;\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n            Gravur jetzt festlegen \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n        \u003c\/button\u003e\n    \u003c\/div\u003e\n\n\n    \u003cscript\u003e\n        \/* =========================\n           Intersection Animations\n        ========================= *\/\n        const engravingObserver = new IntersectionObserver(entries =\u003e {\n            entries.forEach(entry =\u003e {\n                if (entry.isIntersecting) entry.target.classList.add('show');\n            });\n        }, { threshold: 0.2 });\n\n        document.querySelectorAll('.engraving-fade').forEach(el =\u003e\n            engravingObserver.observe(el)\n        );\n\n        \/* =========================\n           CTA Scroll + Übergabe\n        ========================= *\/\n        document.addEventListener(\"DOMContentLoaded\", function () {\n            const ctaButtons = document.querySelectorAll(\".js-scroll-to-form\");\n\n            ctaButtons.forEach(btn =\u003e {\n                btn.addEventListener(\"click\", function (e) {\n                    e.preventDefault();\n\n                    const gravurInput = document.querySelector(\"#gravurtext_vorderseite\");\n                    const previewText = document.getElementById(\"engravingPreviewText\");\n\n                    if (gravurInput \u0026\u0026 previewText) {\n                        gravurInput.value = previewText.textContent.trim();\n                        const fontFamily = window.getComputedStyle(previewText).fontFamily;\n                        gravurInput.style.fontFamily = fontFamily;\n\n                        const back = document.querySelector(\"#gravurtext_2\");\n                        if (back) back.style.fontFamily = fontFamily;\n                        const back3 = document.querySelector(\"#gravurtext_3\");\n                        if (back3) back3.style.fontFamily = fontFamily;\n                        const back4 = document.querySelector(\"#gravurtext_4\");\n                        if (back4) back4.style.fontFamily = fontFamily;\n                        const back5 = document.querySelector(\"#gravurtext_5\");\n                        if (back5) back5.style.fontFamily = fontFamily;\n                        const back6 = document.querySelector(\"#gravurtext_6\");\n                        if (back6) back6.style.fontFamily = fontFamily;\n                    }\n\n                    const gravurFontSelect = document.querySelector(\"#gravur_schriftart\");\n                    if (gravurFontSelect \u0026\u0026 previewText) {\n                        const previewFont = window.getComputedStyle(previewText).fontFamily;\n                        let found = false;\n                        Array.from(gravurFontSelect.options).forEach((opt, i) =\u003e {\n                            if (previewFont.includes(opt.value)) {\n                                gravurFontSelect.selectedIndex = i;\n                                found = true;\n                            }\n                        });\n                        if (!found) gravurFontSelect.selectedIndex = 0;\n                    }\n\n                    const productForm = document.querySelector(\"#product-form, form[action*='\/cart\/add']\");\n                    if (!productForm) return;\n\n                    productForm.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n                    const firstInput = productForm.querySelector(\"input, textarea, select\");\n                    if (firstInput) firstInput.focus();\n                });\n            });\n        });\n\n        \/* =========================\n           Specs Fade-In\n        ========================= *\/\n        document.addEventListener(\"DOMContentLoaded\", function () {\n            const uls = document.querySelectorAll('.engraving-specs ul');\n            const observer = new IntersectionObserver(entries =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) entry.target.classList.add('visible');\n                });\n            }, { threshold: 0.3 });\n            uls.forEach(ul =\u003e observer.observe(ul));\n        });\n\n        \/* =========================\n           Size Buttons\n        ========================= *\/\n        document.querySelectorAll('.size-btn').forEach(btn =\u003e {\n            btn.addEventListener('click', () =\u003e {\n                document.querySelectorAll('.size-btn').forEach(b =\u003e b.classList.remove('active'));\n                btn.classList.add('active');\n                document.getElementById('engraving-size-value').textContent =\n                    btn.getAttribute('data-size');\n            });\n        });\n\n        \/* =========================\n           MAIN ENGRAVING LOGIC\n        ========================= *\/\n        document.addEventListener(\"DOMContentLoaded\", function () {\n\n            const input = document.getElementById(\"engravingInput\");\n            const previewText = document.getElementById(\"engravingPreviewText\");\n            const overlay = document.getElementById(\"engravingOverlay\");\n\n            \/* ---- Mobile Popup ---- *\/\n            const mobilePopup = document.getElementById(\"engraving-mobile-popup\");\n            const mobilePopupText = mobilePopup?.querySelector(\".popup-preview-text\");\n\n            function showPopup() {\n                if (window.innerWidth \u003e 768) return;\n                mobilePopup.classList.add(\"show\");\n            }\n            function hidePopup() {\n                mobilePopup.classList.remove(\"show\");\n            }\n\n            \/* ---- Desktop Effects ---- *\/\n            function triggerDesktopEffects() {\n                previewText.classList.remove(\"engrave-fade\");\n                void previewText.offsetWidth;\n                previewText.classList.add(\"engrave-fade\");\n\n                const check = document.querySelector(\".preview-check\");\n                if (check) {\n                    check.classList.add(\"show\");\n                    clearTimeout(check._timeout);\n                    check._timeout = setTimeout(() =\u003e check.classList.remove(\"show\"), 1000);\n                }\n            }\n\n            \/* ---- Mobile Popup Sync ---- *\/\n            function updateMobilePopup(value) {\n                if (!mobilePopupText) return;\n\n                mobilePopupText.textContent = value;\n                mobilePopupText.style.fontFamily =\n                    window.getComputedStyle(previewText).fontFamily;\n\n                mobilePopupText.classList.remove(\"engrave-fade\");\n                void mobilePopupText.offsetWidth;\n                mobilePopupText.classList.add(\"engrave-fade\");\n\n                let popupCheck = mobilePopup.querySelector(\".popup-preview-check\");\n                if (!popupCheck) {\n                    popupCheck = document.createElement(\"span\");\n                    popupCheck.className = \"popup-preview-check\";\n                    popupCheck.innerHTML = \"✔\";\n                    mobilePopupText.parentElement.appendChild(popupCheck);\n                }\n\n                popupCheck.classList.add(\"show\");\n                clearTimeout(popupCheck._timeout);\n                popupCheck._timeout = setTimeout(() =\u003e popupCheck.classList.remove(\"show\"), 1000);\n\n                showPopup();\n            }\n\n            const symbolButtons = document.querySelectorAll(\".symbol-btn\");\n            const fontButtons = document.querySelectorAll(\".font-btn\");\n            const hiddenFontInput = document.getElementById(\"selectedFont\");\n            const MAX_LENGTH = 11;\n            let lastValue = \"\";\n\n            function updatePreview(force = false) {\n                const value = input.value;\n                if (!value) {\n                    overlay.classList.remove(\"active\");\n                    hidePopup();\n                    lastValue = \"\";\n                    return;\n                }\n\n                previewText.textContent = value;\n                overlay.classList.add(\"active\");\n\n                if (force || value.length !== lastValue.length) {\n                    triggerDesktopEffects();\n                    updateMobilePopup(value);\n                }\n\n                lastValue = value;\n            }\n\n            input.addEventListener(\"input\", () =\u003e updatePreview());\n\n            \/* ---- Symbols ---- *\/\n            symbolButtons.forEach(btn =\u003e {\n                btn.addEventListener(\"click\", () =\u003e {\n                    const symbol = btn.dataset.symbol;\n                    if (input.value.length + symbol.length \u003e MAX_LENGTH) return;\n\n                    const start = input.selectionStart;\n                    const end = input.selectionEnd;\n                    input.value =\n                        input.value.substring(0, start) +\n                        symbol +\n                        input.value.substring(end);\n\n                    input.focus();\n                    input.selectionStart = input.selectionEnd = start + symbol.length;\n                    updatePreview(true);\n                });\n            });\n            function forcePopupUpdate() {\n                const value = input.value.trim();\n                if (!value) return;\n\n                \/\/ Popup Text \u0026 Font\n                mobilePopupText.textContent = value;\n                mobilePopupText.style.fontFamily =\n                    window.getComputedStyle(previewText).fontFamily;\n\n                \/\/ Glow\n                mobilePopupText.classList.remove(\"engrave-fade\");\n                void mobilePopupText.offsetWidth;\n                mobilePopupText.classList.add(\"engrave-fade\");\n\n                \/\/ Micro Check\n                let popupCheck = mobilePopup.querySelector(\".popup-preview-check\");\n                if (!popupCheck) {\n                    popupCheck = document.createElement(\"span\");\n                    popupCheck.className = \"popup-preview-check\";\n                    popupCheck.innerHTML = '\u003ci class=\"bi bi-check\" style=\"color:#34aa8b;\"\u003e\u003c\/i\u003e';\n                    mobilePopupText.parentElement.appendChild(popupCheck);\n                }\n                popupCheck.classList.add(\"show\");\n                clearTimeout(popupCheck._timeout);\n                popupCheck._timeout = setTimeout(() =\u003e popupCheck.classList.remove(\"show\"), 1000);\n\n                \/\/ SHOW\n                if (window.innerWidth \u003c= 768) {\n                    mobilePopup.classList.add(\"show\");\n                }\n            }\n\n            \/* ---- Fonts ---- *\/\n            fontButtons.forEach(btn =\u003e {\n                btn.addEventListener(\"click\", () =\u003e {\n                    const font = btn.dataset.font;\n                    previewText.style.fontFamily = font;\n\/* ===== FONT POSITION CLASSES ===== *\/\n\n                    const previewWrap = document.querySelector(\".engraving-preview-text-wrap\");\n                    const popupWrap = document.querySelector(\".popup-preview-text-wrap\");\n\n                    \/* alle Klassen entfernen *\/\n\n                    const fontClasses = [\n                        \"font-timesnewroman\",\n                        \"font-georgia\",\n                        \"font-arial\",\n                        \"font-helvetica\",\n                        \"font-courier\",\n                        \"font-lucida\",\n                        \"font-allura\",\n                        \"font-alex\",\n                        \"font-kaushan\",\n                        \"font-pacifico\",\n                        \"font-indie\",\n                        \"font-dancing\"\n                    ];\n\n                    previewWrap?.classList.remove(...fontClasses);\n                    popupWrap?.classList.remove(...fontClasses);\n\n                    \/* neue Klasse setzen *\/\n\n                    function setFontClass(font) {\n\n                        let fontClass = \"\";\n\n                        if (font === \"Times New Roman\") fontClass = \"font-timesnewroman\";\n                        if (font === \"Georgia\") fontClass = \"font-georgia\";\n                        if (font === \"Arial\") fontClass = \"font-arial\";\n                        if (font === \"Helvetica\") fontClass = \"font-helvetica\";\n                        if (font === \"Courier New\") fontClass = \"font-courier\";\n                        if (font === \"Lucida Console\") fontClass = \"font-lucida\";\n                        if (font === \"Allura\") fontClass = \"font-allura\";\n                        if (font === \"Alex Brush\") fontClass = \"font-alex\";\n                        if (font === \"Kaushan Script\") fontClass = \"font-kaushan\";\n                        if (font === \"Pacifico\") fontClass = \"font-pacifico\";\n                        if (font === \"Indie Flower\") fontClass = \"font-indie\";\n                        if (font === \"Dancing Script\") fontClass = \"font-dancing\";\n\n                        previewWrap?.classList.add(fontClass);\n                        popupWrap?.classList.add(fontClass);\n\n                    }\n\n                    setFontClass(font);\n  \n                    const back = document.getElementById(\"gravurtext_2\");\n                    if (back) back.style.fontFamily = font;\n                    const back3 = document.getElementById(\"gravurtext_3\");\n                    if (back3) back3.style.fontFamily = font;\n                    const back4 = document.getElementById(\"gravurtext_4\");\n                    if (back4) back4.style.fontFamily = font;\n                    const back5 = document.getElementById(\"gravurtext_5\");\n                    if (back5) back5.style.fontFamily = font;\n                    const back6 = document.getElementById(\"gravurtext_6\");\n                    if (back6) back6.style.fontFamily = font;\n\n                    hiddenFontInput.value = font;\n                    updatePreview(true);\n                    \/\/ 🔥 DAS IST DER FIX\n                    forcePopupUpdate();\n\n                    fontButtons.forEach(b =\u003e b.classList.remove(\"active\"));\n                    btn.classList.add(\"active\");\n                });\n            });\n\n            document.addEventListener(\"click\", e =\u003e {\n                if (!mobilePopup.contains(e.target) \u0026\u0026 e.target !== input) hidePopup();\n            });\n            window.addEventListener(\"scroll\", hidePopup);\n        });\n\n        \/* =========================\n           Preview Image Pulse\n        ========================= *\/\n        const previewImage = document.querySelector('.engraving-preview-image');\n        let hasPulsed = false;\n\n        function triggerPulse() {\n            if (!previewImage) return;\n            previewImage.classList.remove('pulse');\n            void previewImage.offsetWidth;\n            previewImage.classList.add('pulse');\n        }\n\n        document.getElementById(\"engravingInput\")?.addEventListener('input', e =\u003e {\n            if (!hasPulsed \u0026\u0026 e.target.value.trim()) {\n                triggerPulse();\n                hasPulsed = true;\n            }\n        });\n\n        \/* =========================\n           Live Preview Link (WICHTIG!)\n        ========================= *\/\n        document.querySelectorAll('.live-preview-link').forEach(link =\u003e {\n            link.addEventListener('click', e =\u003e {\n                e.preventDefault();\n                document\n                    .querySelector('#engraving-preview')\n                    .scrollIntoView({ behavior: 'smooth', block: 'center' });\n            });\n        });\n        \/* =========================\n           MOBILE FONT POPUP FIX\n           (isoliert, zerstört nichts)\n        ========================= *\/\n        document.addEventListener(\"DOMContentLoaded\", function () {\n\n            if (window.innerWidth \u003e 768) return;\n\n            const input = document.getElementById(\"engravingInput\");\n            const previewText = document.getElementById(\"engravingPreviewText\");\n            const mobilePopup = document.getElementById(\"engraving-mobile-popup\");\n            const popupText = mobilePopup?.querySelector(\".popup-preview-text\");\n            const popupCheck = mobilePopup?.querySelector(\".popup-preview-check\");\n            const fontButtons = document.querySelectorAll(\".font-btn\");\n\n            if (!input || !previewText || !popupText || !mobilePopup) return;\n\n            function showMobilePopup() {\n                mobilePopup.classList.add(\"show\");\n            }\n\n            function syncPopupFromPreview() {\n                const value = input.value.trim();\n                if (!value) return;\n\n                \/\/ Text + Font\n                popupText.textContent = value;\n                popupText.style.fontFamily =\n                    window.getComputedStyle(previewText).fontFamily;\n\n                \/\/ Glow\n                popupText.classList.remove(\"engrave-fade\");\n                void popupText.offsetWidth;\n                popupText.classList.add(\"engrave-fade\");\n\n                \/\/ Micro Check\n                if (popupCheck) {\n                    popupCheck.classList.add(\"show\");\n                    clearTimeout(popupCheck._timeout);\n                    popupCheck._timeout = setTimeout(\n                        () =\u003e popupCheck.classList.remove(\"show\"),\n                        1000\n                    );\n                }\n\n                showMobilePopup();\n            }\n\n            \/* 🔥 FONT-WECHSEL → POPUP *\/\n            fontButtons.forEach(btn =\u003e {\n                btn.addEventListener(\"click\", () =\u003e {\n                    requestAnimationFrame(syncPopupFromPreview);\n                });\n            });\n\n            \/* Sicherheit: auch bei erneutem Tippen *\/\n            input.addEventListener(\"input\", syncPopupFromPreview);\n\n        });\n      \n    \u003c\/script\u003e\n\n \n\u003c\/body\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"Edelstahl","offer_id":56805730746633,"sku":null,"price":49.0,"currency_code":"EUR","in_stock":true},{"title":"Roségold (vergoldet)","offer_id":56805730779401,"sku":null,"price":59.0,"currency_code":"EUR","in_stock":true},{"title":"Vergoldet","offer_id":56805730812169,"sku":null,"price":59.0,"currency_code":"EUR","in_stock":true},{"title":"Schwarz-Matt","offer_id":56805730844937,"sku":null,"price":49.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/2023-04-19-18-08-55.jpg?v=1682036699"},{"product_id":"drehbare-edelstahl-anhanger-gravur-rund","title":"Drehbarer Edelstahl Anhänger mit Gravur – Runde Gravurplatte Unisex","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003ctitle\u003eDrehbare runde Edelstahl Halskette mit Gravur | Unisex Schmuck\u003c\/title\u003e\n\n    \u003c!-- SEO --\u003e\n    \u003cmeta name=\"description\" content=\"Elegante drehbare Edelstahl-Halskette mit runder Gravurplatte. Kostenlos personalisierbar mit Namen, Datum oder Symbol. Rostfrei, langlebig und unisex – ein zeitloses Schmuckstück mit Bedeutung. Jetzt individuell gravieren und verschenken.\"\u003e\n\n    \u003cmeta name=\"keywords\" content=\"Edelstahl Halskette Gravur\ndrehbare Halskette\nrunde Gravurplatte\npersonalisierte Kette Unisex\nGravurschmuck Edelstahl\nHalskette mit Namen\nSchmuck mit Gravur\"\u003e\n\n\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n    \u003c!-- Fonts --\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n    \u003c!-- Bootstrap Icons --\u003e\n    \u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.1\/font\/bootstrap-icons.css\" rel=\"stylesheet\"\u003e\n\n    \u003cstyle\u003e\n    \/* ==============================\n       SCOPED PRODUCT STYLES\n       ============================== *\/\n\n    .engraving-product {\n      font-family: 'Inter', sans-serif;\n      color: #111;\n    }\n\n    .engraving-product .container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n    .engraving-product .container2 {\n      max-width: 1200px;\n      width:110%;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n\n    \/* HERO *\/\n    .engraving-hero {\n  padding: 80px 20px;\n  background: #f9f9f9;\n}\n\n.engraving-hero-grid-wrapper {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 15px;\n}\n\n.engraving-hero-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: start; \/* Bild auf gleiche Höhe wie Text *\/\n}\n\n.engraving-hero-text {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.engraving-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 600;\n  color: #bfac79;\n  margin-bottom: 15px;\n}\n\n.engraving-badge i {\n  font-size: 1.2rem;\n}\n\n.engraving-hero-text h1 {\n  font-size: 3.8rem;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #222;\n    font-weight: 600;\n  font-family: 'Playfair Display', serif;\n}\n\n.engraving-hero-text p {\n  font-size: 1.4rem;\n  color: #555;\n  margin-bottom: 25px;\n}\n\n    .engraving-cta {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 16px 40px;\n      background: #111;\n      color: #fff;\n      border-radius: 40px;\n      font-weight: 500;\n      transition: all .3s ease;\n    }\n\n    .engraving-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 20px 40px rgba(0,0,0,.2);\n    }\n\n    .engraving-trust {\n     margin-top: 25px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n      color: #777;\n      flex-wrap: wrap;\n    }\n\n    .engraving-trust span {\n      display: flex;\n  align-items: center;\n  gap: 8px;\n    }\n    .engraving-image {\n display: flex;\n  align-items: flex-start; \/* Bild oben an Text ausrichten *\/\n  justify-content: center;\n}\n\n   .engraving-image img {\n   width: 140%;\n  max-width: 550px; \/* optional, für Desktop-Breite *\/\n  object-fit: contain;\n  border-radius: 30px;\n       box-shadow: 0 2px 28px rgb(0 0 0 \/ 47%);\n     \/* box-shadow: 0 30px 80px rgba(0,0,0,0.18); *\/\n}\n\n    \/* Responsive *\/\n@media (max-width: 992px) {\n  .engraving-hero-grid {\n    grid-template-columns: 1fr;\n    gap: 50px;\n  }\n  .engraving-image {\n    justify-content: center;\n  }\n  .engraving-hero-text h1 {\n    font-size: 2.9rem;\n     margin-top: 0px;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #222;\n    font-weight: 600;\n  }\n}\n\n    \/* SECTIONS *\/\n    .engraving-section {\n      padding: 40px 0;\n    }\n\n    .engraving-section h2 {\n      font-family: 'Playfair Display', serif;\n      font-size: 38px;\n      margin-bottom: 20px;\n    }\n\n    .engraving-section-desc {\n      max-width: 720px;\n      color: #666;\n      margin-bottom: 60px;\n    }\n\n    \/* FEATURES *\/\n    .engraving-features {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n      gap: 40px;\n    }\n\n    .engraving-feature {\n      background: #fff;\n      padding: 40px;\n      border-radius: 28px;\n      box-shadow: 0 20px 50px rgba(0,0,0,.06);\n      transition: transform .4s ease;\n    }\n\n    .engraving-feature:hover {\n      transform: translateY(-6px);\n    }\n\n    .engraving-feature i {\n      font-size: 32px;\n      color: #b6a573;\n      margin-bottom: 14px;\n      display: inline-block;\n    }\n\n    .engraving-feature h3 {\n      margin-bottom: 10px;\n      font-size: 18px;\n    }\n\n    .engraving-feature p {\n      font-size: 15px;\n      color: #666;\n    }\n\n    \/* SPECS *\/\n    .engraving-specs {\n      background: #fff;\n      border-radius: 30px;\n      padding: 50px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 40px;\n      box-shadow: 0 20px 50px rgba(0,0,0,.05);\n    }\n\n    .engraving-specs ul {\n      list-style: none;\n      padding: 0;\n    }\n\n    .engraving-specs li {\n      padding: 12px 0;\n      border-bottom: 1px solid #eee;\n      font-size: 15px;\n      display: flex;\n      gap: 10px;\n      align-items: center;\n    }\n\n    .engraving-specs i {\n      color: #b6a573;\n    }\n\n    \/* CTA STRIP *\/\n    .engraving-cta-strip {\n      background: linear-gradient(135deg, #111, #1c1c1c);\n      color: #fff;\n      padding: 80px 20px;\n      text-align: center;\n    }\n\n    .engraving-cta-strip h2 {\n      color: #fff;\n      margin-bottom: 20px;\n    }\n\n    .engraving-cta-strip p {\n      color: #ccc;\n      margin-bottom: 30px;\n    }\n\n    \/* ANIMATION *\/\n    .engraving-fade {\n      opacity: 0;\n      transform: translateY(30px);\n      transition: 1s ease;\n    }\n\n    .engraving-fade.show {\n      opacity: 1;\n      transform: none;\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 900px) {\n      .engraving-hero-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n      }\n    }\n\n.engraving-collection-btn {\n    position: relative;\n    padding: 14px 28px;\n    border-radius: 12px;\n      background: linear-gradient(135deg, #c7aaaa, #1a1a1a);\n    color: rgb(255, 255, 255);\n    font-weight: 400;\n    font-size: 13px;\n  border-radius: 999px;\n    letter-spacing: .5px;\n    border: 1px solid rgba(220, 184, 75, 0.6);\n    cursor: pointer;\n    overflow: hidden;\n    box-shadow: 0 0 0 rgba(220, 184, 75, 0), inset 0 0 0 rgba(220, 184, 75, 0);\n    transition: all .35s ease;\n}\n .engraving-collection-btn:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 0 25px rgba(220, 184, 75, .45), inset 0 0 20px rgba(220, 184, 75, .15);\n    color: #ffdd7a;\n }\n.engraving-collection-btn::before {\n    content: '';\n    position: absolute;\n    inset: -1px;\n    border-radius: inherit;\n    background: radial-gradient(circle at 50% 120%, rgba(220, 184, 75, .35), transparent 65%);\n    opacity: .45;\n    pointer-events: none;\n    animation: idleGlow 4.5s ease-in-out infinite;\n}\n    .engraving-collection-btn::after {\n    content: '';\n    position: absolute;\n    inset: -120%;\n    background: radial-gradient(circle, rgba(220, 184, 75, .55), transparent 60%);\n    opacity: 0;\n    transform: scale(.2);\n    pointer-events: none;\n}\n\n.engraving-collection-btn:hover::after {\n    animation: pulseGlow 1.1s ease-out forwards;\n}\n\n\n\n.micro-trust-valentine {\n    margin-top: 1.5rem;\n    font-size: 1.3rem;\n    color: #746742;\n    font-weight: 600;\n}\n\u003c!-- =========================\n     SPECS CSS\n========================== --\u003e\n\u003cstyle\u003e\n.engraving-specs {\n  display: flex;\n  justify-content: center;\n  gap: 60px; \/* Abstand zwischen den beiden Listen *\/\n  flex-wrap: wrap; \/* wichtig für mobile Ansicht *\/\n  margin-top: 30px;\n}\n\n.engraving-specs ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.engraving-specs ul li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n\n  color: #555;\n  margin-bottom: 12px;\n}\n\n.engraving-specs ul li i {\n   color: #bfac79;\n\n  transition: transform 0.3s ease, color 0.3s ease;\n}\n    .engraving-specs ul li:hover i {\n  transform: scale(1.3);\n  color: #9f8650;\n}\n\n\/* Responsive: Auf mobilen Geräten untereinander zentrieren *\/\n@media (max-width: 768px) {\n  .engraving-specs {\n    flex-direction: column;\n    align-items: center;\n    gap: 25px;\n    grid-template-columns: auto;\n  }\n  .engraving-specs ul {\n    text-align: center;\n  }\n}\n\n    \/* Größen Auswahl *\/\n.engraving-size-selector {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  margin: 30px 0 40px;\n  flex-wrap: wrap;\n}\n\n.size-btn {\n  border: 1px solid #ddd;\n  background: #fff;\n  border-radius: 14px;\n  padding: 14px 22px;\n  cursor: pointer;\n  font-weight: 600;\n  text-align: center;\n  transition: all 0.3s ease;\n}\n\n.size-btn span {\n  display: block;\n  font-size: 13px;\n  color: #777;\n  margin-top: 4px;\n}\n\n.size-btn:hover {\n  border-color: #bfac79;\n  transform: translateY(-2px);\n}\n\n.size-btn.active {\n  background: #f7f4ef;\n  border-color: #bfac79;\n  color: #000;\n  box-shadow: 0 8px 20px rgba(0,0,0,0.08);\n}\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n  .engraving-size-selector {\n    gap: 12px;\n  }\n\n  .size-btn {\n    width: 100%;\n    max-width: 260px;\n  }\n}\n\/* =========================\n   SHIPPING \u0026 TRUST BLOCK\n========================== *\/\n\n.engraving-shipping {\n  padding: 20px 0;\n  background: linear-gradient(180deg, #faf9f7 0%, #ffffff 100%);\n}\n\n.engraving-shipping-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 40px;\n}\n.engraving-shipping h2 {\n  font-size: 2.2rem;\n  font-weight: 700;\n  margin-bottom: 40px;\n  color: #1f2a2a;\n      text-align: center;\n}\n.shipping-item {\n  text-align: center;\n  padding: 40px 28px;\n  background: #fff;\n  border-radius: 20px;\n  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.06);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n\n.shipping-item:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 28px 65px rgba(0, 0, 0, 0.1);\n}\n\n.shipping-item i {\n  font-size: 2.8rem;\n  color: #bfac79; \/* warmes Premium-Gold *\/\n  margin-bottom: 18px;\n}\n\n.shipping-item h3 {\n  font-size: 1.6rem;\n  margin-bottom: 10px;\n  font-weight: 600;\n  color: #1f2a2a;\n      margin-top: 10px;\n}\n\n.shipping-item p {\n  font-size: 1.3rem;\n  color: #555;\n  line-height: 1.6;\n}\n\n\/* =========================\n   RESPONSIVE\n========================== *\/\n\n@media (max-width: 900px) {\n  .engraving-shipping-grid {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n\n  .shipping-item {\n    padding: 32px 22px;\n  }\n}\n\n\/* =========================\n   WHY HEART STORY BLOCK\n========================== *\/\n\n.engraving-why-heart {\n  padding: 80px 0;\n  background: #faf9f7;\n  text-align: center;\n}\n\n.engraving-why-heart h2 {\n  font-size: 2.2rem;\n  font-weight: 700;\n  margin-bottom: 16px;\n  color: #1f2a2a;\n}\n\n.engraving-why-heart p {\n  max-width: 650px;\n  margin: 0 auto 50px auto;\n  font-size: 1.3rem;\n  line-height: 1.7;\n  color: #555;\n}\n\n.engraving-why-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 40px;\n}\n\n.engraving-feature {\n  background: #fff;\n  padding: 30px 20px;\n  border-radius: 20px;\n  box-shadow: 0 18px 45px rgba(0,0,0,0.06);\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n\n.engraving-feature:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 28px 65px rgba(0,0,0,0.1);\n}\n\n.engraving-feature i {\n  font-size: 2.5rem;\n  color: #bfac79; \/* Premium-Gold *\/\n  margin-bottom: 16px;\n}\n\n.engraving-feature h3 {\n  font-size: 1.6rem;\n  margin-bottom: 10px;\n  font-weight: 600;\n  color: #1f2a2a;\n      margin-top: 10px;\n}\n\n.engraving-feature p {\n  font-size: 1.3rem;\n  line-height: 1.6;\n  color: #555;\n}\n\n\/* =========================\n   RESPONSIVE\n========================== *\/\n@media (max-width: 1200px) {\n  .engraving-why-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n  }\n}\n\n@media (max-width: 700px) {\n  .engraving-why-grid {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .engraving-why-heart p {\n    margin-bottom: 40px;\n  }\n}\n    \/* =========================\n   GRAVUR LIVE PREVIEW\n========================== *\/\n.engraving-preview-section {\n  padding: 40px 0;\n  background: #ffffff;\n}\n\n.engraving-preview-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n}\n\n\/* IMAGE *\/\n.engraving-preview-image {\n  position: relative;\n  max-width: 460px;\n}\n\n.engraving-preview-image img {\n  width: 100%;\n  border-radius: 28px;\n\n}\n\n\/* OVERLAY *\/\n.engraving-overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  padding-bottom: 35%;\n  pointer-events: none;\n  opacity: 0;\n  transform: translateY(6px);\n  transition: opacity 0.35s ease, transform 0.35s ease;\n}\n\n.engraving-overlay.active {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.engraving-overlay span {\n  font-family: \"Playfair Display\", serif;\n  font-size: 2rem;\n  letter-spacing: 0.08em;\n\n  color: rgb(186 186 186 \/ 94%);\n\/* Laser-Effekt *\/\n  text-shadow:\n    0 1px 1px rgba(0,0,0,0.6),\n    0 -1px 0 rgba(255,255,255,0.15);\n\n\n  padding: 6px 16px;\n  border-radius: 10px;\n  backdrop-filter: blur(2px);\n}\n\n\/* CONTENT *\/\n.engraving-preview-content h2 {\n    font-size: 2.1rem;\n    margin-bottom: 12px;\n    color: #4b2f2f;\n    font-weight: 600;\n    margin-top: 25px;\n}\n\n.engraving-preview-content p {\n  max-width: 480px;\n  margin-bottom: 28px;\n  color: #555;\n  line-height: 1.6;\n}\n\n.engraving-badge {\n  display: inline-block;\n  margin-bottom: 16px;\n  font-size: 1.2rem;\n  padding: 6px 14px;\n  border-radius: 999px;\n  background: #f4f1e8;\n  color: #7a6a3a;\n  font-weight: 600;\n}\n\n\/* INPUT *\/\n.engraving-input-wrap,\n.engraving-font-select {\n  margin-bottom: 18px;\n}\n\n.engraving-input-wrap label,\n.engraving-font-select label {\n  display: block;\n  font-weight: 600;\n  margin-bottom: 6px;\n}\n\n.engraving-input-wrap input,\n.engraving-font-select select {\n  width: 50%;\n  padding: 14px 16px;\n  border-radius: 12px;\n  border: 1px solid #ddd;\n  font-size: 1.5rem;\n}\n\n.engraving-input-wrap input:focus,\n.engraving-font-select select:focus {\n  outline: none;\n  border-color: #bfac79;\n}\n\n.engraving-input-wrap small {\n  display: block;\n  margin-top: 6px;\n  font-size: 0.85rem;\n  color: #777;\n}\n\n\n\n.engraving-collection-btn i {\n  margin-left: 8px;\n}\n\n\/* TRUST *\/\n.engraving-micro-trust {\n  margin-top: 16px;\n  font-size: 1.2rem;\n  color: #4b8484;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) {\n  .engraving-preview-grid {\n    grid-template-columns: 1fr;\n    gap: 50px;\n    text-align: center;\n  }\n\n  .engraving-preview-image {\n    margin: 0 auto;\n  }\n}\n   \/* SYMBOL PICKER *\/\n.engraving-symbol-picker {\n  margin-bottom: 22px;\n}\n\n.symbol-title {\n  display: block;\n  font-size: 1.1rem;\n  font-weight: 600;\n  margin-bottom: 8px;\n  color: #444;\n}\n\n.symbol-list {\n  display: flex;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.symbol-btn {\n  width: 44px;\n  height: 44px;\n  border-radius: 12px;\n  border: 1px solid #ddd;\n  background: #fff;\n  font-size: 2rem;\n  cursor: pointer;\n  transition: all 0.25s ease;\n}\n\n.symbol-btn:hover {\n  border-color: #bfac79;\n  background: #f6f3ea;\n  transform: translateY(-2px);\n}\n\n.symbol-btn:active {\n      transform: scale(1.05);\n    background: #d7bf78;\n}\n    .engraving-font-select {\n  margin-bottom: 22px;\n}\n\n.engraving-font-select label {\n  display: block;\n  margin-bottom: 6px;\n  font-weight: 600;\n}\n\n.engraving-font-select select {\n  width: 100%;\n  padding: 14px 16px;\n  border-radius: 12px;\n  border: 1px solid #ddd;\n  font-size: 1.4rem;\n  background: #fff;\n}\n\n.engraving-font-select select:focus {\n  outline: none;\n  border-color: #bfac79;\n}\n\n\n    .engraving-font-picker {\n  margin-bottom: 28px;\n}\n\n.font-picker-label {\n  display: block;\n  margin-bottom: 12px;\n\n}\n\n.font-group {\n  margin-bottom: 16px;\n}\n\n.font-group-title {\n  display: block;\n  font-size: 0.85rem;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  color: #777;\n  margin-bottom: 8px;\n}\n\n.font-btn {\n  display: inline-block;\n  margin: 6px 6px 0 0;\n  padding: 12px 16px;\n  border-radius: 14px;\n  border: 1px solid #ddd;\n  background: #fff;\n  cursor: pointer;\n  font-size: 1.05rem; \/* mobile readable *\/\n  transition: all 0.25s ease;\n}\n\n.font-btn.script {\n  font-size: 1.2rem; \/* Scripts größer für Lesbarkeit *\/\n}\n\n.font-btn:hover {\n  border-color: #bfac79;\n  transform: translateY(-1px);\n}\n\n\n.font-btn.active {\n  border-color: #bfac79;\n  background: rgba(191,172,121,0.15);\n  box-shadow: 0 6px 18px rgba(0,0,0,0.08);\n}\n\/* =========================\n   MOBILE COMPACT BUTTONS\n========================== *\/\n\n@media (max-width: 640px) {\n\n  \/* FONT GROUP GRID *\/\n  .font-group {\n    display: grid;\n    grid-template-columns: auto 1fr; \/* Titel | Buttons *\/\n    column-gap: 50px;\n    align-items: start;\n    margin-bottom: 16px;\n    border-bottom: 1px solid rgba(0,0,0,0.06);\n  padding-bottom: 12px;\n  }\n.font-group-buttons {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr); \/* kompakt *\/\n    gap: 8px;\n  }\n  \/* FONT BUTTONS *\/\n  .font-btn {\n    height: 42px;\n    padding: 0 6px;\n    font-size: 0.9rem;\n    border-radius: 10px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    white-space: nowrap;\n    line-height: 1;\n  }\n\n  .font-btn.script {\n    font-size: 1rem;\n  }\n\n  \/* SYMBOLS *\/\n  .symbol-list {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr); \/* schöne Symmetrie *\/\n    gap: 10px;\n  }\n\n  .symbol-btn {\n    height: 44px;\n    font-size: 1.25rem;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 10px;\n  }\n\n  \/* Titles ruhiger *\/\n  .font-group-title,\n  .symbol-title {\n    font-size: 1.15rem;\n    margin-bottom: 15px;\n    opacity: 0.65;\n  }\n\n  .font-group-title {\n    font-size: 0.75rem;\n    font-weight: 600;\n    opacity: 0.6;\n    white-space: nowrap;\n    padding-top: 12px; \/* vertikal sauber *\/\n  }\n}\n\n.live-preview-link {\n  margin-left: 6px;\n  font-weight: 600;\n  color: #4b8484;\n  text-decoration: none;\n  cursor: pointer;\n  transition: opacity 0.2s ease;\n}\n\n.live-preview-link:hover {\n  opacity: 0.75;\n  text-decoration: underline;\n}\n\n.live-preview-link.premium {\n  margin-left: 8px;\n  font-weight: 600;\n  color: #5aa3a3;\n  text-decoration: none;\n  position: relative;\n  padding-bottom: 2px;\n  border-bottom: 1px solid rgb(75 132 132 \/ 0%);\n}\n\n.live-preview-link.premium::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 0%;\n  height: 1px;\n  background: linear-gradient(90deg, #5aa3a3, #9fd6d6);\n  transition: width 0.35s ease;\n}\n\n.live-preview-link.premium:hover::after {\n  width: 100%;\n}\n\n.live-preview-link.premium:hover {\n  opacity: 0.9;\n}\n.live-preview-link.glow {\n  margin-left: 8px;\n  font-weight: 600;\n  color: #4b8484;\n  text-decoration: none;\n  animation: pulseGlow 2.5s ease-in-out infinite;\n}\n\n@keyframes pulseGlow {\n  0% { text-shadow: 0 0 0 rgba(75,132,132,0); }\n  50% { text-shadow: 0 0 8px rgba(75,132,132,0.45); }\n  100% { text-shadow: 0 0 0 rgba(75,132,132,0); }\n}\n\n.live-preview-link.glow:hover {\n  opacity: 0.85;\n}\n\n.live-preview-link.badge {\n  margin-left: 10px;\n  padding: 4px 10px;\n  font-size: 0.85rem;\n  font-weight: 600;\n  color: #2f6f6f;\n  background: rgba(79, 140, 140, 0.12);\n  border-radius: 999px;\n  text-decoration: none;\n  transition: all 0.25s ease;\n}\n\n.live-preview-link.badge:hover {\n  background: rgba(79, 140, 140, 0.22);\n  transform: translateY(-1px);\n}\n\n    \/* =========================\n   Base Luxury Style\n========================= *\/\n.live-preview-link.luxury {\n  margin-left: 8px;\n  font-weight: 600;\n  color: #ab8e4c; \/*  Gold *\/\n  text-decoration: none;\n  position: relative;\n  letter-spacing: 0.02em;\n  transition: color 0.25s ease, opacity 0.25s ease;\n}\n\n\/* Edle Gold-Linie *\/\n.live-preview-link.luxury::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: -2px;\n  width: 0%;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    rgba(201,168,92,0.0),\n    rgba(201,168,92,0.9),\n    rgba(201,168,92,0.0)\n  );\n  transition: width 0.35s ease;\n}\n\n.live-preview-link.luxury:hover::after {\n  width: 100%;\n}\n\n.live-preview-link.luxury:hover {\n  opacity: 0.9;\n}\n\n\/* =========================\n   MOBILE ONLY – Eye Catcher\n========================= *\/\n@media (max-width: 768px) {\n  .live-preview-link.luxury {\n    animation: luxuryGlow 2.2s ease-in-out infinite;\n  }\n\n  @keyframes luxuryGlow {\n    0% {\n      text-shadow:\n        0 0 0 rgba(201,168,92,0),\n        0 0 0 rgba(201,168,92,0);\n    }\n    50% {\n      text-shadow:\n        0 0 10px rgba(201,168,92,0.55),\n        0 0 22px rgba(201,168,92,0.25);\n    }\n    100% {\n      text-shadow:\n        0 0 0 rgba(201,168,92,0),\n        0 0 0 rgba(201,168,92,0);\n    }\n  }\n}\n\n\/* =========================\n   LUXURY SHINE BUTTON\n========================= *\/\n.luxury-shine-btn {\n  position: relative;\n  font-size: 1.2rem;\n    margin-bottom: 16px;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  padding: 5px 12px;\n  border-radius: 999px;\n\n  font-weight: 600;\n  letter-spacing: 0.03em;\n  text-decoration: none;\n\n  color: #e6d3a3;\n  background: linear-gradient(\n    180deg,\n    #141414,\n    #0d0d0d\n  );\n\n  border: 1px solid rgba(201,168,92,0.45);\n\n  overflow: hidden;\n  isolation: isolate;\n\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n\/* Hover – minimal, edel *\/\n.luxury-shine-btn:hover {\n  transform: translateY(-1px);\n  box-shadow:\n    0 8px 20px rgba(0,0,0,0.35),\n    0 0 0 1px rgba(201,168,92,0.35);\n}\n\n\/* =========================\n   GOLD LASER SHINE\n========================= *\/\n.luxury-shine-btn::before {\n  content: \"\";\n  position: absolute;\n  top: -60%;\n  left: -120%;\n\n  width: 60%;\n  height: 220%;\n\n  background: linear-gradient(\n    120deg,\n    transparent 0%,\n    rgba(255,255,255,0.0) 35%,\n    rgba(255,214,130,0.65) 50%,\n    rgba(255,255,255,0.0) 65%,\n    transparent 100%\n  );\n\n  transform: skewX(-20deg);\n  opacity: 0.9;\n\n  animation: goldLaser 3s ease-in-out infinite;\n}\n\n\/* Laser Bewegung *\/\n@keyframes goldLaser {\n  0% {\n    left: -120%;\n  }\n  55% {\n    left: 140%;\n  }\n  100% {\n    left: 140%;\n  }\n}\n\n\/* =========================\n   ICON GOLD TONE\n========================= *\/\n.luxury-shine-btn i {\n  color: #c9a85c;\n  font-size: 1.1em;\n}\n\/* =========================\n   TAP PULSE (SUBTIL)\n========================= *\/\n.luxury-shine-btn::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: radial-gradient(\n    circle at center,\n    rgba(255,215,160,0.35),\n    transparent 70%\n  );\n  opacity: 0;\n  transform: scale(0.85);\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  pointer-events: none;\n}\n\n.luxury-shine-btn:active::after {\n  opacity: 1;\n  transform: scale(1.05);\n}\n\n \/*Roségold (warm \u0026 emotional – perfekt für Herzanhänger) *\/\n .luxury-rose {\n  color: #f1c7b6;\n  border-color: rgba(224,168,140,0.5);\n}\n\n.luxury-rose::before {\n  background: linear-gradient(\n    120deg,\n    transparent 0%,\n    rgba(255,220,210,0.0) 35%,\n    rgba(255,190,170,0.7) 50%,\n    rgba(255,220,210,0.0) 65%,\n    transparent 100%\n  );\n}\n\n.luxury-rose i {\n  color: #e0a88c;\n   font-size: 1.1em;\n}\n\n     \/*Weißgold (clean, modern, Premium) *\/\n.luxury-whitegold {\n  color: #e8ecef;\n  border-color: rgba(200,205,210,0.45);\n}\n\n.luxury-whitegold::before {\n  background: linear-gradient(\n    120deg,\n    transparent 0%,\n    rgba(255,255,255,0.0) 35%,\n    rgba(230,235,240,0.75) 50%,\n    rgba(255,255,255,0.0) 65%,\n    transparent 100%\n  );\n}\n\n.luxury-whitegold i {\n  color: #cfd6dc;\n}\n\/*Silber (technisch, kühl, elegant)*\/\n  .luxury-silver {\n  color: #d7d7d7;\n  border-color: rgba(180,180,180,0.45);\n}\n\n.luxury-silver::before {\n  background: linear-gradient(\n    120deg,\n    transparent 0%,\n    rgba(240,240,240,0.0) 35%,\n    rgba(215,215,215,0.7) 50%,\n    rgba(240,240,240,0.0) 65%,\n    transparent 100%\n  );\n}\n\n.luxury-silver i {\n  color: #bfbfbf;\n}\n @media (max-width: 768px) {\n  .luxury-shine-btn::before {\n    animation-duration: 2.4s;\n  }\n}\n\n@keyframes engravingPulse {\n  0%   { transform: scale(1); box-shadow: 0 0 0 rgba(191,172,121,0.0); }\n  40%  { transform: scale(1.02); box-shadow: 0 0 0 6px rgba(191,172,121,0.25); }\n  100% { transform: scale(1); box-shadow: 0 0 0 rgba(191,172,121,0.0); }\n}\n\n.engraving-preview-image.pulse {\n  animation: engravingPulse 0.6s ease-out;\n}\n @keyframes symbolGlow {\n  0%   { background: rgba(191,172,121,0.15); }\n  100% { background: transparent; }\n}\n\n.engraving-overlay.symbol-highlight span {\n  animation: symbolGlow 0.8s ease;\n}\n\n.symbol-btn.active {\n  transform: scale(1.15);\n  background: #bfac79;\n  color: #fff;\n}\n\n    .engraving-preview-text-wrap {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n      bottom:35px;\n      left:35px;\n}\n\n\/* ✔ Mini Check *\/\n.preview-check {\n  font-size: 14px;\n  opacity: 0;\n  transform: scale(0.6);\n  transition: opacity 0.25s ease, transform 0.25s ease;\n}\n\n.preview-check.show {\n  opacity: 1;\n  transform: scale(1);\n}\n\n\/* ✨ Edler Brand-Glow *\/\n.preview-glow {\n  animation: brandGlow 0.8s ease-out;\n}\n\n@keyframes brandGlow {\n  0% {\n    text-shadow: 0 0 0 rgba(180, 150, 100, 0);\n  }\n  30% {\n    text-shadow:\n      0 0 8px rgba(180, 150, 100, 0.5),\n      0 0 12px rgba(180, 150, 100, 0.4),\n      0 0 20px rgba(180, 150, 100, 0.3);\n  }\n  60% {\n    text-shadow:\n      0 0 12px rgba(180, 150, 100, 0.45),\n      0 0 18px rgba(180, 150, 100, 0.35),\n      0 0 28px rgba(180, 150, 100, 0.25);\n  }\n  100% {\n    text-shadow: 0 0 0 rgba(180, 150, 100, 0);\n  }\n}\n\n\/* ✨ Edler golden fade *\/\n .engrave-fade {\n  animation: engraveFade 0.9s ease-out;\n\n}\n\n@keyframes engraveFade {\n  0% {\n    text-shadow: 0 0 0 rgba(191, 172, 121, 0);\n\n  }\n  40% {\n    text-shadow:\n      0 0 6px rgba(191, 172, 121, 0.45),\n      0 0 14px rgba(191, 172, 121, 0.25);\n  }\n  100% {\n    text-shadow: 0 0 0 rgba(191, 172, 121, 0);\n  }\n}\n\n\n\/* ✔ Mini Checkmark bleibt gleich *\/\n.preview-check {\n  font-size: 14px;\n  opacity: 0;\n  transform: scale(0.6);\n  transition: opacity 0.25s ease, transform 0.25s ease;\n}\n\n.preview-check.show {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.preview-metal-sweep {\n  position: relative;\n  overflow: hidden;\n}\n\n.preview-metal-sweep::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -60%;\n  width: 60%;\n  height: 100%;\n  background: linear-gradient(\n    120deg,\n    transparent,\n    rgba(255, 215, 160, 0.45),\n    transparent\n  );\n  animation: metalSweep 0.6s ease-out;\n  pointer-events: none;\n}\n\n@keyframes metalSweep {\n  to {\n    left: 120%;\n  }\n}\n.engraving-preview-note {\n  margin-top: 10px;\n  font-size: 12.5px;\n  line-height: 1.45;\n  color: rgba(60, 60, 60, 0.75);\n  text-align: center;\n  letter-spacing: 0.02em;\n  font-style: normal;\n   animation: fadeInSoft 0.6s ease-out both;\n}\n    @keyframes fadeInSoft {\n  from {\n    opacity: 0;\n    transform: translateY(-2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\n\n\/* Mobile leicht kompakter *\/\n@media (max-width: 640px) {\n  .engraving-preview-note {\n    font-size: 12px;\n    padding: 0 12px;\n  }\n}\n\n\n#engraving-mobile-popup {\n  display: block; \/* block damit transition sichtbar wird *\/\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 235px;\n  z-index: 9999;\n  background: #6e644533;\n  padding: 20px;\n  box-shadow: 0 -10px 30px rgba(0,0,0,.18);\n  opacity: 0;\n  transform: translateY(18px);\n  pointer-events: none;\n  transition: opacity 0.35s ease, transform 0.35s ease;\n}\n\n#engraving-mobile-popup.show {\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n.popup-preview-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 2rem;\n  letter-spacing: 0.08em;\n  color: rgb(217 217 217 \/ 84%);\n  text-shadow: 0 1px 1px rgba(0,0,0,0.6), 0 -1px 0 rgba(255,255,255,0.15);\n  padding: 6px 16px;\n  border-radius: 10px;\n  backdrop-filter: blur(2px);\n  text-align: center;\n  transition: all 0.25s ease;\n}\n\n.popup-preview-text.glow {\n  text-shadow:\n    0 0 4px #fff,\n    0 0 8px #fff,\n    0 0 12px #ffd700;\n}\n\n.popup-preview-check {\n  position: absolute;\n top: -15px;\n    left: 65px;\n    font-size: 2.5rem;\n  opacity: 0;\n  transition: opacity 0.5s ease;\n}\n\n.popup-preview-check.show {\n  opacity: 1;\n}\n@media (min-width: 769px) {\n  #engraving-mobile-popup { display: none !important; }\n}\n     @media (max-width: 769px) {\n      .engraving-overlay {\n   position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n .engraving-overlay span {\n  font-family: \"Playfair Display\", serif;\n  font-size: 1.7rem;\n  letter-spacing: 0.02em;\n  color: rgb(217 217 217 \/ 71%);\n\/* Laser-Effekt *\/\n      text-shadow: 0 1px 1px rgb(0 0 0 \/ 86%), 0 -1px 0 rgba(255, 255, 255, 0.15);\n  padding: 6px 16px;\n    border-radius: 10px;\n    backdrop-filter: blur(1px);\n}\n}\n\n@media (max-width: 769px) {\n .engraving-preview-text-wrap {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n         bottom: 54px;\n  left: 30px !important;\n\n}\n  .popup-preview-text-wrap {\n       position: absolute;\n                top: 50%;\n        left: 50%;\n\n  white-space: nowrap;\n  display: block;\n\n}\n\n}\n    .hero-subline {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-top: 12px;\n  flex-wrap: wrap;\n}\n\n.hero-subline .engraving-badge {\n  font-size: 1.1rem;\n  opacity: 0.85;\n}\n@media (max-width: 768px) {\n  .hero-subline {\n    justify-content: center;\n  }\n\n  .luxury-shine-btn {\n    margin-top: 6px;\n  }\n}\n    \u003c\/style\u003e\n\n\n\n\n    \u003cdiv class=\"engraving-product\"\u003e\n\n        \u003c!-- =========================\n         HERO: Edelstahl runder Anhänger\n    ========================== --\u003e\n        \u003csection class=\"engraving-hero engraving-fade show\"\u003e\n            \u003cdiv class=\"engraving-hero-grid-wrapper\"\u003e\n                \u003cdiv class=\"engraving-hero-grid\"\u003e\n\n                    \u003c!-- Textbereich --\u003e\n                    \u003cdiv class=\"engraving-hero-text\"\u003e\n\n\n                        \u003ch1\u003eDrehbare Edelstahl Anhänger mit persönlicher Gravur\u003c\/h1\u003e\n                        \u003cdiv class=\"hero-subline\"\u003e\n                            \u003cspan class=\"engraving-badge\"\u003e\n                                \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose Gravur\n                            \u003c\/span\u003e\n\n                            \u003cspan class=\"engraving-badge engraving-badge-outline\"\u003e\n                                \u003ci class=\"bi bi-image\"\u003e\u003c\/i\u003e Fotogravur möglich – kontaktiere uns zur Prüfung deines Fotos\n                            \u003c\/span\u003e\n\n                            \u003ca href=\"#engraving-preview\" class=\"luxury-shine-btn luxury-rose live-preview-link\"\u003e\n                                \u003ci class=\"bi bi-eye\"\u003e\u003c\/i\u003e\n                                Live-Vorschau ansehen\n                            \u003c\/a\u003e\n                        \u003c\/div\u003e\n\n                        \u003cp\u003e\n                            Dieser drehbare, runde Edelstahl-Anhänger verbindet modernes Design\n                            mit individueller Bedeutung. Personalisiere die Gravurplatte mit Namen,\n                            Datum, Fotogravur, Koordinaten oder einer Botschaft – präzise graviert, langlebig\n                            und zeitlos.\n                        \u003c\/p\u003e\n\n                        \u003c!-- CTA Button scrollt nach oben zum Produktformular --\u003e\n                        \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n                            Jetzt personalisieren \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n                        \u003c\/button\u003e\n\n                        \u003cdiv class=\"micro-trust-valentine\"\u003e\n                            Sicher · Persönlich · Handgefertigt\n                        \u003c\/div\u003e\n\n                        \u003c!-- Trust Icons --\u003e\n                        \u003cdiv class=\"engraving-trust\"\u003e\n                            \u003cspan\u003e\u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e Edelstahl\u003c\/span\u003e\n                            \u003cspan\u003e\u003ci class=\"bi bi-stars\"\u003e\u003c\/i\u003e Hochglanz Finish\u003c\/span\u003e\n                            \u003cspan\u003e\u003ci class=\"bi bi-rulers\"\u003e\u003c\/i\u003e Ø 25 mm\u003c\/span\u003e\n                            \u003cspan\u003e\u003ci class=\"bi bi-layers\"\u003e\u003c\/i\u003e ca. 8 g\u003c\/span\u003e\n                            \u003cspan\u003e\u003ci class=\"bi bi-gender-ambiguous\"\u003e\u003c\/i\u003e Unisex\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"micro-trust-valentine\" style=\"\n    text-align: left;\n\"\u003e\n                            * Angeboten wird ausschließlich der Anhänger – ohne Kette\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- Bildbereich --\u003e\n                    \u003cdiv class=\"engraving-image\"\u003e\n                        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Gesamt_drehbar_26.png?v=1771251098\" alt=\"Drehbarer runder Edelstahl Anhänger mit Gravurplatte\"\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- =========================\n         WHY  STORY BLOCK\n    ========================== --\u003e\n        \u003csection class=\"engraving-why-heart engraving-fade\"\u003e\n            \u003cdiv class=\"container\"\u003e\n                \u003ch2\u003eWarum dieser Anhänger?\u003c\/h2\u003e\n                \u003cp\u003e\n                    Dieser drehbare, runde Edelstahl-Anhänger verbindet modernes Design\n                    mit persönlicher Bedeutung. Die kostenlose Gravur macht ihn zu einem\n                    zeitlosen Schmuckstück – minimalistisch, langlebig und vielseitig\n                    kombinierbar für Damen \u0026amp; Herren.\n                \u003c\/p\u003e\n\n                \u003cdiv class=\"engraving-why-grid\"\u003e\n\n                    \u003cdiv class=\"engraving-feature\"\u003e\n                        \u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eHochwertiges Material\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Gefertigt aus robustem Edelstahl – rostfrei, langlebig\n                            und hautfreundlich. Entwickelt für den täglichen Gebrauch\n                            und präzise Gravuren.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"engraving-feature\"\u003e\n                        \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eIndividuelle Gravur \u0026amp; Fotogravur\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Namen, Initialen, Daten oder Koordinaten – ein geliebter Mensch, ein besonderer Ort oder ein unvergesslicher Moment.\n                            Mit einer Fotogravur wird dieser Anhänger zu einer bleibenden Erinnerung, präzise graviert und detailreich umgesetzt.\n                             Kostenlos personalisiert.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"engraving-feature\"\u003e\n                        \u003ci class=\"bi bi-arrow-repeat\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eDrehbares Design\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Das bewegliche, runde Design verleiht dem Anhänger\n                            eine besondere Haptik und symbolisiert Wandel,\n                            Verbindung und persönliche Geschichten.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"engraving-feature\"\u003e\n                        \u003ci class=\"bi bi-stars\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003ePerfekte Verarbeitung\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Fein polierte Oberfläche, klare Formen und\n                            ausgewogene Proportionen – ein elegantes\n                            Schmuckstück mit Premium-Charakter.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n\n        \u003c!-- =========================\n         SHIPPING \u0026 TRUST BLOCK\n    ========================== --\u003e\n        \u003csection class=\"engraving-shipping engraving-fade\"\u003e\n            \u003cdiv class=\"container\"\u003e\n                \u003ch2\u003eSorgfältig gefertigt \u0026amp; sicher geliefert\u003c\/h2\u003e\n                \u003cdiv class=\"engraving-shipping-grid\"\u003e\n\n                    \u003cdiv class=\"shipping-item\"\u003e\n                        \u003ci class=\"bi bi-truck\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eSchneller Versand\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Versand innerhalb von \u003cstrong\u003e1–3 Werktagen\u003c\/strong\u003e\n                            nach Gravur – sorgfältig \u0026amp; sicher verpackt.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"shipping-item\"\u003e\n                        \u003ci class=\"bi bi-geo-alt\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eHandarbeit in Deutschland\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Jede Gravur entsteht in unserem Familienbetrieb –\n                            \u003cstrong\u003ekeine Externe Arbeit\u003c\/strong\u003e, kein Dropshipping.\n                        \u003c\/p\u003e\n                        \u003cp\u003eJede Gravur wird vor dem Versand manuell kontrolliert, damit dein Schmuckstück genau so ankommt, wie du es dir wünschst. \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"shipping-item\"\u003e\n                        \u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eSicher \u0026amp; Vertrauensvoll\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Sichere Zahlung, persönlicher Support\n                            und höchste Qualitätskontrolle vor dem Versand.\n                        \u003c\/p\u003e\n                        \u003cp\u003e\n                            Sollte etwas nicht passen, findest du mit uns\n                            unkompliziert eine Lösung.\n                        \u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n\n        \u003c!-- FEATURES --\u003e\n        \u003csection class=\"engraving-section engraving-fade\"\u003e\n            \u003cdiv class=\"container engraving-hero-text\"\u003e\n                \u003ch1\u003eMehr als ein Anhänger\u003c\/h1\u003e\n                \u003cp class=\"engraving-section-desc\"\u003e\n                    Dieser drehbare, runde Edelstahl-Anhänger steht für Beständigkeit,\n                    Persönlichkeit und zeitlose Eleganz – ein Schmuckstück mit Bedeutung.\n                \u003c\/p\u003e\n\n                \u003cdiv class=\"engraving-features\"\u003e\n\n                    \u003cdiv class=\"engraving-feature\"\u003e\n                        \u003ci class=\"bi bi-type\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eIndividuelle Gravur\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Kostenlose Personalisierung mit Namen, Initialen,\n                            Datum oder Koordinaten – präzise und dauerhaft graviert.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"engraving-feature\"\u003e\n                        \u003ci class=\"bi bi-image\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eFotogravur möglich\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Dein Lieblingsfoto wird hochpräzise in Edelstahl graviert –\n                            langlebig, kontrastreich und voller Tiefe.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"engraving-feature\"\u003e\n                        \u003ci class=\"bi bi-arrow-repeat\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eDrehbares Design\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Das bewegliche, runde Design verleiht dem Anhänger\n                            eine besondere Dynamik und macht ihn haptisch wie\n                            optisch einzigartig.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"engraving-feature\"\u003e\n                        \u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eHochwertiger Edelstahl\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Robust, rostfrei und hautfreundlich –\n                            ideal für den täglichen Gebrauch und\n                            Gravuren, die ein Leben lang halten.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"engraving-feature\"\u003e\n                        \u003ci class=\"bi bi-gift\"\u003e\u003c\/i\u003e\n                        \u003ch3\u003eBereit zu verschenken\u003c\/h3\u003e\n                        \u003cp\u003e\n                            Minimalistisches Design trifft persönliche Bedeutung –\n                            ein stilvolles Geschenk für besondere Momente und Menschen.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n\n\n\n\n        \u003c!-- =========================\n         SPECS SECTION\n    ========================== --\u003e\n        \u003csection class=\"engraving-section engraving-fade\"\u003e\n            \u003cdiv class=\"container2 engraving-hero-text\"\u003e\n                \u003ch1\u003eProduktdetails\u003c\/h1\u003e\n\n                \u003cdiv class=\"engraving-specs\"\u003e\n                    \u003cul\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-box\"\u003e\u003c\/i\u003e\n                            \u003cstrong\u003eMaterial:\u003c\/strong\u003e Edelstahl\n                        \u003c\/li\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-arrow-repeat\"\u003e\u003c\/i\u003e\n                            \u003cstrong\u003eDesign:\u003c\/strong\u003e Rund · drehbar\n                        \u003c\/li\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-rulers\"\u003e\u003c\/i\u003e\n                            \u003cstrong\u003eDurchmesser:\u003c\/strong\u003e ca. 25 mm\n                        \u003c\/li\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-database\"\u003e\u003c\/i\u003e\n                            \u003cstrong\u003eGewicht:\u003c\/strong\u003e ca. 8 g\n                        \u003c\/li\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-brightness-high\"\u003e\u003c\/i\u003e\n                            \u003cstrong\u003eFinish:\u003c\/strong\u003e Hochglanz\n                        \u003c\/li\u003e\n                    \u003c\/ul\u003e\n\n                    \u003cul\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-link\"\u003e\u003c\/i\u003e\n                            \u003cstrong\u003eVerwendung:\u003c\/strong\u003e Kette · Armband · Schlüsselanhänger\n                        \u003c\/li\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-gender-ambiguous\"\u003e\u003c\/i\u003e\n                            \u003cstrong\u003eGeschlecht:\u003c\/strong\u003e Unisex\n                        \u003c\/li\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e\n                            \u003cstrong\u003eGravur:\u003c\/strong\u003e Kostenlos\n                        \u003c\/li\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-camera\"\u003e\u003c\/i\u003e\n                            \u003cstrong\u003eGravurarten:\u003c\/strong\u003e Text · Symbole · Fotogravur\n                        \u003c\/li\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-heart\"\u003e\u003c\/i\u003e\n                            \u003cstrong\u003eBedeutung:\u003c\/strong\u003e Persönlich · Zeitlos · Ausdrucksstark\n                        \u003c\/li\u003e\n                        \u003cli\u003e\n                            \u003ci class=\"bi bi-info-circle\"\u003e\u003c\/i\u003e\n                            \u003cstrong\u003eLieferumfang:\u003c\/strong\u003e Anhänger (ohne Kette)\n                        \u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n\n        \u003c!-- =========================\n         GRAVUR LIVE PREVIEW\n    ========================== --\u003e\n        \u003csection class=\"engraving-preview-section engraving-fade\"\u003e\n            \u003cspan class=\"engraving-badge visible-xs\"\u003e\n                \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose Personalisierung – Live Vorschau\n            \u003c\/span\u003e\n            \u003cdiv class=\"engraving-preview-grid\"\u003e\n\n                \u003c!-- IMAGE --\u003e\n                \u003cdiv class=\"engraving-preview-image\"\u003e\n                    \u003cimg id=\"engravingProductImage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Edelstahl_drehbar_26_front.png?v=1771250645\" alt=\"Edelstahl Herzanhänger ohne Gravur\"\u003e\n\n                    \u003cdiv class=\"engraving-overlay\" id=\"engravingOverlay\"\u003e\n                        \u003cdiv class=\"engraving-preview-text-wrap\"\u003e\n                            \u003cspan id=\"engravingPreviewText\"\u003eDein Text\u003c\/span\u003e\n                            \u003cspan class=\"preview-check\"\u003e\u003ci class=\"bi bi-check\" style=\"color:#34aa8b;\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cp class=\"engraving-preview-note\"\u003e\n                        ✦ Diese Darstellung dient als Vorschau. Jede Gravur ist ein handwerkliches Unikat – minimale Abweichungen in Höhe oder Tiefe sind möglich. Wir passen die Schriftgröße optimal an.\n                    \u003c\/p\u003e\n\n\n                \u003c\/div\u003e\n\n                \u003c!-- CONTENT --\u003e\n                \u003cdiv class=\"engraving-preview-content\" id=\"engraving-preview\"\u003e\n\n                    \u003cspan class=\"engraving-badge hidden-xs\"\u003e\n                        \u003ci class=\"bi bi-pencil\"\u003e\u003c\/i\u003e Kostenlose Personalisierung – Live Vorschau\n                    \u003c\/span\u003e\n\n                    \u003ch2\u003eMach diesen Anhänger einzigartig\u003c\/h2\u003e\n                    \u003cp\u003e\n                        Gib deine gewünschte Gravur ein und sieh sofort,\n                        wie dein persönlicher Anhänger Gestalt annimmt.\n                    \u003c\/p\u003e\n\n                    \u003c!-- INPUT --\u003e\n                    \u003cdiv class=\"engraving-input-wrap\"\u003e\n                        \u003clabel for=\"engravingInput\"\u003eDeine Gravur\u003c\/label\u003e\n                        \u003cinput type=\"text\" id=\"engravingInput\" maxlength=\"11\" placeholder=\"z. B. A + M | 12.06.24\"\u003e\n                        \u003csmall\u003eMax. 11 Zeichen · Zahlen \u0026amp; Symbole möglich\u003c\/small\u003e\n                    \u003c\/div\u003e\n                    \u003c!-- SYMBOL PICKER --\u003e\n                    \u003cdiv class=\"engraving-symbol-picker\"\u003e\n                        \u003cspan class=\"symbol-title\"\u003eSymbole hinzufügen\u003c\/span\u003e\n\n                        \u003cdiv class=\"symbol-list\"\u003e\n                            \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"♥\"\u003e♥\u003c\/button\u003e\n                            \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"∞\"\u003e∞\u003c\/button\u003e\n                            \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"★\"\u003e★\u003c\/button\u003e\n                            \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"✝\"\u003e✝\u003c\/button\u003e\n                            \u003cbutton type=\"button\" class=\"symbol-btn\" data-symbol=\"❥\"\u003e❥\u003c\/button\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- FONT SELECT --\u003e\n                    \u003cdiv class=\"engraving-font-select\"\u003e\n\n\n                        \u003c!-- =========================\n                         FONT PICKER (BUTTONS)\n                    ========================== --\u003e\n                        \u003cdiv class=\"engraving-font-picker\"\u003e\n                            \u003clabel class=\"font-picker-label\"\u003e\u003cstrong\u003eSchriftart wählen\u003c\/strong\u003e\u003c\/label\u003e\n\n\n                            \u003c!-- SERIF --\u003e\n                            \u003cdiv class=\"font-group\"\u003e\n                                \u003cspan class=\"font-group-title\"\u003eSerif\u003c\/span\u003e\n                                \u003cdiv class=\"font-group-buttons\"\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Times New Roman\" style=\"font-family:'Times New Roman'\"\u003e\n                                        Times New Roman\n                                    \u003c\/button\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Georgia\" style=\"font-family:Georgia\"\u003e\n                                        Georgia\n                                    \u003c\/button\u003e\n                                \u003c\/div\u003e\n                            \u003c\/div\u003e\n\n                            \u003c!-- SANS --\u003e\n                            \u003cdiv class=\"font-group\"\u003e\n                                \u003cspan class=\"font-group-title\"\u003eSans-serif\u003c\/span\u003e\n                                \u003cdiv class=\"font-group-buttons\"\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Arial\" style=\"font-family:Arial\"\u003e\n                                        Arial\n                                    \u003c\/button\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Helvetica\" style=\"font-family:Helvetica\"\u003e\n                                        Helvetica\n                                    \u003c\/button\u003e\n                                \u003c\/div\u003e\n                            \u003c\/div\u003e\n\n                            \u003c!-- MONOSPACE --\u003e\n                            \u003cdiv class=\"font-group\"\u003e\n                                \u003cspan class=\"font-group-title\"\u003eMonospace\u003c\/span\u003e\n                                \u003cdiv class=\"font-group-buttons\"\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Courier New\" style=\"font-family:'Courier New'\"\u003e\n                                        Courier New\n                                    \u003c\/button\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn\" data-font=\"Lucida Console\" style=\"font-family:'Lucida Console'\"\u003e\n                                        Lucida Console\n                                    \u003c\/button\u003e\n                                \u003c\/div\u003e\n                            \u003c\/div\u003e\n\n                            \u003c!-- SCRIPT --\u003e\n                            \u003cdiv class=\"font-group\"\u003e\n                                \u003cspan class=\"font-group-title\"\u003eSchreibschrift\u003c\/span\u003e\n                                \u003cdiv class=\"font-group-buttons\"\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Allura\" style=\"font-family:'Allura'\"\u003e\n                                        Allura\n                                    \u003c\/button\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Alex Brush\" style=\"font-family:'Alex Brush'\"\u003e\n                                        Alex Brush\n                                    \u003c\/button\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Kaushan Script\" style=\"font-family:'Kaushan Script'\"\u003e\n                                        Kaushan Script\n                                    \u003c\/button\u003e\n                                \u003c\/div\u003e\n                            \u003c\/div\u003e\n\n                            \u003c!-- HANDWRITING --\u003e\n                            \u003cdiv class=\"font-group\"\u003e\n                                \u003cspan class=\"font-group-title\"\u003eHandschrift\u003c\/span\u003e\n                                \u003cdiv class=\"font-group-buttons\"\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Pacifico\" style=\"font-family:'Pacifico'\"\u003e\n                                        Pacifico\n                                    \u003c\/button\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Indie Flower\" style=\"font-family:'Indie Flower'\"\u003e\n                                        Indie Flower\n                                    \u003c\/button\u003e\n                                    \u003cbutton type=\"button\" class=\"font-btn script\" data-font=\"Dancing Script\" style=\"font-family:'Dancing Script'\"\u003e\n                                        Dancing Script\n                                    \u003c\/button\u003e\n                                \u003c\/div\u003e\n                            \u003c\/div\u003e\n\n                            \u003c!-- HIDDEN INPUT FÜR SHOPIFY --\u003e\n                            \u003cinput type=\"hidden\" name=\"properties[Schriftart]\" id=\"selectedFont\"\u003e\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n\n                    \u003c!-- CTA --\u003e\n                    \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n                        Gravur jetzt festlegen \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n                    \u003c\/button\u003e\n\n                    \u003c!-- MICRO TRUST --\u003e\n                    \u003cdiv class=\"engraving-micro-trust\"\u003e\n                        \u003ci class=\"bi bi-shield-check\"\u003e\u003c\/i\u003e\n                        Jede Gravur wird individuell geprüft \u0026amp; präzise gefertigt\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- End Block --\u003e\n        \u003csection class=\"engraving-cta-strip engraving-fade\" id=\"gravur\"\u003e\n            \u003ci class=\"bi bi-stars\" style=\"\n    font-size: 6rem;\n    color: #c0a860;\n\"\u003e\u003c\/i\u003e\n            \u003ch2 style=\"margin-top: 15px;\"\u003eDeine Gravur. Deine Geschichte.\u003c\/h2\u003e\n            \u003cp\u003eEin Schmuckstück, das mehr sagt als Worte. \u003c\/p\u003e\n            \u003cp\u003e Handarbeit mit Herz. Wir verewigen Emotionen – präzise, hochwertig und mit Respekt.\u003c\/p\u003e\n            \u003cp style=\"color:#fff;font-weight:400;\"\u003eExcellence seit 1991.\u003c\/p\u003e\n\n        \u003c\/section\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- Mobile Popup Vorschau --\u003e\n    \u003cdiv id=\"engraving-mobile-popup\"\u003e\n        \u003cdiv class=\"popup-preview\" style=\"position: relative;margin-bottom: 10px;\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/Edelstahl_drehbar_26_front.png?v=1771250645\" alt=\"Gravur Vorschau Mobile\" class=\"popup-preview-image\" style=\"width:100%;\"\u003e\n            \u003cdiv class=\"engraving-overlay active\" id=\"engravingOverlay\"\u003e\n                \u003cdiv class=\"popup-preview-text-wrap\"\u003e\n                    \u003cspan class=\"popup-preview-text\"\u003e\u003c\/span\u003e\n                    \u003cspan class=\"popup-preview-check\"\u003e\u003ci class=\"bi bi-check\" style=\"color:#34aa8b;\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cbutton type=\"button\" class=\"engraving-collection-btn js-scroll-to-form\" data-target=\"#product-form\"\u003e\n            Gravur jetzt festlegen \u003ci class=\"bi bi-arrow-up\"\u003e\u003c\/i\u003e\n        \u003c\/button\u003e\n    \u003c\/div\u003e\n\n\n    \u003cscript\u003e\/* =========================\n   Intersection Animations\n========================= *\/\nconst engravingObserver = new IntersectionObserver(entries =\u003e {\n  entries.forEach(entry =\u003e {\n    if (entry.isIntersecting) entry.target.classList.add('show');\n  });\n}, { threshold: 0.2 });\n\ndocument.querySelectorAll('.engraving-fade').forEach(el =\u003e\n  engravingObserver.observe(el)\n);\n\n\/* =========================\n   CTA Scroll + Übergabe\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const ctaButtons = document.querySelectorAll(\".js-scroll-to-form\");\n\n  ctaButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", function (e) {\n      e.preventDefault();\n\n      const gravurInput = document.querySelector(\"#gravurtext_vorderseite\");\n      const previewText = document.getElementById(\"engravingPreviewText\");\n\n      if (gravurInput \u0026\u0026 previewText) {\n        gravurInput.value = previewText.textContent.trim();\n        const fontFamily = window.getComputedStyle(previewText).fontFamily;\n        gravurInput.style.fontFamily = fontFamily;\n\n        const back = document.querySelector(\"#gravurtext_2\");\n        if (back) back.style.fontFamily = fontFamily;\n      }\n\n      const gravurFontSelect = document.querySelector(\"#gravur_schriftart\");\n      if (gravurFontSelect \u0026\u0026 previewText) {\n        const previewFont = window.getComputedStyle(previewText).fontFamily;\n        let found = false;\n        Array.from(gravurFontSelect.options).forEach((opt, i) =\u003e {\n          if (previewFont.includes(opt.value)) {\n            gravurFontSelect.selectedIndex = i;\n            found = true;\n          }\n        });\n        if (!found) gravurFontSelect.selectedIndex = 0;\n      }\n\n      const productForm = document.querySelector(\"#product-form, form[action*='\/cart\/add']\");\n      if (!productForm) return;\n\n      productForm.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      const firstInput = productForm.querySelector(\"input, textarea, select\");\n      if (firstInput) firstInput.focus();\n    });\n  });\n});\n\n\/* =========================\n   Specs Fade-In\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const uls = document.querySelectorAll('.engraving-specs ul');\n  const observer = new IntersectionObserver(entries =\u003e {\n    entries.forEach(entry =\u003e {\n      if (entry.isIntersecting) entry.target.classList.add('visible');\n    });\n  }, { threshold: 0.3 });\n  uls.forEach(ul =\u003e observer.observe(ul));\n});\n\n\/* =========================\n   Size Buttons\n========================= *\/\ndocument.querySelectorAll('.size-btn').forEach(btn =\u003e {\n  btn.addEventListener('click', () =\u003e {\n    document.querySelectorAll('.size-btn').forEach(b =\u003e b.classList.remove('active'));\n    btn.classList.add('active');\n    document.getElementById('engraving-size-value').textContent =\n      btn.getAttribute('data-size');\n  });\n});\n\n\/* =========================\n   MAIN ENGRAVING LOGIC\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const input = document.getElementById(\"engravingInput\");\n  const previewText = document.getElementById(\"engravingPreviewText\");\n  const overlay = document.getElementById(\"engravingOverlay\");\n\n  \/* ---- Mobile Popup ---- *\/\n  const mobilePopup = document.getElementById(\"engraving-mobile-popup\");\n  const mobilePopupText = mobilePopup?.querySelector(\".popup-preview-text\");\n\n  function showPopup() {\n    if (window.innerWidth \u003e 768) return;\n    mobilePopup.classList.add(\"show\");\n  }\n  function hidePopup() {\n    mobilePopup.classList.remove(\"show\");\n  }\n\n  \/* ---- Desktop Effects ---- *\/\n  function triggerDesktopEffects() {\n    previewText.classList.remove(\"engrave-fade\");\n    void previewText.offsetWidth;\n    previewText.classList.add(\"engrave-fade\");\n\n    const check = document.querySelector(\".preview-check\");\n    if (check) {\n      check.classList.add(\"show\");\n      clearTimeout(check._timeout);\n      check._timeout = setTimeout(() =\u003e check.classList.remove(\"show\"), 1000);\n    }\n  }\n\n  \/* ---- Mobile Popup Sync ---- *\/\n  function updateMobilePopup(value) {\n    if (!mobilePopupText) return;\n\n    mobilePopupText.textContent = value;\n    mobilePopupText.style.fontFamily =\n      window.getComputedStyle(previewText).fontFamily;\n\n    mobilePopupText.classList.remove(\"engrave-fade\");\n    void mobilePopupText.offsetWidth;\n    mobilePopupText.classList.add(\"engrave-fade\");\n\n    let popupCheck = mobilePopup.querySelector(\".popup-preview-check\");\n    if (!popupCheck) {\n      popupCheck = document.createElement(\"span\");\n      popupCheck.className = \"popup-preview-check\";\n      popupCheck.innerHTML = \"✔\";\n      mobilePopupText.parentElement.appendChild(popupCheck);\n    }\n\n    popupCheck.classList.add(\"show\");\n    clearTimeout(popupCheck._timeout);\n    popupCheck._timeout = setTimeout(() =\u003e popupCheck.classList.remove(\"show\"), 1000);\n\n    showPopup();\n  }\n\n  const symbolButtons = document.querySelectorAll(\".symbol-btn\");\n  const fontButtons = document.querySelectorAll(\".font-btn\");\n  const hiddenFontInput = document.getElementById(\"selectedFont\");\n  const MAX_LENGTH = 11;\n  let lastValue = \"\";\n\n  function updatePreview(force = false) {\n    const value = input.value;\n    if (!value) {\n      overlay.classList.remove(\"active\");\n      hidePopup();\n      lastValue = \"\";\n      return;\n    }\n\n    previewText.textContent = value;\n    overlay.classList.add(\"active\");\n\n    if (force || value.length !== lastValue.length) {\n      triggerDesktopEffects();\n      updateMobilePopup(value);\n    }\n\n    lastValue = value;\n  }\n\n  input.addEventListener(\"input\", () =\u003e updatePreview());\n\n  \/* ---- Symbols ---- *\/\n  symbolButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", () =\u003e {\n      const symbol = btn.dataset.symbol;\n      if (input.value.length + symbol.length \u003e MAX_LENGTH) return;\n\n      const start = input.selectionStart;\n      const end = input.selectionEnd;\n      input.value =\n        input.value.substring(0, start) +\n        symbol +\n        input.value.substring(end);\n\n      input.focus();\n      input.selectionStart = input.selectionEnd = start + symbol.length;\n      updatePreview(true);\n    });\n  });\nfunction forcePopupUpdate() {\n  const value = input.value.trim();\n  if (!value) return;\n\n  \/\/ Popup Text \u0026 Font\n  mobilePopupText.textContent = value;\n  mobilePopupText.style.fontFamily =\n    window.getComputedStyle(previewText).fontFamily;\n\n  \/\/ Glow\n  mobilePopupText.classList.remove(\"engrave-fade\");\n  void mobilePopupText.offsetWidth;\n  mobilePopupText.classList.add(\"engrave-fade\");\n\n  \/\/ Micro Check\n  let popupCheck = mobilePopup.querySelector(\".popup-preview-check\");\n  if (!popupCheck) {\n    popupCheck = document.createElement(\"span\");\n    popupCheck.className = \"popup-preview-check\";\n    popupCheck.innerHTML = '\u003ci class=\"bi bi-check\" style=\"color:#34aa8b;\"\u003e\u003c\/i\u003e';\n    mobilePopupText.parentElement.appendChild(popupCheck);\n  }\n  popupCheck.classList.add(\"show\");\n  clearTimeout(popupCheck._timeout);\n  popupCheck._timeout = setTimeout(() =\u003e popupCheck.classList.remove(\"show\"), 1000);\n\n  \/\/ SHOW\n  if (window.innerWidth \u003c= 768) {\n    mobilePopup.classList.add(\"show\");\n  }\n}\n\n  \/* ---- Fonts ---- *\/\n  fontButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", () =\u003e {\n      const font = btn.dataset.font;\n      previewText.style.fontFamily = font;\n\n      const back = document.getElementById(\"gravurtext_2\");\n      if (back) back.style.fontFamily = font;\n\n      hiddenFontInput.value = font;\n      updatePreview(true);\n          \/\/ 🔥 DAS IST DER FIX\n    forcePopupUpdate();\n\n      fontButtons.forEach(b =\u003e b.classList.remove(\"active\"));\n      btn.classList.add(\"active\");\n    });\n  });\n\n  document.addEventListener(\"click\", e =\u003e {\n    if (!mobilePopup.contains(e.target) \u0026\u0026 e.target !== input) hidePopup();\n  });\n  window.addEventListener(\"scroll\", hidePopup);\n});\n\n\/* =========================\n   Preview Image Pulse\n========================= *\/\nconst previewImage = document.querySelector('.engraving-preview-image');\nlet hasPulsed = false;\n\nfunction triggerPulse() {\n  if (!previewImage) return;\n  previewImage.classList.remove('pulse');\n  void previewImage.offsetWidth;\n  previewImage.classList.add('pulse');\n}\n\ndocument.getElementById(\"engravingInput\")?.addEventListener('input', e =\u003e {\n  if (!hasPulsed \u0026\u0026 e.target.value.trim()) {\n    triggerPulse();\n    hasPulsed = true;\n  }\n});\n\n\/* =========================\n   Live Preview Link (WICHTIG!)\n========================= *\/\ndocument.querySelectorAll('.live-preview-link').forEach(link =\u003e {\n  link.addEventListener('click', e =\u003e {\n    e.preventDefault();\n    document\n      .querySelector('#engraving-preview')\n      .scrollIntoView({ behavior: 'smooth', block: 'center' });\n  });\n});\n\/* =========================\n   MOBILE FONT POPUP FIX\n   (isoliert, zerstört nichts)\n========================= *\/\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  if (window.innerWidth \u003e 768) return;\n\n  const input = document.getElementById(\"engravingInput\");\n  const previewText = document.getElementById(\"engravingPreviewText\");\n  const mobilePopup = document.getElementById(\"engraving-mobile-popup\");\n  const popupText = mobilePopup?.querySelector(\".popup-preview-text\");\n  const popupCheck = mobilePopup?.querySelector(\".popup-preview-check\");\n  const fontButtons = document.querySelectorAll(\".font-btn\");\n\n  if (!input || !previewText || !popupText || !mobilePopup) return;\n\n  function showMobilePopup() {\n    mobilePopup.classList.add(\"show\");\n  }\n\n  function syncPopupFromPreview() {\n    const value = input.value.trim();\n    if (!value) return;\n\n    \/\/ Text + Font\n    popupText.textContent = value;\n    popupText.style.fontFamily =\n      window.getComputedStyle(previewText).fontFamily;\n\n    \/\/ Glow\n    popupText.classList.remove(\"engrave-fade\");\n    void popupText.offsetWidth;\n    popupText.classList.add(\"engrave-fade\");\n\n    \/\/ Micro Check\n    if (popupCheck) {\n      popupCheck.classList.add(\"show\");\n      clearTimeout(popupCheck._timeout);\n      popupCheck._timeout = setTimeout(\n        () =\u003e popupCheck.classList.remove(\"show\"),\n        1000\n      );\n    }\n\n    showMobilePopup();\n  }\n\n  \/* 🔥 FONT-WECHSEL → POPUP *\/\n  fontButtons.forEach(btn =\u003e {\n    btn.addEventListener(\"click\", () =\u003e {\n      requestAnimationFrame(syncPopupFromPreview);\n    });\n  });\n\n  \/* Sicherheit: auch bei erneutem Tippen *\/\n  input.addEventListener(\"input\", syncPopupFromPreview);\n\n});\u003c\/script\u003e\n\n \n\u003c\/body\u003e","brand":"Juwelier Milano","offers":[{"title":"Vergoldet","offer_id":56822055108873,"sku":null,"price":49.0,"currency_code":"EUR","in_stock":true},{"title":"Edelstahl","offer_id":56822055141641,"sku":null,"price":49.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/vergoldet_drehbar_26.png?v=1771250317"}],"url":"https:\/\/shop.juwelier-milano.de\/collections\/damenketten-hochwertiger-schmuck-fur-anspruchsvolle-frauen.oembed?page=3","provider":"Juwelier Milano","version":"1.0","type":"link"}