{"title":"Damenringe","description":"\u003cspan data-mce-fragment=\"1\"\u003eEine andere Welt, wo ausgefallene Wünsche in Erfüllung gehen. Premium wird hier neu definiert. Silber, Gold oder Modeschmuck sowohl in Edelstahl als auch in Titan.\u003c\/span\u003e","products":[{"product_id":"arctic-symphony-rose-gold-glanzend-586-37-x2","title":"Arctic Symphony | rosé gold glänzend | 586-37-X2","description":"\u003ctable class=\"product--properties-table\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKollektion:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eArctic Symphony\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eGeschlecht:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eweiblich\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eFarbe:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003erosé gold glänzend\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eMaterial:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eEdelstahl\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKategorie:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eInnenring\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eTyp:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eschmal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Bering","offers":[{"title":"Default Title","offer_id":39318426058915,"sku":"","price":50.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/586-37-X2.png?v=1614787735"},{"product_id":"arctic-symphony-gold-glanzend-586-27-x2","title":"Arctic Symphony | gold glänzend | 586-27-X2","description":"\u003ctable class=\"product--properties-table\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKollektion:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eArctic Symphony\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eGeschlecht:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eweiblich\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eFarbe:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003egold glänzend\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eMaterial:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eEdelstahl\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKategorie:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eInnenring\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eTyp:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eschmal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Bering","offers":[{"title":"Default Title","offer_id":39318432579747,"sku":"","price":50.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/586-27-X2.png?v=1614787804"},{"product_id":"arctic-symphony-silber-glanzend-586-17-x2","title":"Arctic Symphony | silber glänzend | 586-17-X2","description":"\u003ctable class=\"product--properties-table\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKollektion:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eArctic Symphony\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eGeschlecht:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eweiblich\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eFarbe:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003esilber glänzend\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eMaterial:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eEdelstahl\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKategorie:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eInnenring\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eTyp:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eschmal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Bering","offers":[{"title":"Default Title","offer_id":39318435233955,"sku":"","price":50.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/586-17-X2.png?v=1614787850"},{"product_id":"arctic-symphony-rose-gold-glanzend-580-39-x1","title":"Arctic Symphony | rosé gold glänzend | 580-39-X1","description":"\u003ctable class=\"product--properties-table\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKollektion:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eArctic Symphony\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eGeschlecht:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eweiblich\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eLinkmaterial:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eEdelstahl\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eFarbe:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003erosé gold glänzend\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eMaterial:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eEdelstahl\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKategorie:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eInnenring\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eTyp:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eschmal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eLinkfarbe:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003erosé gold\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Bering","offers":[{"title":"Default Title","offer_id":39318443589795,"sku":"","price":35.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/580-39-X1.png?v=1614787918"},{"product_id":"arctic-symphony-silber-glanzend-580-19-x1","title":"Arctic Symphony | silber glänzend | 580-19-X1","description":"\u003ctable class=\"product--properties-table\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKollektion:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eArctic Symphony\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eGeschlecht:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eweiblich\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eLinkmaterial:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eEdelstahl\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eFarbe:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003esilber glänzend\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eMaterial:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eEdelstahl\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKategorie:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eInnenring\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eTyp:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eschmal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eLinkfarbe:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003efunkelndes silber\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Bering","offers":[{"title":"Default Title","offer_id":39318449619107,"sku":"","price":30.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/580-19-X1.png?v=1614787982"},{"product_id":"arctic-symphony-rose-gold-glanzend-578-30-x1","title":"Arctic Symphony | rosé gold glänzend | 578-30-X1","description":"\u003ctable class=\"product--properties-table\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKollektion:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eArctic Symphony\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eGeschlecht:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eweiblich\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eFarbe:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003erosé gold glänzend\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eMaterial:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eEdelstahl\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKategorie:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eInnenring\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eTyp:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eschmal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Bering","offers":[{"title":"Default Title","offer_id":39318451781795,"sku":"","price":20.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/578-30-X1.png?v=1614788036"},{"product_id":"arctic-symphony-blau-560-77-x0","title":"Arctic Symphony | blau | 560-77-X0","description":"\u003ctable class=\"product--properties-table\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKollektion:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eArctic Symphony\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eGeschlecht:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eweiblich\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eMaterial:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eEdelstahl\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKategorie:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eInnenring\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eFarbe:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eblau\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eTyp:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eultra-schmal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Bering","offers":[{"title":"Default Title","offer_id":39318456664227,"sku":"","price":30.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/560-77-X0.png?v=1614788099"},{"product_id":"arctic-symphony-silber-551-12-x1","title":"Arctic Symphony | silber | 551-12-X1","description":"\u003ctable class=\"product--properties-table\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKollektion:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eArctic Symphony\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eGeschlecht:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eweiblich\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eLinkmaterial:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eEdelstahl\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eMaterial:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eEdelstahl\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKategorie:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eInnenring\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eTyp:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eschmal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eFarbe:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003esilber\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eLinkfarbe:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003egold\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Bering","offers":[{"title":"Default Title","offer_id":39318462038179,"sku":"","price":20.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/551-12-X1.png?v=1614788159"},{"product_id":"arctic-symphony-silber-551-11-x1","title":"Arctic Symphony | silber | 551-11-X1","description":"\u003ctable class=\"product--properties-table\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKollektion:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eArctic Symphony\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eGeschlecht:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eweiblich\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eLinkmaterial:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eEdelstahl\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eMaterial:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eEdelstahl\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKategorie:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eInnenring\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eTyp:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eschmal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eFarbe:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003esilber\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eLinkfarbe:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003esilber\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Bering","offers":[{"title":"Default Title","offer_id":39318468493475,"sku":"","price":20.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/551-11-X1.png?v=1614788215"},{"product_id":"arctic-symphony-rose-gold-glanzend-526-30-x3","title":"Arctic Symphony | rosé gold glänzend | 526-30-X3","description":"\u003ctable class=\"product--properties-table\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKollektion:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eArctic Symphony\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eGeschlecht:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eweiblich\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eBeschichtung:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eIP Rosé Gold\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eFarbe:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003erosé gold glänzend\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eMaterial:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eEdelstahl\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eTyp:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eschmal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKategorie:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eAußenring\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Bering","offers":[{"title":"Default Title","offer_id":39318470721699,"sku":"","price":39.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/526-30-X3.png?v=1614788265"},{"product_id":"arctic-symphony-silber-glanzend-526-17-x3","title":"Arctic Symphony | silber glänzend | 526-17-X3","description":"\u003ctable class=\"product--properties-table\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKollektion:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eArctic Symphony\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eGeschlecht:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eweiblich\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eFarbe:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003esilber glänzend\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eMaterial:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eEdelstahl\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eTyp:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eschmal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"product--properties-row\" data-mce-fragment=\"1\"\u003e\n\u003ctd class=\"product--properties-label is--bold\" data-mce-fragment=\"1\"\u003eKategorie:\u003c\/td\u003e\n\u003ctd class=\"product--properties-value\" data-mce-fragment=\"1\"\u003eAußenring\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"Bering","offers":[{"title":"Default Title","offer_id":39318473441443,"sku":"","price":99.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/products\/526-17-X3.png?v=1614788318"},{"product_id":"verstellbarer-edelstahl-ring-gravur","title":"Verstellbarer 3D Edelstahl‑Damenring | Kostenlose Premium-Gravur","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003ctitle\u003eFiligrane Damenring aus Edelstahl vereint minimalistisches Design mit persönlicher Bedeutung\u003c\/title\u003e\n\n \u003c!-- SEO --\u003e\n \u003cmeta name=\"description\" content=\"Dieser filigrane Damenring aus Edelstahl vereint minimalistisches Design mit persönlicher Bedeutung. Die hochwertige 3D‑Gravur wird kostenlos umgesetzt – wähle Namen, Initialen, ein Datum oder ein Symbol für ein einzigartiges, persönliches Schmuckstück.\"\u003e\n\n \u003cmeta name=\"keywords\" content=\"personalisierter Damenring, 3D Edelstahl Ring, Premium Gravur Ring, Gravur Damenring, Edelstahl Ring Geschenk, zeitloser Schmuck Damen, Geschenkidee Schmuck\"\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.6rem;\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(0px);\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:103px;\n left:34px;\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.35rem;\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: 106px;\n left: 30px !important;\n\n}\n .popup-preview-text-wrap {\n position: absolute;\n top: 29%;\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\n\n\n .ring-fit-box{\n border: 1px solid rgba(0, 0, 0, .08);\n border-radius: 12px;\n padding: 25px;\n background: #fafafa;\n margin-top: 24px;\n}\n\n.ring-fit-header{\n display:flex;\n align-items:center;\n gap:10px;\n font-weight:600;\n font-size:16px;\n color:#111;\n margin-bottom:10px;\n}\n\n.ring-fit-header i{\n color:#b89b5e;\n font-size:22px;\n}\n\n.ring-fit-text{\n font-size:14px;\n line-height:1.6;\n color:#444;\n margin-bottom:16px;\n}\n\n.ring-fit-trust{\n display:grid;\n grid-template-columns:repeat(3,1fr);\n gap:12px;\n margin-bottom:14px;\n}\n\n.ring-fit-item{\n display:flex;\n align-items:center;\n gap:8px;\n font-size:13px;\n color:#333;\n}\n\n.ring-fit-item i{\n color:#b89b5e;\n font-size:16px;\n}\n\n.ring-fit-tip{\n font-size:12px;\n color:#777;\n}\n\n\/* Mobile *\/\n\n@media(max-width:600px){\n\n.ring-fit-box{\n padding:16px;\n}\n\n.ring-fit-trust{\n grid-template-columns:1fr;\n gap:8px;\n}\n\n.ring-fit-header{\n font-size:15px;\n}\n\n.ring-fit-text{\n font-size:13px;\n}\n\n}\n\n .ring-adjust-section{\n display:grid;\n grid-template-columns: 1fr 1fr;\n gap:28px;\n margin-top:30px;\n align-items:center;\n}\n\n.ring-adjust-image img{\n width:100%;\n border-radius:10px;\n}\n\n.ring-adjust-header{\n display:flex;\n align-items:center;\n gap:10px;\n font-weight:600;\n font-size:17px;\n margin-bottom:10px;\n}\n\n.ring-adjust-header i{\n color:#b89b5e;\n font-size:22px;\n}\n\n.ring-adjust-content p{\n font-size:14px;\n line-height:1.6;\n color:#444;\n margin-bottom:16px;\n}\n\n.ring-adjust-trust{\n display:flex;\n gap:18px;\n flex-wrap:wrap;\n margin-bottom:12px;\n}\n\n.adjust-item{\n display:flex;\n align-items:center;\n gap:6px;\n font-size:13px;\n color:#333;\n}\n\n.adjust-item i{\n color:#b89b5e;\n}\n\n.ring-adjust-tip{\n font-size:12px;\n color:#777;\n}\n\n\/* Mobile *\/\n\n@media(max-width:768px){\n\n.ring-adjust-section{\n grid-template-columns:1fr;\n gap:16px;\n}\n\n.ring-adjust-content p{\n font-size:13px;\n}\n\n}\n \/* SECTION HINTERGRUND *\/\n\n.ring-adjust-wrapper{\n padding:50px 20px;\n \n}\n\n\/* CONTENT BREITE *\/\n\n.ring-adjust-container{\n max-width:1200px;\n margin:auto;\n}\n\n\/* GRID LAYOUT *\/\n\n.ring-adjust-section{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:40px;\n align-items:center;\n}\n\n\/* BILD *\/\n\n.ring-adjust-image img{\n width:100%;\n border-radius:12px;\n}\n\n\/* TEXT BOX *\/\n\n.ring-fit-box{\n background:#fff;\n border:1px solid rgba(0,0,0,.08);\n border-radius:12px;\n padding:24px;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:768px){\n\n.ring-adjust-section{\n grid-template-columns:1fr;\n gap:24px;\n}\n\n.ring-adjust-wrapper{\n padding:40px 16px;\n}\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\u003eMehr als ein minimalistischer Ring – Deine Geschichte in Edelstahl graviert\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 schlanker, verstellbarer Edelstahlring mit feiner Oberfläche – perfekt für den Alltag oder als zeitloses Geschenk. Präzise Gravur in 3D‑Optik macht jeden Ring zum einzigartigen Schmuckstück für besondere Momente.\n \u003c\/p\u003e\n\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-arrows-angle-expand\"\u003e\u003c\/i\u003e verstellbar \u003c\/span\u003e\n \u003cspan\u003e\u003ci class=\"bi bi-rulers\"\u003e\u003c\/i\u003e 2mm Ringbreite \u003c\/span\u003e\n \u003cspan\u003e\u003ci class=\"bi bi-layers\"\u003e\u003c\/i\u003e ca. 2 g\u003c\/span\u003e\n \u003cspan\u003e\u003ci class=\"bi bi-gender-female\"\u003e\u003c\/i\u003e Damen\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ring-fit-box\"\u003e\n\n \u003cdiv class=\"ring-fit-header\"\u003e\n \u003ci class=\"bi bi-arrows-angle-expand\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFlexible Passform – Einheitsgröße\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"ring-fit-text\"\u003e\n Dieser Ring wird in einer Einheitsgröße gefertigt und lässt sich individuell anpassen. \n Durch vorsichtiges Zusammendrücken oder leichtes Auseinanderziehen kann er an nahezu \n jeden Finger angepasst werden – für einen sicheren und angenehmen Sitz.\n \u003c\/p\u003e\n\n \u003cdiv class=\"ring-fit-trust\"\u003e\n\n \u003cdiv class=\"ring-fit-item\"\u003e\n \u003ci class=\"bi bi-hand-index-thumb\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEinfach anpassen\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ring-fit-item\"\u003e\n \u003ci class=\"bi bi-gift\"\u003e\u003c\/i\u003e\n \u003cspan\u003eIdeal als Geschenk\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ring-fit-item\"\u003e\n \u003ci class=\"bi bi-check-circle\"\u003e\u003c\/i\u003e\n \u003cspan\u003ePasst an fast jeden Finger\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"ring-fit-tip\"\u003e\n Tipp: Den Ring behutsam und schrittweise anpassen, um Material und Gravur zu schonen.\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n \n \u003c!--\u003cdiv class=\"micro-trust-valentine\" style=\" text-align: left; \"\u003e\n * Angeboten wird ausschließlich der Anhänger – ohne Kette\n \u003c\/div\u003e--\u003e\n \u003c\/div\u003e\n\n \u003c!-- Bildbereich --\u003e\n\u003cdiv class=\"watch-image\"\u003e\n \u003cimg class=\"watch-img-primary\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/damenring_3d_minimalistisch_gesamt.png?v=1771259367\" alt=\"Verstellbarer 3D Edelstahl Ring mit Gravur \"\u003e\n \u003cimg class=\"watch-img-hover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/86F0954B-C2E5-4065-AD75-463CA8C64E8F.jpg?v=1773162530\" alt=\"Verstellbarer 3D Edelstahl Ring mit Gravur\"\u003e\n\u003c\/div\u003e\n \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 Ring? Ein Schmuckstück, das Geschichten erzählt\u003c\/h2\u003e\n \u003cp\u003e\n Dieser verstellbare Edelstahlring vereint minimalistisches Design mit persönlicher Bedeutung.\n Eine kostenlose 3D‑Gravur macht ihn zu einem einzigartigen Ausdruck deiner Geschichte – getragen nah am Herzen.\n\n \u003c\/p\u003e\n\n \u003cdiv class=\"engraving-why-grid\"\u003e\n \u003cdiv class=\"engraving-feature\"\u003e\n \u003ci class=\"bi bi-heart\"\u003e\u003c\/i\u003e\u003ch3\u003ePersönlich \u0026amp; Ausdrucksstark\u003c\/h3\u003e\n \u003cp\u003eGravuren machen diesen Ring zum einzigartigen Statement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"engraving-feature\"\u003e\n \u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e \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\u003ch3\u003eUnbegrenzte Ideen\u003c\/h3\u003e\n \u003cp\u003eInitialen, Namen, Symbole oder ein kurzer Text – kreativ gestalten.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"engraving-feature\"\u003e\n \u003ci class=\"bi bi-gift\"\u003e\u003c\/i\u003e\u003ch3\u003ePersönliches Geschenk\u003c\/h3\u003e\n \u003cp\u003eEin Ring voller Bedeutung – perfekt für besondere Menschen \u0026amp; Momente.\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 Ring\u003c\/h1\u003e\n \u003cp class=\"engraving-section-desc\"\u003e\n Ein Ring, der Stil, Bedeutung und Emotion verbindet. Ideal für Damen, die Schmuck lieben, der Geschichten erzählt.\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 Namen, Initialen, Daten, Koordinaten oder Symbole – gratis und detailreich umgesetzt.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"engraving-feature\"\u003e\n \u003ci class=\"bi bi-arrows-angle-expand\"\u003e\u003c\/i\u003e\n \u003ch3\u003eVerstellbares Design\u003c\/h3\u003e\n \u003cp\u003e\n Flexibel anpassbar für optimalen Sitz – stylish und komfortabel, ohne feste Ringgröße.\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\u003eGeschenkfertig\u003c\/h3\u003e\n \u003cp\u003eExklusives Design + personalisierte Gravur = ideales Geschenk für Geburtstag, Jahrestag oder besondere Anlässe.\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\u003eElegant \u0026amp; Zeitlos\u003c\/h3\u003e\n \u003cp\u003eMinimalistisches 3D-Design, glänzender Edelstahl – ein Schmuckstück, das jeden Look aufwertet.\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 \u003cstrong\u003eMaterial:\u003c\/strong\u003e Edelstahl\u003c\/li\u003e\n \u003cli\u003e\n\u003ci class=\"bi bi-rulers\"\u003e\u003c\/i\u003e \u003cstrong\u003eRingbreite:\u003c\/strong\u003e ca. 2 mm\u003c\/li\u003e\n \u003cli\u003e\n\u003ci class=\"bi bi-arrows-angle-expand\"\u003e\u003c\/i\u003e \u003cstrong\u003eVerstellbar:\u003c\/strong\u003e Ja\u003c\/li\u003e\n \u003cli\u003e\n\u003ci class=\"bi bi-database\"\u003e\u003c\/i\u003e \u003cstrong\u003eGewicht:\u003c\/strong\u003e ca. 2 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 \u003cul\u003e\n \u003cli\u003e\n\u003ci class=\"bi bi-gender-female\"\u003e\u003c\/i\u003e \u003cstrong\u003eGeschlecht:\u003c\/strong\u003e Damen\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 · Ausdrucksstark\u003c\/li\u003e\n \u003cli\u003e\n\u003ci class=\"bi bi-link\"\u003e\u003c\/i\u003e \u003cstrong\u003eVerwendung:\u003c\/strong\u003e Alltag · Geschenk · Schmuckstück\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \u003csection class=\"ring-adjust-wrapper\"\u003e\n\n\u003cdiv class=\"ring-adjust-container\"\u003e\n\n \u003cdiv class=\"ring-adjust-section\"\u003e\n\n \u003cdiv class=\"ring-adjust-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/IMG-3220.png?v=1773155695\" alt=\"Verstellbarer Ring – Anpassung\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ring-fit-box\"\u003e\n\n \u003cdiv class=\"ring-adjust-content\"\u003e\n\n \u003cdiv class=\"ring-adjust-header\"\u003e\n \u003ci class=\"bi bi-arrows-angle-expand\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFlexible Passform – Einheitsgröße\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\n Dieser Ring wird bewusst in einer Einheitsgröße gefertigt und lässt sich\n individuell anpassen. Durch vorsichtiges Zusammendrücken oder leichtes\n Auseinanderziehen kann er an nahezu jeden Finger angepasst werden.\n \u003c\/p\u003e\n\n \u003cdiv class=\"ring-adjust-trust\"\u003e\n\n \u003cdiv class=\"adjust-item\"\u003e\n \u003ci class=\"bi bi-hand-index-thumb\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEinfach anpassen\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"adjust-item\"\u003e\n \u003ci class=\"bi bi-gift\"\u003e\u003c\/i\u003e\n \u003cspan\u003eIdeal als Geschenk\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"adjust-item\"\u003e\n \u003ci class=\"bi bi-check-circle\"\u003e\u003c\/i\u003e\n \u003cspan\u003ePasst an fast jeden Finger\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"ring-adjust-tip\"\u003e\n Tipp: Den Ring behutsam und schrittweise anpassen, um Material und Gravur zu schonen.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\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\/damenring_stahl_gravur_frontal.png?v=1771259515\" alt=\"Edelstahl Ring 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 Ring einzigartig\u003c\/h2\u003e\n \u003cp\u003e\n Gib deine gewünschte Gravur ein und sieh sofort,\n wie dein persönlicher Ring 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=\"6\" placeholder=\"z. B. A + M | 12.06.24\"\u003e\n \u003csmall\u003eMax. 6 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\/damenring_stahl_gravur_frontal.png?v=1771259515\" 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_oberfläche\");\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 ========================= *\/\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 = 6;\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\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 ========================= *\/\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 });\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Juwelier Milano e.K.","offers":[{"title":"Edelstahl","offer_id":44598485483785,"sku":"","price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Rosé (vergoldet)","offer_id":44598485516553,"sku":"","price":49.0,"currency_code":"EUR","in_stock":true},{"title":"Gold (vergoldet)","offer_id":44598485549321,"sku":"","price":49.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/damenring_stahl_gravur_frontal_4e42d130-a345-4c20-9b9d-dfb2115a7232.png?v=1775226504"},{"product_id":"damenring-herzform-gravur","title":"Damenring aus Edelstahl in Herzform – individuell gravierbar","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003ctitle\u003eEleganter Damenring aus Edelstahl in Herzform – mit persönlicher Gravur\u003c\/title\u003e\n\n \u003c!-- SEO --\u003e\n \n\u003cmeta name=\"description\" content=\"Eleganter Damenring aus Edelstahl in Herzform – individuell gravierbar. Zwei Ringvarianten, zeitlos und persönlich. Perfekt als Geschenk.\"\u003e\n\n\u003cmeta name=\"keywords\" content=\"Damenring Herzform, gravierbarer Damenring, Edelstahl Ring gravur, Herz Ring personalisiert, Damenring Edelstahl, Geschenk für sie, personalisierter Ring\"\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: 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\/*Desktop*\/\n.engraving-overlay span {\n font-family: \"Playfair Display\", serif;\n font-size: 1.4rem;\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\/*Desktop*\/\n .engraving-preview-text-wrap {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n bottom: 42px;\n left: 23px;\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: 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: 59px;\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\u003eGravierbarer Damenring aus Edelstahl in Herzform\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 Zwei elegante Damenringe in Herzform aus poliertem Edelstahl – individuell gravierbar.\nWähle zwischen Ring A oder B und verewige Namen, Initialen oder ein Datum mit Bedeutung.\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 Hochwertiger Edelstahl \u003c\/span\u003e\n \u003cspan\u003e\u003ci class=\"bi bi-stars\"\u003e\u003c\/i\u003e Hochglanz \u003c\/span\u003e \u003cspan\u003e\u003ci class=\"bi bi-arrows-angle-expand\"\u003e\u003c\/i\u003e 12 × 19 mm \u003c\/span\u003e\n \u003cspan\u003e\u003ci class=\"bi bi-layers\"\u003e\u003c\/i\u003e Herzvariante A oder B\u003c\/span\u003e\n \u003cspan\u003e\u003ci class=\"bi bi-heart\"\u003e\u003c\/i\u003e10 x 13 mm oder 8 x 10 mm \u003c\/span\u003e\n \n\n \u003c\/div\u003e\n \u003c!-- \u003cdiv class=\"micro-trust-valentine\" style=\" text-align: left; \"\u003e\n Angeboten wird der Anhänger ohne Kette.\n \u003c\/div\u003e--\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_2669.jpg?v=1769788677\" alt=\"Damenring in Herzform 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 STORY BLOCK\n========================== --\u003e\n\u003csection class=\"engraving-why-heart engraving-fade\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2\u003eWarum dieses Herzmotiv? Erinnerungen am Ring\u003c\/h2\u003e\n \u003cp\u003e\n Ein Herz ist mehr als eine Form – es ist ein Versprechen. \n Dieser fein gearbeitete Damenring aus poliertem Edelstahl steht für Liebe, Verbundenheit und bleibende Erinnerungen.\n\u003c\/p\u003e\n \n \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 Motiv 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\u003e\n Zwei elegante Varianten, individuell gravierbar, machen ihn zu einem\n persönlichen Schmuckstück, das Gefühle sichtbar macht – dezent, stilvoll\n und zeitlos.\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 nur ein Damenring\u003c\/h1\u003e\n \u003cp class=\"engraving-section-desc\"\u003e\n Dieses elegante Damenring aus Edelstahl steht für Persönlichkeit,\n Verbundenheit und stilvolle Details – ein täglicher Begleiter mit Bedeutung für echte Liebe.\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\u003ePersonalisierbar \u0026amp; Zeitlos\u003c\/h3\u003e\n\u003cp\u003eHochwertiger Edelstahl-Ring mit Herzform – wähle deine Initialen für ein einzigartiges, stilvolles Schmuckstück voller Persönlichkeit und 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-rulers\"\u003e\u003c\/i\u003e \u003cstrong\u003eRing Umfang:\u003c\/strong\u003e 52 mm (6), 54 mm (7), 57 mm (8), 59 mm (9)\u003c\/li\u003e\n \u003cli\u003e\n\u003ci class=\"bi bi-layers\"\u003e\u003c\/i\u003e \u003cstrong\u003eHerz Variante:\u003c\/strong\u003e Ring A | Ring B\u003c\/li\u003e\n \u003cli\u003e\n\u003ci class=\"bi bi-arrows-angle-expand\"\u003e\u003c\/i\u003e \u003cstrong\u003eRing Größe:\u003c\/strong\u003e 12 x 19mm\u003c\/li\u003e\n \n\u003cli\u003e\n\u003ci class=\"bi bi-gem\"\u003e\u003c\/i\u003e \u003cstrong\u003eMotiv:\u003c\/strong\u003e Herz \u003c\/li\u003e\n \u003cli\u003e\n\u003ci class=\"bi bi-arrows-angle-expand\"\u003e\u003c\/i\u003e \u003cstrong\u003eGravurfläche:\u003c\/strong\u003e 10 x 13 mm oder 8 x 10 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 Ring\u003c\/li\u003e\n \u003cli\u003e\n\u003ci class=\"bi bi-gender-female\"\u003e\u003c\/i\u003e \u003cstrong\u003eGeschlecht:\u003c\/strong\u003e Damen\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 \u003cli\u003e\n\u003ci class=\"bi bi-database\"\u003e\u003c\/i\u003e \u003cstrong\u003eGewicht:\u003c\/strong\u003e Ring B max. 8,5 g | Ring A max 5,5 g \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_2670.jpg?v=1769788415\" alt=\"Edelstahl Damenring 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 für Ring B (groß). 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 Damenring einzigartig\u003c\/h2\u003e\n \u003cp\u003e\n Gib deine gewünschte Gravur ein und sieh sofort,\n wie der Damenring Persönlichkeit in 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=\"6\" placeholder=\"z. B. A + M | 12.06.24\"\u003e\n \u003csmall\u003eMax. 6 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_2670.jpg?v=1769788415\" 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_oberfläche\");\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========================= *\/\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 = 6;\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 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========================= *\/\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 \/ 52 (6) \/ Ring A - schmall","offer_id":56790624502025,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Vergoldet \/ 52 (6) \/ Ring B - groß","offer_id":56790728933641,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Vergoldet \/ 54 (7) \/ Ring A - schmall","offer_id":56790718808329,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Vergoldet \/ 54 (7) \/ Ring B - groß","offer_id":56790728966409,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Vergoldet \/ 57 (8) \/ Ring A - schmall","offer_id":56790718841097,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Vergoldet \/ 57 (8) \/ Ring B - groß","offer_id":56790728999177,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Vergoldet \/ 59 (9) \/ Ring A - schmall","offer_id":56790718873865,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Vergoldet \/ 59 (9) \/ Ring B - groß","offer_id":56790729031945,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Edelstahl \/ 52 (6) \/ Ring A - schmall","offer_id":56790624534793,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Edelstahl \/ 52 (6) \/ Ring B - groß","offer_id":56790729064713,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Edelstahl \/ 54 (7) \/ Ring A - schmall","offer_id":56790718906633,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Edelstahl \/ 54 (7) \/ Ring B - groß","offer_id":56790729097481,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Edelstahl \/ 57 (8) \/ Ring A - schmall","offer_id":56790718939401,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Edelstahl \/ 57 (8) \/ Ring B - groß","offer_id":56790729130249,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Edelstahl \/ 59 (9) \/ Ring A - schmall","offer_id":56790718972169,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true},{"title":"Edelstahl \/ 59 (9) \/ Ring B - groß","offer_id":56790729163017,"sku":null,"price":39.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/9941\/3155\/files\/IMG_2669.jpg?v=1769788677"}],"url":"https:\/\/shop.juwelier-milano.de\/collections\/damenringe.oembed?page=2","provider":"Juwelier Milano","version":"1.0","type":"link"}