{"id":38,"date":"2026-06-20T16:46:50","date_gmt":"2026-06-20T16:46:50","guid":{"rendered":"https:\/\/schmuckmitbedeutung.at\/?page_id=38"},"modified":"2026-06-25T10:41:15","modified_gmt":"2026-06-25T10:41:15","slug":"startseite","status":"publish","type":"page","link":"https:\/\/schmuckmitbedeutung.at\/","title":{"rendered":"Startseite"},"content":{"rendered":"\n<!-- NAV -->\n<nav>\n  <div class=\"nav-logo\">\n    <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/logo-1.png\" alt=\"Schmuck mit Bedeutung Logo\">\n  <\/div>\n  <ul class=\"nav-links\">\n    <li><a href=\"#hero\">Start<\/a><\/li>\n    <li><a href=\"#about\">\u00dcber mich<\/a><\/li>\n    <li><a href=\"#products\">Kollektionen<\/a><\/li>\n    <li><a href=\"#contact\">Kontakt<\/a><\/li>\n  <\/ul>\n<\/nav>\n\n<!-- HERO -->\n<section id=\"hero\">\n  <!-- Leaf SVG decorations -->\n  <svg class=\"leaf leaf-tl\" viewBox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M10 190 Q30 100 80 60 Q120 25 190 10 Q160 40 140 80 Q110 130 10 190Z\" stroke=\"#B8862A\" stroke-width=\"1.5\" fill=\"none\"\/>\n    <path d=\"M30 180 Q55 130 90 95\" stroke=\"#B8862A\" stroke-width=\"1\" fill=\"none\"\/>\n    <path d=\"M60 165 Q75 140 100 120\" stroke=\"#B8862A\" stroke-width=\"1\" fill=\"none\"\/>\n    <path d=\"M100 145 Q115 125 135 110\" stroke=\"#B8862A\" stroke-width=\"1\" fill=\"none\"\/>\n  <\/svg>\n\n  <div class=\"hero-left\">\n    <p class=\"hero-eyebrow\">Handgemachter<\/p>\n    <h1 class=\"hero-title\">Schmuck<\/h1>\n    <p class=\"hero-subtitle\">mit Bedeutung \u2661<\/p>\n    <p class=\"hero-tagline\">Individuell. Einzigartig. F\u00fcr dich.<\/p>\n    <p class=\"hero-desc\">\n      Handgefertigter Schmuck mit ausgew\u00e4hlten edlen Steinen und Metallen \u2013\n      individuell nach deinen W\u00fcnschen gefertigt, mit Liebe und Sorgfalt.\n    <\/p>\n    <a href=\"#contact\" class=\"btn\">Beratung anfragen<\/a>\n  <\/div>\n\n  <div class=\"hero-right\">\n    <svg class=\"leaf leaf-tl\" viewBox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path d=\"M10 10 Q60 30 90 80 Q120 130 130 190 Q90 150 60 110 Q25 65 10 10Z\" stroke=\"#B8862A\" stroke-width=\"1.5\" fill=\"none\"\/>\n    <\/svg>\n    <div class=\"hero-jewels\">\n      <div class=\"jewel-card\">\n        <div class=\"jewel-icon\">\n          <!-- Bracelet: elegant beaded band -->\n          <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"44\" height=\"44\">\n            <circle cx=\"24\" cy=\"24\" r=\"13\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n            <circle cx=\"24\" cy=\"11\" r=\"2.2\" fill=\"#B8862A\"\/>\n            <circle cx=\"35.3\" cy=\"16.5\" r=\"2.2\" fill=\"#B8862A\"\/>\n            <circle cx=\"35.3\" cy=\"31.5\" r=\"2.2\" fill=\"#B8862A\"\/>\n            <circle cx=\"24\" cy=\"37\" r=\"2.2\" fill=\"#B8862A\"\/>\n            <circle cx=\"12.7\" cy=\"31.5\" r=\"2.2\" fill=\"#B8862A\"\/>\n            <circle cx=\"12.7\" cy=\"16.5\" r=\"2.2\" fill=\"#B8862A\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"jewel-label\">Armb\u00e4nder<\/div>\n      <\/div>\n      <div class=\"jewel-card\">\n        <div class=\"jewel-icon\">\n          <!-- Necklace: pendant on chain -->\n          <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"44\" height=\"44\">\n            <path d=\"M10 8 Q24 22 38 8\" stroke=\"#B8862A\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\n            <line x1=\"24\" y1=\"22\" x2=\"24\" y2=\"30\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n            <circle cx=\"24\" cy=\"34\" r=\"4\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n            <circle cx=\"24\" cy=\"34\" r=\"1.5\" fill=\"#B8862A\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"jewel-label\">Ketten<\/div>\n      <\/div>\n      <div class=\"jewel-card\">\n        <div class=\"jewel-icon\">\n          <!-- Mala: beaded circle with tassel -->\n          <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"44\" height=\"44\">\n            <circle cx=\"24\" cy=\"16\" r=\"2\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n            <circle cx=\"31.5\" cy=\"18.5\" r=\"2\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n            <circle cx=\"35\" cy=\"25\" r=\"2\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n            <circle cx=\"31.5\" cy=\"31.5\" r=\"2\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n            <circle cx=\"24\" cy=\"34\" r=\"2\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n            <circle cx=\"16.5\" cy=\"31.5\" r=\"2\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n            <circle cx=\"13\" cy=\"25\" r=\"2\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n            <circle cx=\"16.5\" cy=\"18.5\" r=\"2\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n            <line x1=\"24\" y1=\"34\" x2=\"24\" y2=\"40\" stroke=\"#B8862A\" stroke-width=\"1.1\"\/>\n            <path d=\"M21 38 Q24 43 27 38\" stroke=\"#B8862A\" stroke-width=\"1\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"jewel-label\">Mala-Ketten<\/div>\n      <\/div>\n      <div class=\"jewel-card\">\n        <div class=\"jewel-icon\">\n          <!-- Earrings: elegant drop pair -->\n          <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"44\" height=\"44\">\n            <circle cx=\"17\" cy=\"12\" r=\"2.5\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n            <line x1=\"17\" y1=\"14.5\" x2=\"17\" y2=\"22\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n            <ellipse cx=\"17\" cy=\"28\" rx=\"4\" ry=\"6\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n            <circle cx=\"31\" cy=\"12\" r=\"2.5\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n            <line x1=\"31\" y1=\"14.5\" x2=\"31\" y2=\"22\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n            <ellipse cx=\"31\" cy=\"28\" rx=\"4\" ry=\"6\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"jewel-label\">Ohrringe<\/div>\n      <\/div>\n    <\/div>\n    <svg class=\"leaf leaf-br\" viewBox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path d=\"M190 190 Q140 160 110 110 Q80 60 70 10 Q110 50 140 90 Q175 135 190 190Z\" stroke=\"#B8862A\" stroke-width=\"1.5\" fill=\"none\"\/>\n    <\/svg>\n  <\/div>\n<\/section>\n\n<!-- MATERIALIEN -->\n<div class=\"materials-strip\">\n  <h3>Hochwertige Materialien<\/h3>\n  <div class=\"materials-grid\">\n    <span class=\"mat-pill\">Halbedelsteine<\/span>\n    <span class=\"mat-pill\">925 Silber<\/span>\n    <span class=\"mat-pill\">925 Silber vergoldet<\/span>\n    <span class=\"mat-pill\">925 Silber ros\u00e9vergoldet<\/span>\n  <\/div>\n<\/div>\n\n<!-- PRODUKTE -->\n<section id=\"products\">\n  <p class=\"section-eyebrow\">Kollektionen<\/p>\n  <h2 class=\"section-title\">Jedes St\u00fcck <em>einzigartig<\/em><\/h2>\n  <p class=\"products-subtitle\">Handgefertigt mit ausgew\u00e4hlten Steinen &amp; edlen Metallen<\/p>\n  <div class=\"products-grid\">\n    <div class=\"product-card\">\n      <div class=\"product-carousel\" data-category=\"armbaender\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/armbaender-1.jpg\" class=\"carousel-img active\" alt=\"Armband\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/armbaender-2.jpg\" class=\"carousel-img\" alt=\"Armband\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/armbaender-3.jpg\" class=\"carousel-img\" alt=\"Armband\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/armbaender-4.jpg\" class=\"carousel-img\" alt=\"Armband\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/armbaender-5.jpg\" class=\"carousel-img\" alt=\"Armband\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/armbaender-6.jpg\" class=\"carousel-img\" alt=\"Armband\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/armbaender-7.jpg\" class=\"carousel-img\" alt=\"Armband\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/armbaender-8.jpg\" class=\"carousel-img\" alt=\"Armband\">\n      <\/div>\n      <div class=\"product-emoji\">\n        <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\">\n          <circle cx=\"24\" cy=\"24\" r=\"13\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n          <circle cx=\"24\" cy=\"11\" r=\"2.2\" fill=\"#B8862A\"\/>\n          <circle cx=\"35.3\" cy=\"16.5\" r=\"2.2\" fill=\"#B8862A\"\/>\n          <circle cx=\"35.3\" cy=\"31.5\" r=\"2.2\" fill=\"#B8862A\"\/>\n          <circle cx=\"24\" cy=\"37\" r=\"2.2\" fill=\"#B8862A\"\/>\n          <circle cx=\"12.7\" cy=\"31.5\" r=\"2.2\" fill=\"#B8862A\"\/>\n          <circle cx=\"12.7\" cy=\"16.5\" r=\"2.2\" fill=\"#B8862A\"\/>\n        <\/svg>\n      <\/div>\n      <h3 class=\"product-name\">Armb\u00e4nder<\/h3>\n      <p class=\"product-desc\">Zarte und kraftvolle Armb\u00e4nder aus Halbedelsteinen, individuell f\u00fcr dich zusammengestellt.<\/p>\n      <span class=\"product-price\">\u20ac 20 \u2013 35<\/span>\n    <\/div>\n    <div class=\"product-card\">\n      <div class=\"product-carousel\" data-category=\"ketten\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/ketten-1.jpg\" class=\"carousel-img active\" alt=\"Kette\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/ketten-2.jpg\" class=\"carousel-img\" alt=\"Kette\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/ketten-3.jpg\" class=\"carousel-img\" alt=\"Kette\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/ketten-4.jpg\" class=\"carousel-img\" alt=\"Kette\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/ketten-5.jpg\" class=\"carousel-img\" alt=\"Kette\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/ketten-6.jpg\" class=\"carousel-img\" alt=\"Kette\">\n      <\/div>\n      <div class=\"product-emoji\">\n        <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\">\n          <path d=\"M10 8 Q24 22 38 8\" stroke=\"#B8862A\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\n          <line x1=\"24\" y1=\"22\" x2=\"24\" y2=\"30\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n          <circle cx=\"24\" cy=\"34\" r=\"4\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n          <circle cx=\"24\" cy=\"34\" r=\"1.5\" fill=\"#B8862A\"\/>\n        <\/svg>\n      <\/div>\n      <h3 class=\"product-name\">Ketten<\/h3>\n      <p class=\"product-desc\">Elegante Ketten mit Elementen aus 925 Silber, vergoldet oder ros\u00e9vergoldet.<\/p>\n      <span class=\"product-price\">\u20ac 25 \u2013 60<\/span>\n    <\/div>\n    <div class=\"product-card\">\n      <div class=\"product-carousel\" data-category=\"malaketten\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/malaketten-1.jpg\" class=\"carousel-img active\" alt=\"Mala-Kette\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/malaketten-2.jpg\" class=\"carousel-img\" alt=\"Mala-Kette\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/malaketten-3.jpg\" class=\"carousel-img\" alt=\"Mala-Kette\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/malaketten-4.jpg\" class=\"carousel-img\" alt=\"Mala-Kette\">\n      <\/div>\n      <div class=\"product-emoji\">\n        <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\">\n          <circle cx=\"24\" cy=\"16\" r=\"2\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n          <circle cx=\"31.5\" cy=\"18.5\" r=\"2\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n          <circle cx=\"35\" cy=\"25\" r=\"2\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n          <circle cx=\"31.5\" cy=\"31.5\" r=\"2\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n          <circle cx=\"24\" cy=\"34\" r=\"2\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n          <circle cx=\"16.5\" cy=\"31.5\" r=\"2\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n          <circle cx=\"13\" cy=\"25\" r=\"2\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n          <circle cx=\"16.5\" cy=\"18.5\" r=\"2\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n          <line x1=\"24\" y1=\"34\" x2=\"24\" y2=\"40\" stroke=\"#B8862A\" stroke-width=\"1.1\"\/>\n          <path d=\"M21 38 Q24 43 27 38\" stroke=\"#B8862A\" stroke-width=\"1\" stroke-linecap=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <h3 class=\"product-name\">Mala-Ketten<\/h3>\n      <p class=\"product-desc\">Handgez\u00e4hlte Mala-Ketten mit 108 Perlen \u2013 f\u00fcr Meditation, Achtsamkeit und Kraft.<\/p>\n      <span class=\"product-price\">\u20ac 100 \u2013 140<\/span>\n    <\/div>\n    <div class=\"product-card\">\n      <div class=\"product-carousel\" data-category=\"ohrringe\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/ohrringe-1.jpg\" class=\"carousel-img active\" alt=\"Ohrringe\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/ohrringe-2.jpg\" class=\"carousel-img\" alt=\"Ohrringe\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/ohrringe-3.jpg\" class=\"carousel-img\" alt=\"Ohrringe\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/ohrringe-4.jpg\" class=\"carousel-img\" alt=\"Ohrringe\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/ohrringe-5.jpg\" class=\"carousel-img\" alt=\"Ohrringe\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/ohrringe-6.jpg\" class=\"carousel-img\" alt=\"Ohrringe\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/ohrringe-7.jpg\" class=\"carousel-img\" alt=\"Ohrringe\">\n        <img decoding=\"async\" src=\"https:\/\/schmuckmitbedeutung.at\/wp-content\/uploads\/2026\/06\/ohrringe-8.jpg\" class=\"carousel-img\" alt=\"Ohrringe\">\n      <\/div>\n      <div class=\"product-emoji\">\n        <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\">\n          <circle cx=\"17\" cy=\"12\" r=\"2.5\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n          <line x1=\"17\" y1=\"14.5\" x2=\"17\" y2=\"22\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n          <ellipse cx=\"17\" cy=\"28\" rx=\"4\" ry=\"6\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n          <circle cx=\"31\" cy=\"12\" r=\"2.5\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n          <line x1=\"31\" y1=\"14.5\" x2=\"31\" y2=\"22\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n          <ellipse cx=\"31\" cy=\"28\" rx=\"4\" ry=\"6\" stroke=\"#B8862A\" stroke-width=\"1.2\"\/>\n        <\/svg>\n      <\/div>\n      <h3 class=\"product-name\">Ohrringe<\/h3>\n      <p class=\"product-desc\">Leichte, feminine Ohrringe mit edlen Steinen \u2013 in vielen Varianten erh\u00e4ltlich.<\/p>\n      <span class=\"product-price\">\u20ac 10 \u2013 35<\/span>\n    <\/div>\n  <\/div>\n  <p class=\"price-disclaimer\">Richtpreise \u2013 der endg\u00fcltige Preis richtet sich nach der Art des Schmuckst\u00fccks und den verwendeten Materialien. Bei besonderen Steinen oder Metall-Elementen kann sich der Preis erh\u00f6hen.<\/p>\n<\/section>\n\n<!-- GESCHENKE BANNER -->\n<div class=\"geschenke-banner\">\n  <div class=\"geschenke-inner\">\n    <div class=\"geschenke-icon\">\n      <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\">\n        <rect x=\"8\" y=\"20\" width=\"32\" height=\"22\" rx=\"1\" stroke=\"#B8862A\" stroke-width=\"1.3\"\/>\n        <rect x=\"6\" y=\"14\" width=\"36\" height=\"8\" rx=\"1\" stroke=\"#B8862A\" stroke-width=\"1.3\"\/>\n        <line x1=\"24\" y1=\"14\" x2=\"24\" y2=\"42\" stroke=\"#B8862A\" stroke-width=\"1.3\"\/>\n        <path d=\"M24 14 C24 14 18 10 16 7 C14 4 17 2 19 4 C21 6 24 14 24 14Z\" stroke=\"#B8862A\" stroke-width=\"1.1\" fill=\"none\"\/>\n        <path d=\"M24 14 C24 14 30 10 32 7 C34 4 31 2 29 4 C27 6 24 14 24 14Z\" stroke=\"#B8862A\" stroke-width=\"1.1\" fill=\"none\"\/>\n      <\/svg>\n    <\/div>\n    <div>\n      <p class=\"geschenke-title\">Das perfekte Geschenk<\/p>\n      <p class=\"geschenke-text\">Schmuck mit Bedeutung l\u00e4sst sich auch wunderbar verschenken &#8211; f\u00fcr Geburtstage, Hochzeiten oder einfach als besondere Geste. Ich berate dich gerne dabei, welche Steine zur beschenkten Person passen.<\/p>\n    <\/div>\n    <a href=\"#contact\" class=\"btn\">Geschenk anfragen<\/a>\n  <\/div>\n<\/div>\n\n<!-- DIVIDER -->\n<div class=\"divider\" style=\"padding:3rem 6rem;\">\n  <div class=\"divider-line\"><\/div>\n  <span class=\"divider-heart\">\u2661<\/span>\n  <div class=\"divider-line\"><\/div>\n<\/div>\n\n<!-- \u00dcBER MICH -->\n<section id=\"about\" class=\"about-no-photo\">\n  <div>\n    <p class=\"section-eyebrow\">\u00dcber mich<\/p>\n    <h2 class=\"section-title\">Mit <em>Sorgfalt<\/em> und Liebe zum Detail gefertigt<\/h2>\n    <p class=\"about-text\">\n      Ich glaube, dass Schmuck mehr ist als ein Accessoire \u2013 er tr\u00e4gt Energie, Bedeutung und Erinnerung.\n      Deshalb fertige ich jedes St\u00fcck mit gr\u00f6\u00dfter Sorgfalt und Liebe zum Detail.\n    <\/p>\n    <p class=\"about-text\">\n      Ich berate dich gerne pers\u00f6nlich und w\u00e4hle auf Wunsch passende Steine f\u00fcr dich aus \u2013\n      abgestimmt auf deine aktuellen Themen und deine Lebenssituation.\n    <\/p>\n    <blockquote class=\"about-quote\">\n      \u201eGemeinsam gestalten wir Schmuck, der perfekt zu dir passt.&#8220;\n    <\/blockquote>\n    <a href=\"#contact\" class=\"btn\">Pers\u00f6nliche Beratung<\/a>\n  <\/div>\n<\/section>\n\n<!-- KONTAKT -->\n<section id=\"contact\">\n  <div class=\"contact-inner\">\n    <div class=\"contact-info\">\n      <p class=\"section-eyebrow\">Kontakt<\/p>\n      <h2 class=\"section-title\">Lass uns <em>gestalten<\/em><\/h2>\n      <p>\n        Ich freue mich auf deine Nachricht! Schreib mir einfach, was du dir vorstellst \u2013\n        und gemeinsam kreieren wir Schmuck, der so einzigartig ist wie du.\n      <\/p>\n      <div class=\"contact-detail\">\n        <div class=\"contact-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"contact-label\">E-Mail<\/div>\n          <div class=\"contact-value\"><a href=\"mailto:schmuckmitbedeutung@gmail.com\">schmuckmitbedeutung@gmail.com<\/a><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"contact-detail\">\n        <div class=\"contact-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"contact-label\">Website<\/div>\n          <div class=\"contact-value\"><a href=\"https:\/\/www.schmuckmitbedeutung.at\" target=\"_blank\">www.schmuckmitbedeutung.at<\/a><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"shipping-note\">\n        <div class=\"contact-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.3\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.3\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"contact-value\">Abholung in 1180 Wien oder Versand (\u20ac 5,50 innerhalb \u00d6sterreichs oder \u20ac 12 nach Deutschland)<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <form class=\"contact-form\" onsubmit=\"handleSubmit(event)\">\n      <div class=\"form-group\">\n        <label for=\"name\">Dein Name<\/label>\n        <input type=\"text\" id=\"name\" placeholder=\"Vorname Nachname\" required \/>\n      <\/div>\n      <div class=\"form-group\">\n        <label for=\"email\">E-Mail<\/label>\n        <input type=\"email\" id=\"email\" placeholder=\"deine@email.at\" required \/>\n      <\/div>\n      <div class=\"form-group\">\n        <label for=\"wunsch\">Dein Schmuckwunsch<\/label>\n        <textarea id=\"wunsch\" placeholder=\"Erz\u00e4hl mir von deinem Wunsch \u2013 Steinwahl, Anlass, oder was dich gerade bewegt \u2026\"><\/textarea>\n      <\/div>\n      <button type=\"submit\" class=\"btn-gold\">Nachricht senden<\/button>\n      <p id=\"form-msg\" style=\"font-size:.82rem;color:var(--gold);display:none;\">\n        \u2661 Deine E-Mail-App \u00f6ffnet sich gleich \u2013 einfach abschicken!\n      <\/p>\n    <\/form>\n  <\/div>\n<\/section>\n\n<!-- LIGHTBOX -->\n<div id=\"lightbox\" class=\"lightbox\">\n  <button class=\"lightbox-close\" aria-label=\"Schlie\u00dfen\">&times;<\/button>\n  <button class=\"lightbox-prev\" aria-label=\"Vorheriges Bild\">&#8249;<\/button>\n  <img decoding=\"async\" id=\"lightbox-img\" src=\"\" alt=\"\">\n  <button class=\"lightbox-next\" aria-label=\"N\u00e4chstes Bild\">&#8250;<\/button>\n<\/div>\n\n<footer>\n  <p>\u2661 <span>Schmuck mit Bedeutung<\/span> &nbsp;\u00b7&nbsp; \u00a9 2026<\/p>\n<\/footer>\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    \/* Astra Theme: Seitentitel-Bereich zuverl\u00e4ssig ausblenden *\/\n    .ast-page-builder-template .entry-header,\n    .page-header,\n    .ast-archive-description,\n    .entry-header,\n    .page .entry-title,\n    h1.entry-title,\n    .ast-single-post .entry-header,\n    body.page .site-content > .ast-container > .page-header,\n    .ast-author-box,\n    .site-content .page-header {\n      display: none !important;\n    }\n\n    :root {\n      --cream:    #F5EFE4;\n      --cream-dk: #EDE3D3;\n      --gold:     #B8862A;\n      --gold-lt:  #D4A84B;\n      --gold-pale:#F0DFB8;\n      --brown:    #6B4C1E;\n      --text:     #3A2E22;\n      --text-lt:  #7A6A55;\n    }\n\n    html { scroll-behavior: smooth; }\n\n    body {\n      font-family: 'Lato', sans-serif;\n      background: var(--cream);\n      color: var(--text);\n      font-weight: 300;\n    }\n\n    \/* \u2500\u2500 NAV \u2500\u2500 *\/\n    nav {\n      position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n      display: flex; justify-content: space-between; align-items: center;\n      padding: .4rem 2rem;\n      background: rgba(245,239,228,0.95);\n      backdrop-filter: blur(6px);\n      border-bottom: 1px solid var(--gold-pale);\n      gap: 1rem;\n    }\n    .nav-logo {\n      display: flex; align-items: center;\n      flex-shrink: 0;\n      margin-left: .8rem;\n    }\n    .nav-logo img {\n      height: 72px; width: auto; display: block;\n    }\n    .nav-links {\n      display: flex; gap: 1.6rem; list-style: none;\n      flex-wrap: nowrap; white-space: nowrap;\n      overflow-x: auto;\n    }\n    .nav-links a {\n      font-size: .72rem;\n      letter-spacing: .14em;\n      text-transform: uppercase;\n      color: var(--text-lt);\n      text-decoration: none;\n      transition: color .25s;\n      white-space: nowrap;\n    }\n    .nav-links a:hover { color: var(--gold); }\n\n    \/* \u2500\u2500 HERO \u2500\u2500 *\/\n    #hero {\n      min-height: 100vh;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      padding-top: 82px;\n      position: relative;\n      overflow: hidden;\n    }\n    .hero-left {\n      display: flex; flex-direction: column; justify-content: center;\n      padding: 5rem 4rem 5rem 6rem;\n    }\n    .hero-eyebrow {\n      font-family: 'Lato', sans-serif;\n      font-size: .72rem; letter-spacing: .3em;\n      text-transform: uppercase;\n      color: var(--gold);\n      margin-bottom: 1rem;\n    }\n    .hero-title {\n      font-family: 'Playfair Display', serif;\n      font-size: clamp(3rem, 6vw, 5.5rem);\n      font-weight: 600;\n      line-height: 1.05;\n      color: var(--gold);\n    }\n    .hero-subtitle {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: clamp(1.6rem, 3vw, 2.4rem);\n      font-style: italic;\n      font-weight: 300;\n      color: var(--brown);\n      margin-top: .4rem;\n      margin-bottom: 1.8rem;\n    }\n    .hero-tagline {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 1.15rem;\n      letter-spacing: .06em;\n      color: var(--text-lt);\n      font-style: italic;\n      margin-bottom: 1.6rem;\n    }\n    .hero-desc {\n      font-size: .92rem;\n      line-height: 1.75;\n      color: var(--text-lt);\n      max-width: 380px;\n      margin-bottom: 2.8rem;\n    }\n    .btn {\n      display: inline-block;\n      padding: .85rem 2.2rem;\n      border: 1.5px solid var(--gold);\n      color: var(--gold);\n      font-size: .75rem;\n      letter-spacing: .22em;\n      text-transform: uppercase;\n      text-decoration: none;\n      transition: background .25s, color .25s;\n      align-self: flex-start;\n    }\n    .btn:hover { background: var(--gold); color: #fff; }\n\n    .hero-right {\n      position: relative;\n      background: var(--cream-dk);\n      display: flex; align-items: center; justify-content: center;\n    }\n    \/* Decorative corner leaves *\/\n    .leaf {\n      position: absolute;\n      pointer-events: none;\n      opacity: .35;\n    }\n    .leaf-tl { top: 0; left: 0; width: 160px; }\n    .leaf-br { bottom: 0; right: 0; width: 160px; transform: rotate(180deg); }\n\n    .hero-jewels {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 1.2rem;\n      padding: 2.5rem;\n      width: 100%;\n      max-width: 460px;\n    }\n    .jewel-card {\n      background: var(--cream);\n      border-radius: 2px;\n      padding: 1.4rem 1rem;\n      text-align: center;\n      border: 1px solid var(--gold-pale);\n      transition: box-shadow .25s, transform .25s;\n    }\n    .jewel-card:hover {\n      box-shadow: 0 8px 32px rgba(184,134,42,.12);\n      transform: translateY(-3px);\n    }\n    .jewel-icon { font-size: 2rem; margin-bottom: .6rem; }\n    .jewel-label {\n      font-size: .65rem; letter-spacing: .22em;\n      text-transform: uppercase; color: var(--gold);\n    }\n\n    \/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\n    .divider {\n      display: flex; align-items: center; gap: 1rem;\n      padding: 0 6rem; margin: 0 auto;\n      max-width: 900px;\n    }\n    .divider-line { flex: 1; height: 1px; background: var(--gold-pale); }\n    .divider-heart { color: var(--gold); font-size: 1rem; }\n\n    \/* \u2500\u2500 GESCHENKE BANNER \u2500\u2500 *\/\n    .geschenke-banner {\n      background: var(--gold);\n      padding: 3rem 6rem;\n    }\n    .geschenke-inner {\n      max-width: 1000px; margin: 0 auto;\n      display: flex; align-items: center; gap: 2.5rem;\n      flex-wrap: wrap;\n    }\n    .geschenke-icon { flex-shrink: 0; opacity: .9; }\n    .geschenke-icon svg path, .geschenke-icon svg rect, .geschenke-icon svg line {\n      stroke: #fff;\n    }\n    .geschenke-title {\n      font-family: 'Playfair Display', serif;\n      font-size: 1.3rem; color: #fff;\n      margin-bottom: .4rem;\n    }\n    .geschenke-text {\n      font-size: .88rem; color: rgba(255,255,255,.85);\n      line-height: 1.7; max-width: 520px;\n    }\n    .geschenke-banner .btn {\n      border-color: #fff; color: #fff; white-space: nowrap; flex-shrink: 0; margin-left: auto;\n    }\n    .geschenke-banner .btn:hover { background: #fff; color: var(--gold); }\n\n    \/* \u2500\u2500 \u00dcBER MICH (smaller photo) \u2500\u2500 *\/\n    #about {\n      padding: 7rem 6rem;\n      max-width: 1100px; margin: 0 auto;\n      display: grid; grid-template-columns: 260px 1fr; gap: 4rem; align-items: center;\n    }\n    #about.about-no-photo {\n      grid-template-columns: 1fr;\n      max-width: 700px;\n      text-align: center;\n    }\n    #about.about-no-photo .about-quote { text-align: left; }\n    #about.about-no-photo .btn { align-self: center; }\n    .about-img-wrap-small {\n      position: relative; width: 260px; flex-shrink: 0;\n    }\n    .about-img-placeholder {\n      width: 100%;\n      aspect-ratio: 3\/4;\n      background: var(--cream-dk);\n      border: 1px solid var(--gold-pale);\n      display: flex; flex-direction: column;\n      align-items: center; justify-content: center;\n      gap: 1rem; color: var(--gold-lt);\n    }\n\n    \/* \u2500\u2500 \u00dcBER MICH \u2500\u2500 *\/\n    .about-img-placeholder svg { width: 48px; opacity: .5; }\n    .about-img-placeholder p { font-size: .75rem; letter-spacing: .15em; text-transform: uppercase; color: var(--text-lt); }\n    .about-frame {\n      position: absolute; inset: -12px; border: 1px solid var(--gold-pale); pointer-events: none;\n      transform: translate(12px, 12px);\n    }\n    .section-eyebrow {\n      font-size: .72rem; letter-spacing: .3em; text-transform: uppercase;\n      color: var(--gold); margin-bottom: 1rem;\n    }\n    .section-title {\n      font-family: 'Playfair Display', serif;\n      font-size: clamp(2rem, 4vw, 3rem);\n      font-weight: 400; line-height: 1.2;\n      color: var(--brown); margin-bottom: 1.5rem;\n    }\n    .section-title em { font-style: italic; color: var(--gold); }\n    .about-text { font-size: .95rem; line-height: 1.85; color: var(--text-lt); margin-bottom: 1rem; }\n    .about-quote {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 1.3rem; font-style: italic;\n      color: var(--gold); border-left: 2px solid var(--gold-pale);\n      padding-left: 1.2rem; margin: 1.8rem 0;\n    }\n\n    \/* Materials strip *\/\n    .materials-strip {\n      background: var(--cream-dk);\n      padding: 3rem 6rem;\n      text-align: center;\n      border-top: 1px solid var(--gold-pale);\n      border-bottom: 1px solid var(--gold-pale);\n    }\n    .materials-strip h3 {\n      font-size: .72rem; letter-spacing: .3em;\n      text-transform: uppercase; color: var(--gold); margin-bottom: 1.8rem;\n    }\n    .materials-grid {\n      display: flex; flex-wrap: wrap; justify-content: center; gap: 1.2rem;\n    }\n    .mat-pill {\n      padding: .55rem 1.4rem;\n      border: 1px solid var(--gold);\n      font-size: .8rem; letter-spacing: .12em;\n      color: var(--brown); border-radius: 40px;\n      text-transform: uppercase;\n    }\n\n    \/* \u2500\u2500 PRODUKTE \u2500\u2500 *\/\n    #products {\n      padding: 7rem 6rem;\n      max-width: 1200px; margin: 0 auto;\n      text-align: center;\n    }\n    #products .section-title { margin-bottom: .5rem; }\n    .products-subtitle {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 1.1rem; font-style: italic;\n      color: var(--text-lt); margin-bottom: 3.5rem;\n    }\n    .products-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 1.8rem;\n    }\n    .product-card {\n      background: var(--cream-dk);\n      border: 1px solid var(--gold-pale);\n      padding: 0 1rem 1.2rem;\n      text-align: center;\n      transition: box-shadow .3s, transform .3s;\n      cursor: pointer;\n      overflow: hidden;\n    }\n    .product-card:hover {\n      box-shadow: 0 12px 40px rgba(184,134,42,.15);\n      transform: translateY(-5px);\n    }\n    .product-carousel {\n      position: relative;\n      width: calc(100% + 2rem);\n      margin: 0 -1rem .9rem;\n      aspect-ratio: 4\/3;\n      overflow: hidden;\n      background: var(--cream);\n    }\n    .carousel-img {\n      position: absolute;\n      top: 0; left: 0;\n      width: 100%; height: 100%;\n      object-fit: cover;\n      opacity: 0;\n      transition: opacity 1s ease-in-out;\n    }\n    .carousel-img.active { opacity: 1; }\n    .product-carousel { cursor: zoom-in; }\n\n    \/* \u2500\u2500 LIGHTBOX \u2500\u2500 *\/\n    .lightbox {\n      display: none;\n      position: fixed; inset: 0; z-index: 1000;\n      background: rgba(20,15,10,.92);\n      align-items: center; justify-content: center;\n    }\n    .lightbox.open { display: flex; }\n    .lightbox img {\n      max-width: 88vw; max-height: 82vh;\n      object-fit: contain;\n      border: 2px solid rgba(245,239,228,.2);\n    }\n    .lightbox-close {\n      position: absolute; top: 1.2rem; right: 1.5rem;\n      background: none; border: none; color: #fff;\n      font-size: 2.2rem; line-height: 1; cursor: pointer;\n      z-index: 1001;\n    }\n    .lightbox-prev, .lightbox-next {\n      position: absolute; top: 50%; transform: translateY(-50%);\n      background: rgba(255,255,255,.12); border: none; color: #fff;\n      font-size: 2.4rem; line-height: 1; cursor: pointer;\n      padding: .5rem 1rem; border-radius: 4px;\n      z-index: 1001; transition: background .2s;\n    }\n    .lightbox-prev:hover, .lightbox-next:hover { background: rgba(255,255,255,.25); }\n    .lightbox-prev { left: 1rem; }\n    .lightbox-next { right: 1rem; }\n    @media (max-width: 600px) {\n      .lightbox-prev, .lightbox-next { font-size: 1.8rem; padding: .4rem .7rem; }\n      .lightbox-close { font-size: 1.9rem; top: .8rem; right: 1rem; }\n    }\n    .product-emoji { margin-bottom: .4rem; display: flex; justify-content: center; }\n    .product-emoji svg { width: 32px; height: 32px; }\n    .product-name {\n      font-family: 'Playfair Display', serif;\n      font-size: 1.05rem; color: var(--brown);\n      margin-bottom: .35rem;\n    }\n    .product-desc { font-size: .78rem; color: var(--text-lt); line-height: 1.45; }\n    .product-badge {\n      display: inline-block; margin-top: .7rem;\n      font-size: .62rem; letter-spacing: .18em;\n      text-transform: uppercase; color: var(--gold);\n      border-top: 1px solid var(--gold-pale);\n      padding-top: .5rem; width: 100%;\n    }\n    .product-price {\n      display: block; margin-top: .7rem;\n      font-family: 'Playfair Display', serif;\n      font-size: .82rem; color: var(--gold-lt);\n      border-top: 1px solid var(--gold-pale);\n      padding-top: .5rem; width: 100%;\n    }\n    .price-disclaimer {\n      max-width: 640px; margin: 1.8rem auto 0;\n      font-size: .76rem; line-height: 1.6;\n      color: var(--text-lt); font-style: italic;\n    }\n\n    \/* \u2500\u2500 KONTAKT \u2500\u2500 *\/\n    #contact {\n      background: var(--cream-dk);\n      border-top: 1px solid var(--gold-pale);\n      padding: 7rem 6rem;\n    }\n    .contact-inner {\n      max-width: 900px; margin: 0 auto;\n      display: grid; grid-template-columns: 1fr 1fr; gap: 5rem;\n    }\n    .contact-info p {\n      font-size: .92rem; line-height: 1.85; color: var(--text-lt); margin-bottom: 2rem;\n    }\n    .contact-detail {\n      display: flex; align-items: flex-start; gap: 1rem;\n      margin-bottom: 1.4rem;\n    }\n    .contact-icon {\n      width: 38px; height: 38px; border-radius: 50%;\n      background: var(--gold); display: flex; align-items: center; justify-content: center;\n      flex-shrink: 0;\n    }\n    .contact-icon svg { width: 16px; fill: #fff; }\n    .contact-label {\n      font-size: .68rem; letter-spacing: .22em; text-transform: uppercase;\n      color: var(--gold); margin-bottom: .2rem;\n    }\n    .contact-value { font-size: .92rem; color: var(--text); }\n    .contact-value a { color: var(--text); text-decoration: none; }\n    .contact-value a:hover { color: var(--gold); }\n    .shipping-note {\n      display: flex; align-items: flex-start; gap: 1rem;\n      margin-top: 1.8rem; padding-top: 1.6rem;\n      border-top: 1px solid var(--gold-pale);\n    }\n    .shipping-note .contact-value { line-height: 1.65; }\n\n    \/* Form *\/\n    .contact-form { display: flex; flex-direction: column; gap: 1.2rem; }\n    .form-group { display: flex; flex-direction: column; gap: .4rem; }\n    label { font-size: .7rem; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); }\n    input, textarea {\n      background: var(--cream);\n      border: 1px solid var(--gold-pale);\n      padding: .8rem 1rem;\n      font-family: 'Lato', sans-serif;\n      font-size: .9rem; color: var(--text);\n      outline: none; transition: border .25s;\n      border-radius: 0;\n    }\n    input:focus, textarea:focus { border-color: var(--gold); }\n    textarea { resize: vertical; min-height: 120px; }\n    .btn-gold {\n      background: var(--gold); color: #fff;\n      border: none; padding: .9rem 2.5rem;\n      font-size: .75rem; letter-spacing: .22em;\n      text-transform: uppercase; cursor: pointer;\n      transition: background .25s; align-self: flex-start;\n    }\n    .btn-gold:hover { background: var(--brown); }\n\n    \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n    footer {\n      background: var(--brown);\n      color: rgba(245,239,228,.6);\n      text-align: center;\n      padding: 2rem;\n      font-size: .75rem; letter-spacing: .12em;\n    }\n    footer span { color: var(--gold-lt); }\n\n    \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n    @media (max-width: 900px) {\n      nav { padding: .35rem 1rem; }\n      .nav-logo img { height: 60px; }\n      .nav-logo { margin-left: .3rem; }\n      .nav-links { gap: .8rem; }\n      .nav-links a { font-size: .62rem; letter-spacing: .08em; }\n      #hero { grid-template-columns: 1fr; min-height: auto; }\n      .hero-left { padding: 4rem 2rem 3rem; }\n      .hero-right { min-height: 320px; }\n      .hero-jewels { grid-template-columns: repeat(4,1fr); padding: 1.5rem; }\n      #about { grid-template-columns: 1fr; padding: 4rem 2rem; gap: 2.5rem; }\n      .materials-strip { padding: 2.5rem 2rem; }\n      #products { padding: 4rem 2rem; }\n      .products-grid { grid-template-columns: 1fr 1fr; }\n      #contact { padding: 4rem 2rem; }\n      .contact-inner { grid-template-columns: 1fr; gap: 2.5rem; }\n    }\n    @media (max-width: 560px) {\n      .hero-jewels { grid-template-columns: 1fr 1fr; }\n      .products-grid { grid-template-columns: 1fr 1fr; }\n      .divider { padding: 0 2rem; }\n      .product-carousel { aspect-ratio: 1\/1; }\n      .product-name { font-size: .92rem; }\n      .product-desc { font-size: .72rem; }\n    }\n    \/* Astra Scroll-to-Top Button an unser Design anpassen *\/\n    #scroll-top,\n    .ast-scroll-top,\n    .scroll-to-top,\n    #ast-scroll-top,\n    a#scroll-top,\n    button#scroll-top,\n    .ast-scroll-top.ast-scroll-to-top-icon,\n    [class*=\"scroll-top\"],\n    [id*=\"scroll-top\"] {\n      background-color: var(--gold) !important;\n      background: var(--gold) !important;\n      border-color: var(--gold) !important;\n    }\n    #scroll-top:hover,\n    .ast-scroll-top:hover,\n    [class*=\"scroll-top\"]:hover,\n    [id*=\"scroll-top\"]:hover {\n      background-color: var(--brown) !important;\n      background: var(--brown) !important;\n    }\n    #scroll-top svg,\n    .ast-scroll-top svg,\n    #scroll-top i,\n    .ast-scroll-top i,\n    [class*=\"scroll-top\"] svg,\n    [class*=\"scroll-top\"] i,\n    [id*=\"scroll-top\"] svg,\n    [id*=\"scroll-top\"] i {\n      color: #fff !important;\n      fill: #fff !important;\n    }\n<\/style>\n<script>\nfunction handleSubmit(e) {\n    e.preventDefault();\n    const name = document.getElementById('name').value;\n    const email = document.getElementById('email').value;\n    const wunsch = document.getElementById('wunsch').value;\n\n    const subject = encodeURIComponent('Schmuckwunsch von ' + name);\n    const body = encodeURIComponent(\n      'Name: ' + name + '\\n' +\n      'E-Mail: ' + email + '\\n\\n' +\n      'Nachricht:\\n' + wunsch\n    );\n\n    window.location.href = 'mailto:schmuckmitbedeutung@gmail.com?subject=' + subject + '&body=' + body;\n\n    document.getElementById('form-msg').style.display = 'block';\n  }\n\n  \/\/ Produktbilder-Karussell: automatischer Wechsel alle 3 Sekunden\n  document.querySelectorAll('.product-carousel').forEach(function(carousel) {\n    const images = carousel.querySelectorAll('.carousel-img');\n    let current = 0;\n    if (images.length <= 1) return;\n    setInterval(function() {\n      images[current].classList.remove('active');\n      current = (current + 1) % images.length;\n      images[current].classList.add('active');\n    }, 3000);\n  });\n\n  \/\/ Lightbox: Gro\u00dfansicht der Produktbilder mit Durchklicken\n  (function() {\n    const lightbox = document.getElementById('lightbox');\n    const lightboxImg = document.getElementById('lightbox-img');\n    const btnClose = lightbox.querySelector('.lightbox-close');\n    const btnPrev = lightbox.querySelector('.lightbox-prev');\n    const btnNext = lightbox.querySelector('.lightbox-next');\n\n    let currentImages = [];\n    let currentIndex = 0;\n\n    function showImage(index) {\n      currentIndex = (index + currentImages.length) % currentImages.length;\n      lightboxImg.src = currentImages[currentIndex].src;\n      lightboxImg.alt = currentImages[currentIndex].alt;\n    }\n\n    function openLightbox(images, startIndex) {\n      currentImages = images;\n      showImage(startIndex);\n      lightbox.classList.add('open');\n    }\n\n    function closeLightbox() {\n      lightbox.classList.remove('open');\n    }\n\n    document.querySelectorAll('.product-carousel').forEach(function(carousel) {\n      carousel.addEventListener('click', function() {\n        const images = Array.from(carousel.querySelectorAll('.carousel-img'));\n        const activeIndex = images.findIndex(img => img.classList.contains('active'));\n        openLightbox(images, activeIndex >= 0 ? activeIndex : 0);\n      });\n    });\n\n    btnClose.addEventListener('click', closeLightbox);\n    btnPrev.addEventListener('click', function(e) { e.stopPropagation(); showImage(currentIndex - 1); });\n    btnNext.addEventListener('click', function(e) { e.stopPropagation(); showImage(currentIndex + 1); });\n\n    lightbox.addEventListener('click', function(e) {\n      if (e.target === lightbox) closeLightbox();\n    });\n\n    document.addEventListener('keydown', function(e) {\n      if (!lightbox.classList.contains('open')) return;\n      if (e.key === 'Escape') closeLightbox();\n      if (e.key === 'ArrowLeft') showImage(currentIndex - 1);\n      if (e.key === 'ArrowRight') showImage(currentIndex + 1);\n    });\n  })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Start \u00dcber mich Kollektionen Kontakt Handgemachter Schmuck mit Bedeutung \u2661 Individuell. Einzigartig. F\u00fcr dich. Handgefertigter Schmuck mit ausgew\u00e4hlten edlen Steinen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"disabled","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"disabled","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/schmuckmitbedeutung.at\/index.php?rest_route=\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/schmuckmitbedeutung.at\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/schmuckmitbedeutung.at\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/schmuckmitbedeutung.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/schmuckmitbedeutung.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=38"}],"version-history":[{"count":11,"href":"https:\/\/schmuckmitbedeutung.at\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/schmuckmitbedeutung.at\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/schmuckmitbedeutung.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}