freywille.com

172.67.6.162

, ,

104.22.60.150

, ,

104.22.61.150

, ,

2606:4700:10::ac43:6a2

, ,

2606:4700:10::6816:3c96

, ,

2606:4700:10::6816:3d96

, ,

{
  "error": false,
  "result": {
    "success": true,
    "ogType": "website",
    "ogTitle": "Online Boutique | FREYWILLE",
    "ogDescription": "✓ Kostbare Schmuckstücke aus künstlerisch designtem Feueremail sowie edle Accessoires der österreichischen Schmuckmanufaktur FREYWILLE ➜ jetzt auch online erhältlich",
    "ogUrl": "https://shop.freywille.com",
    "ogSiteName": "FREYWILLE",
    "ogImage": [
      {
        "url": "https://shop.freywille.com/media/snowdog/menu/node/a/b/about-menu_1.png",
        "type": "png"
      },
      {
        "url": "https://shop.freywille.com/media/snowdog/menu/node/1/8/18kt_1.jpg",
        "type": "jpg"
      },
      {
        "url": "https://shop.freywille.com/media/snowdog/menu/node/m/a/makingof_gms_web_4.jpg",
        "type": "jpg"
      },
      {
        "url": "https://shop.freywille.com/media/snowdog/menu/node/v/i/vincent_van_gogh_web_4.jpg",
        "type": "jpg"
      },
      {
        "url": "https://shop.freywille.com/media/snowdog/menu/node/a/l/alphonse_mucha_web_4.jpg",
        "type": "jpg"
      },
      {
        "url": "https://shop.freywille.com/media/snowdog/menu/node/m/o/monet_web_4.jpg",
        "type": "jpg"
      },
      {
        "url": "https://shop.freywille.com/media/snowdog/menu/node/s/o/sophie-taeuber-arp_web_4.jpg",
        "type": "jpg"
      },
      {
        "url": "https://shop.freywille.com/media/snowdog/menu/node/p/a/paulgauguin_colour_web_4.jpg",
        "type": "jpg"
      },
      {
        "url": "https://shop.freywille.com/media/snowdog/menu/node/k/l/klimt_web_4.jpg",
        "type": "jpg"
      },
      {
        "url": "https://shop.freywille.com/media/snowdog/menu/node/h/u/hundertwasser_colour_web_4.jpg",
        "type": "jpg"
      }
    ],
    "ogLocale": "de",
    "favicon": "https://shop.freywille.com/media/favicon/default/Favicon.png",
    "charset": "utf-8",
    "jsonLD": [
      {
        "@context": "http://schema.org",
        "@type": "WebSite",
        "url": "https://shop.freywille.com/",
        "name": "FREYWILLE",
        "potentialAction": {
          "@type": "SearchAction",
          "target": "https://shop.freywille.com/catalogsearch/result/?q={search_term_string}",
          "query-input": "required name=search_term_string"
        }
      },
      {
        "@context": "http://schema.org/",
        "@type": "WebPage",
        "speakable": {
          "@type": "SpeakableSpecification",
          "cssSelector": [
            ".cms-content"
          ],
          "xpath": [
            "/html/head/title"
          ]
        }
      }
    ],
    "requestUrl": "https://freywille.com"
  },
  "response": {}
}

{
  "Hotjar": "A heatmap, survey, feedback and funnel application.",
  "Google Analytics": "Google Analytics offers a host of compelling features and benefits for everyone from senior executives and advertising and marketing professionals to site owners and content developers.",
  "Twitter Conversion Tracking": "Twitter ads conversion tracking code.",
  "Global Site Tag": "Google's primary tag for Google Measurement/Conversion Tracking, Adwords and DoubleClick.",
  "Bing Universal Event Tracking": "Universal Event Tracking (UET) is a simple and powerful campaign measurement solution that allows you to track key conversion goals important to your business.",
  "Apple Whitelist": "This website domain is on the Apple TLD whitelist which may potentially mean these domains will appear in autocomplete when looking up URLs on Apple products.",
  "Slack": "Messaging app for teams that makes working together simple and efficient.",
  "Google Tag Manager": "Tag management that lets you add and update website tags without changes to underlying website code.",
  "reCAPTCHA": "Anti-bot CAPTCHA widget from Google.",
  "Azure Active Directory": "Enterprise identity service that provides single sign-on, multifactor authentication and more.",
  "Cloudflare Radar": "The website appears on the Cloudflare Radar Top 1m sites list",
  "Cloudflare Radar Top 500k": "The website appears in the Cloudflare Radar Top 500,000.",
  "Pinterest": "Content from the social image sharing website Pinterest.",
  "Font Awesome": "Iconic font and CSS toolkit.",
  "US Privacy User Signal Mechanism": "The US Privacy API (USP API) is a lightweight API used to communicate signals represented in the US Privacy String.",
  "EU VAT Registration": "This website has an EU VAT Registration listed on it.",
  "Austria VAT Registration": "This website has a EU VAT Registration ID based in Austria.",
  "Bulgarian HREF LANG": "This webpage has alternate versions available in Bulgarian via the use of the hreflang tag.",
  "Czech HREF LANG": "This webpage has alternate versions available in Czech via the use of the hreflang tag.",
  "German HREF LANG": "This webpage has alternate versions available in German via the use of the hreflang tag.",
  "Austrian German HREF LANG": "This webpage has alternate versions available in Austrian German via the use of the hreflang tag.",
  "Swiss German HREF LANG": "This webpage has alternate versions available in Swiss German via the use of the hreflang tag.",
  "English HREF LANG": "This webpage has alternate versions available in English via the use of the hreflang tag.",
  "Australian English HREF LANG": "This webpage has alternate versions available in Australian English via the use of the hreflang tag.",
  "Irish English HREF LANG": "This webpage has alternate versions available in Irish English via the use of the hreflang tag.",
  "Spanish HREF LANG": "This webpage has alternate versions available in Spanish via the use of the hreflang tag.",
  "French HREF LANG": "This webpage has alternate versions available in French via the use of the hreflang tag.",
  "Belgium French HREF LANG": "This webpage has alternate versions available in Belgium French via the use of the hreflang tag.",
  "Croatian HREF LANG": "This webpage has alternate versions available in Croatian via the use of the hreflang tag.",
  "Hungarian HREF LANG": "This webpage has alternate versions available in Hungarian via the use of the hreflang tag.",
  "Italian HREF LANG": "This webpage has alternate versions available in Italian via the use of the hreflang tag.",
  "Latvian HREF LANG": "This webpage has alternate versions available in Latvian via the use of the hreflang tag.",
  "Polish HREF LANG": "This webpage has alternate versions available in Polish via the use of the hreflang tag.",
  "Slovak HREF LANG": "This webpage has alternate versions available in Slovak via the use of the hreflang tag.",
  "Slovenian HREF LANG": "This webpage has alternate versions available in Slovenian via the use of the hreflang tag.",
  "Ukrainian HREF LANG": "This webpage has alternate versions available in Ukrainian via the use of the hreflang tag.",
  "Chinese HREF LANG": "This webpage has alternate versions available in Chinese via the use of the hreflang tag.",
  "German": "Website content is written in German. Based on HTML langauge attributes on the website",
  "Shockwave Flash Embed": "Adobe Flash Macromedia shockwave content. End of life product retiring in 2020.",
  "Viewport Meta": "This page uses the viewport meta tag which means the content may be optimized for mobile content.",
  "IPhone / Mobile Compatible": "The website contains code that allows the page to support IPhone / Mobile Content.",
  "Cloudflare": "Automatically optimizes the delivery of your web pages so your visitors get the fastest page load times and best performance.",
  "GStatic Google Static Content": "Google has off-loaded static content (Javascript/Images/CSS) to a different domain name in an effort to reduce bandwidth usage and increase network performance for the end user.",
  "Euro": "The website uses the € symbol on its website - meaning it may accept payment in Euros.",
  "AC_OETags": "The AC_OETags.js file provides the HTML templates with version-checking and embedding functionality - functionality provided by Adobe.",
  "Adobe Active Content": "Changes effected Flash content in Internet Explorer - this library fixes them.",
  "Intersection Observer": "API that can be used to understand the visibility and position of DOM elements relative to a containing element or to the top-level viewport.",
  "DoubleClick.Net": "DoubleClick enables agencies, marketers and publishers to work together successfully and profit from their digital marketing investments. Owned by Google and now referred to as DoubleClick Digital Marketing or Google Enterprise Advertising.",
  "AdRoll": "AdRoll is a retargeting platform with a mission to make display advertising simple for business of all sizes.",
  "Facebook": "The website mentions facebook.com in some form.",
  "Twitter": "The website mentions twitter.com in some form.",
  "Instagram": "The website mentions Instagram in some form.",
  "SPF": "The Sender Policy Framework is an open standard specifying a technical method to prevent sender address forgery.",
  "Microsoft Azure DNS": "This domain is verified with Microsoft Azure.",
  "Microsoft Exchange Online": "A rich hosted Exchange environment for every user without having to manage a server.",
  "DMARC": "A technical specification created by a group of organizations that want to help reduce the potential for email-based abuse",
  "DMARC Reject": "The domain has a DMARC policy of 'Reject'. This policy tells the mail server to reject emails that fail DMARC checks, preventing them from being delivered at all.",
  "Office 365 Mail": "Email sent from this domain has records showing Office 365 usage.",
  "Cloudflare DNS": "DNS services provided by Cloudflare.",
  "Cloudflare Hosting": "Supercharged web hosting service.",
  "German Server Location": "The web server is located in Germany.",
  "SSL by Default": "The website redirects traffic to an HTTPS/SSL version by default.",
  "Apache": "Apache has been the most popular web server on the Internet since April 1996.",
  "IPv6": "The website has an IPv6 record.",
  "Cloudflare CDN": "Content owned by this site hosted on the Cloudflare CDN.",
  "Content Delivery Network": "This page contains links that give the impression that some of the site contents are stored on a content delivery network.",
  "Google Webmaster": "Webmaster tools provide you with a free and easy way to make your site more Google-friendly."
}

[
  {
    "url": "https://freywille.com",
    "technologies": [
      {
        "slug": "php",
        "name": "PHP",
        "versions": [],
        "trafficRank": 0,
        "confirmedAt": 1722572918,
        "icon": "PHP.svg",
        "categories": [
          {
            "id": 27,
            "slug": "programming-languages",
            "name": "Programming languages"
          }
        ]
      },
      {
        "slug": "hyva-themes",
        "name": "Hyva Themes",
        "versions": [],
        "trafficRank": 0,
        "confirmedAt": 1722572918,
        "icon": "Hyva Themes.svg",
        "categories": [
          {
            "id": 108,
            "slug": "ecommerce-frontends",
            "name": "Ecommerce frontends"
          }
        ]
      },
      {
        "slug": "alpine-js",
        "name": "Alpine.js",
        "versions": [],
        "trafficRank": 0,
        "confirmedAt": 1722572918,
        "icon": "Alpine.js.svg",
        "categories": [
          {
            "id": 12,
            "slug": "javascript-frameworks",
            "name": "JavaScript frameworks"
          }
        ]
      },
      {
        "slug": "tailwind-css",
        "name": "Tailwind CSS",
        "versions": [],
        "trafficRank": 0,
        "confirmedAt": 1722572918,
        "icon": "tailwindcss.svg",
        "categories": [
          {
            "id": 66,
            "slug": "ui-frameworks",
            "name": "UI frameworks"
          }
        ]
      },
      {
        "slug": "magento",
        "name": "Magento",
        "cpe": "cpe:2.3:a:magento:magento:2:*:*:*:*:*:*:*",
        "versions": [
          "2"
        ],
        "trafficRank": 0,
        "confirmedAt": 1722572918,
        "icon": "Magento.svg",
        "categories": [
          {
            "id": 6,
            "slug": "ecommerce",
            "name": "Ecommerce"
          }
        ]
      },
      {
        "slug": "cloudflare",
        "name": "Cloudflare",
        "versions": [],
        "trafficRank": 0,
        "confirmedAt": 1722572918,
        "icon": "CloudFlare.svg",
        "categories": [
          {
            "id": 31,
            "slug": "cdn",
            "name": "CDN"
          }
        ]
      },
      {
        "slug": "mysql",
        "name": "MySQL",
        "versions": [],
        "trafficRank": 0,
        "confirmedAt": 1722572918,
        "icon": "MySQL.svg",
        "categories": [
          {
            "id": 34,
            "slug": "databases",
            "name": "Databases"
          }
        ]
      }
    ]
  }
]

{
  "data": {
    "total": 33,
    "personal_emails": 23,
    "generic_emails": 10,
    "department": {
      "executive": 0,
      "it": 0,
      "finance": 0,
      "management": 3,
      "sales": 0,
      "legal": 0,
      "support": 0,
      "hr": 2,
      "marketing": 2,
      "communication": 1,
      "education": 0,
      "design": 2,
      "health": 0,
      "operations": 0
    },
    "seniority": {
      "junior": 0,
      "senior": 3,
      "executive": 4
    }
  },
  "meta": {
    "params": {
      "domain": "freywille.com",
      "company": null,
      "type": null
    }
  }
}

{
  "whois.verisign-grs.com": {
    "Domain Status": [
      "clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited",
      "clientTransferProhibited https://icann.org/epp#clientTransferProhibited",
      "clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited"
    ],
    "Name Server": [
      "FRANK.NS.CLOUDFLARE.COM",
      "LIV.NS.CLOUDFLARE.COM"
    ],
    "Domain Name": "FREYWILLE.COM",
    "Registry Domain ID": "155683027_DOMAIN_COM-VRSN",
    "Registrar WHOIS Server": "whois.markmonitor.com",
    "Registrar URL": "http://www.markmonitor.com",
    "Updated Date": "2024-04-06T09:46:38Z",
    "Created Date": "2005-05-08T16:44:23Z",
    "Expiry Date": "2025-05-08T16:44:23Z",
    "Registrar": "MarkMonitor Inc.",
    "Registrar IANA ID": "292",
    "Registrar Abuse Contact Email": "[email protected]",
    "Registrar Abuse Contact Phone": "+1.2086851750",
    "DNSSEC": "unsigned",
    "URL of the ICANN Whois Inaccuracy Complaint Form": "https://www.icann.org/wicf/",
    ">>> Last update of whois database": "2025-01-31T21:05:55Z <<<",
    "text": [
      "For more information on Whois status codes, please visit https://icann.org/epp",
      "",
      "NOTICE: The expiration date displayed in this record is the date the",
      "registrar's sponsorship of the domain name registration in the registry is",
      "currently set to expire. This date does not necessarily reflect the expiration",
      "date of the domain name registrant's agreement with the sponsoring",
      "registrar.  Users may consult the sponsoring registrar's Whois database to",
      "view the registrar's reported date of expiration for this registration.",
      "",
      "TERMS OF USE: You are not authorized to access or query our Whois",
      "database through the use of electronic processes that are high-volume and",
      "automated except as reasonably necessary to register domain names or",
      "modify existing registrations; the Data in VeriSign Global Registry",
      "Services' (\"VeriSign\") Whois database is provided by VeriSign for",
      "information purposes only, and to assist persons in obtaining information",
      "about or related to a domain name registration record. VeriSign does not",
      "guarantee its accuracy. By submitting a Whois query, you agree to abide",
      "by the following terms of use: You agree that you may use this Data only",
      "for lawful purposes and that under no circumstances will you use this Data",
      "to: (1) allow, enable, or otherwise support the transmission of mass",
      "unsolicited, commercial advertising or solicitations via e-mail, telephone,",
      "or facsimile; or (2) enable high volume, automated, electronic processes",
      "that apply to VeriSign (or its computer systems). The compilation,",
      "repackaging, dissemination or other use of this Data is expressly",
      "prohibited without the prior written consent of VeriSign. You agree not to",
      "use electronic processes that are automated and high-volume to access or",
      "query the Whois database except as reasonably necessary to register",
      "domain names or modify existing registrations. VeriSign reserves the right",
      "to restrict your access to the Whois database in its sole discretion to ensure",
      "operational stability.  VeriSign may restrict or terminate your access to the",
      "Whois database for failure to abide by these terms of use. VeriSign",
      "reserves the right to modify these terms at any time.",
      "",
      "The Registry database contains ONLY .COM, .NET, .EDU domains and",
      "Registrars."
    ]
  },
  "whois.markmonitor.com": {
    "Domain Status": [
      "clientUpdateProhibited (https://www.icann.org/epp#clientUpdateProhibited)",
      "clientTransferProhibited (https://www.icann.org/epp#clientTransferProhibited)",
      "clientDeleteProhibited (https://www.icann.org/epp#clientDeleteProhibited)"
    ],
    "Name Server": [
      "frank.ns.cloudflare.com",
      "liv.ns.cloudflare.com"
    ],
    "Domain Name": "freywille.com",
    "Registry Domain ID": "155683027_DOMAIN_COM-VRSN",
    "Registrar WHOIS Server": "whois.markmonitor.com",
    "Registrar URL": "http://www.markmonitor.com",
    "Updated Date": "2024-04-06T09:46:38+0000",
    "Created Date": "2005-05-08T16:44:23+0000",
    "Expiry Date": "2025-05-08T00:00:00+0000",
    "Registrar": "MarkMonitor, Inc.",
    "Registrar IANA ID": "292",
    "Registrar Abuse Contact Email": "[email protected]",
    "Registrar Abuse Contact Phone": "+1.2086851750",
    "Registrant Organization": "FREY WILLE GmbH and Co KG",
    "Registrant State/Province": "Vienna",
    "Registrant Country": "AT",
    "Registrant Email": "Select Request Email Form at https://domains.markmonitor.com/whois/freywille.com",
    "Admin Organization": "FREY WILLE GmbH and Co KG",
    "Admin State/Province": "Vienna",
    "Admin Country": "AT",
    "Admin Email": "Select Request Email Form at https://domains.markmonitor.com/whois/freywille.com",
    "Tech Organization": "FREY WILLE GmbH and Co KG",
    "Tech State/Province": "Vienna",
    "Tech Country": "AT",
    "Tech Email": "Select Request Email Form at https://domains.markmonitor.com/whois/freywille.com",
    "DNSSEC": "unsigned",
    "URL of the ICANN WHOIS Data Problem Reporting System": "http://wdprs.internic.net/",
    ">>> Last update of WHOIS database": "2025-01-31T21:06:15+0000 <<<",
    "text": [
      "For more information on WHOIS status codes, please visit:",
      "https://www.icann.org/resources/pages/epp-status-codes",
      "",
      "If you wish to contact this domain’s Registrant, Administrative, or Technical",
      "contact, and such email address is not visible above, you may do so via our web",
      "form, pursuant to ICANN’s Temporary Specification. To verify that you are not a",
      "robot, please enter your email address to receive a link to a page that",
      "facilitates email communication with the relevant contact(s).",
      "",
      "Web-based WHOIS:",
      "https://domains.markmonitor.com/whois",
      "",
      "If you have a legitimate interest in viewing the non-public WHOIS details, send",
      "your request and the reasons for your request to [email protected]",
      "and specify the domain name in the subject line. We will review that request and",
      "may ask for supporting documentation and explanation.",
      "",
      "The data in MarkMonitor’s WHOIS database is provided for information purposes,",
      "and to assist persons in obtaining information about or related to a domain",
      "name’s registration record. While MarkMonitor believes the data to be accurate,",
      "the data is provided \"as is\" with no guarantee or warranties regarding its",
      "accuracy.",
      "",
      "By submitting a WHOIS query, you agree that you will use this data only for",
      "lawful purposes and that, under no circumstances will you use this data to:",
      "(1) allow, enable, or otherwise support the transmission by email, telephone,",
      "or facsimile of mass, unsolicited, commercial advertising, or spam; or",
      "(2) enable high volume, automated, or electronic processes that send queries,",
      "data, or email to MarkMonitor (or its systems) or the domain name contacts (or",
      "its systems).",
      "",
      "MarkMonitor reserves the right to modify these terms at any time.",
      "",
      "By submitting this query, you agree to abide by this policy.",
      "",
      "MarkMonitor Domain Management(TM)",
      "Protecting companies and consumers in a digital world.",
      "",
      "Visit MarkMonitor at https://www.markmonitor.com",
      "Contact us at +1.8007459229",
      "In Europe, at +44.02032062220"
    ]
  }
}

freywille.com

{ "status": 200, "statusText": "", "headers": { "access-control-allow-origin": "*", "cache-control": "max-age=0, must-revalidate, no-cache, no-store", "cf-cache-status": "DYNAMIC", "cf-ray": "90acaa1cba52879b-IAD", "connection": "keep-alive", "content-encoding": "br", "content-security-policy-report-only": "font-src fonts.gstatic.com use.typekit.net *.typekit.net *.gstatic.com *.klarnacdn.net cdn.priv.center *.fontawesome.com 'self' data: *.stripe.com *.stripecdn.com klarna.com *.klarna.com *.klarnaevt.com *.link.com data: 'self' 'unsafe-inline'; form-action pilot-payflowlink.paypal.com www.paypal.com www.sandbox.paypal.com *.paypal.com *.amazon.com *.amazon.co.uk *.amazon.co.jp *.amazon.jp *.amazon.it *.amazon.fr *.amazon.es *.amazon.de *.cardinalcommerce.com 3ds-secure.cardcomplete.com www.clicksafe.lloydstsb.com pay.activa-card.com *.wirecard.com acs.sia.eu *.touchtechpayments.com www.securesuite.co.uk rsa3dsauth.com *.monzo.com *.arcot.com *.wlp-acs.com * 'self' 'unsafe-inline'; frame-ancestors *.stripe.com stripe.com *.link.com 'self'; frame-src bid.g.doubleclick.net www.paypal.com www.sandbox.paypal.com pilot-payflowlink.paypal.com player.vimeo.com *.youtube.com https://www.google.com/recaptcha/ *.youtube-nocookie.com *.braintreegateway.com *.paypal.com google.com *.google.com *.amazon.com *.amazon.co.uk *.amazon.co.jp *.amazon.jp *.amazon.it *.amazon.fr *.amazon.es *.amazon.de *.payments-amazon.com *.payments-amazon.co.uk *.payments-amazon.co.jp *.payments-amazon.jp *.payments-amazon.it *.payments-amazon.fr *.payments-amazon.es *.payments-amazon.de *.klarna.com *.cloudflarestream.com c.paypal.com checkout.paypal.com assets.braintreegateway.com pay.google.com *.cardinalcommerce.com * *.stripe.com klarna.com *.klarnacdn.net *.klarnaevt.com *.link.com www.xtento.com 'self' 'unsafe-inline'; img-src widgets.magentocommerce.com data: www.googleadservices.com www.google-analytics.com googleads.g.doubleclick.net www.google.com bid.g.doubleclick.net analytics.google.com www.googletagmanager.com t.paypal.com www.paypal.com www.paypalobjects.com fpdbs.paypal.com fpdbs.sandbox.paypal.com *.vimeocdn.com i.ytimg.com *.youtube.com p.typekit.net *.paypal.com *.typekit.net *.gstatic.com d3sbl0c71oxeok.cloudfront.net dhkkzdfmpzvap.cloudfront.net d2bpzs5y44q6e0.cloudfront.net d37shgu97oizpd.cloudfront.net d1zlqll3enr74n.cloudfront.net d1jynp0fpwn93a.cloudfront.net d2cb3tokgpwh3v.cloudfront.net d1re8bfxx3pw6e.cloudfront.net d35u8xwkxs8vpe.cloudfront.net d13s9xffygp5o.cloudfront.net d388nbw0dwi1jm.cloudfront.net d11p2vtu3dppaw.cloudfront.net d3r89hiip86hka.cloudfront.net dc7snq0c8ipyk.cloudfront.net d5c7kvljggzso.cloudfront.net d2h8yg3ypfzua1.cloudfront.net d1b556x7apj5fb.cloudfront.net draz1ib3z71v2.cloudfront.net dr6hdp4s5yzfc.cloudfront.net d2bomicxw8p7ii.cloudfront.net d3aypcdgvjnnam.cloudfront.net d2a3iuf10348gy.cloudfront.net d23yuld0pofhhw.cloudfront.net *.ssl-images-amazon.com *.ssl-images-amazon.co.uk *.ssl-images-amazon.co.jp *.ssl-images-amazon.jp *.ssl-images-amazon.it *.ssl-images-amazon.fr *.ssl-images-amazon.es *.ssl-images-amazon.de *.media-amazon.com *.media-amazon.co.uk *.media-amazon.co.jp *.media-amazon.jp *.media-amazon.it *.media-amazon.fr *.media-amazon.es *.media-amazon.de *.payments-amazon.com https://images.unsplash.com *.klarna.com *.klarnaevt.com *.klarnacdn.net *.cloudflarestream.com * https://maps.gstatic.com www.sandbox.paypal.com b.stats.paypal.com dub.stats.paypal.com assets.braintreegateway.com c.paypal.com checkout.paypal.com 'self' data: www.xtento.com cdn.xtento.com data: 'self' 'unsafe-inline'; script-src www.googleadservices.com www.google-analytics.com googleads.g.doubleclick.net analytics.google.com www.googletagmanager.com *.newrelic.com *.nr-data.net *.commerce-payment-services.com www.paypal.com www.sandbox.paypal.com www.paypalobjects.com t.paypal.com s.ytimg.com www.googleapis.com vimeo.com www.vimeo.com *.vimeocdn.com *.youtube.com https://www.gstatic.com/recaptcha/ https://www.google.com/recaptcha/ assets.adobedtm.com amcglobal.sc.omtrdc.net *.magento-ds.com use.typekit.net *.typekit.net google.com *.google.com *.cdn-apple.com *.payments-amazon.com *.payments-amazon.co.uk *.payments-amazon.co.jp *.payments-amazon.jp *.payments-amazon.it *.payments-amazon.fr *.payments-amazon.es *.payments-amazon.de jquery.sellxed.com *.plugins.emarsys.net *.scarabresearch.com *.klarna.com *.klarnacdn.net *.klarnaservices.com embed.cloudflarestream.com cdn.priv.center *.truendo.com *.googleapis.com *.pinterest.com *.pinimg.com *.facebook.net *.ads-twitter.com *.bing.com *.cloudflare.com *.hotjar.com https://maps.gstatic.com js.braintreegateway.com assets.braintreegateway.com c.paypal.com pay.google.com api.braintreegateway.com api.sandbox.braintreegateway.com client-analytics.braintreegateway.com client-analytics.sandbox.braintreegateway.com *.paypal.com songbirdstag.cardinalcommerce.com songbird.cardinalcommerce.com *.gstatic.com *.stripe.com *.stripe.network *.stripecdn.com klarna.com *.klarnaevt.com *.link.com www.xtento.com cdn.xtento.com 'self' 'unsafe-inline' 'unsafe-eval'; style-src fonts.googleapis.com *.klarnacdn.net *.fontawesome.com assets.braintreegateway.com *.googleapis.com *.gstatic.com *.stripe.network *.stripecdn.com 'self' 'unsafe-inline'; object-src 'self' 'unsafe-inline'; media-src *.cloudflarestream.com 'self' 'unsafe-inline'; manifest-src 'self' 'unsafe-inline'; connect-src www.google-analytics.com www.googleadservices.com analytics.google.com www.googletagmanager.com *.newrelic.com *.nr-data.net www.sandbox.paypal.com www.paypalobjects.com www.paypal.com pilot-payflowlink.paypal.com vimeo.com *.adobe.io performance.typekit.net *.sentry.io *.paypal.com google.com *.google.com *.amazon.com *.amazon.co.uk *.amazon.co.jp *.amazon.jp *.amazon.it *.amazon.fr *.amazon.es *.amazon.de *.amazonpay.com *.amazonpay.co.uk *.amazonpay.co.jp *.amazonpay.jp *.amazonpay.it *.amazonpay.fr *.amazonpay.es *.amazonpay.de mws.amazonservices.com mws.amazonservices.co.uk mws.amazonservices.co.jp mws.amazonservices.jp mws.amazonservices.it mws.amazonservices.fr mws.amazonservices.es mws.amazonservices.de *.scarabresearch.com *.eservice.emarsys.net *.klarnaevt.com *.klarnacdn.net *.klarna.com *.klarnaservices.com *.pinterest.com *.freywille.com *.truendo.com *.facebook.com https://maps.googleapis.com api.braintreegateway.com api.sandbox.braintreegateway.com client-analytics.braintreegateway.com client-analytics.sandbox.braintreegateway.com *.braintree-api.com *.cardinalcommerce.com *.google-analytics.com *.stripe.com klarna.com *.link.com 'self' 'unsafe-inline'; child-src assets.braintreegateway.com c.paypal.com *.paypal.com http: https: blob: 'self' 'unsafe-inline'; default-src *.freywille.com *.googleapis.com 'self' 'unsafe-inline' 'unsafe-eval'; base-uri 'self' 'unsafe-inline'; report-uri https://364fa946-b204-4206-b62b-3679a2e6df07.sansec.watch/; report-to report-endpoint;", "content-type": "text/html; charset=UTF-8", "date": "Fri, 31 Jan 2025 21:06:15 GMT", "expires": "Wed, 31 Jan 2024 21:05:43 GMT", "pragma": "no-cache", "report-to": "{\"group\":\"report-endpoint\",\"max_age\":10886400,\"endpoints\":[{\"url\":\"https:\\/\\/364fa946-b204-4206-b62b-3679a2e6df07.sansec.watch\\/\"}]}", "server": "cloudflare", "transfer-encoding": "chunked", "vary": "Accept-Encoding", "x-built-by-limesoda": "LIMESODA Interactive Marketing GmbH, 1170 Vienna", "x-built-by-limesoda-force": "Welcome to the LimeSide ... may the force be with you", "x-built-by-limesoda-team": "Kamino", "x-built-with": "Hyva Themes", "x-content-type-options": "nosniff", "x-frame-options": "SAMEORIGIN, SAMEORIGIN", "x-ua-compatible": "IE=edge", "x-xss-protection": "1; mode=block", "set-cookie": "PHPSESSID=59ogks2d6tes2hha5ohpnu0no3; expires=Fri, 31 Jan 2025 22:06:15 GMT; Max-Age=3600; path=/; domain=shop.freywille.com; secure; HttpOnly; SameSite=Lax" } }

[ { "url": "https://freywille.com", "technologies": [ { "slug": "php", "name": "PHP", "versions": [], "trafficRank": 0, "confirmedAt": 1722572918, "icon": "PHP.svg", "categories": [ { "id": 27, "slug": "programming-languages", "name": "Programming languages" } ] }, { "slug": "hyva-themes", "name": "Hyva Themes", "versions": [], "trafficRank": 0, "confirmedAt": 1722572918, "icon": "Hyva Themes.svg", "categories": [ { "id": 108, "slug": "ecommerce-frontends", "name": "Ecommerce frontends" } ] }, { "slug": "alpine-js", "name": "Alpine.js", "versions": [], "trafficRank": 0, "confirmedAt": 1722572918, "icon": "Alpine.js.svg", "categories": [ { "id": 12, "slug": "javascript-frameworks", "name": "JavaScript frameworks" } ] }, { "slug": "tailwind-css", "name": "Tailwind CSS", "versions": [], "trafficRank": 0, "confirmedAt": 1722572918, "icon": "tailwindcss.svg", "categories": [ { "id": 66, "slug": "ui-frameworks", "name": "UI frameworks" } ] }, { "slug": "magento", "name": "Magento", "cpe": "cpe:2.3:a:magento:magento:2:*:*:*:*:*:*:*", "versions": [ "2" ], "trafficRank": 0, "confirmedAt": 1722572918, "icon": "Magento.svg", "categories": [ { "id": 6, "slug": "ecommerce", "name": "Ecommerce" } ] }, { "slug": "cloudflare", "name": "Cloudflare", "versions": [], "trafficRank": 0, "confirmedAt": 1722572918, "icon": "CloudFlare.svg", "categories": [ { "id": 31, "slug": "cdn", "name": "CDN" } ] }, { "slug": "mysql", "name": "MySQL", "versions": [], "trafficRank": 0, "confirmedAt": 1722572918, "icon": "MySQL.svg", "categories": [ { "id": 34, "slug": "databases", "name": "Databases" } ] } ] } ]

{ "Hotjar": "A heatmap, survey, feedback and funnel application.", "Google Analytics": "Google Analytics offers a host of compelling features and benefits for everyone from senior executives and advertising and marketing professionals to site owners and content developers.", "Twitter Conversion Tracking": "Twitter ads conversion tracking code.", "Global Site Tag": "Google's primary tag for Google Measurement/Conversion Tracking, Adwords and DoubleClick.", "Bing Universal Event Tracking": "Universal Event Tracking (UET) is a simple and powerful campaign measurement solution that allows you to track key conversion goals important to your business.", "Apple Whitelist": "This website domain is on the Apple TLD whitelist which may potentially mean these domains will appear in autocomplete when looking up URLs on Apple products.", "Slack": "Messaging app for teams that makes working together simple and efficient.", "Google Tag Manager": "Tag management that lets you add and update website tags without changes to underlying website code.", "reCAPTCHA": "Anti-bot CAPTCHA widget from Google.", "Azure Active Directory": "Enterprise identity service that provides single sign-on, multifactor authentication and more.", "Cloudflare Radar": "The website appears on the Cloudflare Radar Top 1m sites list", "Cloudflare Radar Top 500k": "The website appears in the Cloudflare Radar Top 500,000.", "Pinterest": "Content from the social image sharing website Pinterest.", "Font Awesome": "Iconic font and CSS toolkit.", "US Privacy User Signal Mechanism": "The US Privacy API (USP API) is a lightweight API used to communicate signals represented in the US Privacy String.", "EU VAT Registration": "This website has an EU VAT Registration listed on it.", "Austria VAT Registration": "This website has a EU VAT Registration ID based in Austria.", "Bulgarian HREF LANG": "This webpage has alternate versions available in Bulgarian via the use of the hreflang tag.", "Czech HREF LANG": "This webpage has alternate versions available in Czech via the use of the hreflang tag.", "German HREF LANG": "This webpage has alternate versions available in German via the use of the hreflang tag.", "Austrian German HREF LANG": "This webpage has alternate versions available in Austrian German via the use of the hreflang tag.", "Swiss German HREF LANG": "This webpage has alternate versions available in Swiss German via the use of the hreflang tag.", "English HREF LANG": "This webpage has alternate versions available in English via the use of the hreflang tag.", "Australian English HREF LANG": "This webpage has alternate versions available in Australian English via the use of the hreflang tag.", "Irish English HREF LANG": "This webpage has alternate versions available in Irish English via the use of the hreflang tag.", "Spanish HREF LANG": "This webpage has alternate versions available in Spanish via the use of the hreflang tag.", "French HREF LANG": "This webpage has alternate versions available in French via the use of the hreflang tag.", "Belgium French HREF LANG": "This webpage has alternate versions available in Belgium French via the use of the hreflang tag.", "Croatian HREF LANG": "This webpage has alternate versions available in Croatian via the use of the hreflang tag.", "Hungarian HREF LANG": "This webpage has alternate versions available in Hungarian via the use of the hreflang tag.", "Italian HREF LANG": "This webpage has alternate versions available in Italian via the use of the hreflang tag.", "Latvian HREF LANG": "This webpage has alternate versions available in Latvian via the use of the hreflang tag.", "Polish HREF LANG": "This webpage has alternate versions available in Polish via the use of the hreflang tag.", "Slovak HREF LANG": "This webpage has alternate versions available in Slovak via the use of the hreflang tag.", "Slovenian HREF LANG": "This webpage has alternate versions available in Slovenian via the use of the hreflang tag.", "Ukrainian HREF LANG": "This webpage has alternate versions available in Ukrainian via the use of the hreflang tag.", "Chinese HREF LANG": "This webpage has alternate versions available in Chinese via the use of the hreflang tag.", "German": "Website content is written in German. Based on HTML langauge attributes on the website", "Shockwave Flash Embed": "Adobe Flash Macromedia shockwave content. End of life product retiring in 2020.", "Viewport Meta": "This page uses the viewport meta tag which means the content may be optimized for mobile content.", "IPhone / Mobile Compatible": "The website contains code that allows the page to support IPhone / Mobile Content.", "Cloudflare": "Automatically optimizes the delivery of your web pages so your visitors get the fastest page load times and best performance.", "GStatic Google Static Content": "Google has off-loaded static content (Javascript/Images/CSS) to a different domain name in an effort to reduce bandwidth usage and increase network performance for the end user.", "Euro": "The website uses the € symbol on its website - meaning it may accept payment in Euros.", "AC_OETags": "The AC_OETags.js file provides the HTML templates with version-checking and embedding functionality - functionality provided by Adobe.", "Adobe Active Content": "Changes effected Flash content in Internet Explorer - this library fixes them.", "Intersection Observer": "API that can be used to understand the visibility and position of DOM elements relative to a containing element or to the top-level viewport.", "DoubleClick.Net": "DoubleClick enables agencies, marketers and publishers to work together successfully and profit from their digital marketing investments. Owned by Google and now referred to as DoubleClick Digital Marketing or Google Enterprise Advertising.", "AdRoll": "AdRoll is a retargeting platform with a mission to make display advertising simple for business of all sizes.", "Facebook": "The website mentions facebook.com in some form.", "Twitter": "The website mentions twitter.com in some form.", "Instagram": "The website mentions Instagram in some form.", "SPF": "The Sender Policy Framework is an open standard specifying a technical method to prevent sender address forgery.", "Microsoft Azure DNS": "This domain is verified with Microsoft Azure.", "Microsoft Exchange Online": "A rich hosted Exchange environment for every user without having to manage a server.", "DMARC": "A technical specification created by a group of organizations that want to help reduce the potential for email-based abuse", "DMARC Reject": "The domain has a DMARC policy of 'Reject'. This policy tells the mail server to reject emails that fail DMARC checks, preventing them from being delivered at all.", "Office 365 Mail": "Email sent from this domain has records showing Office 365 usage.", "Cloudflare DNS": "DNS services provided by Cloudflare.", "Cloudflare Hosting": "Supercharged web hosting service.", "German Server Location": "The web server is located in Germany.", "SSL by Default": "The website redirects traffic to an HTTPS/SSL version by default.", "Apache": "Apache has been the most popular web server on the Internet since April 1996.", "IPv6": "The website has an IPv6 record.", "Cloudflare CDN": "Content owned by this site hosted on the Cloudflare CDN.", "Content Delivery Network": "This page contains links that give the impression that some of the site contents are stored on a content delivery network.", "Google Webmaster": "Webmaster tools provide you with a free and easy way to make your site more Google-friendly." }

{ "whois.verisign-grs.com": { "Domain Status": [ "clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited", "clientTransferProhibited https://icann.org/epp#clientTransferProhibited", "clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited" ], "Name Server": [ "FRANK.NS.CLOUDFLARE.COM", "LIV.NS.CLOUDFLARE.COM" ], "Domain Name": "FREYWILLE.COM", "Registry Domain ID": "155683027_DOMAIN_COM-VRSN", "Registrar WHOIS Server": "whois.markmonitor.com", "Registrar URL": "http://www.markmonitor.com", "Updated Date": "2024-04-06T09:46:38Z", "Created Date": "2005-05-08T16:44:23Z", "Expiry Date": "2025-05-08T16:44:23Z", "Registrar": "MarkMonitor Inc.", "Registrar IANA ID": "292", "Registrar Abuse Contact Email": "[email protected]", "Registrar Abuse Contact Phone": "+1.2086851750", "DNSSEC": "unsigned", "URL of the ICANN Whois Inaccuracy Complaint Form": "https://www.icann.org/wicf/", ">>> Last update of whois database": "2025-01-31T21:05:55Z <<<", "text": [ "For more information on Whois status codes, please visit https://icann.org/epp", "", "NOTICE: The expiration date displayed in this record is the date the", "registrar's sponsorship of the domain name registration in the registry is", "currently set to expire. This date does not necessarily reflect the expiration", "date of the domain name registrant's agreement with the sponsoring", "registrar. Users may consult the sponsoring registrar's Whois database to", "view the registrar's reported date of expiration for this registration.", "", "TERMS OF USE: You are not authorized to access or query our Whois", "database through the use of electronic processes that are high-volume and", "automated except as reasonably necessary to register domain names or", "modify existing registrations; the Data in VeriSign Global Registry", "Services' (\"VeriSign\") Whois database is provided by VeriSign for", "information purposes only, and to assist persons in obtaining information", "about or related to a domain name registration record. VeriSign does not", "guarantee its accuracy. By submitting a Whois query, you agree to abide", "by the following terms of use: You agree that you may use this Data only", "for lawful purposes and that under no circumstances will you use this Data", "to: (1) allow, enable, or otherwise support the transmission of mass", "unsolicited, commercial advertising or solicitations via e-mail, telephone,", "or facsimile; or (2) enable high volume, automated, electronic processes", "that apply to VeriSign (or its computer systems). The compilation,", "repackaging, dissemination or other use of this Data is expressly", "prohibited without the prior written consent of VeriSign. You agree not to", "use electronic processes that are automated and high-volume to access or", "query the Whois database except as reasonably necessary to register", "domain names or modify existing registrations. VeriSign reserves the right", "to restrict your access to the Whois database in its sole discretion to ensure", "operational stability. VeriSign may restrict or terminate your access to the", "Whois database for failure to abide by these terms of use. VeriSign", "reserves the right to modify these terms at any time.", "", "The Registry database contains ONLY .COM, .NET, .EDU domains and", "Registrars." ] }, "whois.markmonitor.com": { "Domain Status": [ "clientUpdateProhibited (https://www.icann.org/epp#clientUpdateProhibited)", "clientTransferProhibited (https://www.icann.org/epp#clientTransferProhibited)", "clientDeleteProhibited (https://www.icann.org/epp#clientDeleteProhibited)" ], "Name Server": [ "frank.ns.cloudflare.com", "liv.ns.cloudflare.com" ], "Domain Name": "freywille.com", "Registry Domain ID": "155683027_DOMAIN_COM-VRSN", "Registrar WHOIS Server": "whois.markmonitor.com", "Registrar URL": "http://www.markmonitor.com", "Updated Date": "2024-04-06T09:46:38+0000", "Created Date": "2005-05-08T16:44:23+0000", "Expiry Date": "2025-05-08T00:00:00+0000", "Registrar": "MarkMonitor, Inc.", "Registrar IANA ID": "292", "Registrar Abuse Contact Email": "[email protected]", "Registrar Abuse Contact Phone": "+1.2086851750", "Registrant Organization": "FREY WILLE GmbH and Co KG", "Registrant State/Province": "Vienna", "Registrant Country": "AT", "Registrant Email": "Select Request Email Form at https://domains.markmonitor.com/whois/freywille.com", "Admin Organization": "FREY WILLE GmbH and Co KG", "Admin State/Province": "Vienna", "Admin Country": "AT", "Admin Email": "Select Request Email Form at https://domains.markmonitor.com/whois/freywille.com", "Tech Organization": "FREY WILLE GmbH and Co KG", "Tech State/Province": "Vienna", "Tech Country": "AT", "Tech Email": "Select Request Email Form at https://domains.markmonitor.com/whois/freywille.com", "DNSSEC": "unsigned", "URL of the ICANN WHOIS Data Problem Reporting System": "http://wdprs.internic.net/", ">>> Last update of WHOIS database": "2025-01-31T21:06:15+0000 <<<", "text": [ "For more information on WHOIS status codes, please visit:", "https://www.icann.org/resources/pages/epp-status-codes", "", "If you wish to contact this domain’s Registrant, Administrative, or Technical", "contact, and such email address is not visible above, you may do so via our web", "form, pursuant to ICANN’s Temporary Specification. To verify that you are not a", "robot, please enter your email address to receive a link to a page that", "facilitates email communication with the relevant contact(s).", "", "Web-based WHOIS:", "https://domains.markmonitor.com/whois", "", "If you have a legitimate interest in viewing the non-public WHOIS details, send", "your request and the reasons for your request to [email protected]", "and specify the domain name in the subject line. We will review that request and", "may ask for supporting documentation and explanation.", "", "The data in MarkMonitor’s WHOIS database is provided for information purposes,", "and to assist persons in obtaining information about or related to a domain", "name’s registration record. While MarkMonitor believes the data to be accurate,", "the data is provided \"as is\" with no guarantee or warranties regarding its", "accuracy.", "", "By submitting a WHOIS query, you agree that you will use this data only for", "lawful purposes and that, under no circumstances will you use this data to:", "(1) allow, enable, or otherwise support the transmission by email, telephone,", "or facsimile of mass, unsolicited, commercial advertising, or spam; or", "(2) enable high volume, automated, or electronic processes that send queries,", "data, or email to MarkMonitor (or its systems) or the domain name contacts (or", "its systems).", "", "MarkMonitor reserves the right to modify these terms at any time.", "", "By submitting this query, you agree to abide by this policy.", "", "MarkMonitor Domain Management(TM)", "Protecting companies and consumers in a digital world.", "", "Visit MarkMonitor at https://www.markmonitor.com", "Contact us at +1.8007459229", "In Europe, at +44.02032062220" ] } }

<!doctype html> <html lang="de"> <head > <meta charset="utf-8"/> <meta name="title" content="Online Boutique | FREYWILLE"/> <meta name="description" content="✓ Kostbare Schmuckstücke aus künstlerisch designtem Feueremail sowie edle Accessoires der österreichischen Schmuckmanufaktur FREYWILLE ➜ jetzt auch online erhältlich"/> <meta name="keywords" content="Email, Schmuck, Kunst, Luxus, Gold, Diamanten, handgemacht, Manufaktur, Design, Geschenk, farbenfroh"/> <meta name="robots" content="INDEX,FOLLOW"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Online Boutique | FREYWILLE</title> <link rel="stylesheet" type="text/css" media="all" href="https://shop.freywille.com/static/version1738306899/frontend/Local/hyva/de_DE/css/styles.min.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://shop.freywille.com/static/version1738306899/frontend/Local/hyva/de_DE/Bss_GeoIPAutoSwitchStore/css/magnific-popup.min.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://shop.freywille.com/static/version1738306899/frontend/Local/hyva/de_DE/Klarna_Keb/css/button.min.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://shop.freywille.com/static/version1738306899/frontend/Local/hyva/de_DE/StripeIntegration_Payments/css/wallets.min.css" /> <link rel="preload" as="font" crossorigin="anonymous" href="https://shop.freywille.com/static/version1738306899/frontend/Local/hyva/de_DE/fonts/MaisonNeue-Book.woff2" /> <link rel="preload" as="font" crossorigin="anonymous" href="https://shop.freywille.com/static/version1738306899/frontend/Local/hyva/de_DE/fonts/Spectral-Light.woff2" /> <link rel="preload" as="font" crossorigin="anonymous" href="https://shop.freywille.com/static/version1738306899/frontend/Local/hyva/de_DE/fonts/Spectral-Italic.woff2" /> <link rel="preload" as="font" crossorigin="anonymous" href="https://shop.freywille.com/static/version1738306899/frontend/Local/hyva/de_DE/fonts/Spectral-SemiBold.woff2" /> <link rel="canonical" href="https://shop.freywille.com" /> <link rel="alternate" hreflang="x-default" href="https://shop.freywille.com" /> <link rel="alternate" hreflang="de-DE" href="https://shop.freywille.com/de" /> <link rel="alternate" hreflang="it-IT" href="https://shop.freywille.com/it" /> <link rel="alternate" hreflang="hu-HU" href="https://shop.freywille.com/hu" /> <link rel="alternate" hreflang="fr-BE" href="https://shop.freywille.com/be" /> <link rel="alternate" hreflang="en-NL" href="https://shop.freywille.com/nl" /> <link rel="alternate" hreflang="en-DK" href="https://shop.freywille.com/dk" /> <link rel="alternate" hreflang="en-FI" href="https://shop.freywille.com/fin" /> <link rel="alternate" hreflang="en-GR" href="https://shop.freywille.com/gr" /> <link rel="alternate" hreflang="en-IE" href="https://shop.freywille.com/irl" /> <link rel="alternate" hreflang="en-PT" href="https://shop.freywille.com/por" /> <link rel="alternate" hreflang="en-SE" href="https://shop.freywille.com/swe" /> <link rel="alternate" hreflang="bg-BG" href="https://shop.freywille.com/bg" /> <link rel="alternate" hreflang="hr-HR" href="https://shop.freywille.com/hr" /> <link rel="alternate" hreflang="cs-CZ" href="https://shop.freywille.com/cz" /> <link rel="alternate" hreflang="en-EE" href="https://shop.freywille.com/ee" /> <link rel="alternate" hreflang="fr-FR" href="https://shop.freywille.com/fr" /> <link rel="alternate" hreflang="en-LT" href="https://shop.freywille.com/lt" /> <link rel="alternate" hreflang="lv-LV" href="https://shop.freywille.com/lv" /> <link rel="alternate" hreflang="en-LU" href="https://shop.freywille.com/lu" /> <link rel="alternate" hreflang="pl-PL" href="https://shop.freywille.com/po" /> <link rel="alternate" hreflang="rm-RO" href="https://shop.freywille.com/ro" /> <link rel="alternate" hreflang="sk-SK" href="https://shop.freywille.com/sk" /> <link rel="alternate" hreflang="sl-SI" href="https://shop.freywille.com/si" /> <link rel="alternate" hreflang="es-ES" href="https://shop.freywille.com/es" /> <link rel="alternate" hreflang="en-GB" href="https://shop.freywille.com/uk" /> <link rel="alternate" hreflang="en-US" href="https://shop.freywille.com/usa" /> <link rel="alternate" hreflang="en-AE" href="https://shop.freywille.com/ae" /> <link rel="alternate" hreflang="en-CA" href="https://shop.freywille.com/ca" /> <link rel="alternate" hreflang="uk-UA" href="https://shop.freywille.com/ua" /> <link rel="alternate" hreflang="zh-Hant-CN" href="https://shop.freywille.com/cn" /> <link rel="alternate" hreflang="en-HK" href="https://shop.freywille.com/hk" /> <link rel="alternate" hreflang="en-AU" href="https://shop.freywille.com/au" /> <link rel="alternate" hreflang="en-IL" href="https://shop.freywille.com/il" /> <link rel="alternate" hreflang="de-CH" href="https://shop.freywille.com/ch" /> <link rel="alternate" hreflang="en-SG" href="https://shop.freywille.com/sg" /> <link rel="alternate" hreflang="de-AT" href="https://shop.freywille.com" /> <link rel="icon" type="image/x-icon" href="https://shop.freywille.com/media/favicon/default/Favicon.png" /> <link rel="shortcut icon" type="image/x-icon" href="https://shop.freywille.com/media/favicon/default/Favicon.png" /> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } // set „denied' as default for both ad and analytics storage, gtag("consent", "default", { ad_storage: "denied", analytics_storage: "denied", ad_user_data: "denied", ad_personalization: "denied", preferences: "denied", social_content: "denied", social_sharing: "denied", functionality_storage: "denied", personalization_storage: "denied", wait_for_update: 500, // milliseconds to wait for update }); // Enable ads data redaction by default [optional] gtag("set", "ads_data_redaction", true); function TruendoCookieControlCallback(cookieObj) { // see https://docs.truendo.com/en/1.0/cookie-blocking/cookie-categories if (cookieObj.necessary) { dataLayer.push({event: "truendo_cc_necessary"}); } else { } if (cookieObj.marketing) { gtag("consent", "update", { ad_storage: "granted" }); gtag("consent", "update", { ad_user_data: "granted" }); gtag("consent", "update", { ad_personalization: "granted" }); dataLayer.push({event: "truendo_cc_marketing"}); } else { gtag("consent", "update", { ad_storage: "denied" }); gtag("consent", "update", { ad_user_data: "denied" }); gtag("consent", "update", { ad_personalization: "denied" }); dataLayer.push({event: "truendo_cc_marketing_disabled"}); } if (cookieObj.preferences) { gtag("consent", "update", { preferences: "granted", }); gtag("consent", "update", { functionality_storage: "granted", }); gtag("consent", "update", { personalization_storage: "granted", }); dataLayer.push({event: "truendo_cc_preferences"}); } else { gtag("consent", "update", { preferences: "denied", }); gtag("consent", "update", { functionality_storage: "denied", }); gtag("consent", "update", { personalization_storage: "denied", }); dataLayer.push({event: "truendo_cc_preferences_disabled"}); } if (cookieObj.statistics) { gtag("consent", "update", { analytics_storage: "granted", }); dataLayer.push({event: "truendo_cc_statistics"}); } else { gtag("consent", "update", { analytics_storage: "denied", }); dataLayer.push({event: "truendo_cc_statistics_disabled"}); } if (cookieObj.social_content) { gtag("consent", "update", { social_content: "granted", }); dataLayer.push({event: "truendo_cc_social_content"}); } else { gtag("consent", "update", { social_content: "denied", }); dataLayer.push({event: "truendo_cc_social_content_disabled"}); } if (cookieObj.social_sharing) { gtag("consent", "update", { social_sharing: "granted", }); dataLayer.push({event: "truendo_cc_social_sharing"}); } else { gtag("consent", "update", { social_sharing: "denied", }); dataLayer.push({event: "truendo_cc_social_sharing_disabled"}); } if (cookieObj.add_features) { dataLayer.push({event: "truendo_cc_add_features"}); } else { } } </script>  <script id="truendoAutoBlock" type="text/javascript" src="https://cdn.priv.center/pc/truendo_cmp.pid.js" data-siteid="ad42cf28-d4ac-4d07-a7d6-6614fbf5f741"></script>  <script> var BASE_URL = 'https://shop.freywille.com/'; var THEME_PATH = 'https://shop.freywille.com/static/version1738306899/frontend/Local/hyva/de_DE'; var COOKIE_CONFIG = { "expires": null, "path": "\u002F", "domain": ".shop.freywille.com", "secure": true, "lifetime": "3600", "cookie_restriction_enabled": false }; var CURRENT_STORE_CODE = 'at'; var CURRENT_WEBSITE_ID = '1'; window.hyva = window.hyva || {} window.cookie_consent_groups = window.cookie_consent_groups || {} window.cookie_consent_groups['necessary'] = true; window.cookie_consent_config = window.cookie_consent_config || {}; window.cookie_consent_config['necessary'] = [].concat( window.cookie_consent_config['necessary'] || [], [ 'user_allowed_save_cookie', 'form_key', 'mage-messages', 'private_content_version', 'mage-cache-sessid', 'last_visited_store', 'section_data_ids' ] ); </script> <script> 'use strict'; (function( hyva, undefined ) { function lifetimeToExpires(options, defaults) { const lifetime = options.lifetime || defaults.lifetime; if (lifetime) { const date = new Date; date.setTime(date.getTime() + lifetime * 1000); return date; } return null; } function generateRandomString() { const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', length = 16; let formKey = '', charactersLength = allowedCharacters.length; for (let i = 0; i < length; i++) { formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))] } return formKey; } const sessionCookieMarker = {noLifetime: true} const cookieTempStorage = {}; const internalCookie = { get(name) { const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); return v ? v[2] : null; }, set(name, value, days, skipSetDomain) { let expires, path, domain, secure, samesite; const defaultCookieConfig = { expires: null, path: '/', domain: null, secure: false, lifetime: null, samesite: 'lax' }; const cookieConfig = window.COOKIE_CONFIG || {}; expires = days && days !== sessionCookieMarker ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig) : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires; path = cookieConfig.path || defaultCookieConfig.path; domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain); secure = cookieConfig.secure || defaultCookieConfig.secure; samesite = cookieConfig.samesite || defaultCookieConfig.samesite; document.cookie = name + "=" + encodeURIComponent(value) + (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') + (path ? '; path=' + path : '') + (domain ? '; domain=' + domain : '') + (secure ? '; secure' : '') + (samesite ? '; samesite=' + samesite : 'lax'); }, isWebsiteAllowedToSaveCookie() { const allowedCookies = this.get('user_allowed_save_cookie'); if (allowedCookies) { const allowedWebsites = JSON.parse(unescape(allowedCookies)); return allowedWebsites[CURRENT_WEBSITE_ID] === 1; } return false; }, getGroupByCookieName(name) { const cookieConsentConfig = window.cookie_consent_config || {}; let group = null; for (let prop in cookieConsentConfig) { if (!cookieConsentConfig.hasOwnProperty(prop)) continue; if (cookieConsentConfig[prop].includes(name)) { group = prop; break; } } return group; }, isCookieAllowed(name) { const cookieGroup = this.getGroupByCookieName(name); return cookieGroup ? window.cookie_consent_groups[cookieGroup] : this.isWebsiteAllowedToSaveCookie(); }, saveTempStorageCookies() { for (const [name, data] of Object.entries(cookieTempStorage)) { if (this.isCookieAllowed(name)) { this.set(name, data['value'], data['days'], data['skipSetDomain']); delete cookieTempStorage[name]; } } } }; hyva.getCookie = (name) => { const cookieConfig = window.COOKIE_CONFIG || {}; if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null; } return internalCookie.get(name); } hyva.setCookie = (name, value, days, skipSetDomain) => { const cookieConfig = window.COOKIE_CONFIG || {}; if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { cookieTempStorage[name] = {value, days, skipSetDomain}; return; } return internalCookie.set(name, value, days, skipSetDomain); } hyva.setSessionCookie = (name, value, skipSetDomain) => { return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain) } hyva.getBrowserStorage = () => { const browserStorage = window.localStorage || window.sessionStorage; if (!browserStorage) { console.warn('Browser Storage is unavailable'); return false; } try { browserStorage.setItem('storage_test', '1'); browserStorage.removeItem('storage_test'); } catch (error) { console.warn('Browser Storage is not accessible', error); return false; } return browserStorage; } hyva.postForm = (postParams) => { const form = document.createElement("form"); let data = postParams.data; if (! postParams.skipUenc && ! data.uenc) { data.uenc = btoa(window.location.href); } form.method = "POST"; form.action = postParams.action; Object.keys(postParams.data).map(key => { const field = document.createElement("input"); field.type = 'hidden' field.value = postParams.data[key]; field.name = key; form.appendChild(field); }); const form_key = document.createElement("input"); form_key.type = 'hidden'; form_key.value = hyva.getFormKey(); form_key.name="form_key"; form.appendChild(form_key); document.body.appendChild(form); form.submit(); } hyva.getFormKey = function () { let formKey = hyva.getCookie('form_key'); if (!formKey) { formKey = generateRandomString(); hyva.setCookie('form_key', formKey); } return formKey; } hyva.formatPrice = (value, showSign, options = {}) => { const formatter = new Intl.NumberFormat( 'de\u002DDE', Object.assign({ style: 'currency', currency: 'EUR', signDisplay: showSign ? 'always' : 'auto' }, options) ); return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ? formatter.formatToParts(value).map(({type, value}) => { switch (type) { case 'currency': return '\u20AC\u0020' || value; case 'minusSign': return '- '; case 'plusSign': return '+ '; default : return value; } }).reduce((string, part) => string + part) : formatter.format(value); } const formatStr = function (str, nStart) { const args = Array.from(arguments).slice(2); return str.replace(/(%+)([0-9]+)/g, (m, p, n) => { const idx = parseInt(n) - nStart; if (args[idx] === null || args[idx] === void 0) { return m; } return p.length % 2 ? p.slice(0, -1).replace('%%', '%') + args[idx] : p.replace('%%', '%') + n; }) } hyva.str = function (string) { const args = Array.from(arguments); args.splice(1, 0, 1); return formatStr.apply(undefined, args); } hyva.strf = function () { const args = Array.from(arguments); args.splice(1, 0, 0); return formatStr.apply(undefined, args); } /** * Take a html string as `content` parameter and * extract an element from the DOM to replace in * the current page under the same selector, * defined by `targetSelector` */ hyva.replaceDomElement = (targetSelector, content) => { // Parse the content and extract the DOM node using the `targetSelector` const parser = new DOMParser(); const doc = parser.parseFromString(content, 'text/html'); const contentNode = doc.querySelector(targetSelector); // Bail if content can't be found if (!contentNode) { return; } hyva.activateScripts(contentNode) // Replace the old DOM node with the new content document.querySelector(targetSelector).replaceWith(contentNode); // Reload customerSectionData and display cookie-messages if present window.dispatchEvent(new CustomEvent("reload-customer-section-data")); hyva.initMessages(); } hyva.activateScripts = (contentNode) => { // Extract all the script tags from the content. // Script tags won't execute when inserted into a dom-element directly, // therefore we need to inject them to the head of the document. const tmpScripts = contentNode.getElementsByTagName('script'); if (tmpScripts.length > 0) { // Push all script tags into an array // (to prevent dom manipulation while iterating over dom nodes) const scripts = []; for (let i = 0; i < tmpScripts.length; i++) { scripts.push(tmpScripts[i]); } // Iterate over all script tags and duplicate+inject each into the head for (let i = 0; i < scripts.length; i++) { let script = document.createElement('script'); script.innerHTML = scripts[i].innerHTML; document.head.appendChild(script); // Remove the original (non-executing) node from the content scripts[i].parentNode.removeChild(scripts[i]); } } return contentNode; } const replace = {['+']: '-', ['/']: '_', ['=']: ','}; hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]); let currentTrap; const focusableElements = (rootElement) => { const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]'; return Array.from(rootElement.querySelectorAll(selector)) .filter(el => { return el.style.display !== 'none' && !el.disabled && el.tabIndex !== -1 && (el.offsetWidth || el.offsetHeight || el.getClientRects().length) }) } const focusTrap = (e) => { const isTabPressed = e.key === 'Tab' || e.keyCode === 9; if (!isTabPressed) return; const focusable = focusableElements(currentTrap) const firstFocusableElement = focusable[0] const lastFocusableElement = focusable[focusable.length - 1] e.shiftKey ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault()) : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault()) }; hyva.releaseFocus = (rootElement) => { if (currentTrap && (!rootElement || rootElement === currentTrap)) { currentTrap.removeEventListener('keydown', focusTrap) currentTrap = null } } hyva.trapFocus = (rootElement) => { if (!rootElement) return; hyva.releaseFocus() currentTrap = rootElement rootElement.addEventListener('keydown', focusTrap) const firstElement = focusableElements(rootElement)[0] firstElement && firstElement.focus() } hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true}) window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies()) }( window.hyva = window.hyva || {} )); </script> <script> if (!window.IntersectionObserver) { window.IntersectionObserver = function (callback) { this.observe = el => el && callback(this.takeRecords()); this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}]; this.disconnect = () => {}; this.unobserve = () => {}; } } </script> <meta property="og:type" content="website"/> <meta property="og:title" content="Online Boutique | FREYWILLE"/> <meta property="og:description" content="✓ Kostbare Schmuckstücke aus künstlerisch designtem Feueremail sowie edle Accessoires der österreichischen Schmuckmanufaktur FREYWILLE ➜ jetzt auch online erhältlich"/> <meta property="og:url" content="https://shop.freywille.com"/> <meta property="og:site_name" content="FREYWILLE"/> <script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"WebSite","url":"https:\/\/shop.freywille.com\/","name":"FREYWILLE","potentialAction":{"@type":"SearchAction","target":"https:\/\/shop.freywille.com\/catalogsearch\/result\/?q={search_term_string}","query-input":"required name=search_term_string"}}</script><script type="application/ld+json">{"@context":"http:\/\/schema.org\/","@type":"WebPage","speakable":{"@type":"SpeakableSpecification","cssSelector":[".cms-content"],"xpath":["\/html\/head\/title"]}}</script></head> <body id="html-body" ontouchstart="function(){}" class="cms-home cms-index-index page-layout-cms-full-width-header"> <noscript> <iframe src="//www.googletagmanager.com/ns.html?id=GTM-K8KGLLG6" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <script> 'use strict'; function GoogleTagManager() { var self = this; this.eventMessagesLoaded = false; this.eventPrivateContentLoaded = false; this.config = {"cookie_restriction_mode":"","attributes":{"pageType":"cms\/index\/index"},"id":"GTM-K8KGLLG6","debug":true}; this.isDisabled = function (config) { if (self.isValidConfig(config) === false) { return true; } return self.isAllowedByCookieRestrictionMode(config) === false; }; this.isValidConfig = function (config) { if (typeof config.id === 'undefined' || !config.id) { console.warn('GTM identifier empty, terminating GTM initialization.'); return false; } return true; }; this.getCookie = function (name) { var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); return v ? v[2] : null; }; this.isAllowedByCookieRestrictionMode = function (config) { if (!config.cookie_restriction_mode) { return true; } return this.getCookie(config.cookie_restriction_mode); }; this.initDataLayer = function (window) { window.dataLayer = window.dataLayer || []; return window; }; this.getCustomer = function () { return self.config.sectionData.customer; }; this.getCart = function () { return self.config.sectionData.cart; }; this.isLoggedIn = function () { var customer = self.getCustomer() || false; return customer && customer.firstname; }; this.getCustomerSpecificAttributes = function () { var customer = self.getCustomer() || {}; var customerGroup = customer.group_code; var customerGroupCode = (customerGroup) ? customerGroup.toUpperCase() : 'UNKNOWN'; return self.isLoggedIn() ? { 'customerLoggedIn': 1, 'customerId': customer.id, 'customerGroupId': customer.group_id, 'customerGroupCode': customerGroupCode } : { 'customerLoggedIn': 0, 'customerGroupId': 0, 'customerGroupCode': 'UNKNOWN' }; }; this.getCartSpecificAttributes = function () { var cart = self.getCart(); if (cart && cart.gtm) { return cart.gtm; } return {}; }; this.addToCartEvent = function () { var pageTypes = [ 'catalog/product/view', 'checkout/cart/index', ]; if (pageTypes.indexOf(self.config.attributes.pageType) >= 0) { var mageMessages = window.mageMessages; for (var index = 0; index < mageMessages.length; ++index) { var message = mageMessages[index].text; if (message.toLowerCase().indexOf("addcart-success-message") !== -1) { self.config.attributes.event = 'addToCart'; break; } } } }; this.addScriptElement = function (attributes, window, document, scriptTag, dataLayer, configId) { window.dataLayer.push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); var firstScript = document.getElementsByTagName(scriptTag)[0]; var newScript = document.createElement(scriptTag); var dataLayerArg = (dataLayer != 'dataLayer') ? '&l=' + dataLayer : ''; newScript.async = true; newScript.src = '//www.googletagmanager.com/gtm.js?id=' + configId + dataLayerArg; var existingNodes = []; if (existingNodes.indexOf(newScript.src) === -1) { firstScript.parentNode.insertBefore(newScript, firstScript); existingNodes.push(newScript.src); } }; // extend one object with another object's property's (default is deep extend) // this works with circular references and is faster than other deep extend methods // source: https://gist.github.com/fshost/4146993 this.deepExtend = function (target, source, shallow) { var array = '[object Array]', object = '[object Object]', targetMeta, sourceMeta, setMeta = function (value) { var meta, jclass = {}.toString.call(value); if (value === undefined) return 0; if (typeof value !== 'object') return false; if (jclass === array) { return 1; } if (jclass === object) return 2; }; for (var key in source) { if (source.hasOwnProperty(key)) { targetMeta = setMeta(target[key]); sourceMeta = setMeta(source[key]); if (source[key] !== target[key]) { if (!shallow && sourceMeta && targetMeta && targetMeta === sourceMeta) { target[key] = extend(target[key], source[key], true); } else if (sourceMeta !== 0) { target[key] = source[key]; } } } else break; // ownProperties are always first (see jQuery's isPlainObject function) } return target; }; this.mergeObjects = function (out) { out = out || {}; for (var i = 1; i < arguments.length; i++) { var obj = arguments[i]; if (!obj) { continue; } for (var key in obj) { if (obj.hasOwnProperty(key)) { if (typeof obj[key] === 'object') { if (obj[key] instanceof Array) { out[key] = obj[key].slice(0); } else { out[key] = self.deepExtend(out[key], obj[key]); } } else { out[key] = obj[key]; } } } } return out; }; this.requiredEventsLoaded = function (event) { if (event.type === 'messages-loaded') { self.eventMessagesLoaded = true; } if (event.type === 'private-content-loaded') { self.eventPrivateContentLoaded = true; } return self.eventMessagesLoaded && self.eventPrivateContentLoaded; } this.initGTM = function (event) { if (!self.requiredEventsLoaded(event)) { return; } if (self.isDisabled(self.config)) { return; } self.initDataLayer(window); self.config.sectionData = event.detail.data; if (!self.config.sectionData) { return; } self.addToCartEvent(); var attributes = self.mergeObjects( self.getCustomerSpecificAttributes(), self.getCartSpecificAttributes(), self.config.attributes, ); dataLayer.push(attributes); self.addScriptElement(attributes, window, document, 'script', 'dataLayer', self.config.id); }; } var googleTagManager = new GoogleTagManager(); window.addEventListener("private-content-loaded", googleTagManager.initGTM); window.addEventListener("messages-loaded", googleTagManager.initGTM); </script> <input name="form_key" type="hidden" value="CJfFfBIrmJUyPNXp" /> <script> 'use script'; ((hyva) => { const scriptPromiseRegistry = {}; hyva.createScriptPromise = (src) => { if (scriptPromiseRegistry[src]) { return scriptPromiseRegistry[src]; } return scriptPromiseRegistry[src] = new Promise((resolve) => { const script = document.createElement('script'); script.src = src; script.addEventListener('load', () => { resolve(script) }, false); document.body.appendChild(script); }); } hyva.formatPrice = (value, showSign) => { const formatter = new Intl.NumberFormat( 'de\u002DDE', { style: 'currency', currency: 'EUR', signDisplay: showSign ? "always" : "auto", minimumFractionDigits: 2, maximumFractionDigits: 2, } ); return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ? formatter.formatToParts(value).map(({type, value}) => { switch (type) { case 'currency': return '€ ' || value; case 'minusSign': return '- '; case 'plusSign': return '+ '; default : return value; } }).reduce((string, part) => string + part) : formatter.format(value); } })(window.hyva = window.hyva || {}) </script> <script src="https://static-eu.payments-amazon.com/checkout.js" id="amazon-pay-script"></script> <script > var hyvaAmazonPay = { config: [{"merchant_id":"A330008K8VPHC7","currency":"EUR","button_color":"Gold","language":"de_DE","sandbox":false,"login_payload":"{\"signInReturnUrl\":\"https:\/\/shop.freywille.com\/amazon_pay\/login\/authorize\/\",\"signInCancelUrl\":\"https:\/\/shop.freywille.com\/\",\"storeId\":\"amzn1.application-oa2-client.0adcb425208441068e22088e3f041b1d\",\"signInScopes\":[\"name\",\"email\"]}","login_signature":"fIpa\/KwqafA95Df1QQN0AGuEJgrBkYW7RYmQQaVEnC8O8o6zqy\/A+Z6j19i5uZfhsFJ1sODBVQ5bYaV4pFEd5NbuaE7FCChZTOLuMQFCCXa5FGihNaoKe5jC4cSXw\/LvDQ3\/Cqk2vKRw0cNWAzYV+iB61I0m6Cd8y2IzaLz8I2I1kwgHPzexm3DF250E+b97Sxq4rCHz1GdpI5D54ZT39YuJ8H2TISnHp3vzcFm6yKXPJvURxr3qP9M0yHMclEFpJkwAI+Bjy9iKD\/qN8bXddE3jutvdOMn1uKm5rTjtxyY8bwEgNVkeLVPzHEVulMb9sexTlDeFMGI+KqM3jA4fAA==","checkout_payload":"{\"webCheckoutDetails\":{\"checkoutReviewReturnUrl\":\"https:\/\/shop.freywille.com\/amazon_pay\/login\/checkout\/\",\"checkoutCancelUrl\":\"https:\/\/shop.freywille.com\/amazon_pay\/checkout\/cancel\/redirect\/aHR0cHM6Ly9zaG9wLmZyZXl3aWxsZS5jb20v\/\"},\"storeId\":\"amzn1.application-oa2-client.0adcb425208441068e22088e3f041b1d\",\"scopes\":[\"name\",\"email\",\"phoneNumber\",\"billingAddress\"],\"deliverySpecifications\":{\"addressRestrictions\":{\"type\":\"Allowed\",\"restrictions\":{\"AT\":{}}}}}","checkout_signature":"nYlb2PoT4ypVjj29TBuQgVyye0l9f4CNkVIThbNANyE1O+PW37xlT7gr9A++D63d9iRXI+frULUt1dnLnWvn7uuBnDHdpykxEpJPrCtvm1UR7T3MveRCBTkXgD+aXI7PVj+DxIMTHptRvusD0x5qJ2L4GNu7pOT7l0+Vn3ZcGPsdE1dhw3Iq7l1s57xdjHLKRDjUjbhNzqsR2\/A08xVGuYFSs1YtKPzSjg4vr0zeb\/+T1Ggq0IvKyGWJsKkXUbZ+pLwQ6TLzobwe9ykouJJVGpx+vBTMmqI7akmqHsoIxd1A8JH0eo0C+KCahC7SbQlPEwrO+cxh4iRSBplar+BPNg==","public_key_id":"AHL2HYGRPML2ZAKB7EXG2RXU","pay_only":true,"paynow_payload":"{\"webCheckoutDetails\":{\"checkoutMode\":\"ProcessOrder\",\"checkoutResultReturnUrl\":\"https:\/\/shop.freywille.com\/amazon_pay\/checkout\/completeSession\/\",\"checkoutCancelUrl\":\"https:\/\/shop.freywille.com\/amazon_pay\/checkout\/cancel\/redirect\/aHR0cHM6Ly9zaG9wLmZyZXl3aWxsZS5jb20v\/\"},\"storeId\":\"amzn1.application-oa2-client.0adcb425208441068e22088e3f041b1d\",\"scopes\":[\"name\",\"email\",\"phoneNumber\",\"billingAddress\"],\"paymentDetails\":{\"paymentIntent\":\"Authorize\",\"canHandlePendingAuthorization\":false,\"chargeAmount\":{\"amount\":0,\"currencyCode\":null},\"presentmentCurrency\":null},\"merchantMetadata\":{\"merchantStoreName\":null},\"platformId\":\"A2ZAYEJU54T1BM\"}","paynow_signature":"PzeQi6+1ZC74l7VRJDzUIJmQp0MIXfs3e2TADHeCBnICgsvyHyTFaAOw+w49eINw7UMH8crUPMlK5gtK9JXcL7e62EcH5Ue\/k6HBsdesaygzFAZ7yMdGsZkf3kNaU4BW4CO10tTjR08pZqOA+WKwTsHhttJyMwfotZkUFaJB2QqK32q6uf4sJYptyzbbmU1pk4Yp5X7IYGws5ynTHwM6f\/T4IsGYfz\/So0\/9hqbk7jIuflvc+fjWIJBBBfu++xmyZFCp2E0gU1W1Cj\/uhO65obqQ+MLYDmeCXsi3Cdz5abM1BihIYkye7XoE4HMwQ96Ls8qJXOOcmju6Hlpr0bIJPA=="}], renderButton(elementId) { if (this.hasCartItems()) { this.createButton(elementId); } }, createButton(elementId) { const config = this.config[0]; if (typeof amazon === 'undefined') { return; } amazon.Pay.renderButton( '#'+elementId, { merchantId: config['merchant_id'], ledgerCurrency: config['currency'], sandbox: config['sandbox'], checkoutLanguage: config['language'], productType: 'PayAndShip', placement: 'Cart', buttonColor: config["button_color"], createCheckoutSessionConfig: { payloadJSON: config['checkout_payload'], signature: config['checkout_signature'], publicKeyId: config['public_key_id'] } } ); }, hasCartItems() { const browserStorage = hyva.getBrowserStorage(); if (browserStorage) { const mageStorage = JSON.parse(browserStorage['mage-cache-storage']) if (mageStorage.cart.items && mageStorage.cart.items.length) { return true; } } return false; } } </script> <div class="page-wrapper"><style>#html-body [data-pb-style=T4UDFNK]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="T4UDFNK"><div data-content-type="banner" data-appearance="announcement" data-element="main"><p><span data-element="text">Corazón | Verlieben Sie sich in unsere neue Ohrring-Kollektion</span><a href="https://shop.freywille.com/new-in/corazon.html" target="" data-link-type="category" data-element="link">Jetzt entdecken!</a></p></div></div> <header class="bg-white sticky top-0 z-40 py-4 main:pt-5 main:pb-6 main:mb-12"> <header class="page-header"> <script> function initHeader_679d3b256a0e6() { return { activeHeaderComponent: '', activeNav: 'shopNav', combinedHeaderHeight: 0, isActiveHeaderComponent(component) { return this.activeHeaderComponent === component; }, isActiveNav(component) { return this.activeNav === component; }, setActiveNav(component, hideOverflow = false) { this.activeNav = component; window.dispatchEvent(new CustomEvent("nav-component-changed")); if (hideOverflow) { document.querySelector('body').classList.add('has-active-header-component'); return; } document.querySelector('body').classList.remove('has-active-header-component'); return; }, setActiveHeaderComponent(component) { this.activeHeaderComponent = component; if (component !== '') { document.querySelector('body').classList.add('overflow-hidden'); return; } document.querySelector('body').classList.remove('overflow-hidden'); return; }, toggleActiveHeaderComponent(component) { if (this.activeHeaderComponent === component) { this.activeHeaderComponent = ''; document.querySelector('body').classList.remove('overflow-hidden'); return; } this.activeHeaderComponent = component; document.querySelector('body').classList.add('overflow-hidden'); return; }, cart: {}, getData(data) { if (data.cart) { this.cart = data.cart } return; }, calculateCombinedHeaderHeight() { let headerHeight = document.querySelector('header').offsetHeight; let bannerHeight = document.querySelector("[data-content-type='banner'][data-appearance='announcement']") ? document.querySelector("[data-content-type='banner'][data-appearance='announcement']").offsetHeight : 0; if (window.pageYOffset > bannerHeight) { this.combinedHeaderHeight = headerHeight - 1; return; } this.combinedHeaderHeight = headerHeight + bannerHeight - window.pageYOffset - 1; return; }, init() { this.calculateCombinedHeaderHeight(); return; } } } </script> <div class="fluid-container-xl" x-data="initHeader_679d3b256a0e6()" @private-content-loaded.window="getData(event.detail.data)" @resize.window.debounce="calculateCombinedHeaderHeight()" @scroll.window.debounce="calculateCombinedHeaderHeight()" @keydown.escape="setActiveNav('shopNav')" > <div class="grid grid-cols-12"> <div class="flex items-center gap-7 col-span-5 main:hidden"> <button class="main:hidden relative w-9 h-7" type="button" @click="toggleActiveHeaderComponent('mainNavContainer')" > <span class="sr-only">Navigation öffnen / schließen</span> <span class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" x-show="isActiveHeaderComponent('')"><svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 35 13" class="h-auto" width="35" height="13" aria-hidden="true"> <path stroke-linejoin="round" stroke-width="1.4" d="M0 1.5h35M0 11.5h35"/> </svg> </span> <span class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" x-cloak x-show="isActiveHeaderComponent('mainNavContainer')""><svg xmlns="http://www.w3.org/2000/svg" class="h-auto" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="0.5" width="40" height="40" aria-hidden="true"> <path stroke-linecap="square" stroke-linejoin="round" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"/> </svg> </span> </button> <button type="button" class="no-underline relative top-px main:hidden" @click="setActiveHeaderComponent('search'); $nextTick(() => document.querySelector('#search').focus());" :aria-expanded="isActiveHeaderComponent('search')" > <span class="sr-only">Suche öffnen</span> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 20.6 20.5" fill="currentColor" xml:space="preserve" class="h-auto" width="20" height="20" aria-hidden="true"> <path d="M19.6,20.5l-6-6c-0.6,0.5-1.4,1-2.2,1.3c-2,0.9-4.4,0.9-6.4,0c-2-0.8-3.6-2.4-4.4-4.4l0,0C-1.1,7.2,0.9,2.4,5,0.6 C9.1-1.1,14.1,0.9,15.8,5c0.9,2,0.9,4.4,0,6.4c-0.3,0.8-0.7,1.5-1.2,2.1l6,6L19.6,20.5z M1.9,10.9c0.7,1.7,2,3,3.6,3.6 c1.7,0.7,3.6,0.7,5.3,0c1.7-0.7,3-2,3.6-3.6c0.7-1.7,0.7-3.6,0-5.3c-1.4-3.4-5.5-5.1-9-3.6C2.1,3.4,0.5,7.4,1.9,10.9L1.9,10.9z"/> </svg> </button> </div> <div class="max-main:z-10 hidden bg-white fixed bottom-0 left-0 w-full col-span-5 main:static main:!flex main:items-center main:!flex-row" :class="isActiveHeaderComponent('mainNavContainer') ? '!flex flex-col' : 'hidden'" :style="'top:' + combinedHeaderHeight + 'px'" @click.outside="setActiveNav('shopNav')" > <div class="max-main:bg-white max-main:border-b-[6px] max-main:border-grey-5 flex items-center main:gap-7" @keydown.right.prevent.stop="$focus.wrap().next()" @keydown.home.prevent.stop="$focus.first()" @keydown.page-up.prevent.stop="$focus.first()" @keydown.left.prevent.stop="$focus.wrap().prev()" @keydown.end.prevent.stop="$focus.last()" @keydown.page-down.prevent.stop="$focus.last()" role="tablist" > <button class="max-main:w-1/2 max-main:px-3.5 max-main:py-6 group uppercase main:link-underline text-sm-leading-sm font-medium hover:text-primary focus-visible:text-primary" type="button" role="tab" id="shopNavTab" aria-controls="shopNavPanel" @click="setActiveNav('shopNav')" :class="isActiveNav('shopNav') ? 'max-main:bg-grey-5 main:after:scale-100' : 'max-main:text-grey-2'" :tabindex="isActiveNav('shopNav') ? 0 : -1" :aria-selected="isActiveNav('shopNav')" > <span class="max-main:link-underline !inline group-hover:after:scale-100 group-focus-visible:after:scale-100" :class="isActiveNav('shopNav') && 'max-main:after:scale-100'" >Shop</span> </button> <button class="max-main:w-1/2 max-main:px-3.5 max-main:py-6 group uppercase main:link-underline text-sm-leading-sm font-medium hover:text-primary focus-visible:text-primary" type="button" role="tab" id="contentNavTab" aria-controls="contentNavPanel" @click="setActiveNav('contentNav', true)" @keydown.escape="setActiveNav('shopNav')" :class="isActiveNav('contentNav') ? 'max-main:bg-grey-5 main:after:scale-100' : 'max-main:text-grey-2'" :tabindex="isActiveNav('contentNav') ? 0 : -1" :aria-selected="isActiveNav('contentNav')" > <span class="max-main:link-underline !inline group-hover:after:scale-100 group-focus-visible:after:scale-100" :class="isActiveNav('contentNav') && 'max-main:after:scale-100'" >Unsere Welt</span> </button> </div> <div class="max-main:mb-24 grow shrink h-1 overflow-auto" x-ref="overflowContainer" @category-changed.window="$refs.overflowContainer.scrollTo({top: 0})"> <div class="max-main:h-full top-full left-0 w-full main:bg-grey-5 main:absolute" id="shopNavPanel" role="tabpanel" aria-labelledby="shopNavTab" x-show="isActiveNav('shopNav')" > <div class="max-main:h-full fluid-container-xl"> <ul class="max-main:pt-3 max-main:pb-3 max-main:relative max-main:min-h-full gap-10 main:flex" x-data="initCategoryNav()" @keydown.escape="emptyActiveCategoryLevelOne()" @click.outside="emptyActiveCategoryLevelOne()" @focusin.window="! $el.contains($event.target) && emptyActiveCategoryLevelOne()" > <li class="py-3"> <button type="button" class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" @click="toggleActiveCategoryLevelOne('category-node-242')" :aria-expanded="isActiveCategoryLevelOne('category-node-242')" :class="isActiveCategoryLevelOne('category-node-242') && 'after:scale-100'" > <span>Neue Kreationen</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> <div class="max-main:min-h-full bg-white absolute top-0 left-0 w-full pt-6 z-10 main:pt-2 main:top-full" x-cloak x-show="isActiveCategoryLevelOne('category-node-242')" > <div class="main:fluid-container-xl"> <div class="flex flex-col main:flex-row-reverse main:pt-16 main:-mx-3 main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:pb-16"> <div class="max-main:hidden w-full mb-16 main:w-4/12 main:px-3"> <img class="mb-5" loading="lazy" src="/media/catalog/category/Menu_Banner_GK17.jpg" alt="" > <h2 class="uppercase text-center mb-3 tracking-wide main:text-xl">New In</h2> <div class="font-serif text-center">Von weltbekannten Künstler:innen inspiriert, von unseren Designerinnen neu kreiert. FREYWILLE präsentiert seit 1951 einzigartigen Emailschmuck, handgefertigt in Perfektion und in atemberaubender Farbpracht.</div> </div> <div class="w-full flex flex-col main:w-8/12 main:px-3"> <ul class="flex-wrap -mx-2.5 flex items-start mb-12 main:pr-36"> <li class="main:hidden w-full mb-6"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="emptyActiveCategoryLevelOne()" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/new-in/alphonse-mucha-paris.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/AM12.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Alphonse Mucha Paris</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/new-in/corazon.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/492_Corazon_Earrings.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Corazón</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/new-in/golden-kiss.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/18kt_Formen_Filter_Golden_Square_Half_Moon_GK17.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>The Golden Kiss</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/new-in/golden-square.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/18kt_Formen_Filter_Golden_Square_Ohrringe_GK17.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Golden Square</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/new-in/monochrome.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Formen_Filter_Ultra_Bangle_Monochrome_Sphinx_white.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Monochrome</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/new-in/monochrome-ring.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Formen_Filter_Ultra_Ring_Monochrome_Sphinx_black.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Monochrome Ring</span> </div> </a> </li> </ul> <div class="self-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/new-in.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> </li> <li class="py-3"> <button type="button" class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" @click="toggleActiveCategoryLevelOne('category-node-109')" :aria-expanded="isActiveCategoryLevelOne('category-node-109')" :class="isActiveCategoryLevelOne('category-node-109') && 'after:scale-100'" > <span>Fine Jewellery</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> <div class="max-main:min-h-full bg-white absolute top-0 left-0 w-full pt-6 z-10 main:pt-2 main:top-full" x-cloak x-show="isActiveCategoryLevelOne('category-node-109')" > <div class="main:fluid-container-xl"> <div @click.outside="setFirstItemActive()" x-data="{ activeCategoryLevelTwo: '', isActiveCategoryLevelTwo(category) { return this.activeCategoryLevelTwo === category; }, setActiveCategoryLevelTwo(category) { this.activeCategoryLevelTwo = category; window.dispatchEvent(new CustomEvent('category-changed')); }, setFirstItemActive(){ let firstItemWithDropdown = $el.querySelector('[data-id]'); if (!firstItemWithDropdown) return; this.setActiveCategoryLevelTwo(firstItemWithDropdown.getAttribute('data-id')); }, init(){ const mediaQuery = window.matchMedia('(min-width: 1024px)'); if (mediaQuery.matches) { this.setFirstItemActive(); } mediaQuery.addEventListener('change', (e) => { if (e.matches) { this.setFirstItemActive(); } else { this.activeCategoryLevelTwo = ''; } }); } }" > <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 mb-2 text-left w-full block relative text-md main:hidden" @click="emptyActiveCategoryLevelOne()" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> <ul role="tablist" class="main:flex main:flex-wrap main:-mx-2" @keydown.right.prevent.stop="$focus.wrap().next()" @keydown.home.prevent.stop="$focus.first()" @keydown.page-up.prevent.stop="$focus.first()" @keydown.left.prevent.stop="$focus.wrap().prev()" @keydown.end.prevent.stop="$focus.last()" @keydown.page-down.prevent.stop="$focus.last()" > <li role="presentation" class="py-3 main:flex main:px-2" data-id="category-node-112"> <button type="button" role="tab" id="tab-category-node-112" aria-controls="panel-category-node-112" class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" @click="setActiveCategoryLevelTwo('category-node-112')" :aria-selected="isActiveCategoryLevelTwo('category-node-112')" :tabindex="isActiveCategoryLevelTwo('category-node-112') ? 0 : -1" :class="isActiveCategoryLevelTwo('category-node-112') && 'after:scale-100'" > <span>Kollektionen</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> <div class="max-main:hidden border-r ml-8 mr-3.5 h-5 mt-1 border-grey-3"></div> <div class="main:hidden border-b mx-2.5 border-grey-3 mt-6 mb-1"></div> </li> <li role="presentation" class="py-3 main:pl-2 main:pr-5" data-id="category-node-132"> <button class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" type="button" role="tab" id="tab-category-node-132" aria-controls="panel-category-node-113" @click="setActiveCategoryLevelTwo('category-node-132')" :aria-selected="isActiveCategoryLevelTwo('category-node-132')" :tabindex="isActiveCategoryLevelTwo('category-node-132') ? 0 : -1" :class="isActiveCategoryLevelTwo('category-node-132') && 'after:scale-100'" x-cloak > <span>Ringe</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> </li> <li role="presentation" class="py-3 main:pl-2 main:pr-5" data-id="category-node-130"> <button class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" type="button" role="tab" id="tab-category-node-130" aria-controls="panel-category-node-113" @click="setActiveCategoryLevelTwo('category-node-130')" :aria-selected="isActiveCategoryLevelTwo('category-node-130')" :tabindex="isActiveCategoryLevelTwo('category-node-130') ? 0 : -1" :class="isActiveCategoryLevelTwo('category-node-130') && 'after:scale-100'" x-cloak > <span>Ohrringe</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> </li> <li role="presentation" class="py-3 main:pl-2 main:pr-5" data-id="category-node-131"> <button class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" type="button" role="tab" id="tab-category-node-131" aria-controls="panel-category-node-113" @click="setActiveCategoryLevelTwo('category-node-131')" :aria-selected="isActiveCategoryLevelTwo('category-node-131')" :tabindex="isActiveCategoryLevelTwo('category-node-131') ? 0 : -1" :class="isActiveCategoryLevelTwo('category-node-131') && 'after:scale-100'" x-cloak > <span>Anhänger ohne Kette</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> </li> <li role="presentation" class="py-3 main:pl-2 main:pr-5" data-id="category-node-305"> <button class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" type="button" role="tab" id="tab-category-node-305" aria-controls="panel-category-node-113" @click="setActiveCategoryLevelTwo('category-node-305')" :aria-selected="isActiveCategoryLevelTwo('category-node-305')" :tabindex="isActiveCategoryLevelTwo('category-node-305') ? 0 : -1" :class="isActiveCategoryLevelTwo('category-node-305') && 'after:scale-100'" x-cloak > <span>Anhänger mit Kette</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> </li> <li role="presentation" class="py-3 main:pl-2 main:pr-5" data-id="category-node-134"> <button class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" type="button" role="tab" id="tab-category-node-134" aria-controls="panel-category-node-113" @click="setActiveCategoryLevelTwo('category-node-134')" :aria-selected="isActiveCategoryLevelTwo('category-node-134')" :tabindex="isActiveCategoryLevelTwo('category-node-134') ? 0 : -1" :class="isActiveCategoryLevelTwo('category-node-134') && 'after:scale-100'" x-cloak > <span>Ketten</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> </li> <li role="presentation" class="py-3 main:pl-2 main:pr-5" data-id="category-node-183"> <button class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" type="button" role="tab" id="tab-category-node-183" aria-controls="panel-category-node-113" @click="setActiveCategoryLevelTwo('category-node-183')" :aria-selected="isActiveCategoryLevelTwo('category-node-183')" :tabindex="isActiveCategoryLevelTwo('category-node-183') ? 0 : -1" :class="isActiveCategoryLevelTwo('category-node-183') && 'after:scale-100'" x-cloak > <span>Armbänder</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> </li> </ul> <div aria-labelledby="tab-category-node-112" role="tabpanel" class="max-main:min-h-full max-main:pt-6 max-main:pb-3 bg-white absolute top-0 left-0 w-full pt-1 z-20 main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:top-full" x-cloak x-show="isActiveCategoryLevelTwo('category-node-112')" > <div class="main:fluid-container-xl main:pb-16"> <div class="flex flex-col-reverse main:flex-row-reverse main:-mx-3"> <div class="max-main:hidden mb-8 main:w-4/12 main:px-3"> <img loading="lazy" class="mt-12 mb-5" src="/media/catalog/category/Menu_Banner_18kt.jpg" alt="" > <h2 class="uppercase text-center mb-3 tracking-wide main:text-xl">Kunst - Luxus - Eleganz</h2> <div class="font-serif text-center">Fine Jewellery - die 18-karat-Gold -Linie von FREYWILLE vereint künstlerisch gestaltetes Feueremail mit 18-karätigem Gold und edlen Diamanten. Im Herzen von Wien sorgfältig in Handarbeit gefertigt.</div> </div> <div class="w-full flex flex-col main:w-8/12 main:px-3"> <ul class="main:flex main:flex-wrap"> <li class="main:hidden w-full mb-6"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="setActiveCategoryLevelTwo('')" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="py-3 main:w-full"> <div class="uppercase text-xxs font-medium text-grey-1"> Hommage à </div> <div class="relative main:pr-36" x-data="{ isOverflowing: false, slider: $refs.slider, atBeginning: true, atEnd: false, next() { let current = this.slider.scrollLeft; this.slider.scrollTo({ left: current + 153, behavior: 'smooth', }); }, prev() { let current = this.slider.scrollLeft; this.slider.scrollTo({ left: current - 153, behavior: 'smooth', }); }, disableNextAndPreviousButtons: { 'x-intersect:enter.full'() { let slideEls = this.$el.parentElement.children if (slideEls[0] === this.$el) { this.atBeginning = true } else if (slideEls[slideEls.length-1] === this.$el) { this.atEnd = true } }, 'x-intersect:leave.full'() { let slideEls = this.$el.parentElement.children if (slideEls[0] === this.$el) { this.atBeginning = false } else if (slideEls[slideEls.length-1] === this.$el) { this.atEnd = false } }, }, checkOverflow() { window.setTimeout(() => { this.isOverflowing = this.$refs.sliderContainer.scrollWidth < this.slider.scrollWidth - 9; }, 20); }, init() { this.checkOverflow(); } }" @resize.window.debounce="checkOverflow" @nav-component-changed.window="checkOverflow" > <div class="w-full relative" x-ref="sliderContainer"> <ul class="max-main:flex-wrap max-main:-mx-2 flex -ml-2 pt-5 items-start max-main:mb-12 overflow-auto no-scrollbar main:snap-x" x-ref="slider" > <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/collections/hommage-a/alphons-mucha.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_18kt_Mucha.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Alphonse Mucha</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/collections/hommage-a/claude-monet.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_18kt_Monet.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Claude Monet</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/collections/hommage-a/gustav-klimt.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_18kt_Klimt.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Gustav Klimt</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/collections/hommage-a/hundertwasser.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_18kt_Hundertwasser.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Hundertwasser</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/collections/hommage-a/sandro-botticelli.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_18kt_Botticelli.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Sandro Botticelli</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/collections/hommage-a/sophie-taeuber-arp.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_18kt_Taeuber-Arp.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Sophie Taeuber-Arp</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/collections/hommage-a/paul-gauguin.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_18kt_Gauguin.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Paul Gauguin</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/collections/hommage-a/vincent-van-gogh.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_18kt_Van_Gogh.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Vincent van Gogh</span> </div> </a> </li> </ul> <div class="hidden absolute -left-3 top-0 bottom-0 w-8 bg-gradient-to-r from-white main:block" x-show="isOverflowing && !atBeginning" x-cloak ></div> <div class="hidden absolute right-0 top-0 bottom-0 w-5 bg-gradient-to-l from-white main:block" x-show="isOverflowing" ></div> </div> <div class="absolute right-28 top-14 flex flex-col"> <button class="max-main:!hidden px-2 py-2 mb-2 disabled:text-grey-2" type="button" @click="prev" x-show="isOverflowing" x-cloak :disabled="atBeginning" tabindex="-1" aria-hidden="true" > <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </button> <button class="max-main:!hidden px-2 py-2 disabled:text-grey-2" type="button" @click="next" x-show="isOverflowing" x-cloak :disabled="atEnd" tabindex="-1" aria-hidden="true" > <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </button> </div> </div> </li> <li class="py-3 main:pr-[153px] main:last:pr-0"> <div class="uppercase text-xxs font-medium mb-5 text-grey-1"> Contemporary Art </div> <div class="relative"> <div class="w-full relative" x-ref="sliderContainer"> <ul class="max-main:flex-wrap max-main:-mx-2 flex items-start max-main:mb-12" > <li class="max-main:px-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-5 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/collections/contemporary-art/folkloric-masterpiece.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_18kt_Folkloric_Masterpiece.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Folkloric Masterpiece</span> </div> </a> </li> <li class="max-main:px-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-5 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/collections/contemporary-art/trachtenfest.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_18kt_Trachtenfest.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Trachtenfest</span> </div> </a> </li> </ul> </div> </div> </li> <li class="py-3 main:pr-[153px] main:last:pr-0"> <div class="uppercase text-xxs font-medium mb-5 text-grey-1"> Liebe & Verlobung </div> <div class="relative"> <div class="w-full relative" x-ref="sliderContainer"> <ul class="max-main:flex-wrap max-main:-mx-2 flex items-start max-main:mb-12" > <li class="max-main:px-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-5 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/collections/wedding-collection/l-amour-infini.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_18kt_L_Amour_Infini.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Wedding Collection</span> </div> </a> </li> </ul> </div> </div> </li> </ul> <div class="self-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/18kt-diamonds/collections.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> <div class="max-main:min-h-full max-main:pt-6 max-main:pb-3 bg-white absolute z-20 left-0 top-0 w-full main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:top-full" x-cloak aria-labelledby="tab-category-node-132" role="tabpanel" x-show="isActiveCategoryLevelTwo('category-node-132')" > <div class="main:fluid-container-xl main:pb-16"> <div class="flex flex-col main:flex-row-reverse main:pt-[54px] main:-mx-3"> <div class="max-main:hidden w-full mb-16 main:w-4/12 main:px-3"> </div> <div class="w-full main:w-8/12 main:px-3"> <ul class="flex-wrap -mx-2.5 flex items-start mb-12 main:pr-36"> <li class="main:hidden w-full mb-6 px-2.5"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="setActiveCategoryLevelTwo('')" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/rings.html?web_form=Luna+Piccolissima"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/132/420.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Luna Piccolissima</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/rings.html?web_form=Tango"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/132/422.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Tango</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/rings.html?web_form=Etoile"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/132/406.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Etoile</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/rings.html?web_form=Star+Aura"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/132/528.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Star Aura</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/rings.html?web_form=Gloria"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/132/539.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Gloria</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/rings.html?web_form=Victoria"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/132/584.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Victoria</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/rings.html?web_form=Lumi%C3%A8re"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/132/416.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Lumière</span> </div> </a> </li> </ul> <div class="flex justify-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/rings.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> <div class="max-main:min-h-full max-main:pt-6 max-main:pb-3 bg-white absolute z-20 left-0 top-0 w-full main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:top-full" x-cloak aria-labelledby="tab-category-node-130" role="tabpanel" x-show="isActiveCategoryLevelTwo('category-node-130')" > <div class="main:fluid-container-xl main:pb-16"> <div class="flex flex-col main:flex-row-reverse main:pt-[54px] main:-mx-3"> <div class="max-main:hidden w-full mb-16 main:w-4/12 main:px-3"> </div> <div class="w-full main:w-8/12 main:px-3"> <ul class="flex-wrap -mx-2.5 flex items-start mb-12 main:pr-36"> <li class="main:hidden w-full mb-6 px-2.5"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="setActiveCategoryLevelTwo('')" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/earrings.html?web_form=Cabochon"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/130/323.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Cabochon</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/earrings.html?web_form=Luna+Piccolissima"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/130/420.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Luna Piccolissima</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/earrings.html?web_form=Aurora"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/130/527.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Aurora</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/earrings.html?web_form=Marbella+Pearls"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/130/533.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Marbella Pearls</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/earrings.html?web_form=Saint+Tropez"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/130/534.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Saint Tropez</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/earrings.html?web_form=Gloria"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/130/539.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Gloria</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/earrings.html?web_form=Star+Aura"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/130/528.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Star Aura</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/earrings.html?web_form=D%C3%A9sir%C3%A9e"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/130/571.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Désirée</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/earrings.html?web_form=Victoria"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/130/584.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Victoria</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/earrings.html?web_form=Golden+Square"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/130/629.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Golden Square</span> </div> </a> </li> </ul> <div class="flex justify-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/earrings.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> <div class="max-main:min-h-full max-main:pt-6 max-main:pb-3 bg-white absolute z-20 left-0 top-0 w-full main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:top-full" x-cloak aria-labelledby="tab-category-node-131" role="tabpanel" x-show="isActiveCategoryLevelTwo('category-node-131')" > <div class="main:fluid-container-xl main:pb-16"> <div class="flex flex-col main:flex-row-reverse main:pt-[54px] main:-mx-3"> <div class="max-main:hidden w-full mb-16 main:w-4/12 main:px-3"> </div> <div class="w-full main:w-8/12 main:px-3"> <ul class="flex-wrap -mx-2.5 flex items-start mb-12 main:pr-36"> <li class="main:hidden w-full mb-6 px-2.5"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="setActiveCategoryLevelTwo('')" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/pendants.html?web_form=Heart+with+Diamonds"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/131/476.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Heart with Diamonds</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/pendants.html?web_form=Daisy"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/131/418.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Daisy</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/pendants.html?web_form=Cabochon"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/131/323.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Cabochon</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/pendants.html?web_form=Herz"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/131/288.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Herz</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/pendants.html?web_form=Saint+Tropez"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/131/534.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Saint Tropez</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/pendants.html?web_form=Gloria"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/131/539.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Gloria</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/pendants.html?web_form=Helena"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/131/289.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Helena</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/pendants.html?web_form=Star+Aura"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/131/528.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Star Aura</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/pendants.html?web_form=Victoria"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/131/584.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Victoria</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/pendants.html?web_form=Golden+Square"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/131/629.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Golden Square</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/pendants.html?web_form=Half-Moon"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/131/290.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Half-Moon</span> </div> </a> </li> </ul> <div class="flex justify-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/pendants.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> <div class="max-main:min-h-full max-main:pt-6 max-main:pb-3 bg-white absolute z-20 left-0 top-0 w-full main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:top-full" x-cloak aria-labelledby="tab-category-node-305" role="tabpanel" x-show="isActiveCategoryLevelTwo('category-node-305')" > <div class="main:fluid-container-xl main:pb-16"> <div class="flex flex-col main:flex-row-reverse main:pt-[54px] main:-mx-3"> <div class="max-main:hidden w-full mb-16 main:w-4/12 main:px-3"> </div> <div class="w-full main:w-8/12 main:px-3"> <ul class="flex-wrap -mx-2.5 flex items-start mb-12 main:pr-36"> <li class="main:hidden w-full mb-6 px-2.5"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="setActiveCategoryLevelTwo('')" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/18kt-necklaces-pendants.html?web_form=Aurora"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/305/527.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Aurora</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/18kt-necklaces-pendants.html?web_form=Little+Aurora"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/305/535.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Little Aurora</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/18kt-necklaces-pendants.html?web_form=D%C3%A9sir%C3%A9e"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/305/571.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Désirée</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/18kt-necklaces-pendants.html?web_form=Luna+Piccola"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/305/428.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Luna Piccola</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/18kt-necklaces-pendants.html?web_form=Gloria"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/305/539.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Gloria</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/18kt-necklaces-pendants.html?web_form=Saint+Tropez"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/305/534.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Saint Tropez</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/18kt-necklaces-pendants.html?web_form=Herz"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/305/288.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Herz</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/18kt-necklaces-pendants.html?web_form=Heart+with+Diamonds"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/305/476.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Heart with Diamonds</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/18kt-necklaces-pendants.html?web_form=Helena"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/305/289.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Helena</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/18kt-necklaces-pendants.html?web_form=Cabochon"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/305/323.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Cabochon</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/18kt-necklaces-pendants.html?web_form=Daisy"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/305/418.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Daisy</span> </div> </a> </li> </ul> <div class="flex justify-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/18kt-necklaces-pendants.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> <div class="max-main:min-h-full max-main:pt-6 max-main:pb-3 bg-white absolute z-20 left-0 top-0 w-full main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:top-full" x-cloak aria-labelledby="tab-category-node-134" role="tabpanel" x-show="isActiveCategoryLevelTwo('category-node-134')" > <div class="main:fluid-container-xl main:pb-16"> <div class="flex flex-col main:flex-row-reverse main:pt-[54px] main:-mx-3"> <div class="max-main:hidden w-full mb-16 main:w-4/12 main:px-3"> </div> <div class="w-full main:w-8/12 main:px-3"> <ul class="flex-wrap -mx-2.5 flex items-start mb-12 main:pr-36"> <li class="main:hidden w-full mb-6 px-2.5"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="setActiveCategoryLevelTwo('')" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/chains.html?web_form=Angel+Hair"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/134/472.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Angel Hair</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/chains.html?web_form=Pearl"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/134/475.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Pearl</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/chains.html?web_form=Snake"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/134/473.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Snake</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/chains.html?web_form=Clip"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/134/455.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Clip</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/chains.html?web_form=Anchor"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/134/482.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Anchor</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/chains.html?web_form=Velvet+Collier"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/134/630.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Velvet Collier</span> </div> </a> </li> </ul> <div class="flex justify-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/chains.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> <div class="max-main:min-h-full max-main:pt-6 max-main:pb-3 bg-white absolute z-20 left-0 top-0 w-full main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:top-full" x-cloak aria-labelledby="tab-category-node-183" role="tabpanel" x-show="isActiveCategoryLevelTwo('category-node-183')" > <div class="main:fluid-container-xl main:pb-16"> <div class="flex flex-col main:flex-row-reverse main:pt-[54px] main:-mx-3"> <div class="max-main:hidden w-full mb-16 main:w-4/12 main:px-3"> </div> <div class="w-full main:w-8/12 main:px-3"> <ul class="flex-wrap -mx-2.5 flex items-start mb-12 main:pr-36"> <li class="main:hidden w-full mb-6 px-2.5"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="setActiveCategoryLevelTwo('')" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/pendant-bracelets.html?web_form=Aurora"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/183/527.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Aurora</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/pendant-bracelets.html?web_form=D%C3%A9sir%C3%A9e"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/183/571.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Désirée</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/pendant-bracelets.html?web_form=Primaballerina"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/183/425.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Primaballerina</span> </div> </a> </li> </ul> <div class="flex justify-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/18kt-diamonds/jewellery-types/pendant-bracelets.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </li> <li class="py-3"> <button type="button" class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" @click="toggleActiveCategoryLevelOne('category-node-111')" :aria-expanded="isActiveCategoryLevelOne('category-node-111')" :class="isActiveCategoryLevelOne('category-node-111') && 'after:scale-100'" > <span>Jewellery</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> <div class="max-main:min-h-full bg-white absolute top-0 left-0 w-full pt-6 z-10 main:pt-2 main:top-full" x-cloak x-show="isActiveCategoryLevelOne('category-node-111')" > <div class="main:fluid-container-xl"> <div @click.outside="setFirstItemActive()" x-data="{ activeCategoryLevelTwo: '', isActiveCategoryLevelTwo(category) { return this.activeCategoryLevelTwo === category; }, setActiveCategoryLevelTwo(category) { this.activeCategoryLevelTwo = category; window.dispatchEvent(new CustomEvent('category-changed')); }, setFirstItemActive(){ let firstItemWithDropdown = $el.querySelector('[data-id]'); if (!firstItemWithDropdown) return; this.setActiveCategoryLevelTwo(firstItemWithDropdown.getAttribute('data-id')); }, init(){ const mediaQuery = window.matchMedia('(min-width: 1024px)'); if (mediaQuery.matches) { this.setFirstItemActive(); } mediaQuery.addEventListener('change', (e) => { if (e.matches) { this.setFirstItemActive(); } else { this.activeCategoryLevelTwo = ''; } }); } }" > <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 mb-2 text-left w-full block relative text-md main:hidden" @click="emptyActiveCategoryLevelOne()" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> <ul role="tablist" class="main:flex main:flex-wrap main:-mx-2" @keydown.right.prevent.stop="$focus.wrap().next()" @keydown.home.prevent.stop="$focus.first()" @keydown.page-up.prevent.stop="$focus.first()" @keydown.left.prevent.stop="$focus.wrap().prev()" @keydown.end.prevent.stop="$focus.last()" @keydown.page-down.prevent.stop="$focus.last()" > <li role="presentation" class="py-3 main:flex main:px-2" data-id="category-node-114"> <button type="button" role="tab" id="tab-category-node-114" aria-controls="panel-category-node-114" class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" @click="setActiveCategoryLevelTwo('category-node-114')" :aria-selected="isActiveCategoryLevelTwo('category-node-114')" :tabindex="isActiveCategoryLevelTwo('category-node-114') ? 0 : -1" :class="isActiveCategoryLevelTwo('category-node-114') && 'after:scale-100'" > <span>Kollektionen</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> <div class="max-main:hidden border-r ml-8 mr-3.5 h-5 mt-1 border-grey-3"></div> <div class="main:hidden border-b mx-2.5 border-grey-3 mt-6 mb-1"></div> </li> <li role="presentation" class="py-3 main:pl-2 main:pr-5" data-id="category-node-151"> <button class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" type="button" role="tab" id="tab-category-node-151" aria-controls="panel-category-node-115" @click="setActiveCategoryLevelTwo('category-node-151')" :aria-selected="isActiveCategoryLevelTwo('category-node-151')" :tabindex="isActiveCategoryLevelTwo('category-node-151') ? 0 : -1" :class="isActiveCategoryLevelTwo('category-node-151') && 'after:scale-100'" x-cloak > <span>Ringe</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> </li> <li role="presentation" class="py-3 main:pl-2 main:pr-5" data-id="category-node-149"> <button class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" type="button" role="tab" id="tab-category-node-149" aria-controls="panel-category-node-115" @click="setActiveCategoryLevelTwo('category-node-149')" :aria-selected="isActiveCategoryLevelTwo('category-node-149')" :tabindex="isActiveCategoryLevelTwo('category-node-149') ? 0 : -1" :class="isActiveCategoryLevelTwo('category-node-149') && 'after:scale-100'" x-cloak > <span>Ohrringe</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> </li> <li role="presentation" class="py-3 main:pl-2 main:pr-5" data-id="category-node-150"> <button class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" type="button" role="tab" id="tab-category-node-150" aria-controls="panel-category-node-115" @click="setActiveCategoryLevelTwo('category-node-150')" :aria-selected="isActiveCategoryLevelTwo('category-node-150')" :tabindex="isActiveCategoryLevelTwo('category-node-150') ? 0 : -1" :class="isActiveCategoryLevelTwo('category-node-150') && 'after:scale-100'" x-cloak > <span>Anhänger ohne Kette</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> </li> <li role="presentation" class="py-3 main:pl-2 main:pr-5" data-id="category-node-294"> <button class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" type="button" role="tab" id="tab-category-node-294" aria-controls="panel-category-node-115" @click="setActiveCategoryLevelTwo('category-node-294')" :aria-selected="isActiveCategoryLevelTwo('category-node-294')" :tabindex="isActiveCategoryLevelTwo('category-node-294') ? 0 : -1" :class="isActiveCategoryLevelTwo('category-node-294') && 'after:scale-100'" x-cloak > <span>Anhänger mit Kette</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> </li> <li role="presentation" class="py-3 main:pl-2 main:pr-5" data-id="category-node-153"> <button class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" type="button" role="tab" id="tab-category-node-153" aria-controls="panel-category-node-115" @click="setActiveCategoryLevelTwo('category-node-153')" :aria-selected="isActiveCategoryLevelTwo('category-node-153')" :tabindex="isActiveCategoryLevelTwo('category-node-153') ? 0 : -1" :class="isActiveCategoryLevelTwo('category-node-153') && 'after:scale-100'" x-cloak > <span>Ketten</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> </li> <li role="presentation" class="py-3 main:pl-2 main:pr-5" data-id="category-node-146"> <button class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" type="button" role="tab" id="tab-category-node-146" aria-controls="panel-category-node-115" @click="setActiveCategoryLevelTwo('category-node-146')" :aria-selected="isActiveCategoryLevelTwo('category-node-146')" :tabindex="isActiveCategoryLevelTwo('category-node-146') ? 0 : -1" :class="isActiveCategoryLevelTwo('category-node-146') && 'after:scale-100'" x-cloak > <span>Armreifen</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> </li> <li role="presentation" class="py-3 main:pl-2 main:pr-5" data-id="category-node-147"> <button class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" type="button" role="tab" id="tab-category-node-147" aria-controls="panel-category-node-115" @click="setActiveCategoryLevelTwo('category-node-147')" :aria-selected="isActiveCategoryLevelTwo('category-node-147')" :tabindex="isActiveCategoryLevelTwo('category-node-147') ? 0 : -1" :class="isActiveCategoryLevelTwo('category-node-147') && 'after:scale-100'" x-cloak > <span>Klapparmreifen</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> </li> <li role="presentation" class="py-3 main:pl-2 main:pr-5" data-id="category-node-23"> <button class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" type="button" role="tab" id="tab-category-node-23" aria-controls="panel-category-node-115" @click="setActiveCategoryLevelTwo('category-node-23')" :aria-selected="isActiveCategoryLevelTwo('category-node-23')" :tabindex="isActiveCategoryLevelTwo('category-node-23') ? 0 : -1" :class="isActiveCategoryLevelTwo('category-node-23') && 'after:scale-100'" x-cloak > <span>Luxury Pens</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> </li> </ul> <div aria-labelledby="tab-category-node-114" role="tabpanel" class="max-main:min-h-full max-main:pt-6 max-main:pb-3 bg-white absolute top-0 left-0 w-full pt-1 z-20 main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:top-full" x-cloak x-show="isActiveCategoryLevelTwo('category-node-114')" > <div class="main:fluid-container-xl main:pb-16"> <div class="flex flex-col-reverse main:flex-row-reverse main:-mx-3"> <div class="max-main:hidden mb-8 main:w-4/12 main:px-3"> <img loading="lazy" class="mt-12 mb-5" src="/media/catalog/category/Menu_Banner_Classic.jpg" alt="" > <h2 class="uppercase text-center mb-3 tracking-wide main:text-xl">Kunst als Lebensfreude</h2> <div class="font-serif text-center">Von weltbekannten Maler:innen inspiriert, von unseren Künstler:innen neu kreiert. FREYWILLE präsentiert seit 1951 einzigartigen Emailschmuck, handgefertigt in Perfektion und in atemberaubender Farbpracht.</div> </div> <div class="w-full flex flex-col main:w-8/12 main:px-3"> <ul class="main:flex main:flex-wrap"> <li class="main:hidden w-full mb-6"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="setActiveCategoryLevelTwo('')" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="py-3 main:w-full"> <div class="uppercase text-xxs font-medium text-grey-1"> Hommage à </div> <div class="relative main:pr-36" x-data="{ isOverflowing: false, slider: $refs.slider, atBeginning: true, atEnd: false, next() { let current = this.slider.scrollLeft; this.slider.scrollTo({ left: current + 153, behavior: 'smooth', }); }, prev() { let current = this.slider.scrollLeft; this.slider.scrollTo({ left: current - 153, behavior: 'smooth', }); }, disableNextAndPreviousButtons: { 'x-intersect:enter.full'() { let slideEls = this.$el.parentElement.children if (slideEls[0] === this.$el) { this.atBeginning = true } else if (slideEls[slideEls.length-1] === this.$el) { this.atEnd = true } }, 'x-intersect:leave.full'() { let slideEls = this.$el.parentElement.children if (slideEls[0] === this.$el) { this.atBeginning = false } else if (slideEls[slideEls.length-1] === this.$el) { this.atEnd = false } }, }, checkOverflow() { window.setTimeout(() => { this.isOverflowing = this.$refs.sliderContainer.scrollWidth < this.slider.scrollWidth - 9; }, 20); }, init() { this.checkOverflow(); } }" @resize.window.debounce="checkOverflow" @nav-component-changed.window="checkOverflow" > <div class="w-full relative" x-ref="sliderContainer"> <ul class="max-main:flex-wrap max-main:-mx-2 flex -ml-2 pt-5 items-start max-main:mb-12 overflow-auto no-scrollbar main:snap-x" x-ref="slider" > <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/collections/hommage-a/alphonse-mucha.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_classic_Mucha.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Alphonse Mucha</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/collections/hommage-a/claude-monet.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_classic_Monet.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Claude Monet</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/collections/hommage-a/gustav-klimt.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_classic_Klimt.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Gustav Klimt</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/collections/hommage-a/hundertwasser.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_classic_Hundertwasser.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Hundertwasser</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/collections/hommage-a/paul-gauguin.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_classic_Gauguin.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Paul Gauguin</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/collections/hommage-a/sandro-botticelli.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_classic_Botticelli.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Sandro Botticelli</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/collections/hommage-a/sophie-taeuber-arp.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_classic_Taeuber-Arp.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Sophie Taeuber-Arp</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/collections/hommage-a/vincent-van-gogh.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_classic_Van_Gogh.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Vincent van Gogh</span> </div> </a> </li> </ul> <div class="hidden absolute -left-3 top-0 bottom-0 w-8 bg-gradient-to-r from-white main:block" x-show="isOverflowing && !atBeginning" x-cloak ></div> <div class="hidden absolute right-0 top-0 bottom-0 w-5 bg-gradient-to-l from-white main:block" x-show="isOverflowing" ></div> </div> <div class="absolute right-28 top-14 flex flex-col"> <button class="max-main:!hidden px-2 py-2 mb-2 disabled:text-grey-2" type="button" @click="prev" x-show="isOverflowing" x-cloak :disabled="atBeginning" tabindex="-1" aria-hidden="true" > <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </button> <button class="max-main:!hidden px-2 py-2 disabled:text-grey-2" type="button" @click="next" x-show="isOverflowing" x-cloak :disabled="atEnd" tabindex="-1" aria-hidden="true" > <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </button> </div> </div> </li> <li class="py-3 main:w-full"> <div class="uppercase text-xxs font-medium text-grey-1"> Independent Collection </div> <div class="relative main:pr-36" x-data="{ isOverflowing: false, slider: $refs.slider, atBeginning: true, atEnd: false, next() { let current = this.slider.scrollLeft; this.slider.scrollTo({ left: current + 153, behavior: 'smooth', }); }, prev() { let current = this.slider.scrollLeft; this.slider.scrollTo({ left: current - 153, behavior: 'smooth', }); }, disableNextAndPreviousButtons: { 'x-intersect:enter.full'() { let slideEls = this.$el.parentElement.children if (slideEls[0] === this.$el) { this.atBeginning = true } else if (slideEls[slideEls.length-1] === this.$el) { this.atEnd = true } }, 'x-intersect:leave.full'() { let slideEls = this.$el.parentElement.children if (slideEls[0] === this.$el) { this.atBeginning = false } else if (slideEls[slideEls.length-1] === this.$el) { this.atEnd = false } }, }, checkOverflow() { window.setTimeout(() => { this.isOverflowing = this.$refs.sliderContainer.scrollWidth < this.slider.scrollWidth - 9; }, 20); }, init() { this.checkOverflow(); } }" @resize.window.debounce="checkOverflow" @nav-component-changed.window="checkOverflow" > <div class="w-full relative" x-ref="sliderContainer"> <ul class="max-main:flex-wrap max-main:-mx-2 flex -ml-2 pt-5 items-start max-main:mb-12 overflow-auto no-scrollbar main:snap-x" x-ref="slider" > <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/collections/contemporary-art/folkloric-masterpiece.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_classic_PR.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Folkloric Masterpiece</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/collections/contemporary-art/hommage-a-venise.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_classic_HVR_fake.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Hommage à Venise</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/collections/contemporary-art/magic-sphinx.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_classic_GMS.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Magic Sphinx</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/collections/contemporary-art/monochrome.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_classic_Monochrom.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Monochrome</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/collections/contemporary-art/ode-to-joy-of-life.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_classic_Joy.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Ode to Joy of Life</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/collections/contemporary-art/pharaoh.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_classic_Pharao_Egypt.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Pharaoh Egypt</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/collections/contemporary-art/trachtenfest.html"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Kollektionen_classic_Trachtenfest.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Trachtenfest</span> </div> </a> </li> </ul> <div class="hidden absolute -left-3 top-0 bottom-0 w-8 bg-gradient-to-r from-white main:block" x-show="isOverflowing && !atBeginning" x-cloak ></div> <div class="hidden absolute right-0 top-0 bottom-0 w-5 bg-gradient-to-l from-white main:block" x-show="isOverflowing" ></div> </div> <div class="absolute right-28 top-14 flex flex-col"> <button class="max-main:!hidden px-2 py-2 mb-2 disabled:text-grey-2" type="button" @click="prev" x-show="isOverflowing" x-cloak :disabled="atBeginning" tabindex="-1" aria-hidden="true" > <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </button> <button class="max-main:!hidden px-2 py-2 disabled:text-grey-2" type="button" @click="next" x-show="isOverflowing" x-cloak :disabled="atEnd" tabindex="-1" aria-hidden="true" > <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </button> </div> </div> </li> </ul> <div class="self-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/classic-edition/collections.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> <div class="max-main:min-h-full max-main:pt-6 max-main:pb-3 bg-white absolute z-20 left-0 top-0 w-full main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:top-full" x-cloak aria-labelledby="tab-category-node-151" role="tabpanel" x-show="isActiveCategoryLevelTwo('category-node-151')" > <div class="main:fluid-container-xl main:pb-16"> <div class="flex flex-col main:flex-row-reverse main:pt-[54px] main:-mx-3"> <div class="max-main:hidden w-full mb-16 main:w-4/12 main:px-3"> </div> <div class="w-full main:w-8/12 main:px-3"> <ul class="flex-wrap -mx-2.5 flex items-start mb-12 main:pr-36"> <li class="main:hidden w-full mb-6 px-2.5"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="setActiveCategoryLevelTwo('')" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/rings.html?web_form=Miss"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/151/272.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Miss</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/rings.html?web_form=Diva"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/151/233.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Diva</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/rings.html?web_form=Ultra"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/151/273.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Ultra</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/rings.html?web_form=Waterdrop"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/151/201.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Waterdrop</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/rings.html?web_form=Blume"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/151/169.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Blume</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/rings.html?web_form=Pebble"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/151/536.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Pebble</span> </div> </a> </li> </ul> <div class="flex justify-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/classic-edition/jewellery-types/rings.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> <div class="max-main:min-h-full max-main:pt-6 max-main:pb-3 bg-white absolute z-20 left-0 top-0 w-full main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:top-full" x-cloak aria-labelledby="tab-category-node-149" role="tabpanel" x-show="isActiveCategoryLevelTwo('category-node-149')" > <div class="main:fluid-container-xl main:pb-16"> <div class="flex flex-col main:flex-row-reverse main:pt-[54px] main:-mx-3"> <div class="max-main:hidden w-full mb-16 main:w-4/12 main:px-3"> </div> <div class="w-full main:w-8/12 main:px-3"> <ul class="flex-wrap -mx-2.5 flex items-start mb-12 main:pr-36"> <li class="main:hidden w-full mb-6 px-2.5"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="setActiveCategoryLevelTwo('')" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/earrings.html?web_form=Mini-Creolen"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/149/427.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Mini-Creolen</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/earrings.html?web_form=Cabochon"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/149/323.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Cabochon</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/earrings.html?web_form=Waterdrop"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/149/201.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Waterdrop</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/earrings.html?web_form=Carr%C3%A9"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/149/337.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Carré</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/earrings.html?web_form=Swing"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/149/521.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Swing</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/earrings.html?web_form=Drops"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/149/532.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Drops</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/earrings.html?web_form=Monochrome+Minicabochon"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/149/552.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Monochrome Minicabochon</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/earrings.html?web_form=Pebble"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/149/536.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Pebble</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/earrings.html?web_form=Wings"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/149/620.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Wings</span> </div> </a> </li> </ul> <div class="flex justify-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/classic-edition/jewellery-types/earrings.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> <div class="max-main:min-h-full max-main:pt-6 max-main:pb-3 bg-white absolute z-20 left-0 top-0 w-full main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:top-full" x-cloak aria-labelledby="tab-category-node-150" role="tabpanel" x-show="isActiveCategoryLevelTwo('category-node-150')" > <div class="main:fluid-container-xl main:pb-16"> <div class="flex flex-col main:flex-row-reverse main:pt-[54px] main:-mx-3"> <div class="max-main:hidden w-full mb-16 main:w-4/12 main:px-3"> </div> <div class="w-full main:w-8/12 main:px-3"> <ul class="flex-wrap -mx-2.5 flex items-start mb-12 main:pr-36"> <li class="main:hidden w-full mb-6 px-2.5"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="setActiveCategoryLevelTwo('')" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/pendants.html?web_form=Half-Moon"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/150/290.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Half-Moon</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/pendants.html?web_form=Square"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/150/320.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Square</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/pendants.html?web_form=Luna+Piena"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/150/286.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Luna Piena</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/pendants.html?web_form=Blume"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/150/169.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Blume</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/pendants.html?web_form=Herz"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/150/288.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Herz</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/pendants.html?web_form=Waterdrop"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/150/201.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Waterdrop</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/pendants.html?web_form=Carr%C3%A9"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/150/337.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Carré</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/pendants.html?web_form=Swing"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/150/521.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Swing</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/pendants.html?web_form=Helena"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/150/289.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Helena</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/pendants.html?web_form=Cabochon"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/150/323.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Cabochon</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/pendants.html?web_form=Pebble"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/150/536.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Pebble</span> </div> </a> </li> </ul> <div class="flex justify-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/classic-edition/jewellery-types/pendants.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> <div class="max-main:min-h-full max-main:pt-6 max-main:pb-3 bg-white absolute z-20 left-0 top-0 w-full main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:top-full" x-cloak aria-labelledby="tab-category-node-294" role="tabpanel" x-show="isActiveCategoryLevelTwo('category-node-294')" > <div class="main:fluid-container-xl main:pb-16"> <div class="flex flex-col main:flex-row-reverse main:pt-[54px] main:-mx-3"> <div class="max-main:hidden w-full mb-16 main:w-4/12 main:px-3"> </div> <div class="w-full main:w-8/12 main:px-3"> <ul class="flex-wrap -mx-2.5 flex items-start mb-12 main:pr-36"> <li class="main:hidden w-full mb-6 px-2.5"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="setActiveCategoryLevelTwo('')" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/necklaces-pendants.html?web_form=Half-Moon"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/294/290.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Half-Moon</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/necklaces-pendants.html?web_form=Luna+Piena"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/294/286.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Luna Piena</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/necklaces-pendants.html?web_form=Helena"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/294/289.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Helena</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/necklaces-pendants.html?web_form=Carr%C3%A9"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/294/337.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Carré</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/necklaces-pendants.html?web_form=Swing"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/294/521.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Swing</span> </div> </a> </li> </ul> <div class="flex justify-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/classic-edition/jewellery-types/necklaces-pendants.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> <div class="max-main:min-h-full max-main:pt-6 max-main:pb-3 bg-white absolute z-20 left-0 top-0 w-full main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:top-full" x-cloak aria-labelledby="tab-category-node-153" role="tabpanel" x-show="isActiveCategoryLevelTwo('category-node-153')" > <div class="main:fluid-container-xl main:pb-16"> <div class="flex flex-col main:flex-row-reverse main:pt-[54px] main:-mx-3"> <div class="max-main:hidden w-full mb-16 main:w-4/12 main:px-3"> </div> <div class="w-full main:w-8/12 main:px-3"> <ul class="flex-wrap -mx-2.5 flex items-start mb-12 main:pr-36"> <li class="main:hidden w-full mb-6 px-2.5"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="setActiveCategoryLevelTwo('')" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/chains.html?web_form=Anchor"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/153/482.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Anchor</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/chains.html?web_form=Snake+Diamond+Cut"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/153/484.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Snake Diamond Cut</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/chains.html?web_form=Omega"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/153/474.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Omega</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/chains.html?web_form=Ring"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/153/487.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Ring</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/chains.html?web_form=Snake"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/153/473.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Snake</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/chains.html?web_form=Clip"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/153/455.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Clip</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/chains.html?web_form=Ball+Chain"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/153/490.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Ball Chain</span> </div> </a> </li> </ul> <div class="flex justify-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/classic-edition/jewellery-types/chains.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> <div class="max-main:min-h-full max-main:pt-6 max-main:pb-3 bg-white absolute z-20 left-0 top-0 w-full main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:top-full" x-cloak aria-labelledby="tab-category-node-146" role="tabpanel" x-show="isActiveCategoryLevelTwo('category-node-146')" > <div class="main:fluid-container-xl main:pb-16"> <div class="flex flex-col main:flex-row-reverse main:pt-[54px] main:-mx-3"> <div class="max-main:hidden w-full mb-16 main:w-4/12 main:px-3"> </div> <div class="w-full main:w-8/12 main:px-3"> <ul class="flex-wrap -mx-2.5 flex items-start mb-12 main:pr-36"> <li class="main:hidden w-full mb-6 px-2.5"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="setActiveCategoryLevelTwo('')" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/bordered-bangles.html?web_form=Miss"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/146/272.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Miss</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/bordered-bangles.html?web_form=Diva"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/146/233.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Diva</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/bordered-bangles.html?web_form=Ultra"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/146/273.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Ultra</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/bordered-bangles.html?web_form=Donna"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/146/271.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Donna</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/bordered-bangles.html?web_form=Mademoiselle"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/146/274.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Mademoiselle</span> </div> </a> </li> </ul> <div class="flex justify-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/classic-edition/jewellery-types/bordered-bangles.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> <div class="max-main:min-h-full max-main:pt-6 max-main:pb-3 bg-white absolute z-20 left-0 top-0 w-full main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:top-full" x-cloak aria-labelledby="tab-category-node-147" role="tabpanel" x-show="isActiveCategoryLevelTwo('category-node-147')" > <div class="main:fluid-container-xl main:pb-16"> <div class="flex flex-col main:flex-row-reverse main:pt-[54px] main:-mx-3"> <div class="max-main:hidden w-full mb-16 main:w-4/12 main:px-3"> </div> <div class="w-full main:w-8/12 main:px-3"> <ul class="flex-wrap -mx-2.5 flex items-start mb-12 main:pr-36"> <li class="main:hidden w-full mb-6 px-2.5"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="setActiveCategoryLevelTwo('')" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/bracelets-manchettes.html?web_form=Ballerina"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/147/275.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Ballerina</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/bracelets-manchettes.html?web_form=Regina"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/147/305.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Regina</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/bracelets-manchettes.html?web_form=Royal"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/147/304.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Royal</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/bracelets-manchettes.html?web_form=Contessa"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/147/185.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Contessa</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/bracelets-manchettes.html?web_form=Spring"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/147/491.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Spring</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/bracelets-manchettes.html?web_form=Pebble"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/147/536.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Pebble</span> </div> </a> </li> </ul> <div class="flex justify-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/classic-edition/jewellery-types/bracelets-manchettes.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> <div class="max-main:min-h-full max-main:pt-6 max-main:pb-3 bg-white absolute z-20 left-0 top-0 w-full main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:top-full" x-cloak aria-labelledby="tab-category-node-23" role="tabpanel" x-show="isActiveCategoryLevelTwo('category-node-23')" > <div class="main:fluid-container-xl main:pb-16"> <div class="flex flex-col main:flex-row-reverse main:pt-[54px] main:-mx-3"> <div class="max-main:hidden w-full mb-16 main:w-4/12 main:px-3"> </div> <div class="w-full main:w-8/12 main:px-3"> <ul class="flex-wrap -mx-2.5 flex items-start mb-12 main:pr-36"> <li class="main:hidden w-full mb-6 px-2.5"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="setActiveCategoryLevelTwo('')" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/luxury-pens.html?web_form=Alexander+The+Great"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/23/463.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Alexander The Great</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/classic-edition/jewellery-types/luxury-pens.html?web_form=Caesar"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/defaultfilter_option_images/23/456.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Caesar</span> </div> </a> </li> </ul> <div class="flex justify-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/classic-edition/jewellery-types/luxury-pens.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </li> <li class="py-3"> <button type="button" class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" @click="toggleActiveCategoryLevelOne('category-node-152')" :aria-expanded="isActiveCategoryLevelOne('category-node-152')" :class="isActiveCategoryLevelOne('category-node-152') && 'after:scale-100'" > <span>Uhren</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> <div class="max-main:min-h-full bg-white absolute top-0 left-0 w-full pt-6 z-10 main:pt-2 main:top-full" x-cloak x-show="isActiveCategoryLevelOne('category-node-152')" > <div class="main:fluid-container-xl"> <div class="flex flex-col main:flex-row-reverse main:pt-16 main:-mx-3 main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:pb-16"> <div class="max-main:hidden w-full mb-16 main:w-4/12 main:px-3"> <img class="mb-5" loading="lazy" src="/media/catalog/category/Subpage_Banner_Watches.jpg" alt="" > <h2 class="uppercase text-center mb-3 tracking-wide main:text-xl">Uhren</h2> <div class="font-serif text-center">Mit der Fusion eines eleganten Zeitmessers und der edlen Ausstrahlung eines Schmuckstücks hat FREYWILLE eine neue Designkategorie geschaffen, welche die besten Elemente aus zwei Welten in sich vereint. </div> </div> <div class="w-full flex flex-col main:w-8/12 main:px-3"> <ul class="flex-wrap -mx-2.5 flex items-start mb-12 main:pr-36"> <li class="main:hidden w-full mb-6"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="emptyActiveCategoryLevelOne()" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/watches/helena.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Filteransichten_DOA_Blaues_EmailXXX_400HL1_x_GO1_1.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Helena</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/watches/desiree.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Filteransichten_DOA_Blaues_EmailXXX_400DE1_48x_GO1.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Désirée</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/watches/piccadilly-circus.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Filteransichten_DOA_Blaues_EmailXXX_400PD1_x_GO1.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Piccadilly Circus</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/watches/place-vendome.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Filteransichten_DOA_Blaues_EmailXXX_400VD1_x_GO1.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Place Vendôme</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/watches/regina.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Filteransichten_DOA_Blaues_EmailXXX_Regina-Watch_1.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Regina</span> </div> </a> </li> </ul> <div class="self-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/watches.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> </li> <li class="py-3"> <button type="button" class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" @click="toggleActiveCategoryLevelOne('category-node-4')" :aria-expanded="isActiveCategoryLevelOne('category-node-4')" :class="isActiveCategoryLevelOne('category-node-4') && 'after:scale-100'" > <span>Seidentücher</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> <div class="max-main:min-h-full bg-white absolute top-0 left-0 w-full pt-6 z-10 main:pt-2 main:top-full" x-cloak x-show="isActiveCategoryLevelOne('category-node-4')" > <div class="main:fluid-container-xl"> <div class="flex flex-col main:flex-row-reverse main:pt-16 main:-mx-3 main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:pb-16"> <div class="max-main:hidden w-full mb-16 main:w-4/12 main:px-3"> <img class="mb-5" loading="lazy" src="/media/catalog/category/Menu_Banner_Silks_1.jpg" alt="" > <h2 class="uppercase text-center mb-3 tracking-wide main:text-xl">Schals</h2> <div class="font-serif text-center">Handgefertigt aus 100% italienischer Seide, überzeugt dieser Schal mit Qualität und Farbkraft. Ein wunderschönes Accessoire das nicht nur um den Hals sondern auch z.B. im Haar und in Kombination mit dem passenden FREYWILLE Schmuck überzeugt.</div> </div> <div class="w-full flex flex-col main:w-8/12 main:px-3"> <ul class="flex-wrap -mx-2.5 flex items-start mb-12 main:pr-36"> <li class="main:hidden w-full mb-6"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="emptyActiveCategoryLevelOne()" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/silk-scarves/silk-scarves-53x53.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/490_Silk_Gavroche_1.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Seidentücher 53x53</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/silk-scarves/silk-scarves-90x90.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/490_Silk_Scarf_1.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Seidentücher 90x90</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/silk-scarves/long-scarves.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/490_Silk_Long_Scarf_1.png" alt="" > </div> <div class="text-center font-serif px-2"> <span>Schals</span> </div> </a> </li> </ul> <div class="self-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/silk-scarves.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> </li> <li class="py-3"> <button type="button" class="max-main:uppercase max-main:py-2 max-main:pl-2.5 max-main:pr-10 text-left max-main:w-full block relative text-md main:text-sm-leading-sm main:font-medium main:link-underline" @click="toggleActiveCategoryLevelOne('category-node-50')" :aria-expanded="isActiveCategoryLevelOne('category-node-50')" :class="isActiveCategoryLevelOne('category-node-50') && 'after:scale-100'" > <span>Geschenke</span> <span class="absolute right-6 top-3.5 -z-10 main:hidden" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </span> </button> <div class="max-main:min-h-full bg-white absolute top-0 left-0 w-full pt-6 z-10 main:pt-2 main:top-full" x-cloak x-show="isActiveCategoryLevelOne('category-node-50')" > <div class="main:fluid-container-xl"> <div class="flex flex-col main:flex-row-reverse main:pt-16 main:-mx-3 main:max-h-screen-75 main:no-scrollbar main:overflow-auto main:pb-16"> <div class="max-main:hidden w-full mb-16 main:w-4/12 main:px-3"> <img class="mb-5" loading="lazy" src="/media/catalog/category/Gifts_FW_komp.jpg" alt="" > <h2 class="uppercase text-center mb-3 tracking-wide main:text-xl">Geschenke</h2> <div class="font-serif text-center">Von Claude Monet über Gustav Klimt bis hin zu Sophie Taeuber-Arp, unser handgefertigter, von Kunst inspirierter Schmuck, ist eine wahre Freude für Kunstliebhaber und alle, die ihre Lebensfreude zeigen möchten.</div> </div> <div class="w-full flex flex-col main:w-8/12 main:px-3"> <ul class="flex-wrap -mx-2.5 flex items-start mb-12 main:pr-36"> <li class="main:hidden w-full mb-6"> <button type="button" class="uppercase font-semibold tracking-wide py-2 pr-2.5 pl-10 text-left w-full block relative text-md" @click="emptyActiveCategoryLevelOne()" > <span class="absolute left-5 top-3.5" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </span> <span>Zurück</span> </button> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/gifts/gifts-18kt.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Geschenke_350x350_18Kt.jpg" alt="" > </div> <div class="text-center font-serif px-2"> <span>Fine Jewellery Geschenke</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/gifts/gifts-for-her.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Geschenke_350x350_ForHer.jpg" alt="" > </div> <div class="text-center font-serif px-2"> <span>Geschenke für SIE</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/gifts/most-gifted.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Geschenke_350x350_Bestseller.jpg" alt="" > </div> <div class="text-center font-serif px-2"> <span>Most Gifted</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/gifts/small-gestures.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Geschenke_350x350_SmallGestures.jpg" alt="" > </div> <div class="text-center font-serif px-2"> <span>Small Gestures</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/gifts/teens.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Geschenke_350x350_Teens_2.jpg" alt="" > </div> <div class="text-center font-serif px-2"> <span>Teens</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/gifts/gift-certificate.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Geschenke_350x350_Giftcards.jpg" alt="" > </div> <div class="text-center font-serif px-2"> <span>Geschenkgutschein</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/gifts/gifts-for-him.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Gifts_Him.jpg" alt="" > </div> <div class="text-center font-serif px-2"> <span>Geschenke für IHN</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/gifts/anniversary-gifts.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Gifts_Birthday.jpg" alt="" > </div> <div class="text-center font-serif px-2"> <span>Geburtstagsgeschenke</span> </div> </a> </li> <li class="px-2.5 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:w-[153px]"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/gifts/bridal-gifts.html"> <div class="aspect-square w-full mb-2.5 bg-grey-5 relative overflow-hidden group main:mb-2"> <img loading="lazy" class="object-contain w-full h-full absolute top-0 left-0 transition-transform duration-300 group-hover:scale-110 group-focus-visible:scale-110" src="/media/catalog/category/Gifts_Wedding.jpg" alt="" > </div> <div class="text-center font-serif px-2"> <span>Geschenke für die Braut</span> </div> </a> </li> </ul> <div class="self-center pt-2 main:pr-[120px] "> <a class="block text-sm border-b border-grey-3 relative pb-2 hover:border-primary focus-visible:border-primary" href="https://shop.freywille.com/gifts.html"> <span>Alle ansehen</span> <span class="absolute bg-white block p-2.5 bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-auto" width="5" height="5" role="img"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> <title>crystal</title></svg> </span> </a> </div> </div> </div> </div> </div> </li> </ul> <script> function initCategoryNav() { return { categories: {"category-node-242":{"name":"Neue Kreationen","id":"category-node-242","url":"https:\/\/shop.freywille.com\/new-in.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/242","category_id":"242","category_menu_image_headline":"New In","category_menu_image_text":"Von weltbekannten K\u00fcnstler:innen inspiriert, von unseren Designerinnen neu kreiert. FREYWILLE pr\u00e4sentiert seit 1951 einzigartigen Emailschmuck, handgefertigt in Perfektion und in atemberaubender Farbpracht.","content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Menu_Banner_GK17.jpg","render_subpages_as_links":"1","submenu_layout":"1","default_filter":"web_form","default_filter_options":[],"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":{"category-node-390":{"name":"Alphonse Mucha Paris","id":"category-node-390","url":"https:\/\/shop.freywille.com\/new-in\/alphonse-mucha-paris.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/242\/390","category_id":"390","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/AM12.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":[],"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-391":{"name":"Coraz\u00f3n","id":"category-node-391","url":"https:\/\/shop.freywille.com\/new-in\/corazon.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/242\/391","category_id":"391","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/492_Corazon_Earrings.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":[],"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-360":{"name":"The Golden Kiss","id":"category-node-360","url":"https:\/\/shop.freywille.com\/new-in\/golden-kiss.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/242\/360","category_id":"360","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/18kt_Formen_Filter_Golden_Square_Half_Moon_GK17.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":[],"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-361":{"name":"Golden Square","id":"category-node-361","url":"https:\/\/shop.freywille.com\/new-in\/golden-square.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/242\/361","category_id":"361","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/18kt_Formen_Filter_Golden_Square_Ohrringe_GK17.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":[],"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-322":{"name":"Monochrome","id":"category-node-322","url":"https:\/\/shop.freywille.com\/new-in\/monochrome.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/242\/322","category_id":"322","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Formen_Filter_Ultra_Bangle_Monochrome_Sphinx_white.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":[],"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-362":{"name":"Monochrome Ring","id":"category-node-362","url":"https:\/\/shop.freywille.com\/new-in\/monochrome-ring.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/242\/362","category_id":"362","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Formen_Filter_Ultra_Ring_Monochrome_Sphinx_black.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":[],"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]}}},"category-node-109":{"name":"Fine Jewellery","id":"category-node-109","url":"https:\/\/shop.freywille.com\/18kt-diamonds.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109","category_id":"109","category_menu_image_headline":"Kunst - Luxus - Eleganz","category_menu_image_text":"Fine Jewellery - die 18-karat-Gold -Linie von FREYWILLE vereint k\u00fcnstlerisch gestaltetes Feueremail mit 18-kar\u00e4tigem Gold und edlen Diamanten. Im Herzen von Wien sorgf\u00e4ltig in Handarbeit gefertigt.","content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Menu_Banner_18kt.jpg","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"472":"Angel Hair","420":"Luna Piccolissima","422":"Tango","406":"Etoile","323":"Cabochon","475":"Pearl","473":"Snake","476":"Heart with Diamonds","418":"Daisy","455":"Clip","527":"Aurora","528":"Star Aura","428":"Luna Piccola","533":"Marbella Pearls","534":"Saint Tropez","288":"Herz","539":"Gloria","535":"Little Aurora","289":"Helena","482":"Anchor","571":"D\u00e9sir\u00e9e","584":"Victoria","630":"Velvet Collier","596":"Asymmetric Heart with Choker","597":"Asymmetric Heart with Diamonds and Choker","417":"Vienna Opera","598":"Luna Piccolissima with Choker","629":"Golden Square","425":"Primaballerina","290":"Half-Moon","416":"Lumi\u00e8re"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":{"category-node-112":{"name":"Kollektionen","id":"category-node-112","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/collections.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/112","category_id":"112","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"420":"Luna Piccolissima","422":"Tango","406":"Etoile","323":"Cabochon","476":"Heart with Diamonds","418":"Daisy","527":"Aurora","528":"Star Aura","428":"Luna Piccola","533":"Marbella Pearls","534":"Saint Tropez","288":"Herz","539":"Gloria","535":"Little Aurora","289":"Helena","571":"D\u00e9sir\u00e9e","584":"Victoria"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":{"category-node-116":{"name":"Hommage \u00e0","id":"category-node-116","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/collections\/hommage-a.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/112\/116","category_id":"116","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":null,"default_filter":"web_form","default_filter_options":{"420":"Luna Piccolissima","422":"Tango","406":"Etoile","323":"Cabochon","476":"Heart with Diamonds","418":"Daisy","527":"Aurora","528":"Star Aura","428":"Luna Piccola","533":"Marbella Pearls","534":"Saint Tropez","288":"Herz","539":"Gloria","535":"Little Aurora","289":"Helena","571":"D\u00e9sir\u00e9e","584":"Victoria"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":{"category-node-122":{"name":"Alphonse Mucha","id":"category-node-122","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/collections\/hommage-a\/alphons-mucha.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/112\/116\/122","category_id":"122","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_18kt_Mucha.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"420":"Luna Piccolissima","422":"Tango","406":"Etoile","323":"Cabochon","288":"Herz","428":"Luna Piccola","535":"Little Aurora","527":"Aurora","584":"Victoria"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-119":{"name":"Claude Monet","id":"category-node-119","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/collections\/hommage-a\/claude-monet.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/112\/116\/119","category_id":"119","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_18kt_Monet.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"420":"Luna Piccolissima","422":"Tango","406":"Etoile","323":"Cabochon","476":"Heart with Diamonds","527":"Aurora","533":"Marbella Pearls","534":"Saint Tropez","288":"Herz","428":"Luna Piccola","539":"Gloria","535":"Little Aurora","289":"Helena","418":"Daisy","571":"D\u00e9sir\u00e9e","584":"Victoria"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-121":{"name":"Gustav Klimt","id":"category-node-121","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/collections\/hommage-a\/gustav-klimt.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/112\/116\/121","category_id":"121","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_18kt_Klimt.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"420":"Luna Piccolissima","422":"Tango","406":"Etoile","323":"Cabochon","418":"Daisy","476":"Heart with Diamonds","527":"Aurora","533":"Marbella Pearls","288":"Herz","535":"Little Aurora","289":"Helena","571":"D\u00e9sir\u00e9e","428":"Luna Piccola","584":"Victoria","539":"Gloria","534":"Saint Tropez","629":"Golden Square","425":"Primaballerina","290":"Half-Moon"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-120":{"name":"Hundertwasser","id":"category-node-120","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/collections\/hommage-a\/hundertwasser.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/112\/116\/120","category_id":"120","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_18kt_Hundertwasser.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"420":"Luna Piccolissima","422":"Tango","323":"Cabochon","418":"Daisy","527":"Aurora","406":"Etoile","535":"Little Aurora","428":"Luna Piccola","539":"Gloria","584":"Victoria","571":"D\u00e9sir\u00e9e","534":"Saint Tropez","288":"Herz"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-331":{"name":"Sandro Botticelli","id":"category-node-331","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/collections\/hommage-a\/sandro-botticelli.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/112\/116\/331","category_id":"331","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_18kt_Botticelli.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"571":"D\u00e9sir\u00e9e","535":"Little Aurora","584":"Victoria","534":"Saint Tropez","418":"Daisy","323":"Cabochon","420":"Luna Piccolissima","533":"Marbella Pearls","527":"Aurora","406":"Etoile","422":"Tango"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-330":{"name":"Sophie Taeuber-Arp","id":"category-node-330","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/collections\/hommage-a\/sophie-taeuber-arp.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/112\/116\/330","category_id":"330","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_18kt_Taeuber-Arp.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"527":"Aurora","534":"Saint Tropez","323":"Cabochon","584":"Victoria","422":"Tango","535":"Little Aurora","428":"Luna Piccola","420":"Luna Piccolissima","416":"Lumi\u00e8re"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-186":{"name":"Paul Gauguin","id":"category-node-186","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/collections\/hommage-a\/paul-gauguin.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/112\/116\/186","category_id":"186","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_18kt_Gauguin.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"420":"Luna Piccolissima","428":"Luna Piccola","534":"Saint Tropez","323":"Cabochon"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-118":{"name":"Vincent van Gogh","id":"category-node-118","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/collections\/hommage-a\/vincent-van-gogh.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/112\/116\/118","category_id":"118","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_18kt_Van_Gogh.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"420":"Luna Piccolissima","422":"Tango","406":"Etoile","323":"Cabochon","418":"Daisy","476":"Heart with Diamonds","528":"Star Aura","527":"Aurora","533":"Marbella Pearls","534":"Saint Tropez","288":"Herz","539":"Gloria","535":"Little Aurora","289":"Helena","571":"D\u00e9sir\u00e9e","428":"Luna Piccola","584":"Victoria"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]}}},"category-node-117":{"name":"Contemporary Art","id":"category-node-117","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/collections\/contemporary-art.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/112\/117","category_id":"117","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":null,"submenu_layout":null,"default_filter":"web_form","default_filter_options":{"420":"Luna Piccolissima","323":"Cabochon"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":{"category-node-124":{"name":"Folkloric Masterpiece","id":"category-node-124","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/collections\/contemporary-art\/folkloric-masterpiece.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/112\/117\/124","category_id":"124","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_18kt_Folkloric_Masterpiece.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"420":"Luna Piccolissima","323":"Cabochon"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-341":{"name":"Trachtenfest","id":"category-node-341","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/collections\/contemporary-art\/trachtenfest.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/112\/117\/341","category_id":"341","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_18kt_Trachtenfest.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"584":"Victoria","571":"D\u00e9sir\u00e9e","527":"Aurora","323":"Cabochon","420":"Luna Piccolissima","406":"Etoile","535":"Little Aurora","596":"Asymmetric Heart with Choker","597":"Asymmetric Heart with Diamonds and Choker","418":"Daisy","417":"Vienna Opera","598":"Luna Piccolissima with Choker","533":"Marbella Pearls"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]}}},"category-node-201":{"name":"Liebe & Verlobung","id":"category-node-201","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/collections\/wedding-collection.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/112\/201","category_id":"201","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"476":"Heart with Diamonds","528":"Star Aura","420":"Luna Piccolissima","527":"Aurora","323":"Cabochon","533":"Marbella Pearls","539":"Gloria","571":"D\u00e9sir\u00e9e","418":"Daisy","584":"Victoria","422":"Tango"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":{"category-node-339":{"name":"Wedding Collection","id":"category-node-339","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/collections\/wedding-collection\/l-amour-infini.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/112\/201\/339","category_id":"339","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_18kt_L_Amour_Infini.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"476":"Heart with Diamonds","528":"Star Aura","527":"Aurora","323":"Cabochon","420":"Luna Piccolissima","533":"Marbella Pearls","539":"Gloria","428":"Luna Piccola","571":"D\u00e9sir\u00e9e","418":"Daisy","584":"Victoria","422":"Tango"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]}}}}},"category-node-113":{"name":"Schmuckarten","id":"category-node-113","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/jewellery-types.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/113","category_id":"113","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"2","default_filter":"web_form","default_filter_options":{"472":"Angel Hair","420":"Luna Piccolissima","422":"Tango","406":"Etoile","323":"Cabochon","475":"Pearl","473":"Snake","476":"Heart with Diamonds","418":"Daisy","455":"Clip","527":"Aurora","528":"Star Aura","428":"Luna Piccola","533":"Marbella Pearls","534":"Saint Tropez","288":"Herz","539":"Gloria","535":"Little Aurora","289":"Helena","482":"Anchor","571":"D\u00e9sir\u00e9e","584":"Victoria","630":"Velvet Collier"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":{"category-node-132":{"name":"Ringe","id":"category-node-132","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/jewellery-types\/rings.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/113\/132","category_id":"132","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"420":"Luna Piccolissima","422":"Tango","406":"Etoile","528":"Star Aura","539":"Gloria","584":"Victoria","416":"Lumi\u00e8re"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-130":{"name":"Ohrringe","id":"category-node-130","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/jewellery-types\/earrings.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/113\/130","category_id":"130","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"323":"Cabochon","420":"Luna Piccolissima","527":"Aurora","533":"Marbella Pearls","534":"Saint Tropez","539":"Gloria","528":"Star Aura","571":"D\u00e9sir\u00e9e","584":"Victoria","629":"Golden Square"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-131":{"name":"Anh\u00e4nger ohne Kette","id":"category-node-131","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/jewellery-types\/pendants.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/113\/131","category_id":"131","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"476":"Heart with Diamonds","418":"Daisy","323":"Cabochon","288":"Herz","534":"Saint Tropez","539":"Gloria","289":"Helena","528":"Star Aura","584":"Victoria","629":"Golden Square","290":"Half-Moon"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-305":{"name":"Anh\u00e4nger mit Kette","id":"category-node-305","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/jewellery-types\/18kt-necklaces-pendants.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/113\/305","category_id":"305","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"527":"Aurora","535":"Little Aurora","571":"D\u00e9sir\u00e9e","428":"Luna Piccola","539":"Gloria","534":"Saint Tropez","288":"Herz","476":"Heart with Diamonds","289":"Helena","323":"Cabochon","418":"Daisy"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-134":{"name":"Ketten","id":"category-node-134","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/jewellery-types\/chains.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/113\/134","category_id":"134","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"472":"Angel Hair","475":"Pearl","473":"Snake","455":"Clip","482":"Anchor","630":"Velvet Collier"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-183":{"name":"Armb\u00e4nder","id":"category-node-183","url":"https:\/\/shop.freywille.com\/18kt-diamonds\/jewellery-types\/pendant-bracelets.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/109\/113\/183","category_id":"183","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"527":"Aurora","571":"D\u00e9sir\u00e9e","425":"Primaballerina"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]}}}}},"category-node-111":{"name":"Jewellery","id":"category-node-111","url":"https:\/\/shop.freywille.com\/classic-edition.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111","category_id":"111","category_menu_image_headline":"Kunst als Lebensfreude","category_menu_image_text":"Von weltbekannten Maler:innen inspiriert, von unseren K\u00fcnstler:innen neu kreiert. FREYWILLE pr\u00e4sentiert seit 1951 einzigartigen Emailschmuck, handgefertigt in Perfektion und in atemberaubender Farbpracht.","content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Menu_Banner_Classic.jpg","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"272":"Miss","233":"Diva","273":"Ultra","201":"Waterdrop","275":"Ballerina","185":"Contessa","305":"Regina","304":"Royal","427":"Mini-Creolen","323":"Cabochon","290":"Half-Moon","320":"Square","286":"Luna Piena","307":"Place Vend\u00f4me","306":"Piccadilly Circus","337":"Carr\u00e9","339":"Pashmina","459":"Scarf","482":"Anchor","484":"Snake Diamond Cut","474":"Omega","487":"Ring","473":"Snake","271":"Donna","169":"Blume","288":"Herz","455":"Clip","491":"Spring","521":"Swing","490":"Ball Chain","532":"Drops","289":"Helena","536":"Pebble","552":"Monochrome Minicabochon","418":"Daisy","595":"Cufflinks","620":"Wings","274":"Mademoiselle"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":{"category-node-114":{"name":"Kollektionen","id":"category-node-114","url":"https:\/\/shop.freywille.com\/classic-edition\/collections.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/114","category_id":"114","category_menu_image_headline":null,"category_menu_image_text":"Von weltbekannten Maler:innen inspiriert, von unseren K\u00fcnstler:innen neu kreiert. FREYWILLE pr\u00e4sentiert seit 1951 einzigartigen Emailschmuck, handgefertigt in Perfektion und in atemberaubender Farbpracht.","content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"233":"Diva","286":"Luna Piena","272":"Miss","273":"Ultra","271":"Donna","323":"Cabochon","427":"Mini-Creolen","290":"Half-Moon","201":"Waterdrop","169":"Blume","337":"Carr\u00e9","532":"Drops","289":"Helena","521":"Swing","320":"Square","552":"Monochrome Minicabochon","536":"Pebble","306":"Piccadilly Circus","307":"Place Vend\u00f4me","288":"Herz","459":"Scarf","339":"Pashmina"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":{"category-node-135":{"name":"Hommage \u00e0","id":"category-node-135","url":"https:\/\/shop.freywille.com\/classic-edition\/collections\/hommage-a.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/114\/135","category_id":"135","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":null,"default_filter":"web_form","default_filter_options":{"272":"Miss","233":"Diva","201":"Waterdrop","427":"Mini-Creolen","323":"Cabochon","290":"Half-Moon","320":"Square","286":"Luna Piena","307":"Place Vend\u00f4me","306":"Piccadilly Circus","337":"Carr\u00e9","459":"Scarf","273":"Ultra","271":"Donna","169":"Blume","288":"Herz","521":"Swing","532":"Drops","289":"Helena","536":"Pebble"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":{"category-node-141":{"name":"Alphonse Mucha","id":"category-node-141","url":"https:\/\/shop.freywille.com\/classic-edition\/collections\/hommage-a\/alphonse-mucha.html","image":"\/media\/catalog\/category\/defaultfilter_option_images\/134\/472.png","has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/114\/135\/141","category_id":"141","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_classic_Mucha.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"272":"Miss","233":"Diva","275":"Ballerina","185":"Contessa","323":"Cabochon","427":"Mini-Creolen","290":"Half-Moon","307":"Place Vend\u00f4me","306":"Piccadilly Circus","273":"Ultra","201":"Waterdrop","286":"Luna Piena","271":"Donna","169":"Blume","288":"Herz","337":"Carr\u00e9","532":"Drops","289":"Helena","620":"Wings","536":"Pebble","491":"Spring"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-138":{"name":"Claude Monet","id":"category-node-138","url":"https:\/\/shop.freywille.com\/classic-edition\/collections\/hommage-a\/claude-monet.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/114\/135\/138","category_id":"138","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_classic_Monet.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"233":"Diva","272":"Miss","275":"Ballerina","304":"Royal","305":"Regina","185":"Contessa","427":"Mini-Creolen","323":"Cabochon","290":"Half-Moon","320":"Square","286":"Luna Piena","307":"Place Vend\u00f4me","273":"Ultra","201":"Waterdrop","271":"Donna","306":"Piccadilly Circus","337":"Carr\u00e9","169":"Blume","288":"Herz","491":"Spring","532":"Drops","289":"Helena","521":"Swing","536":"Pebble","620":"Wings"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-140":{"name":"Gustav Klimt","id":"category-node-140","url":"https:\/\/shop.freywille.com\/classic-edition\/collections\/hommage-a\/gustav-klimt.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/114\/135\/140","category_id":"140","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_classic_Klimt.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"233":"Diva","201":"Waterdrop","337":"Carr\u00e9","272":"Miss","323":"Cabochon","305":"Regina","286":"Luna Piena","306":"Piccadilly Circus","307":"Place Vend\u00f4me","273":"Ultra","275":"Ballerina","290":"Half-Moon","427":"Mini-Creolen","271":"Donna","491":"Spring","169":"Blume","521":"Swing","532":"Drops","289":"Helena","304":"Royal","620":"Wings","288":"Herz"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-139":{"name":"Hundertwasser","id":"category-node-139","url":"https:\/\/shop.freywille.com\/classic-edition\/collections\/hommage-a\/hundertwasser.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/114\/135\/139","category_id":"139","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_classic_Hundertwasser.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"272":"Miss","233":"Diva","185":"Contessa","275":"Ballerina","304":"Royal","305":"Regina","427":"Mini-Creolen","323":"Cabochon","320":"Square","286":"Luna Piena","290":"Half-Moon","307":"Place Vend\u00f4me","459":"Scarf","273":"Ultra","271":"Donna","201":"Waterdrop","337":"Carr\u00e9","491":"Spring","521":"Swing","532":"Drops","289":"Helena","536":"Pebble","620":"Wings","288":"Herz"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-176":{"name":"Paul Gauguin","id":"category-node-176","url":"https:\/\/shop.freywille.com\/classic-edition\/collections\/hommage-a\/paul-gauguin.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/114\/135\/176","category_id":"176","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_classic_Gauguin.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"272":"Miss","233":"Diva","201":"Waterdrop","271":"Donna","275":"Ballerina","323":"Cabochon","337":"Carr\u00e9","273":"Ultra","185":"Contessa","305":"Regina","290":"Half-Moon","286":"Luna Piena","532":"Drops","289":"Helena","536":"Pebble"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-323":{"name":"Sandro Botticelli","id":"category-node-323","url":"https:\/\/shop.freywille.com\/classic-edition\/collections\/hommage-a\/sandro-botticelli.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/114\/135\/323","category_id":"323","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_classic_Botticelli.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"290":"Half-Moon","536":"Pebble","289":"Helena","337":"Carr\u00e9","427":"Mini-Creolen","532":"Drops","323":"Cabochon","185":"Contessa","275":"Ballerina","271":"Donna","491":"Spring","272":"Miss","233":"Diva","201":"Waterdrop","620":"Wings"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-268":{"name":"Sophie Taeuber-Arp","id":"category-node-268","url":"https:\/\/shop.freywille.com\/classic-edition\/collections\/hommage-a\/sophie-taeuber-arp.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/114\/135\/268","category_id":"268","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_classic_Taeuber-Arp.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"272":"Miss","233":"Diva","491":"Spring","271":"Donna","273":"Ultra","275":"Ballerina","305":"Regina","323":"Cabochon","337":"Carr\u00e9","521":"Swing","427":"Mini-Creolen","290":"Half-Moon","289":"Helena","286":"Luna Piena","532":"Drops","536":"Pebble","201":"Waterdrop"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-137":{"name":"Vincent van Gogh","id":"category-node-137","url":"https:\/\/shop.freywille.com\/classic-edition\/collections\/hommage-a\/vincent-van-gogh.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/114\/135\/137","category_id":"137","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_classic_Van_Gogh.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"272":"Miss","233":"Diva","271":"Donna","323":"Cabochon","427":"Mini-Creolen","286":"Luna Piena","305":"Regina","201":"Waterdrop","306":"Piccadilly Circus","290":"Half-Moon","491":"Spring","273":"Ultra","275":"Ballerina","169":"Blume","521":"Swing","337":"Carr\u00e9","532":"Drops","185":"Contessa","289":"Helena","536":"Pebble","620":"Wings","288":"Herz"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]}}},"category-node-136":{"name":"Independent Collection","id":"category-node-136","url":"https:\/\/shop.freywille.com\/classic-edition\/collections\/contemporary-art.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/114\/136","category_id":"136","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"233":"Diva","272":"Miss","273":"Ultra","201":"Waterdrop","323":"Cabochon","427":"Mini-Creolen","286":"Luna Piena","290":"Half-Moon","307":"Place Vend\u00f4me","339":"Pashmina","271":"Donna","337":"Carr\u00e9","532":"Drops","289":"Helena","320":"Square","552":"Monochrome Minicabochon"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":{"category-node-143":{"name":"Folkloric Masterpiece","id":"category-node-143","url":"https:\/\/shop.freywille.com\/classic-edition\/collections\/contemporary-art\/folkloric-masterpiece.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/114\/136\/143","category_id":"143","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_classic_PR.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"273":"Ultra","201":"Waterdrop","233":"Diva","272":"Miss","305":"Regina","275":"Ballerina","185":"Contessa","323":"Cabochon","290":"Half-Moon","286":"Luna Piena","427":"Mini-Creolen","532":"Drops","289":"Helena"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-154":{"name":"Hommage \u00e0 Venise","id":"category-node-154","url":"https:\/\/shop.freywille.com\/classic-edition\/collections\/contemporary-art\/hommage-a-venise.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/114\/136\/154","category_id":"154","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_classic_HVR_fake.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"272":"Miss","275":"Ballerina","323":"Cabochon","427":"Mini-Creolen"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-145":{"name":"Magic Sphinx","id":"category-node-145","url":"https:\/\/shop.freywille.com\/classic-edition\/collections\/contemporary-art\/magic-sphinx.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/114\/136\/145","category_id":"145","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_classic_GMS.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"233":"Diva","272":"Miss","286":"Luna Piena","339":"Pashmina","273":"Ultra","185":"Contessa","290":"Half-Moon","271":"Donna","275":"Ballerina","305":"Regina","323":"Cabochon","427":"Mini-Creolen","320":"Square","536":"Pebble","289":"Helena","337":"Carr\u00e9","491":"Spring","521":"Swing","620":"Wings","532":"Drops"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-156":{"name":"Monochrome","id":"category-node-156","url":"https:\/\/shop.freywille.com\/classic-edition\/collections\/contemporary-art\/monochrome.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/114\/136\/156","category_id":"156","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_classic_Monochrom.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"274":"Mademoiselle","273":"Ultra","272":"Miss","552":"Monochrome Minicabochon"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-142":{"name":"Ode to Joy of Life","id":"category-node-142","url":"https:\/\/shop.freywille.com\/classic-edition\/collections\/contemporary-art\/ode-to-joy-of-life.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/114\/136\/142","category_id":"142","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_classic_Joy.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"233":"Diva","273":"Ultra","272":"Miss","275":"Ballerina","185":"Contessa","305":"Regina","323":"Cabochon","427":"Mini-Creolen","286":"Luna Piena","290":"Half-Moon","307":"Place Vend\u00f4me","201":"Waterdrop","532":"Drops","289":"Helena"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-155":{"name":"Pharaoh Egypt","id":"category-node-155","url":"https:\/\/shop.freywille.com\/classic-edition\/collections\/contemporary-art\/pharaoh.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/114\/136\/155","category_id":"155","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_classic_Pharao_Egypt.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"272":"Miss","233":"Diva","271":"Donna","275":"Ballerina","427":"Mini-Creolen","290":"Half-Moon","323":"Cabochon","273":"Ultra","201":"Waterdrop","286":"Luna Piena","337":"Carr\u00e9","289":"Helena"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-340":{"name":"Trachtenfest","id":"category-node-340","url":"https:\/\/shop.freywille.com\/classic-edition\/collections\/contemporary-art\/trachtenfest.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/114\/136\/340","category_id":"340","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Kollektionen_classic_Trachtenfest.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"271":"Donna","289":"Helena","272":"Miss","323":"Cabochon","427":"Mini-Creolen","491":"Spring","290":"Half-Moon","532":"Drops","185":"Contessa","595":"Cufflinks","620":"Wings"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]}}}}},"category-node-115":{"name":"Schmuckarten","id":"category-node-115","url":"https:\/\/shop.freywille.com\/classic-edition\/jewellery-types.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/115","category_id":"115","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"2","default_filter":"web_form","default_filter_options":{"272":"Miss","233":"Diva","273":"Ultra","201":"Waterdrop","427":"Mini-Creolen","323":"Cabochon","290":"Half-Moon","320":"Square","286":"Luna Piena","307":"Place Vend\u00f4me","306":"Piccadilly Circus","482":"Anchor","484":"Snake Diamond Cut","474":"Omega","487":"Ring","473":"Snake","271":"Donna","169":"Blume","288":"Herz","455":"Clip","337":"Carr\u00e9","521":"Swing","490":"Ball Chain","532":"Drops","289":"Helena","552":"Monochrome Minicabochon","536":"Pebble"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":{"category-node-151":{"name":"Ringe","id":"category-node-151","url":"https:\/\/shop.freywille.com\/classic-edition\/jewellery-types\/rings.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/115\/151","category_id":"151","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"272":"Miss","233":"Diva","273":"Ultra","201":"Waterdrop","169":"Blume","536":"Pebble"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-149":{"name":"Ohrringe","id":"category-node-149","url":"https:\/\/shop.freywille.com\/classic-edition\/jewellery-types\/earrings.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/115\/149","category_id":"149","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"427":"Mini-Creolen","323":"Cabochon","201":"Waterdrop","337":"Carr\u00e9","521":"Swing","532":"Drops","552":"Monochrome Minicabochon","536":"Pebble","620":"Wings"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-150":{"name":"Anh\u00e4nger ohne Kette","id":"category-node-150","url":"https:\/\/shop.freywille.com\/classic-edition\/jewellery-types\/pendants.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/115\/150","category_id":"150","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"290":"Half-Moon","320":"Square","286":"Luna Piena","169":"Blume","288":"Herz","201":"Waterdrop","337":"Carr\u00e9","521":"Swing","289":"Helena","323":"Cabochon","536":"Pebble"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-294":{"name":"Anh\u00e4nger mit Kette","id":"category-node-294","url":"https:\/\/shop.freywille.com\/classic-edition\/jewellery-types\/necklaces-pendants.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/115\/294","category_id":"294","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"290":"Half-Moon","286":"Luna Piena","289":"Helena","337":"Carr\u00e9","521":"Swing"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-153":{"name":"Ketten","id":"category-node-153","url":"https:\/\/shop.freywille.com\/classic-edition\/jewellery-types\/chains.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/115\/153","category_id":"153","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"482":"Anchor","484":"Snake Diamond Cut","474":"Omega","487":"Ring","473":"Snake","455":"Clip","490":"Ball Chain"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-146":{"name":"Armreifen","id":"category-node-146","url":"https:\/\/shop.freywille.com\/classic-edition\/jewellery-types\/bordered-bangles.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/115\/146","category_id":"146","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"272":"Miss","233":"Diva","273":"Ultra","271":"Donna","274":"Mademoiselle"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-147":{"name":"Klapparmreifen","id":"category-node-147","url":"https:\/\/shop.freywille.com\/classic-edition\/jewellery-types\/bracelets-manchettes.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/115\/147","category_id":"147","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"275":"Ballerina","305":"Regina","304":"Royal","185":"Contessa","491":"Spring","536":"Pebble"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-23":{"name":"Luxury Pens","id":"category-node-23","url":"https:\/\/shop.freywille.com\/classic-edition\/jewellery-types\/luxury-pens.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/115\/23","category_id":"23","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"463":"Alexander The Great","456":"Caesar"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":{"category-node-315":{"name":"Rollerpen","id":"category-node-315","url":"https:\/\/shop.freywille.com\/classic-edition\/jewellery-types\/luxury-pens\/test.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/115\/23\/315","category_id":"315","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":null,"submenu_layout":null,"default_filter":"web_form","default_filter_options":[],"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-316":{"name":"F\u00fcllfeder","id":"category-node-316","url":"https:\/\/shop.freywille.com\/classic-edition\/jewellery-types\/luxury-pens\/fountain-pen.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/111\/115\/23\/316","category_id":"316","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":null,"render_subpages_as_links":null,"submenu_layout":null,"default_filter":"web_form","default_filter_options":[],"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]}}}}}}},"category-node-152":{"name":"Uhren","id":"category-node-152","url":"https:\/\/shop.freywille.com\/watches.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/152","category_id":"152","category_menu_image_headline":"Uhren","category_menu_image_text":"Mit der Fusion eines eleganten Zeitmessers und der edlen Ausstrahlung eines Schmuckst\u00fccks hat FREYWILLE eine neue Designkategorie geschaffen, welche die besten Elemente aus zwei Welten in sich vereint. ","content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Subpage_Banner_Watches.jpg","render_subpages_as_links":"1","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"307":"Place Vend\u00f4me","306":"Piccadilly Circus","289":"Helena","571":"D\u00e9sir\u00e9e","305":"Regina"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":{"category-node-335":{"name":"Helena","id":"category-node-335","url":"https:\/\/shop.freywille.com\/watches\/helena.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/152\/335","category_id":"335","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Filteransichten_DOA_Blaues_EmailXXX_400HL1_x_GO1_1.png","render_subpages_as_links":"1","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"289":"Helena"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-336":{"name":"D\u00e9sir\u00e9e","id":"category-node-336","url":"https:\/\/shop.freywille.com\/watches\/desiree.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/152\/336","category_id":"336","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Filteransichten_DOA_Blaues_EmailXXX_400DE1_48x_GO1.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"571":"D\u00e9sir\u00e9e"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-337":{"name":"Piccadilly Circus","id":"category-node-337","url":"https:\/\/shop.freywille.com\/watches\/piccadilly-circus.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/152\/337","category_id":"337","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Filteransichten_DOA_Blaues_EmailXXX_400PD1_x_GO1.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"306":"Piccadilly Circus"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-338":{"name":"Place Vend\u00f4me","id":"category-node-338","url":"https:\/\/shop.freywille.com\/watches\/place-vendome.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/152\/338","category_id":"338","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Filteransichten_DOA_Blaues_EmailXXX_400VD1_x_GO1.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"307":"Place Vend\u00f4me"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-364":{"name":"Regina","id":"category-node-364","url":"https:\/\/shop.freywille.com\/watches\/regina.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/152\/364","category_id":"364","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Filteransichten_DOA_Blaues_EmailXXX_Regina-Watch_1.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"305":"Regina"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]}}},"category-node-4":{"name":"Seident\u00fccher","id":"category-node-4","url":"https:\/\/shop.freywille.com\/silk-scarves.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/4","category_id":"4","category_menu_image_headline":"Schals","category_menu_image_text":"Handgefertigt aus 100% italienischer Seide, \u00fcberzeugt dieser Schal mit Qualit\u00e4t und Farbkraft. Ein wundersch\u00f6nes Accessoire das nicht nur um den Hals sondern auch z.B. im Haar und in Kombination mit dem passenden FREYWILLE Schmuck \u00fcberzeugt.","content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Menu_Banner_Silks_1.jpg","render_subpages_as_links":"1","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"337":"Carr\u00e9","336":"Gavroche","339":"Pashmina","459":"Scarf","3850":"Pocketkerchief"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":{"category-node-303":{"name":"Seident\u00fccher 53x53","id":"category-node-303","url":"https:\/\/shop.freywille.com\/silk-scarves\/silk-scarves-53x53.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/4\/303","category_id":"303","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/490_Silk_Gavroche_1.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"336":"Gavroche"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-14":{"name":"Seident\u00fccher 90x90","id":"category-node-14","url":"https:\/\/shop.freywille.com\/silk-scarves\/silk-scarves-90x90.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/4\/14","category_id":"14","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/490_Silk_Scarf_1.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"337":"Carr\u00e9","336":"Gavroche","3850":"Pocketkerchief"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-13":{"name":"Schals","id":"category-node-13","url":"https:\/\/shop.freywille.com\/silk-scarves\/long-scarves.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/4\/13","category_id":"13","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/490_Silk_Long_Scarf_1.png","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"339":"Pashmina","459":"Scarf"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]}}},"category-node-50":{"name":"Geschenke","id":"category-node-50","url":"https:\/\/shop.freywille.com\/gifts.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/50","category_id":"50","category_menu_image_headline":"Geschenke","category_menu_image_text":"Von Claude Monet \u00fcber Gustav Klimt bis hin zu Sophie Taeuber-Arp, unser handgefertigter, von Kunst inspirierter Schmuck, ist eine wahre Freude f\u00fcr Kunstliebhaber und alle, die ihre Lebensfreude zeigen m\u00f6chten.","content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Gifts_FW_komp.jpg","render_subpages_as_links":"1","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"272":"Miss","233":"Diva","323":"Cabochon","420":"Luna Piccolissima","422":"Tango","406":"Etoile","521":"Swing","528":"Star Aura","337":"Carr\u00e9","532":"Drops","534":"Saint Tropez","289":"Helena","571":"D\u00e9sir\u00e9e","535":"Little Aurora","271":"Donna","427":"Mini-Creolen","288":"Herz","286":"Luna Piena","290":"Half-Moon"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":{"category-node-56":{"name":"Fine Jewellery Geschenke","id":"category-node-56","url":"https:\/\/shop.freywille.com\/gifts\/gifts-18kt.html","image":"\/media\/catalog\/category\/Fine_Jewellery_Gifts.jpg","has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/50\/56","category_id":"56","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Geschenke_350x350_18Kt.jpg","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"420":"Luna Piccolissima","422":"Tango","406":"Etoile","476":"Heart with Diamonds","527":"Aurora","533":"Marbella Pearls","534":"Saint Tropez"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-51":{"name":"Geschenke f\u00fcr SIE","id":"category-node-51","url":"https:\/\/shop.freywille.com\/gifts\/gifts-for-her.html","image":"\/media\/catalog\/category\/Zeichenfl_che_9.jpg","has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/50\/51","category_id":"51","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Geschenke_350x350_ForHer.jpg","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"233":"Diva","273":"Ultra","271":"Donna","201":"Waterdrop","272":"Miss","290":"Half-Moon","521":"Swing","532":"Drops","289":"Helena"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-378":{"name":"Most Gifted","id":"category-node-378","url":"https:\/\/shop.freywille.com\/gifts\/most-gifted.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/50\/378","category_id":"378","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Geschenke_350x350_Bestseller.jpg","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":[],"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-377":{"name":"Small Gestures","id":"category-node-377","url":"https:\/\/shop.freywille.com\/gifts\/small-gestures.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/50\/377","category_id":"377","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Geschenke_350x350_SmallGestures.jpg","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"272":"Miss","273":"Ultra","337":"Carr\u00e9","336":"Gavroche","201":"Waterdrop","323":"Cabochon","552":"Monochrome Minicabochon","536":"Pebble","620":"Wings","629":"Golden Square"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-379":{"name":"Teens","id":"category-node-379","url":"https:\/\/shop.freywille.com\/gifts\/teens.html","image":false,"has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/50\/379","category_id":"379","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Geschenke_350x350_Teens_2.jpg","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"233":"Diva","273":"Ultra","272":"Miss","275":"Ballerina","185":"Contessa","305":"Regina","323":"Cabochon","427":"Mini-Creolen","286":"Luna Piena","290":"Half-Moon","307":"Place Vend\u00f4me","201":"Waterdrop","532":"Drops","289":"Helena","552":"Monochrome Minicabochon","288":"Herz"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-44":{"name":"Geschenkgutschein","id":"category-node-44","url":"https:\/\/shop.freywille.com\/gifts\/gift-certificate.html","image":"\/media\/catalog\/category\/Zeichenfl_che_3.jpg","has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/50\/44","category_id":"44","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Geschenke_350x350_Giftcards.jpg","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":[],"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-52":{"name":"Geschenke f\u00fcr IHN","id":"category-node-52","url":"https:\/\/shop.freywille.com\/gifts\/gifts-for-him.html","image":"\/media\/catalog\/category\/Gifts_for_him.jpg","has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/50\/52","category_id":"52","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Gifts_Him.jpg","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"463":"Alexander The Great","456":"Caesar","595":"Cufflinks","417":"Vienna Opera"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-53":{"name":"Geburtstagsgeschenke","id":"category-node-53","url":"https:\/\/shop.freywille.com\/gifts\/anniversary-gifts.html","image":"\/media\/catalog\/category\/Zeichenfl_che_1.jpg","has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/50\/53","category_id":"53","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Gifts_Birthday.jpg","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":{"201":"Waterdrop","427":"Mini-Creolen","271":"Donna","323":"Cabochon","418":"Daisy","476":"Heart with Diamonds","521":"Swing","527":"Aurora","290":"Half-Moon"},"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]},"category-node-54":{"name":"Geschenke f\u00fcr die Braut","id":"category-node-54","url":"https:\/\/shop.freywille.com\/gifts\/bridal-gifts.html","image":"\/media\/catalog\/category\/Wedding_Gifts.jpg","has_active":false,"is_active":false,"is_category":true,"is_parent_active":true,"position":null,"path":"1\/2\/50\/54","category_id":"54","category_menu_image_headline":null,"category_menu_image_text":null,"content_beneath_products":null,"category_menu_image":"\/media\/catalog\/category\/Gifts_Wedding.jpg","render_subpages_as_links":"0","submenu_layout":"1","default_filter":"web_form","default_filter_options":[],"default_filter_option_imagepath":"\/media\/catalog\/category\/defaultfilter_option_images\/","childData":[]}}}}, activeCategoryLevelOne: '', isActiveCategoryLevelOne(category) { return this.activeCategoryLevelOne === category; }, toggleActiveCategoryLevelOne(category) { if (this.activeCategoryLevelOne === category) { this.emptyActiveCategoryLevelOne(); } else { this.activeCategoryLevelOne = category; document.querySelector('body').classList.add('has-active-category'); window.dispatchEvent(new CustomEvent("nav-component-changed")); } }, emptyActiveCategoryLevelOne() { this.activeCategoryLevelOne = ''; document.querySelector('body').classList.remove('has-active-category'); }, } } </script> </div> </div> <div class="top-full bg-white left-0 w-full pt-6 pb-20 main:max-h-screen-75 main:overflow-auto main:no-scrollbar main:border-t main:border-grey-4 main:pb-2 main:absolute" id="contentNavPanel" role="tabpanel" aria-labelledby="contentNavTab" x-cloak @click.outside="setActiveNav('shopNav')" x-show="isActiveNav('contentNav')" > <div class="fluid-container-xl"> <script> 'use strict'; const initTopmenuDesktop_679c7671e5558 = () => ({ openSubmenuId: null, }); </script> <div x-data="initTopmenuDesktop_679c7671e5558()" class="flex flex-col-reverse main:flex-row-reverse main:-mx-3" > <div class="w-full mb-16 mt-5 main:w-4/12 main:px-3"> <div class="pb-[67%] relative bg-grey-5 mb-5"> <img class="absolute object-cover w-full h-full left-0 top-0" src="/media/wysiwyg/About-us_komp.jpg" alt="" loading="lazy" > </div> <h2 class="uppercase text-center mb-3 tracking-wide main:text-xl">Die faszinierende Welt von FREYWILLE</h2> </div> <nav class="w-full main:w-8/12 main:px-3" aria-label="Main menu" > <ul> <li> <div data-menu="menu-1876" class="__link"></div> <div class="relative main:pr-36" x-data="{ isOverflowing: false, slider: $refs.slider, atBeginning: true, atEnd: false, next() { let current = this.slider.scrollLeft; this.slider.scrollTo({ left: current + 153, behavior: 'smooth', }); }, prev() { let current = this.slider.scrollLeft; this.slider.scrollTo({ left: current - 153, behavior: 'smooth', }); }, disableNextAndPreviousButtons: { 'x-intersect:enter.full'() { let slideEls = this.$el.parentElement.children if (slideEls[0] === this.$el) { this.atBeginning = true } else if (slideEls[slideEls.length-1] === this.$el) { this.atEnd = true } }, 'x-intersect:leave.full'() { let slideEls = this.$el.parentElement.children if (slideEls[0] === this.$el) { this.atBeginning = false } else if (slideEls[slideEls.length-1] === this.$el) { this.atEnd = false } }, }, checkOverflow() { window.setTimeout(() => { this.isOverflowing = this.$refs.sliderContainer.scrollWidth < this.slider.scrollWidth - 9; }, 20); }, init() { this.checkOverflow(); } }" @resize.window.debounce="checkOverflow" @nav-component-changed.window="checkOverflow" > <div class="w-full relative" x-ref="sliderContainer"> <ul class="max-main:flex-wrap max-main:-mx-2 flex -ml-2 pt-5 items-start mb-12 overflow-auto no-scrollbar main:snap-x" x-ref="slider" > <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/about-us"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img class="object-cover absolute left-0 top-0 w-full h-full duration-300 transition-transform group-hover:scale-110 group-focus-visible:scale-110" src="https://shop.freywille.com/media/snowdog/menu/node/a/b/about-menu_1.png" alt="" loading="lazy" > </div> <div class="text-center font-serif px-2"> <span>Über uns</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/inspiration-fine-jewellery"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img class="object-cover absolute left-0 top-0 w-full h-full duration-300 transition-transform group-hover:scale-110 group-focus-visible:scale-110" src="https://shop.freywille.com/media/snowdog/menu/node/1/8/18kt_1.jpg" alt="" loading="lazy" > </div> <div class="text-center font-serif px-2"> <span>Fine Jewellery</span> </div> </a> </li> </ul> <div class="hidden absolute -left-3 top-0 bottom-0 w-8 bg-gradient-to-r from-white main:block" x-show="isOverflowing && !atBeginning" x-cloak ></div> <div class="hidden absolute right-0 top-0 bottom-0 w-5 bg-gradient-to-l from-white main:block" x-show="isOverflowing" ></div> </div> <div class="absolute right-28 top-14 flex flex-col"> <button class="max-main:!hidden px-2 py-2 mb-2 disabled:text-grey-2" type="button" @click="prev" x-show="isOverflowing" x-cloak :disabled="atBeginning" > <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </button> <button class="max-main:!hidden px-2 py-2 disabled:text-grey-2" type="button" @click="next" x-show="isOverflowing" x-cloak :disabled="atEnd" > <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </button> </div> </div> </li> <li> <div class="uppercase text-xxs font-medium text-grey-1">Inspiration</div> <div data-menu="menu-1877" class="__link"></div> <div class="relative main:pr-36" x-data="{ isOverflowing: false, slider: $refs.slider, atBeginning: true, atEnd: false, next() { let current = this.slider.scrollLeft; this.slider.scrollTo({ left: current + 153, behavior: 'smooth', }); }, prev() { let current = this.slider.scrollLeft; this.slider.scrollTo({ left: current - 153, behavior: 'smooth', }); }, disableNextAndPreviousButtons: { 'x-intersect:enter.full'() { let slideEls = this.$el.parentElement.children if (slideEls[0] === this.$el) { this.atBeginning = true } else if (slideEls[slideEls.length-1] === this.$el) { this.atEnd = true } }, 'x-intersect:leave.full'() { let slideEls = this.$el.parentElement.children if (slideEls[0] === this.$el) { this.atBeginning = false } else if (slideEls[slideEls.length-1] === this.$el) { this.atEnd = false } }, }, checkOverflow() { window.setTimeout(() => { this.isOverflowing = this.$refs.sliderContainer.scrollWidth < this.slider.scrollWidth - 9; }, 20); }, init() { this.checkOverflow(); } }" @resize.window.debounce="checkOverflow" @nav-component-changed.window="checkOverflow" > <div class="w-full relative" x-ref="sliderContainer"> <ul class="max-main:flex-wrap max-main:-mx-2 flex -ml-2 pt-5 items-start mb-12 overflow-auto no-scrollbar main:snap-x" x-ref="slider" > <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/inspiration-independent-collection"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img class="object-cover absolute left-0 top-0 w-full h-full duration-300 transition-transform group-hover:scale-110 group-focus-visible:scale-110" src="https://shop.freywille.com/media/snowdog/menu/node/m/a/makingof_gms_web_4.jpg" alt="" loading="lazy" > </div> <div class="text-center font-serif px-2"> <span>Independent Collection</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/inspiration-vincent-van-gogh"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img class="object-cover absolute left-0 top-0 w-full h-full duration-300 transition-transform group-hover:scale-110 group-focus-visible:scale-110" src="https://shop.freywille.com/media/snowdog/menu/node/v/i/vincent_van_gogh_web_4.jpg" alt="" loading="lazy" > </div> <div class="text-center font-serif px-2"> <span>Van Gogh</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/inspiration-alphonse-mucha"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img class="object-cover absolute left-0 top-0 w-full h-full duration-300 transition-transform group-hover:scale-110 group-focus-visible:scale-110" src="https://shop.freywille.com/media/snowdog/menu/node/a/l/alphonse_mucha_web_4.jpg" alt="" loading="lazy" > </div> <div class="text-center font-serif px-2"> <span>Alphonse Mucha</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/inspiration-claude-monet"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img class="object-cover absolute left-0 top-0 w-full h-full duration-300 transition-transform group-hover:scale-110 group-focus-visible:scale-110" src="https://shop.freywille.com/media/snowdog/menu/node/m/o/monet_web_4.jpg" alt="" loading="lazy" > </div> <div class="text-center font-serif px-2"> <span>Claude Monet</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/inspiration-sophie-taeuber-arp"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img class="object-cover absolute left-0 top-0 w-full h-full duration-300 transition-transform group-hover:scale-110 group-focus-visible:scale-110" src="https://shop.freywille.com/media/snowdog/menu/node/s/o/sophie-taeuber-arp_web_4.jpg" alt="" loading="lazy" > </div> <div class="text-center font-serif px-2"> <span>Sophie Taeuber-Arp</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/inspiration-paul-gauguin"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img class="object-cover absolute left-0 top-0 w-full h-full duration-300 transition-transform group-hover:scale-110 group-focus-visible:scale-110" src="https://shop.freywille.com/media/snowdog/menu/node/p/a/paulgauguin_colour_web_4.jpg" alt="" loading="lazy" > </div> <div class="text-center font-serif px-2"> <span>Paul Gauguin</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/inspiration-gustav-klimt"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img class="object-cover absolute left-0 top-0 w-full h-full duration-300 transition-transform group-hover:scale-110 group-focus-visible:scale-110" src="https://shop.freywille.com/media/snowdog/menu/node/k/l/klimt_web_4.jpg" alt="" loading="lazy" > </div> <div class="text-center font-serif px-2"> <span>Gustav Klimt</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/inspiration-hundertwasser"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img class="object-cover absolute left-0 top-0 w-full h-full duration-300 transition-transform group-hover:scale-110 group-focus-visible:scale-110" src="https://shop.freywille.com/media/snowdog/menu/node/h/u/hundertwasser_colour_web_4.jpg" alt="" loading="lazy" > </div> <div class="text-center font-serif px-2"> <span>Hundertwasser</span> </div> </a> </li> <li x-bind="disableNextAndPreviousButtons" class="max-main:px-2 pl-2 shrink-0 w-1/2 xs:w-1/3 md:w-1/4 main:pr-3 main:w-[153px] main:snap-start"> <a class="flex flex-col items-center mb-5 group" href="https://shop.freywille.com/inspiration-sandro-botticelli"> <div class="aspect-square relative w-full mb-2.5 bg-grey-5 overflow-hidden main:mb-2"> <img class="object-cover absolute left-0 top-0 w-full h-full duration-300 transition-transform group-hover:scale-110 group-focus-visible:scale-110" src="https://shop.freywille.com/media/snowdog/menu/node/b/o/botticelli_colour_web_4.jpg" alt="" loading="lazy" > </div> <div class="text-center font-serif px-2"> <span>Sandro Botticelli</span> </div> </a> </li> </ul> <div class="hidden absolute -left-3 top-0 bottom-0 w-8 bg-gradient-to-r from-white main:block" x-show="isOverflowing && !atBeginning" x-cloak ></div> <div class="hidden absolute right-0 top-0 bottom-0 w-5 bg-gradient-to-l from-white main:block" x-show="isOverflowing" ></div> </div> <div class="absolute right-28 top-14 flex flex-col"> <button class="max-main:!hidden px-2 py-2 mb-2 disabled:text-grey-2" type="button" @click="prev" x-show="isOverflowing" x-cloak :disabled="atBeginning" > <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M5,0H4.6c-0.2,0.7-0.5,1.5-1,2.2C3,3,2.4,3.6,1.8,4h0C1.1,4.4,0.5,4.6,0,4.7v0.5C0.6,5.4,1.2,5.6,1.8,6 C2.2,6.3,2.6,6.7,3,7.1C3.4,7.5,3.7,8,4,8.5C4.3,9,4.5,9.5,4.6,10H5c0,0-0.5-3.5-2-5C4.5,3.5,5,0,5,0z"/> </svg> </button> <button class="max-main:!hidden px-2 py-2 disabled:text-grey-2" type="button" @click="next" x-show="isOverflowing" x-cloak :disabled="atEnd" > <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10" fill="currentColor" class="h-auto" width="5" height="10" aria-hidden="true"> <path d="M0,10h0.4c0.2-0.7,0.5-1.5,1-2.2C2,7,2.6,6.4,3.2,6h0C3.9,5.6,4.5,5.4,5,5.3V4.7C4.4,4.6,3.8,4.4,3.2,4 C2.8,3.7,2.4,3.3,2,2.9C1.6,2.5,1.3,2,1,1.5C0.7,1,0.5,0.5,0.4,0H0c0,0,0.5,3.5,2,5C0.5,6.5,0,10,0,10z"/> </svg> </button> </div> </div> </li> </ul> </nav> </div> </div> </div> </div> <div class="bg-primary px-3.5 pt-4 pb-12 text-white absolute bottom-0 w-full left-0 z-10 main:hidden"> <ul class="text-sm font-medium mr-2 flex gap-6 lg:gap-3 xl:gap-6"> <li> <a class="link-underline" href="https://shop.freywille.com/our-boutiques" > Boutiquen </a> </li> <li x-data="{ open: false, toggle() { if(this.open) { this.open = false; document.body.classList.remove('overflow-hidden'); } else { this.open = true; document.body.classList.add('overflow-hidden'); } }, close() { this.open = false; document.body.classList.remove('overflow-hidden'); } }" > <button type="button" class="link-underline" @click="toggle" :aria-expanded="open" > <span class="uppercase">at</span> <span> / Land wählen</span> </button> <div class="fixed left-0 top-0 w-full h-full z-10 text-white bg-primary transition duration-300 ease-in-out overflow-auto pt-16 lg:pt-9" x-cloak x-show="open" x-trap="open" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @keydown.escape.window="close()" > <div class="fluid-container-lg relative"> <h2 class="font-sans font-normal uppercase mb-8 text-4xl xl:text-6xl"> <span>Länderauswahl</span> <span lang="en"> / Select your Country</span> </h2> <div class="mb-8 lg:mb-14"> <div class="mb-2.5"> Bitte bestätigen Sie das Land, welches wir Ihnen zugeordnet haben, oder wählen Sie ein anderes Land aus.* Bitte beachten Sie, dass wir nur an Adressen innerhalb des jeweiligen Landes liefern können. </div> <div lang="en"> Please confirm the detected country or choose any other country.* Please note that we can only deliver to addresses in the respective country. </div> </div> <nav class="colunns-with-ruler mb-12" aria-label="Länderauswahl"> <h3 class="px-2 font-medium uppercase text-xs mb-5"> Europe </h3> <ul class="mb-5"> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" aria-current="page" > Austria / Österreich </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/be/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Belgium / Belgique </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/bg/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Bulgaria / България </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/hr/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Croatia / Hrvatska </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/cz/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Czech Republic / Česká republika </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/dk/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Denmark / Danmark </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/ee/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Estonia / Eesti </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/fin/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Finland / Suomi </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/fr/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > France / France </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/de/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Germany / Deutschland </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/gr/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Greece / Ελλάδα </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/hu/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Hungary / Magyarország </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/irl/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Ireland </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/il/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Israel / מְדִינַת יִשְׂרָאֵל </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/it/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Italy / Italia </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/lv/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Latvia / Latvija </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/lt/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Lituania / Lietuva </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/lu/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Luxembourg / Lëtzebuerg </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/nl/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Netherlands / Nederland </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/po/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Poland / Polska </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/por/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Portugal / Portugal </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/ro/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Romania / România </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/sk/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Slovakia / Slovensko </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/si/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Slovenia / Slovenija </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/es/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Spain / España </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/swe/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Sweden / Sverige </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/ch/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Switzerland / Schweiz </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/ua/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Ukraine / Україна </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/uk/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > United Kingdom </a> </li> </ul> <h3 class="px-2 font-medium uppercase text-xs mb-5"> Asia </h3> <ul class="mb-5"> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/hk/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Hong Kong </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/sg/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Singapore </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/ae/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > United Arab Emirates </a> </li> </ul> <h3 class="px-2 font-medium uppercase text-xs mb-5"> Australia </h3> <ul class="mb-5"> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/au/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Australia </a> </li> </ul> <h3 class="px-2 font-medium uppercase text-xs mb-5"> NorthAmerica </h3> <ul class="mb-5"> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/ca/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Canada </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/usa/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > USA </a> </li> </ul> </nav> <div class="text-xs"> * Ich stimme zu, dass diese Einstellungen gespeichert werden / I agree to save these settings </div> <button class="text-white absolute right-2 -top-12 lg:-top-4 hover:text-grey-1 focus-visible:text-grey-1" type="button" @click="toggle()" > <span class="sr-only">Schließen</span> <svg xmlns="http://www.w3.org/2000/svg" class="w-10 h-10" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="0.5" width="24" height="24" aria-hidden="true"> <path stroke-linecap="square" stroke-linejoin="round" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"/> </svg> </button> </div> </div> </li> </ul> </div> </div> <div class="flex col-span-2 justify-center items-center"> <a class="block py-0.5 ml-4 xs:ml-0 lg:-ml-6 xl:ml-0 xs:mr-2 main:mr-0 main:-mt-1" href="https://shop.freywille.com/" aria-label="FREYWILLE" > <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 43 39" class="text-primary mx-auto h-auto xs:hidden" width="35" height="30" role="img"> <title>FREYWILLE</title> <path fill-rule="evenodd" d="M12.294 14.084s.69-.609 1.894-.609c1.205 0 1.688.774 1.773.638.085-.136 1.504-4.168-.403-5.819-2.612-2.254-8.68-1.51-11.45-1.712-.355-.025-.02 1.298-.047 1.49-.02.12.345-.267 2.813-.293 3.244-.035 5.067.57 5.613 2.08.506 1.401-.512 2.268-.742 2.508l.55 1.717Zm-2.341 8.674c-.185.368-.28 1.059-.133 1.15.47.284 2.59.181 4.442-.283 1.853-.463 3.574-1.355 3.574-1.355s-.12-.558-.154-.785a1.649 1.649 0 0 0-.106-.368.343.343 0 0 0-.159-.195s-1.085.881-3.545 1.37c-2.46.487-3.92.466-3.92.466Z"/> <path fill-rule="evenodd" d="M8.312 22.514c-.045-.357-.004-.89-.064-.82-.06.069-.261.605-.6 1.12-.309.467-3.226 5.543-3.226 5.543l.105-.023a61.942 61.942 0 0 1 6.217-2.101c3.627-1.03 7.12-1.813 7.12-1.813a1.21 1.21 0 0 1-.079-.268c-.011-.07-.053-.22-.08-.34-.026-.122-.026-.344-.212-.222-.187.122-1.667.928-3.97 1.492-2.304.564-4.686.465-5.135-.123-.45-.588-.265-1.37.053-1.857.004-.002-.104-.395-.129-.588Zm-5.985-6.068c.375 0 1.008-.144 1.405.034.257.117.295.449.164.675-.103.179-.084.16.034.289.187.207 1.084.044 1.287-.011.618-.167.803-.337 1.093-.23.289.106.428.466.159.686-.399.364-1.204.644-2.037.743-.2.022-.464.045-.52.332-.03.152.068.217.087.43.002.28-.09.554-.262.777-.2.263-.813 1.182.812 1.23 1.81.053 4.741-.89 4.741-.89s-.285-.277-.228-1.073c.056-.795.741-1.102.684-1.262a1.978 1.978 0 0 1 .205-1.827 2.71 2.71 0 0 1 1.47-1.061s.014-.603-.45-1.913c-.823-2.32-2.05-3.434-3.986-3.607-1.796-.16-2.797.93-2.797.93l.146-.934s.2-.277 1.142-.563a4.72 4.72 0 0 1 4.335.803c.89.723 1.454 1.718 1.454 1.718s.474-.444.338-1.228c-.116-.67-.888-1.26-2.46-1.587-1.861-.39-4.487-.13-5.193.048a20.438 20.438 0 0 1-.833 3.217 171.73 171.73 0 0 1-1.304 3.507c-.095.246-.12.767.514.767Zm1.922-4.436c.284-.298.9-.694 1.884-.694 1.674 0 2.805 1.623 2.87 2.009-1.809.478-5.042.373-5.591.345a3.356 3.356 0 0 1 .837-1.66Z"/> <path fill-rule="evenodd" d="M6.7 13.137c.47-.388.244-1.107-.143-1.334a1.296 1.296 0 0 0-.665-.132 1.16 1.16 0 0 0-.728.388c-.22.282-.189.753.028 1.009.308.356 1.077.419 1.508.069Zm15.102 3.335v-.08c-.494-.887.693-2.835 3.09-2.398 2.192.398 2.842 2.966 2.891 3.72 0 0 .633-.695.684-2.227.073-2.095-1.536-4.947-4.934-4.956-3.622-.01-4.574 2.577-4.14 4.119.434 1.563 2.41 1.822 2.41 1.822Z"/> <path fill-rule="evenodd" d="M20.072 10.124c1.7-1.234 6.07-2.116 8.638 1.29 2.641 3.496.072 7.48-.564 8.496 0 0 3.22-2.286 3.614-7.307.104-1.345-.425-6.647-5.588-7.288-6.476-.804-6.335 4.981-6.1 4.81Z"/> <path fill-rule="evenodd" d="M28.748 4.53c.622.313 4.802 2.267 4.493 8.118-.26 4.905-3.463 7.754-5.081 8.823-.008.04-.085.22-.094.257a16.09 16.09 0 0 0 6.557-5.116c.903-1.191 4.316-5.758 2.01-10.01-2.726-5.02-8.51-2.38-7.885-2.071Z"/> <path fill-rule="evenodd" d="M34.889 18.568c-2.893 2.918-5.233 3.998-7.19 4.485-.053.203-.273.644-.34.845 1.236-.033 2.595-.308 4.417-.983 1.955-.723 7.542-2.932 9.4-7.713 1.858-4.782-2.188-6.719-2.185-6.632.116 3.141-.742 6.61-4.102 9.998Z"/> <path fill-rule="evenodd" d="M35.515 22.87c-3.49 1.827-6.372 2.17-8.62 2.168-.125.24-.558.82-.71 1.058 1.95.368 4.804.096 6.752-.326 2.345-.512 6.423-1.865 8.574-4.463 2.151-2.599.865-5.95.677-5.34-.146.46-1.143 4.008-6.673 6.903Z"/> <path fill-rule="evenodd" d="M40.11 24.2c-.067-.03-2.797 2.456-8.109 3.1-2.729.33-4.821.211-6.588-.061-.339.456-.897 1.06-1.081 1.256.16.07.249.118.42.187 2.767 1.116 8.449 1.498 11.974-.245 2.837-1.4 3.449-4.208 3.384-4.238Zm-10.045 9.247c3.255-.798 3.692-2.943 3.692-2.943s-4.512 1.444-10.721-.942c-.49.432-1.026.866-1.616 1.304.11.087.227.173.35.26 1.36.937 5.005 3.126 8.295 2.32Zm-6.105 3.099c2.67-.17 3.36-1.61 3.36-1.61s-.877.145-3.23-.858a16.534 16.534 0 0 1-3.887-2.35c-.055-.045-.08-.072-.08-.072l-1.152.748-1.073.696s.027.032.08.087c.069.08.18.197.328.347.938.96 3.364 3.158 5.653 3.012Zm-6.393-1.754c-.366-.39-.616-.707-.733-.857a1.703 1.703 0 0 1-.073-.1l-1.96 1.566v.007a9.43 9.43 0 0 0 1.38 1.736c.445.438.983.857 1.583 1.116 2.136.928 3.6-.807 3.6-.807s-.661-.073-2.17-1.196a12.51 12.51 0 0 1-1.627-1.465Zm-3.062 2.75c-.167-.183-.648-1.036-.726-1.142l-.016-.021s-.028.05-.08.131c-.164.28-.537.957-.717 1.313-.122.266-.224.54-.306.821h3.167a6.448 6.448 0 0 1-1.322-1.102Zm-4.367-15.64c1.38.12 2.79-.206 3.963-.509 1.211-.309 2.249-.717 3.148-1.293.012-1.498-.588-3.097-1.386-3.964-.31-.336-.686-.673-1.056-.837-1.417-.637-2.539-.153-2.869 1.133-.357-.053-.742.216-.975.558-.343.492-.17.996.114 1.446-.303.205-.602.492-.695 1.13-.062.436.174.906.407 1.073a1.26 1.26 0 0 0-.65 1.263ZM8.027 36.63c.502-1.135 1.16-2.936 5.156-5.402 5.08-3.14 9.757-6.103 9.425-7.158 0 0-1.851.85-5.937 1.78-1.739.398-4.144 1.01-7.386 1.912-3.242.903-6.548 2.122-8.449 5.688-.995 1.865-.951 3.761-.637 5.194h7.347c.093-.73.247-1.486.48-2.013Z"/> <path fill-rule="evenodd" d="M17.846 31.019c3.802-2.556 5.22-3.5 6.882-5.58 1.842-2.31.847-3.856.784-3.619-.398 1.49-1.826 3.268-4.736 5.5-2.102 1.6-3.848 2.715-6.728 4.682-2.88 1.968-3.338 2.458-4.304 3.906-.547.816-.815 1.827-.946 2.736h1.773c.672-3.173 3.559-5.126 7.275-7.625ZM43 28.148c-1.754.051-3.065.425-4.46.944-.956.353-1.768.902-2.8 1.134-.857 2.85-3.005 4.501-6.463 4.936-.319.334-.473.733-.791 1.067-.882.93-2.26 1.522-3.878 1.735-.558.07-1.019.18-1.58.066-.211.203-.41.411-.616.613L43 38.612V28.148ZM4.285 5.566c-.026.15 1.469-.055 6.003.294 3.957.307 4.637.996 4.637.884.006-.23 1.767-4.16 3.136-5.663A28.561 28.561 0 0 0 11.78.044C6.883-.21 3.45.69 3.45.69c.272.989 1.239 2.494.834 4.877Z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 255 31" fill="none" class="text-primary h-auto w-44 hidden xs:block main:w-60" width="171" height="21" role="img"> <title>FREYWILLE</title> <path d="M9.08104 12.8685C9.08104 12.8685 9.58832 12.418 10.4794 12.418C11.3705 12.418 11.7242 12.9887 11.7876 12.8919C11.851 12.7951 12.899 9.81491 11.4906 8.5968C9.56162 6.9315 5.0829 7.48215 3.03711 7.33197C2.77346 7.31194 3.02376 8.28977 3.00374 8.43327C2.99039 8.52004 3.25737 8.23637 5.07957 8.21635C7.47578 8.18965 8.82073 8.63684 9.22455 9.7515C9.59833 10.7861 8.84743 11.4268 8.67722 11.6037L9.08438 12.8685H9.08104Z" fill="currentColor"/> <path d="M7.35225 19.2727C7.21542 19.5431 7.14534 20.0537 7.25547 20.1204C7.60255 20.3307 9.16777 20.2539 10.5361 19.9135C11.9044 19.5698 13.1759 18.9157 13.1759 18.9157C13.1759 18.9157 13.0892 18.5052 13.0625 18.335C13.0491 18.2348 13.0224 18.1714 12.9857 18.0646C12.9456 17.9545 12.8689 17.9211 12.8689 17.9211C12.8689 17.9211 12.0679 18.5719 10.2491 18.9323C8.43022 19.2961 7.35559 19.2761 7.35559 19.2761L7.35225 19.2727Z" fill="currentColor"/> <path d="M6.14055 19.0892C6.10717 18.8255 6.14055 18.4317 6.09382 18.4851C6.0471 18.5352 5.90026 18.9323 5.64996 19.3128C5.42302 19.6565 3.26709 23.4076 3.26709 23.4076L3.34385 23.3909C3.34385 23.3909 5.25949 22.5967 7.93938 21.8391C10.6159 21.0782 13.1957 20.5009 13.1957 20.5009C13.1957 20.5009 13.149 20.3941 13.139 20.304C13.1323 20.2539 13.0989 20.1438 13.0789 20.0537C13.0589 19.9636 13.0589 19.8 12.922 19.8901C12.7852 19.9802 11.6906 20.5743 9.99184 20.9914C8.29313 21.4053 6.53102 21.3352 6.20062 20.9013C5.86688 20.4708 6.00705 19.8901 6.24067 19.5297C6.24067 19.5297 6.16057 19.2394 6.14388 19.0959L6.14055 19.0892Z" fill="currentColor"/> <path d="M1.72193 14.6107C1.99893 14.6107 2.46616 14.5039 2.75985 14.634C2.95008 14.7208 2.97678 14.9644 2.87999 15.1313C2.80323 15.2614 2.81658 15.2481 2.90669 15.3449C3.04352 15.4984 3.70766 15.3782 3.85784 15.3349C4.31505 15.2114 4.45188 15.0846 4.66547 15.1647C4.87906 15.2448 4.98252 15.5084 4.78228 15.6719C4.48526 15.9422 3.89121 16.1458 3.27714 16.2192C3.13029 16.2359 2.93673 16.2526 2.89334 16.4629C2.87332 16.5763 2.9434 16.6231 2.95675 16.7799C2.9701 16.9134 2.91337 17.157 2.76319 17.3539C2.61634 17.5475 2.16246 18.2283 3.36057 18.2617C4.69551 18.3017 6.86145 17.6042 6.86145 17.6042C6.86145 17.6042 6.6512 17.4006 6.69124 16.8099C6.73463 16.2226 7.23857 15.9956 7.19518 15.8788C7.1518 15.762 6.92486 15.1546 7.3487 14.5306C7.77254 13.9032 8.43334 13.7463 8.43334 13.7463C8.43334 13.7463 8.44335 13.3025 8.0996 12.3346C7.49221 10.6226 6.58445 9.79831 5.1594 9.6715C3.83114 9.55469 3.09358 10.359 3.09358 10.359L3.20038 9.66816C3.20038 9.66816 3.34722 9.46458 4.04473 9.251C5.60661 8.7771 6.7947 9.47793 7.24524 9.8417C7.9027 10.3757 8.31987 11.1099 8.31987 11.1099C8.31987 11.1099 8.67029 10.7828 8.57017 10.2021C8.4834 9.70821 7.91271 9.27102 6.75465 9.03074C5.37967 8.74373 3.44067 8.93396 2.92004 9.06745C2.92004 9.06745 2.7198 10.2956 2.30597 11.4436C1.97224 12.3613 1.49499 13.6562 1.34148 14.0333C1.26806 14.2135 1.25137 14.6007 1.7186 14.6007L1.72193 14.6107ZM3.14031 11.3368C3.35056 11.1165 3.80444 10.8229 4.53198 10.8229C5.76346 10.8229 6.60447 12.0209 6.6512 12.3079C5.31626 12.6617 2.93005 12.5849 2.5229 12.5616C2.56628 12.2846 2.74316 11.7573 3.14364 11.3368H3.14031Z" fill="currentColor"/> <path d="M4.94926 12.1644C5.29635 11.8774 5.12948 11.3468 4.84247 11.1799C4.72232 11.1099 4.4787 11.0665 4.35188 11.0832C4.06486 11.1232 3.87797 11.2901 3.81456 11.3702C3.65103 11.5771 3.6744 11.9242 3.83459 12.1144C4.06153 12.3814 4.62888 12.4281 4.94926 12.1644Z" fill="currentColor"/> <path d="M16.1025 14.6273V14.5705C15.7354 13.9164 16.6098 12.4781 18.382 12.7984C20.0006 13.0921 20.4811 14.9877 20.5179 15.545C20.5179 15.545 20.9851 15.0311 21.0218 13.9031C21.0752 12.3546 19.8871 10.2488 17.3774 10.2421C14.7042 10.2354 14 12.1443 14.3204 13.2823C14.6441 14.4337 16.1025 14.6273 16.1025 14.6273Z" fill="currentColor"/> <path d="M14.8211 9.9418C16.0759 9.03073 19.3031 8.37996 21.1987 10.8963C23.1478 13.476 21.2521 16.4195 20.7816 17.1704C20.7816 17.1704 23.1611 15.4817 23.4514 11.774C23.5282 10.7795 23.1377 6.86483 19.3265 6.39094C14.5441 5.7969 14.6475 10.0686 14.8211 9.9418Z" fill="currentColor"/> <path d="M21.232 5.8136C21.6925 6.04388 24.7762 7.48558 24.5493 11.8074C24.3557 15.4283 21.9929 17.5341 20.7981 18.3217C20.7914 18.3518 20.7347 18.4853 20.728 18.512C21.6591 18.1248 23.7984 17.0703 25.5705 14.7342C26.238 13.8531 28.7577 10.4825 27.0556 7.34208C25.0432 3.63102 20.7714 5.58333 21.232 5.8136Z" fill="currentColor"/> <path d="M25.7645 16.1758C23.6286 18.3317 21.8999 19.1293 20.4548 19.4897C20.4148 19.6399 20.2512 19.9636 20.2012 20.1138C21.1156 20.0904 22.1168 19.8868 23.4651 19.3863C24.9102 18.8523 29.0351 17.2204 30.4068 13.6928C31.7784 10.162 28.7915 8.73365 28.7948 8.79706C28.8816 11.1165 28.2475 13.6762 25.7645 16.1791V16.1758Z" fill="currentColor"/> <path d="M26.2281 19.3529C23.6517 20.7012 21.5225 20.9548 19.8638 20.9548C19.7704 21.1317 19.45 21.5589 19.3398 21.7357C20.7816 22.0061 22.8874 21.8058 24.3258 21.4955C26.0579 21.1183 29.0682 20.1172 30.6568 18.2016C32.2454 16.2826 31.2942 13.8097 31.1574 14.2569C31.0506 14.5973 30.313 17.2171 26.2315 19.3563L26.2281 19.3529Z" fill="currentColor"/> <path d="M29.6224 20.334C29.5723 20.314 27.5565 22.1495 23.6352 22.6234C21.6194 22.867 20.0742 22.7803 18.7693 22.5767C18.519 22.9137 18.1085 23.3609 17.9717 23.5044C18.0885 23.5578 18.1552 23.5912 18.2821 23.6413C20.3245 24.4656 24.5196 24.7459 27.1227 23.4611C29.2152 22.4298 29.6691 20.354 29.6224 20.334Z" fill="currentColor"/> <path d="M22.1999 27.1621C24.6027 26.5714 24.9265 24.9896 24.9265 24.9896C24.9265 24.9896 21.5925 26.0575 17.0103 24.2954C16.6498 24.6125 16.2527 24.9328 15.8188 25.2565C15.8989 25.32 15.9857 25.3834 16.0758 25.4468C17.0804 26.1376 19.7703 27.7562 22.1999 27.1588V27.1621Z" fill="currentColor"/> <path d="M17.6946 29.4549C19.667 29.328 20.1776 28.2634 20.1776 28.2634C20.1776 28.2634 19.5302 28.3702 17.7914 27.6294C16.2796 26.9853 15.1816 26.1109 14.9213 25.894C14.8812 25.8606 14.8612 25.8406 14.8612 25.8406L14.0102 26.3912L13.2192 26.9052C13.2192 26.9052 13.2393 26.9285 13.276 26.9686C13.326 27.0253 13.4095 27.1154 13.5196 27.2255C14.2138 27.9331 16.0059 29.5583 17.6946 29.4482V29.4549Z" fill="currentColor"/> <path d="M12.9721 28.1567C12.7018 27.8697 12.5183 27.6361 12.4315 27.5259C12.3948 27.4792 12.3781 27.4525 12.3781 27.4525L10.9297 28.6106C10.9297 28.6106 10.9297 28.6105 10.9297 28.6139C10.9631 28.6673 11.3435 29.3047 11.9476 29.8954C12.278 30.2191 12.6751 30.5262 13.1156 30.7197C14.6942 31.4039 15.7755 30.1223 15.7755 30.1223C15.7755 30.1223 15.2849 30.0689 14.1736 29.238C13.6797 28.8709 13.2725 28.4771 12.9688 28.1567H12.9721Z" fill="currentColor"/> <path d="M10.7131 30.1857C10.5896 30.0522 10.2359 29.4248 10.1758 29.3447C10.1691 29.3347 10.1625 29.328 10.1625 29.328C10.1625 29.328 10.1424 29.3647 10.1057 29.4248C9.98558 29.6317 9.70858 30.1323 9.57508 30.3959C9.505 30.5328 9.4249 30.753 9.34814 31.0033H11.6876C11.3906 30.8164 11.0402 30.5528 10.7098 30.189L10.7131 30.1857Z" fill="currentColor"/> <path d="M7.4889 18.6387C8.50679 18.7254 9.54471 18.4851 10.4158 18.2615C11.3102 18.0313 12.0778 17.7343 12.7385 17.3071C12.7486 16.2024 12.3047 15.021 11.714 14.3803C11.4837 14.1333 11.2067 13.883 10.933 13.7629C9.88845 13.2923 9.05746 13.6494 8.81383 14.6005C8.55018 14.5605 8.2665 14.7607 8.09296 15.011C7.83932 15.3748 7.96614 15.7452 8.1764 16.079C7.95279 16.2291 7.73253 16.4427 7.66244 16.9133C7.61572 17.2337 7.78926 17.5807 7.96281 17.7042C7.72252 17.841 7.43884 18.1347 7.48556 18.642L7.4889 18.6387Z" fill="currentColor"/> <path d="M5.92717 29.5149C6.29761 28.6773 6.78487 27.3457 9.73508 25.5236C13.4863 23.2075 16.9404 21.0182 16.6934 20.2373C16.6934 20.2373 15.3285 20.8647 12.3115 21.5522C11.0266 21.8459 9.25117 22.2964 6.85829 22.9639C4.46207 23.6313 2.02247 24.529 0.61745 27.1655C-0.116766 28.5438 -0.08673 29.9421 0.146884 31H5.57341C5.64349 30.4594 5.75696 29.9021 5.93051 29.5116L5.92717 29.5149Z" fill="currentColor"/> <path d="M13.179 25.37C15.9857 23.4811 17.0336 22.7869 18.2618 21.2484C19.6234 19.5431 18.8859 18.4017 18.8391 18.5753C18.5488 19.6766 17.4909 20.9915 15.3416 22.6334C13.7897 23.8215 12.5015 24.6458 10.3756 26.0942C8.24975 27.5425 7.90934 27.9096 7.19514 28.9776C6.79133 29.5783 6.59442 30.3258 6.50098 30.9966H7.80922C8.30314 28.6538 10.4357 27.2121 13.179 25.3666V25.37Z" fill="currentColor"/> <path d="M31.7548 23.2509C30.4599 23.2876 29.4921 23.5646 28.4609 23.9483C27.7567 24.2087 27.156 24.6158 26.3917 24.786C25.7576 26.8918 24.1724 28.1099 21.6193 28.4303C21.3857 28.6773 21.2689 28.971 21.0353 29.2179C20.3845 29.9054 19.3666 30.3426 18.1718 30.4994C17.758 30.5528 17.4209 30.6329 17.0071 30.5495C16.8502 30.6997 16.7034 30.8532 16.5532 31L31.7548 30.9767V23.2509Z" fill="currentColor"/> <path d="M3.16721 6.57782C3.14719 6.68795 4.25185 6.53778 7.59921 6.79475C10.5194 7.02168 11.0233 7.52895 11.0233 7.44885C11.0267 7.27865 12.3282 4.37856 13.3394 3.26724C13.3394 3.26724 11.3103 2.63983 8.70054 2.50301C5.08619 2.31612 2.5498 2.98024 2.5498 2.98024C2.75005 3.70776 3.46424 4.81908 3.16388 6.58116L3.16721 6.57782Z" fill="currentColor"/> <path d="M76.335 30.4527C76.2616 30.3693 76.1548 30.1057 76.088 29.7019C76.0113 29.2847 75.9479 28.8141 75.8978 28.3002C75.8444 27.7829 75.8077 27.259 75.781 26.7283C75.7543 26.1977 75.7409 25.7539 75.7409 25.4068C75.7409 24.3689 75.6742 23.4378 75.544 22.6068C75.4072 21.7591 75.1336 21.0116 74.7164 20.3742C74.2959 19.7267 73.6851 19.2061 72.9209 18.8156C72.4503 18.5787 71.9063 18.3885 71.2856 18.2416C72.6739 17.7878 73.7986 17.1036 74.6463 16.1792C75.6909 15.0445 76.2149 13.6062 76.2149 11.9375C76.2149 11.8541 76.2149 11.7706 76.2115 11.6872C76.1615 9.39117 75.4272 7.62574 73.9888 6.49774C72.5471 5.36974 70.3545 4.84245 67.4143 4.81909H55.7402V30.9967H57.1653V19.0159H67.2975C68.886 19.0159 70.1409 19.1627 71.052 19.4464C71.9731 19.7334 72.6572 20.1339 73.1245 20.6411C73.6017 21.1551 73.9154 21.7858 74.0756 22.5567C74.2391 23.351 74.3226 24.2654 74.3226 25.2933C74.3226 25.7005 74.3293 26.161 74.3426 26.6749C74.356 27.1922 74.3827 27.7062 74.4227 28.2101C74.4627 28.7174 74.5228 29.1979 74.6029 29.6518C74.6863 30.109 74.8132 30.6897 74.9633 30.9934H76.7689L76.345 30.4494L76.335 30.4527ZM57.1586 17.6576V6.20073H67.6045C70.211 6.20073 72.0398 6.70799 73.1078 7.63909C74.1991 8.59022 74.7564 9.88508 74.7831 11.6271C74.7831 12.7017 74.5729 13.5995 74.1624 14.3404C73.7419 15.0979 73.1946 15.7187 72.5071 16.2159C71.8162 16.7132 71.0186 17.0769 70.1108 17.3072C69.1897 17.5375 68.2286 17.6543 67.2174 17.6543H57.1619L57.1586 17.6576Z" fill="currentColor"/> <path d="M98.5051 29.6318H81.0408V18.0547H97.6207V16.6931H81.0408V6.18404H98.672V4.81909H79.6157V30.9967H98.8255V29.6318H98.5051Z" fill="currentColor"/> <path d="M120.962 4.81909H119.871L109.342 18.6254L98.8925 4.81909H97.1104L108.628 20.0204V30.9967H110.053V20.0204L121.613 4.81909H120.962Z" fill="currentColor"/> <path d="M155.093 4.81909L149.256 24.9295L142.895 4.81909H137.916L131.482 24.9162L125.848 4.81909H120.835L128.815 30.9967H133.627L140.299 10.5893L146.89 30.9967H147.21H151.703L160.026 4.81909H155.093Z" fill="currentColor"/> <path d="M170.535 4.81909H166.714V30.9967H170.942V4.81909H170.535Z" fill="currentColor"/> <path d="M208.774 27.3457V4.81909H208.367H204.549V30.9967H224.643V27.3457H208.774Z" fill="currentColor"/> <path d="M185.613 27.3457V4.81909H185.209H181.388V30.9967H201.486V27.3457H185.613Z" fill="currentColor"/> <path d="M52.6097 6.20073V4.81909H34.8984V30.9967H36.3135V18.0514H51.0579V16.6965H50.7375H36.3135V6.20073H52.6097Z" fill="currentColor"/> <path d="M227.707 4.81909H247.771V8.47341H231.772V15.9723H245.802V19.0626H231.775L231.765 27.3457H247.771V31.0001H227.707V4.81909Z" fill="currentColor"/> <path d="M255 2.40952C255 3.76445 253.959 4.81903 252.59 4.81903C251.222 4.81903 250.181 3.76445 250.181 2.40952C250.181 1.05458 251.222 0 252.59 0C253.959 0 255 1.05458 255 2.40952ZM250.558 2.40952C250.558 3.56088 251.419 4.47529 252.59 4.47529C253.762 4.47529 254.626 3.56088 254.626 2.40952C254.626 1.25815 253.752 0.34374 252.59 0.34374C251.429 0.34374 250.558 1.25815 250.558 2.40952ZM252.06 3.80116H251.716V1.01787H252.784C253.411 1.01787 253.692 1.29153 253.692 1.78878C253.692 2.28604 253.374 2.49629 252.991 2.56637L253.818 3.8045H253.418L252.634 2.56637H252.056V3.8045L252.06 3.80116ZM252.513 2.27269C252.934 2.27269 253.348 2.25934 253.348 1.78545C253.348 1.39832 253.024 1.30488 252.687 1.30488H252.06V2.26935H252.513V2.27269Z" fill="currentColor"/> </svg> </a> </div> <div class="flex col-span-5 justify-end items-center gap-4"> <div class="hidden main:block"> <ul class="text-sm font-medium mr-2 flex gap-6 lg:gap-3 xl:gap-6"> <li> <a class="link-underline" href="https://shop.freywille.com/our-boutiques" > Boutiquen </a> </li> <li x-data="{ open: false, toggle() { if(this.open) { this.open = false; document.body.classList.remove('overflow-hidden'); } else { this.open = true; document.body.classList.add('overflow-hidden'); } }, close() { this.open = false; document.body.classList.remove('overflow-hidden'); } }" > <button type="button" class="link-underline" @click="toggle" :aria-expanded="open" > <span class="uppercase">at</span> <span> / Land wählen</span> </button> <div class="fixed left-0 top-0 w-full h-full z-10 text-white bg-primary transition duration-300 ease-in-out overflow-auto pt-16 lg:pt-9" x-cloak x-show="open" x-trap="open" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @keydown.escape.window="close()" > <div class="fluid-container-lg relative"> <h2 class="font-sans font-normal uppercase mb-8 text-4xl xl:text-6xl"> <span>Länderauswahl</span> <span lang="en"> / Select your Country</span> </h2> <div class="mb-8 lg:mb-14"> <div class="mb-2.5"> Bitte bestätigen Sie das Land, welches wir Ihnen zugeordnet haben, oder wählen Sie ein anderes Land aus.* Bitte beachten Sie, dass wir nur an Adressen innerhalb des jeweiligen Landes liefern können. </div> <div lang="en"> Please confirm the detected country or choose any other country.* Please note that we can only deliver to addresses in the respective country. </div> </div> <nav class="colunns-with-ruler mb-12" aria-label="Länderauswahl"> <h3 class="px-2 font-medium uppercase text-xs mb-5"> Europe </h3> <ul class="mb-5"> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" aria-current="page" > Austria / Österreich </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/be/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Belgium / Belgique </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/bg/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Bulgaria / България </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/hr/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Croatia / Hrvatska </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/cz/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Czech Republic / Česká republika </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/dk/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Denmark / Danmark </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/ee/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Estonia / Eesti </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/fin/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Finland / Suomi </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/fr/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > France / France </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/de/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Germany / Deutschland </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/gr/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Greece / Ελλάδα </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/hu/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Hungary / Magyarország </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/irl/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Ireland </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/il/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Israel / מְדִינַת יִשְׂרָאֵל </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/it/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Italy / Italia </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/lv/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Latvia / Latvija </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/lt/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Lituania / Lietuva </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/lu/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Luxembourg / Lëtzebuerg </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/nl/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Netherlands / Nederland </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/po/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Poland / Polska </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/por/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Portugal / Portugal </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/ro/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Romania / România </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/sk/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Slovakia / Slovensko </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/si/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Slovenia / Slovenija </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/es/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Spain / España </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/swe/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Sweden / Sverige </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/ch/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Switzerland / Schweiz </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/ua/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Ukraine / Україна </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/uk/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > United Kingdom </a> </li> </ul> <h3 class="px-2 font-medium uppercase text-xs mb-5"> Asia </h3> <ul class="mb-5"> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/hk/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Hong Kong </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/sg/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Singapore </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/ae/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > United Arab Emirates </a> </li> </ul> <h3 class="px-2 font-medium uppercase text-xs mb-5"> Australia </h3> <ul class="mb-5"> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/au/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Australia </a> </li> </ul> <h3 class="px-2 font-medium uppercase text-xs mb-5"> NorthAmerica </h3> <ul class="mb-5"> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/ca/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > Canada </a> </li> <li class="px-4 mb-3"> <a href='https://shop.freywille.com/usa/?___from_store=at&___website_switcher=1' class="p-2.5 inline-block rounded-lg text-lg font-medium lg hover:bg-primary-light focus-visible:bg-primary-light" > USA </a> </li> </ul> </nav> <div class="text-xs"> * Ich stimme zu, dass diese Einstellungen gespeichert werden / I agree to save these settings </div> <button class="text-white absolute right-2 -top-12 lg:-top-4 hover:text-grey-1 focus-visible:text-grey-1" type="button" @click="toggle()" > <span class="sr-only">Schließen</span> <svg xmlns="http://www.w3.org/2000/svg" class="w-10 h-10" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="0.5" width="24" height="24" aria-hidden="true"> <path stroke-linecap="square" stroke-linejoin="round" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"/> </svg> </button> </div> </div> </li> </ul> </div> <button type="button" class="no-underline top-px mr-px hidden main:block" @click="setActiveHeaderComponent('search'); $nextTick(() => document.querySelector('#search').focus());" :aria-expanded="isActiveHeaderComponent('search')" > <span class="sr-only">Suche öffnen</span> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 20.6 20.5" fill="currentColor" xml:space="preserve" class="h-auto" width="20" height="20" aria-hidden="true"> <path d="M19.6,20.5l-6-6c-0.6,0.5-1.4,1-2.2,1.3c-2,0.9-4.4,0.9-6.4,0c-2-0.8-3.6-2.4-4.4-4.4l0,0C-1.1,7.2,0.9,2.4,5,0.6 C9.1-1.1,14.1,0.9,15.8,5c0.9,2,0.9,4.4,0,6.4c-0.3,0.8-0.7,1.5-1.2,2.1l6,6L19.6,20.5z M1.9,10.9c0.7,1.7,2,3,3.6,3.6 c1.7,0.7,3.6,0.7,5.3,0c1.7-0.7,3-2,3.6-3.6c0.7-1.7,0.7-3.6,0-5.3c-1.4-3.4-5.5-5.1-9-3.6C2.1,3.4,0.5,7.4,1.9,10.9L1.9,10.9z"/> </svg> </button> <button type="button" class="mr-px relative" @click="setActiveHeaderComponent('cartDrawer')" :aria-expanded="isActiveHeaderComponent('cartDrawer')" :disabled="cart.summary_count === 0" > <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="currentColor" x="0px" y="0px" viewBox="0 0 17 21.7" class="h-auto" width="17" height="22" aria-hidden="true"> <path d="M13.6,4.7C13.2,2.1,11.1,0,8.5,0S3.8,2.1,3.4,4.7H0v17h17v-17H13.6z M8.5,1.4c1.7,0,3.3,1.4,3.7,3.3H4.8 C5.2,2.8,6.8,1.4,8.5,1.4z M15.6,20.3H1.4V6.1h14.2V20.3z"/> </svg> <span x-text="cart.summary_count" x-show="cart.summary_count" x-cloak aria-hidden="true" class="absolute -bottom-1 -left-1 w-4 aspect-square bg-orange px-1.5 py-0.5 text-xxs leading-none text-center uppercase rounded-full flex items-center justify-center" ></span> <span class="sr-only" x-text="'Minicart öffnen / schließen. Produkte im Warenkorb: ' + cart.summary_count" ></span> </button> <a href="https://shop.freywille.com/customer/account/"> <span class="sr-only">Kundenkonto</span> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18.1 21" fill="currentColor" class="h-auto" width="18" height="21" aria-hidden="true"> <path d="M9.1,0C8,0,6.9,0.3,6,0.9C5.1,1.5,4.5,2.4,4,3.4c-0.4,1-0.5,2.1-0.3,3.2c0.2,1.1,0.7,2.1,1.5,2.8C6,10.2,7,10.8,8,11 c1.1,0.2,2.2,0.1,3.1-0.3c1-0.4,1.8-1.1,2.4-2c1.4-2.2,1.2-5.1-0.7-7C11.9,0.6,10.5,0,9.1,0z M9.1,9.8c-0.8,0-1.7-0.3-2.3-0.7 C6,8.6,5.5,8,5.2,7.2C4.8,6.4,4.8,5.5,4.9,4.7c0.2-0.8,0.6-1.6,1.2-2.2c0.6-0.6,1.3-1,2.2-1.2c0.8-0.2,1.7-0.1,2.4,0.2 c0.8,0.3,1.4,0.9,1.9,1.6c1.1,1.7,0.9,4-0.5,5.4C11.3,9.4,10.2,9.8,9.1,9.8L9.1,9.8z M15.8,14.7c-0.7-0.7-1.6-1.3-2.5-1.8 c-0.9-0.4-2-0.6-3-0.6H7.9c-1,0-2.1,0.2-3,0.6c-1,0.4-1.8,1-2.5,1.8C0.8,16.2,0,18.3,0,20.4c0,0.2,0.1,0.3,0.2,0.4 C0.3,20.9,0.4,21,0.6,21h16.9c0.2,0,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.3,0.2-0.4C18.1,18.3,17.3,16.2,15.8,14.7L15.8,14.7z M1.2,19.8 c0.1-1.7,0.9-3.3,2.1-4.4c1.2-1.1,2.8-1.8,4.5-1.8h2.5c1.7,0,3.3,0.7,4.5,1.8c1.2,1.2,2,2.7,2.1,4.4L1.2,19.8L1.2,19.8z"/> </svg> </a> </div> </div> <div class="flex fixed inset-0 flex-col w-full h-full transition duration-300 ease-in-out z-10" x-data="miniSearchComponent()" @keydown.window.escape="setActiveHeaderComponent('')" x-show="isActiveHeaderComponent('search')" x-cloak x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" > <div class="w-full h-full lg:h-1/2 bg-primary"> <button class="absolute right-3.5 top-3.5 lg:right-16 lg:top-14" @click="setActiveHeaderComponent('')"> <svg xmlns="http://www.w3.org/2000/svg" class="w-10 h-10 text-primary-light hover:text-white transition" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="0.5" width="24" height="24" role="img"> <path stroke-linecap="square" stroke-linejoin="round" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"/> <title>x-circle</title></svg> </button> <div class="container pt-40 mx-auto lg:max-w-screen-lg"> <label class="sr-only" for="search"> Hier den ganzen Shop durchsuchen... </label> <form class="relative" action="https://shop.freywille.com/catalogsearch/result/"> <div class="flex absolute inset-y-0 right-0 items-center pb-6 pointer-events-none"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 20.6 20.5" fill="currentColor" xml:space="preserve" class="w-8 h-8 text-white" width="24" height="24" role="img"> <path d="M19.6,20.5l-6-6c-0.6,0.5-1.4,1-2.2,1.3c-2,0.9-4.4,0.9-6.4,0c-2-0.8-3.6-2.4-4.4-4.4l0,0C-1.1,7.2,0.9,2.4,5,0.6 C9.1-1.1,14.1,0.9,15.8,5c0.9,2,0.9,4.4,0,6.4c-0.3,0.8-0.7,1.5-1.2,2.1l6,6L19.6,20.5z M1.9,10.9c0.7,1.7,2,3,3.6,3.6 c1.7,0.7,3.6,0.7,5.3,0c1.7-0.7,3-2,3.6-3.6c0.7-1.7,0.7-3.6,0-5.3c-1.4-3.4-5.5-5.1-9-3.6C2.1,3.4,0.5,7.4,1.9,10.9L1.9,10.9z"/> <title>magnifier</title></svg> </div> <input class="pb-6 pr-10 w-full font-serif text-4xl text-white bg-transparent border-0 border-b transition border-primary-light focus:border-inherit focus:ring-0 placeholder-grey-2" id="search" x-ref="input" x-on:input.debounce="getProducts()" type="text" name="q" placeholder="Suchbegriff eingeben" minlength="1" maxlength="128" autocapitalize="off" autocomplete="off" autocorrect="off" /> </form> <template x-if="products.length"> <div class="m-3.5 space-y-5"> <template x-for="product in products"> <a class="block font-serif text-lg text-white" :href="'https://shop.freywille.com/' + product.url_key + (product.url_suffix || '')" x-html="renderProduct(product)" ></a> </template> </div> </template> </div> </div> <div class="hidden w-full h-1/2 lg:block bg-primary/50" @click="setActiveHeaderComponent('')"></div> </div> <script> 'use strict'; const miniSearchComponent = () => { return { products: [], currentRequest: null, loading: false, minSearchLength: 1, getProducts() { const input = this.$refs.input.value; if (input.length < this.minSearchLength) { this.products = []; return; } this.loading = true; if (this.currentRequest !== null) { this.currentRequest.abort(); } this.currentRequest = new AbortController(); const query = ` query productsSearchQuery($search: String!){ products(search: $search, pageSize: 5) { items { name url_key url_suffix } } } `, variables = JSON.stringify({search: input}); fetch('https://shop.freywille.com/graphql?' + new URLSearchParams({ query, variables }), { method: 'GET', signal: this.currentRequest.signal, headers: { 'Content-Type': 'application/json', 'Store': 'at', } }) .then((response) => response.json()) .then((result) => { this.products = ( result && result.data && result.data.products && result.data.products.items ) || []; }) .finally(() => this.loading = false); }, renderProduct(product) { return product.name.replace(new RegExp( '(' + this.$refs.input.value + ')', 'gi' ), '<b>$1</b>'); } } }; </script> <section id="cart-drawer" x-data="initCartDrawer()" @private-content-loaded.window="getData(event.detail.data)" x-show="isActiveHeaderComponent('cartDrawer')" x-bind:aria-hidden="isActiveHeaderComponent('cartDrawer')? 'false' : 'true'" aria-hidden="true" > <template x-if="cart && cart.summary_count"> <div> <div role="dialog" aria-labelledby="cart-drawer-title" aria-modal="true" class="fixed inset-y-0 right-0 z-30 flex max-w-full" x-show="isActiveHeaderComponent('cartDrawer')" tabindex="-1" > <div class="fixed inset-0 flex bg-primary bg-opacity-50" x-show="isActiveHeaderComponent('cartDrawer')" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click="setActiveHeaderComponent('')" aria-label="Close Cart Drawer"></div> <div class="relative flex flex-col h-full bg-white md:w-[600px]" tabindex="0" x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" x-show="isActiveHeaderComponent('cartDrawer')" > <header class="pt-2 pl-2.5 pr-0.5 md:pl-8 md:pr-6 md:pt-7 flex flex-row items-center"> <h2 id="cart-drawer-title" class="uppercase text-xl text-primary flex-1 flex flex-row items-center gap-3 w-min py-6"> <span> Warenkorb </span> <div> <div class="text-center bg-grey-5 rounded-full text-xs w-[24px] h-[24px]" x-text="cart.summary_count"></div> </div> </h2> <button class="" @click="setActiveHeaderComponent('')" type="button" x-show="isActiveHeaderComponent('cartDrawer')" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" aria-label="Close Cart Drawer" > <svg xmlns="http://www.w3.org/2000/svg" class="w-14 h-14 text-primary opacity-35 hover:opacity-100 focus-inline:opacity-100 transition-all" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="0.5" width="24" height="24" role="img"> <path stroke-linecap="square" stroke-linejoin="round" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"/> <title>x-circle</title></svg> </button> </header> <div class="relative grid pb-2 overflow-y-auto no-scrollbar bg-white border-b px-2.5 md:px-8 border-grey-3"> <template x-for="item in cartItems"> <div class="flex items-start py-2.5 md:py-6 space-x-2.5 md:space-x-6 border-b border-grey-3 last-of-type:border-0"> <a :href="item.product_url" class="w-20 md:w-[120px] flex-shrink-0"> <img :src="item.product_image.src" :width="item.product_image.width" :height="item.product_image.height" loading="lazy" class="bg-grey-5" x-bind:alt="item.product_name" /> </a> <div class="flex flex-grow h-full gap-3 justify-between"> <div class="space-y-1"> <div class="space-y-2"> <span class="block text-md text-primary"> <span x-html="item.qty"></span> x <span class="uppercase" x-html="item.product_name"></span> </span> <span class="block text-base text-primary font-serif" x-html="item.product_web_collection ? item.product_web_collection : ''"></span> </div> <template x-for="option in item.options"> <div class="text-xxs font-medium text-grey-1" aria-label="Product Options" > <span x-text="option.label"></span>: <span x-html="option.value"></span> </div> </template> </div> <div class="flex flex-col justify-between items-end"> <div> <span class="block text-sm font-medium text-primary text-right" aria-label="Produktpreis" x-html="item.product_price"></span> <span x-html="hyva.formatPrice(item.product_price_value_original)" class="block text-sm text-primary text-right leading-none line-through" :class="{'hidden': item.product_price_value == item.product_price_value_original || item.product_price_value_original == 0}"></span> </div> <a class="inline-flex text-xs text-primary underline font-medium decoration-grey-3 cursor-pointer underline-offset-[6px] hover:decoration-primary" @click="deleteItemFromCart(item.item_id)" aria-label="Artikel entfernen" tabindex="0" > Entfernen </a> </div> </div> </div> </template> <template x-if="cart && cart.giftwrap"> <div class="flex items-start py-2.5 md:py-6 space-x-2.5 md:space-x-6 border-b border-grey-3 last-of-type:border-0"> <div class="relative w-20 h-20 md:w-[120px] md:h-[120px] flex-shrink-0"> <img src="https://shop.freywille.com/media/giftwrap/default/Packaging_CE_2024_2_komp.jpg" class="absolute left-0 top-0 object-contain object-center w-full h-full" alt="" > </div> <div class="flex flex-grow h-full gap-3 justify-between"> <div> <div class="space-y-2"> <span class="block text-md text-primary"> <span class="uppercase">Geschenkverpackung</span> </span> <span class="block text-base text-primary font-serif">Kostenlose Geschenkverpackung</span> </div> </div> <div class="flex flex-col justify-between items-end"> <span class="block text-sm font-medium text-primary"> Gratis </span> </div> </div> </div> </template> </div> <div class="relative grid grid-cols-2 gap-4 px-2.5 py-4 bg-white md:px-8"> <span class="text-md uppercase text-primary font-bold"> Gesamtsumme </span> <div class="flex flex-col text-right"> <span class="text-sm text-primary font-medium" x-html="cart.subtotal"></span> <span class="text-xs text-grey-1 ">inkl. MwSt. exkl. Versand</span> </div> <div class="col-span-2"> <form id="minicart-form" action="https://shop.freywille.com/checkout/cart/updatePost/" method="post"> <input name="form_key" type="hidden" value="CJfFfBIrmJUyPNXp" /> <div class="inline-flex"> <input type="hidden" name="giftwrap" value="0" /> <input x-bind:checked="cart.giftwrap" id="giftwrap-checkbox" onchange="document.getElementById('minicart-form').submit();" type="checkbox" name="giftwrap" value="1" /> <label class="pl-2.5 m-0 leading-tight" for="giftwrap-checkbox">Kostenlose Geschenkverpackung hinzufügen</label> </div> </form> </div> <a class="w-full inline-flex justify-center btn btn-secondary" href="https://shop.freywille.com/checkout/cart/"> Zum Warenkorb </a> <a class="w-full inline-flex justify-center btn btn-primary" href="https://shop.freywille.com/checkout/"> Zur Kassa </a> <div class="w-full gap-4 items-center justify-end col-span-2 grid grid-cols-2 sm:flex"> <div class="paypal checkout after paypal-logo ec_shortcut_torpiP8Bpm9K3g8FYIgW4SZJ9Usztws5" x-data="initPayPalExpress()" > <button class="btn w-full flex justify-center border border-grey-5 px-16 py-3 bg-grey-5 hover:bg-inherit hover:border-solid text-primary" @click.prevent="submitForm()"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 50 13" class="w-16" width="24" height="24" role="img"> <path fill-rule="evenodd" d="M6.772 0C8.035 0 9 .35 9.546.975c.495.575.669 1.4.495 2.45-.371 2.4-1.833 3.6-4.335 3.6H4.493c-.248 0-.47.2-.52.45L3.552 10.1c-.05.25-.248.45-.52.45H1.222a.328.328 0 0 1-.322-.375L2.437.45c.05-.25.248-.45.52-.45h3.815ZM4.963 4.902c.991 0 2.056 0 2.254-1.35.075-.475.025-.825-.148-1.05-.347-.4-.991-.4-1.685-.4h-.272a.323.323 0 0 0-.322.275l-.396 2.525h.57Zm13.203-1.4h-1.833a.344.344 0 0 0-.322.275l-.075.5-.124-.175c-.396-.575-1.288-.75-2.154-.75-2.007 0-3.74 1.525-4.063 3.65-.173 1.075.075 2.075.669 2.8.545.65 1.362.925 2.304.925 1.634 0 2.526-1.05 2.526-1.05l-.074.5c-.025.2.124.375.322.375h1.635c.272 0 .47-.2.52-.45l.99-6.225a.328.328 0 0 0-.321-.375Zm-4.608 5.273c1.04 0 1.883-.675 2.056-1.725.1-.5-.025-.95-.297-1.3-.273-.325-.694-.5-1.214-.5-1.04 0-1.882.725-2.056 1.75-.074.5.025.95.298 1.275.272.325.693.5 1.213.5ZM28.148 4l-6.093 8.775a.528.528 0 0 1-.446.225h-1.833c-.248 0-.397-.3-.248-.5l1.907-2.675-2.03-5.9A.317.317 0 0 1 19.7 3.5h1.809a.56.56 0 0 1 .52.375l1.065 3.575 2.526-3.7a.528.528 0 0 1 .446-.225H27.9c.248-.025.397.275.248.475Zm5.82-4c1.264 0 2.23.35 2.775.975.495.575.644 1.4.52 2.475-.371 2.4-1.833 3.6-4.335 3.6h-1.213c-.248 0-.47.2-.52.45l-.446 2.75c-.025.175-.198.3-.372.3H28.42a.328.328 0 0 1-.322-.375L29.634.45c.05-.25.248-.45.52-.45h3.815Zm.422 3.55C34.19 4.9 33.126 4.9 32.136 4.9h-.57l.396-2.55a.323.323 0 0 1 .322-.275h.273c.693 0 1.337 0 1.684.4.173.25.248.6.149 1.075Zm9.14-.048h1.833c.173 0 .347.175.322.375l-.991 6.225c-.05.25-.248.45-.52.45h-1.635a.328.328 0 0 1-.322-.375l.074-.5s-.891 1.05-2.526 1.05c-.941 0-1.759-.275-2.304-.925-.594-.725-.842-1.725-.669-2.8.322-2.125 2.056-3.65 4.063-3.65.891 0 1.758.175 2.155.75l.124.175.074-.5a.344.344 0 0 1 .322-.275ZM42.81 7.05c-.173 1.05-1.015 1.725-2.056 1.725-.52 0-.94-.175-1.213-.5-.273-.325-.372-.775-.297-1.275.173-1.025 1.015-1.75 2.056-1.75.52 0 .94.175 1.213.5.273.35.372.8.297 1.3Zm5.549 3.05L49.896.375c.024-.2-.124-.375-.297-.375h-1.76a.323.323 0 0 0-.321.275l-1.56 9.9c-.025.2.123.375.321.375h1.56c.248 0 .471-.2.521-.45Z" clip-rule="evenodd"/> <title>paypal</title></svg> </button> <input class="hidden" type="image" @click.prevent="submitForm()" src="https://www.paypal.com/de_DE/i/btn/btn_xpressCheckout.gif" alt="Checkout mit PayPal" title="Checkout mit PayPal"/> <div class="flex justify-center p-1 text-primary opacity-50 text-xs"> Express Checkout </div> </div> <script> function initPayPalExpress() { return { isInCatalogProduct: false, returnUrlId: 'return_url', submitForm() { if (this.isInCatalogProduct) { this.submitFromCatalog(); } if (!this.isInCatalogProduct) { this.submitFromCart(); } }, submitFromCatalog() { const formParentId = 'product_addtocart_form'; const returnUrlValue = "https://shop.freywille.com/paypal/express/start/button/1/"; if (!document.getElementById(this.returnUrlId)) { const elReturnUrl = document.createElement('input'); elReturnUrl.setAttribute('type', 'hidden'); elReturnUrl.setAttribute('name', 'return_url'); elReturnUrl.setAttribute('value', returnUrlValue); elReturnUrl.setAttribute('id', this.returnUrlId); document.getElementById(formParentId).appendChild(elReturnUrl); } else { document.getElementById(this.returnUrlId).value = returnUrlValue; } document.getElementById(formParentId).submit(); }, submitFromCart() { const returnUrlValue = "https://shop.freywille.com/paypal/express/start/button/1/"; window.location = returnUrlValue; } } } </script> <div id="hyva_amazon_pay_cart_679d3b27d4681_wrapper" class="amazon_paybutton"></div> <script> (events => { const inithyva_amazon_pay_cart_679d3b27d4681 = () => { events.forEach(type => window.removeEventListener(type, inithyva_amazon_pay_cart_679d3b27d4681)); hyvaAmazonPay.renderButton('hyva_amazon_pay_cart_679d3b27d4681_wrapper'); }; events.forEach(type => window.addEventListener(type, inithyva_amazon_pay_cart_679d3b27d4681, {once: false, passive: true})) })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) </script> </div> </div> </div> </div> </div> </template> </section> <script> function initCartDrawer() { return { cart: {}, getData(data) { if (data.cart) { this.cart = data.cart this.setCartItems(); } }, cartItems: {}, setCartItems() { this.cartItems = this.cart && this.cart.items.sort(function(a,b) { return a.item_id - b.item_id }) || {} }, deleteItemFromCart(itemId) { if (this.cartItems.length === 1) { document.querySelector('body').classList.remove('overflow-hidden'); } fetch(BASE_URL+"checkout/sidebar/removeItem/", { "headers": { "content-type": "application/x-www-form-urlencoded; charset=UTF-8", }, "body": "form_key="+ hyva.getFormKey() + "&item_id="+itemId, "method": "POST", "mode": "cors", "credentials": "include" }).then(function (response) { if (response.redirected) { window.location.href = response.url; } else if (response.ok) { return response.json(); } else { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: "warning", text: "Could not remove item from quote." }], 5000 ); } }).then(function (response) { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: response.success ? "success" : "error", text: response.success ? "Sie haben die Artikel entfernt." : response.error_message }], 5000 ); const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data"); window.dispatchEvent(reloadCustomerDataEvent); }); } } } </script> </div> </header></header> <main id="maincontent" class="page-main-full-width"><div id="contentarea" tabindex="-1"></div> <div class="page messages"><script> function initMessages() { "use strict"; return { messages: window.mageMessages || [], isEmpty() { return this.messages.reduce( function (isEmpty, message) { return isEmpty && message === undefined }, true ) }, removeMessage(messageIndex) { this.messages[messageIndex] = undefined; }, addMessages(messages, hideAfter) { messages.map((message) => { this.messages = this.messages.concat(message); if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) { hideAfter = window.defaultSuccessMessageTimeout; } if (hideAfter) { this.setHideTimeOut(this.messages.length -1, hideAfter); } }); }, setHideTimeOut(messageIndex, hideAfter) { setTimeout((messageIndex) => { this.removeMessage(messageIndex); }, hideAfter, messageIndex); }, eventListeners: { ['@messages-loaded.window'](event) { this.addMessages(event.detail.messages, event.detail.hideAfter) }, ['@private-content-loaded.window'](event) { const data = event.detail.data; if ( data.messages && data.messages.messages && data.messages.messages.length ) { this.addMessages(data.messages.messages); } }, ['@clear-messages.window']() { this.messages = []; } } } } </script> <section id="messages" x-data="initMessages()" x-bind="eventListeners" aria-live="assertive" role="alert" > <template x-if="!isEmpty()"> <div class="w-full"> <div class="messages container mx-auto py-3"> <template x-for="(message, index) in messages" :key="index"> <div> <template x-if="message"> <div class="message" :class="message.type" :ui-id="'message-' + message.type" > <span x-html="message.text"></span> <button type="button" class="text-gray-600 hover:text-black" aria-label="Close message" @click.prevent="removeMessage(index)" > <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="stroke-current" width="18" height="18" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> </template> </div> </template> </div> </div> </template> </section> </div><section class="main"> <script> window.addEventListener('configurable-selection-changed', e => { var productId = e.detail.productIndex; var parentProductId = e.detail.productId; var itemElement = document.getElementsByClassName("product-image-container-" + parentProductId)[0]; var labelImage = document.querySelectorAll('[data-label-product-id="' + productId + '"]'); var parentLabelImage = document.querySelector('[data-label-product-id="' + parentProductId + '"]'); if (parentLabelImage !== null) { parentLabelImage.style.display = 'none'; var parentDiv = parentLabelImage.parentNode; } else { if (labelImage.length > 0) { labelImage.forEach(function (labelImage) { appendLabelChild(labelImage,parentProductId); }) } } if (parentDiv !== null) { activeLabel(productId, itemElement); } }); function appendLabelChild(labelImage, parentProductId) { const itemElement = document.getElementsByClassName("product-image-container-" + parentProductId)[0]; if (typeof (itemElement) != 'undefined' && itemElement != null) { itemElement.style.position = 'relative'; itemElement.appendChild(labelImage.parentElement); } } function activeLabel(product_id, parentDiv) { const labelImage = parentDiv.querySelectorAll('.label-image'); labelImage.forEach(function (labelImage) { var productId = labelImage.getAttribute('data-label-product-id'); if (typeof productId != 'undefined' && productId === product_id) { labelImage.style.display = 'block'; } else { labelImage.style.display = 'none'; } }) } </script> <script> document.addEventListener('DOMContentLoaded', function() { var allLabelImage = document.querySelectorAll(".all-image-product"); allLabelImage.forEach(function (oneLabelImage) { appendLabel(oneLabelImage); setLabel(oneLabelImage); }) }); window.addEventListener("loadProduct", function() { var allLabelImage = document.querySelectorAll(".all-image-product"); allLabelImage.forEach(function (oneLabelImage) { appendLabel(oneLabelImage); setLabel(oneLabelImage); }) }); function appendLabel(e) { const allLabelImage = e.closest("a").querySelectorAll('.bss-label-product'); allLabelImage.forEach(function (labelImage) { const itemElements = labelImage.closest(".product-item").querySelectorAll(".all-image-product"); if (itemElements) { itemElements.forEach(function (itemElement) { const labelProductList = labelImage.parentElement.cloneNode(true); itemElement.style.position = 'relative'; itemElement.appendChild(labelProductList); }) } labelImage.remove(); }) } function setLabel(e) { const labelImages = e.querySelectorAll('.label-image'); labelImages.forEach(function (labelImage) { labelImage.style.position = 'absolute'; labelImage.style.backgroundSize = 'contain'; labelImage.style.backgroundRepeat = 'no-repeat'; labelImage.style.backgroundPosition = 'center'; labelImage.style.display = labelImage.getAttribute('data-display'); labelImage.style.backgroundImage = 'url(' + labelImage.getAttribute('data-background-image') + ')'; labelImage.style.top = labelImage.getAttribute('data-top'); labelImage.style.height = labelImage.getAttribute('data-height'); labelImage.style.width = labelImage.getAttribute('data-width'); labelImage.style.left = labelImage.getAttribute('data-left'); labelImage.style.zIndex = labelImage.getAttribute('data-priority'); }) } </script> <div class="z-10 sticky bottom-auto right-auto top-full"> <a class="absolute bottom-4 right-4 md:bottom-12 md:right-12 h-20 w-20 md:h-28 md:w-28 text-xs md:text-sm text-white bg-primary rounded-full flex items-center justify-center" href="https://shop.freywille.com/contact-service/"> <div class="h-[4.5rem] w-[4.5rem] md:h-[6.5rem] md:w-[6.5rem] bg-primary rounded-full flex flex-col gap-1.5 items-center justify-center border border-grey-1"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 43 39" class="w-full h-5 md:h-8" width="32" height="32" aria-hidden="true"> <title>FREYWILLE</title> <path fill-rule="evenodd" d="M12.294 14.084s.69-.609 1.894-.609c1.205 0 1.688.774 1.773.638.085-.136 1.504-4.168-.403-5.819-2.612-2.254-8.68-1.51-11.45-1.712-.355-.025-.02 1.298-.047 1.49-.02.12.345-.267 2.813-.293 3.244-.035 5.067.57 5.613 2.08.506 1.401-.512 2.268-.742 2.508l.55 1.717Zm-2.341 8.674c-.185.368-.28 1.059-.133 1.15.47.284 2.59.181 4.442-.283 1.853-.463 3.574-1.355 3.574-1.355s-.12-.558-.154-.785a1.649 1.649 0 0 0-.106-.368.343.343 0 0 0-.159-.195s-1.085.881-3.545 1.37c-2.46.487-3.92.466-3.92.466Z"/> <path fill-rule="evenodd" d="M8.312 22.514c-.045-.357-.004-.89-.064-.82-.06.069-.261.605-.6 1.12-.309.467-3.226 5.543-3.226 5.543l.105-.023a61.942 61.942 0 0 1 6.217-2.101c3.627-1.03 7.12-1.813 7.12-1.813a1.21 1.21 0 0 1-.079-.268c-.011-.07-.053-.22-.08-.34-.026-.122-.026-.344-.212-.222-.187.122-1.667.928-3.97 1.492-2.304.564-4.686.465-5.135-.123-.45-.588-.265-1.37.053-1.857.004-.002-.104-.395-.129-.588Zm-5.985-6.068c.375 0 1.008-.144 1.405.034.257.117.295.449.164.675-.103.179-.084.16.034.289.187.207 1.084.044 1.287-.011.618-.167.803-.337 1.093-.23.289.106.428.466.159.686-.399.364-1.204.644-2.037.743-.2.022-.464.045-.52.332-.03.152.068.217.087.43.002.28-.09.554-.262.777-.2.263-.813 1.182.812 1.23 1.81.053 4.741-.89 4.741-.89s-.285-.277-.228-1.073c.056-.795.741-1.102.684-1.262a1.978 1.978 0 0 1 .205-1.827 2.71 2.71 0 0 1 1.47-1.061s.014-.603-.45-1.913c-.823-2.32-2.05-3.434-3.986-3.607-1.796-.16-2.797.93-2.797.93l.146-.934s.2-.277 1.142-.563a4.72 4.72 0 0 1 4.335.803c.89.723 1.454 1.718 1.454 1.718s.474-.444.338-1.228c-.116-.67-.888-1.26-2.46-1.587-1.861-.39-4.487-.13-5.193.048a20.438 20.438 0 0 1-.833 3.217 171.73 171.73 0 0 1-1.304 3.507c-.095.246-.12.767.514.767Zm1.922-4.436c.284-.298.9-.694 1.884-.694 1.674 0 2.805 1.623 2.87 2.009-1.809.478-5.042.373-5.591.345a3.356 3.356 0 0 1 .837-1.66Z"/> <path fill-rule="evenodd" d="M6.7 13.137c.47-.388.244-1.107-.143-1.334a1.296 1.296 0 0 0-.665-.132 1.16 1.16 0 0 0-.728.388c-.22.282-.189.753.028 1.009.308.356 1.077.419 1.508.069Zm15.102 3.335v-.08c-.494-.887.693-2.835 3.09-2.398 2.192.398 2.842 2.966 2.891 3.72 0 0 .633-.695.684-2.227.073-2.095-1.536-4.947-4.934-4.956-3.622-.01-4.574 2.577-4.14 4.119.434 1.563 2.41 1.822 2.41 1.822Z"/> <path fill-rule="evenodd" d="M20.072 10.124c1.7-1.234 6.07-2.116 8.638 1.29 2.641 3.496.072 7.48-.564 8.496 0 0 3.22-2.286 3.614-7.307.104-1.345-.425-6.647-5.588-7.288-6.476-.804-6.335 4.981-6.1 4.81Z"/> <path fill-rule="evenodd" d="M28.748 4.53c.622.313 4.802 2.267 4.493 8.118-.26 4.905-3.463 7.754-5.081 8.823-.008.04-.085.22-.094.257a16.09 16.09 0 0 0 6.557-5.116c.903-1.191 4.316-5.758 2.01-10.01-2.726-5.02-8.51-2.38-7.885-2.071Z"/> <path fill-rule="evenodd" d="M34.889 18.568c-2.893 2.918-5.233 3.998-7.19 4.485-.053.203-.273.644-.34.845 1.236-.033 2.595-.308 4.417-.983 1.955-.723 7.542-2.932 9.4-7.713 1.858-4.782-2.188-6.719-2.185-6.632.116 3.141-.742 6.61-4.102 9.998Z"/> <path fill-rule="evenodd" d="M35.515 22.87c-3.49 1.827-6.372 2.17-8.62 2.168-.125.24-.558.82-.71 1.058 1.95.368 4.804.096 6.752-.326 2.345-.512 6.423-1.865 8.574-4.463 2.151-2.599.865-5.95.677-5.34-.146.46-1.143 4.008-6.673 6.903Z"/> <path fill-rule="evenodd" d="M40.11 24.2c-.067-.03-2.797 2.456-8.109 3.1-2.729.33-4.821.211-6.588-.061-.339.456-.897 1.06-1.081 1.256.16.07.249.118.42.187 2.767 1.116 8.449 1.498 11.974-.245 2.837-1.4 3.449-4.208 3.384-4.238Zm-10.045 9.247c3.255-.798 3.692-2.943 3.692-2.943s-4.512 1.444-10.721-.942c-.49.432-1.026.866-1.616 1.304.11.087.227.173.35.26 1.36.937 5.005 3.126 8.295 2.32Zm-6.105 3.099c2.67-.17 3.36-1.61 3.36-1.61s-.877.145-3.23-.858a16.534 16.534 0 0 1-3.887-2.35c-.055-.045-.08-.072-.08-.072l-1.152.748-1.073.696s.027.032.08.087c.069.08.18.197.328.347.938.96 3.364 3.158 5.653 3.012Zm-6.393-1.754c-.366-.39-.616-.707-.733-.857a1.703 1.703 0 0 1-.073-.1l-1.96 1.566v.007a9.43 9.43 0 0 0 1.38 1.736c.445.438.983.857 1.583 1.116 2.136.928 3.6-.807 3.6-.807s-.661-.073-2.17-1.196a12.51 12.51 0 0 1-1.627-1.465Zm-3.062 2.75c-.167-.183-.648-1.036-.726-1.142l-.016-.021s-.028.05-.08.131c-.164.28-.537.957-.717 1.313-.122.266-.224.54-.306.821h3.167a6.448 6.448 0 0 1-1.322-1.102Zm-4.367-15.64c1.38.12 2.79-.206 3.963-.509 1.211-.309 2.249-.717 3.148-1.293.012-1.498-.588-3.097-1.386-3.964-.31-.336-.686-.673-1.056-.837-1.417-.637-2.539-.153-2.869 1.133-.357-.053-.742.216-.975.558-.343.492-.17.996.114 1.446-.303.205-.602.492-.695 1.13-.062.436.174.906.407 1.073a1.26 1.26 0 0 0-.65 1.263ZM8.027 36.63c.502-1.135 1.16-2.936 5.156-5.402 5.08-3.14 9.757-6.103 9.425-7.158 0 0-1.851.85-5.937 1.78-1.739.398-4.144 1.01-7.386 1.912-3.242.903-6.548 2.122-8.449 5.688-.995 1.865-.951 3.761-.637 5.194h7.347c.093-.73.247-1.486.48-2.013Z"/> <path fill-rule="evenodd" d="M17.846 31.019c3.802-2.556 5.22-3.5 6.882-5.58 1.842-2.31.847-3.856.784-3.619-.398 1.49-1.826 3.268-4.736 5.5-2.102 1.6-3.848 2.715-6.728 4.682-2.88 1.968-3.338 2.458-4.304 3.906-.547.816-.815 1.827-.946 2.736h1.773c.672-3.173 3.559-5.126 7.275-7.625ZM43 28.148c-1.754.051-3.065.425-4.46.944-.956.353-1.768.902-2.8 1.134-.857 2.85-3.005 4.501-6.463 4.936-.319.334-.473.733-.791 1.067-.882.93-2.26 1.522-3.878 1.735-.558.07-1.019.18-1.58.066-.211.203-.41.411-.616.613L43 38.612V28.148ZM4.285 5.566c-.026.15 1.469-.055 6.003.294 3.957.307 4.637.996 4.637.884.006-.23 1.767-4.16 3.136-5.663A28.561 28.561 0 0 0 11.78.044C6.883-.21 3.45.69 3.45.69c.272.989 1.239 2.494.834 4.877Z"/> </svg> Kontakt <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 5 5" class="h-1 w-1 text-grey-1" width="4" height="4" aria-hidden="true"> <path d="M2.63 0c.048.282.174.586.378.911.204.33.495.636.872.918.373.283.747.463 1.12.54v.274a3.108 3.108 0 0 0-1.061.482 3.37 3.37 0 0 0-.86.86A2.738 2.738 0 0 0 2.63 5h-.273a2.431 2.431 0 0 0-.235-.67 3.298 3.298 0 0 0-.449-.652 4.015 4.015 0 0 0-.625-.553A2.882 2.882 0 0 0 0 2.643V2.37c.239-.048.486-.146.742-.293.252-.148.486-.324.703-.528.217-.2.395-.41.534-.631.204-.326.33-.632.378-.918h.273Z"/> </svg> </div> </a> </div> <style>#html-body [data-pb-style=JWB8YI2]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=AOH4R7X]{min-height:300px}#html-body [data-pb-style=TSIQ906]{color:#232c61}#html-body [data-pb-style=A2WSHTD]{color:#fff}#html-body [data-pb-style=J3QYDPR]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;margin-bottom:50px}#html-body [data-pb-style=O6TQNP5]{display:none}#html-body [data-pb-style=ODN8FJ7]{background-color:#232c61}#html-body [data-pb-style=E5YO7DO],#html-body [data-pb-style=JC51VLI],#html-body [data-pb-style=ODN8FJ7],#html-body [data-pb-style=R8UGJBM]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=R8UGJBM]{margin-top:50px}#html-body [data-pb-style=E5YO7DO],#html-body [data-pb-style=JC51VLI]{background-color:#232c61}#html-body [data-pb-style=E5YO7DO]{background-color:#f1f1f6}</style><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="JWB8YI2"><div data-content-type="banner" data-is-header="true" data-appearance="hero" data-version="2" data-background-type="image" data-background-image="" data-video-src="" data-video-fallback-src="" data-alternative-teaser-layout="true" data-enable-parallax="1" data-parallax-type="scroll" data-element="main" data-pb-style="AOH4R7X"><div class="content-container"><header><h1 data-enable-animation="0" data-element="heading" data-pb-style="TSIQ906">Ohrringe der Liebe - Corazón</h1></header><a href="https://shop.freywille.com/new-in/corazon.html" target="" data-link-type="category" data-element="link" data-pb-style="A2WSHTD">Kollektion entdecken</a></div><img alt="" loading="lazy" data-image-lazy-load="true" src="https://shop.freywille.com/media/wysiwyg/Hero_1440x700px_CM15_v2_3.jpg" data-element="image"></div><div x-data="{ headingId: $id('heading'), init() { $nextTick(() => { this.$refs.heading.id = this.headingId; }); } }" x-id="['heading']" data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="true" data-show-dots="true" data-carousel-mode="default" data-center-padding="90px" data-element="main"><h2 x-ref="heading" data-element="heading">Symbole der Liebe</h2><div x-init="$nextTick(() => $el.firstElementChild.setAttribute('aria-labelledby', headingId))"> <div aria-labelledby="" class="splide" data-items="7"> <div class="splide__arrows absolute flex justify-between w-full -translate-y-[3.25rem] sm:-translate-y-[5.5rem] px-2.5 md:px-5 xl:px-10" :class="{ 'hidden': 7 === 1, 'block md:hidden': 7 === 2, 'block xl:hidden': 7 === 3, 'block 2xl:hidden': 7 === 4, }"> <button class="splide__arrow--prev"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" class="w-8 sm:w-12 h-8 sm:h-12 text-primary" width="48" height="48" aria-hidden="true"> <g clip-path="url(#arrow-thin-left-svg)"> <path d="M24 12.8a.6.6 0 1 0 0-1.2v1.2ZM0 11.6a.6.6 0 0 0 0 1.2v-1.2Zm.257.057a.6.6 0 0 0-.513 1.085l.513-1.085Zm6.896 8.028a.6.6 0 1 0 1.054-.572l-1.054.572ZM8.208 5.286a.6.6 0 1 0-1.055-.572l1.055.572Zm-8.464 6.372a.6.6 0 1 0 .513 1.084l-.513-1.085ZM24 11.599H0v1.2h24v-1.2ZM-.256 12.742c3.278 1.55 5.731 3.852 7.409 6.943l1.054-.572c-1.802-3.322-4.449-5.8-7.95-7.456l-.513 1.085Zm7.41-8.028c-1.678 3.09-4.132 5.393-7.41 6.944l.513 1.084c3.502-1.656 6.148-4.134 7.95-7.456l-1.054-.572Z"></path> </g> <defs> <clippath id="arrow-thin-left-svg"> <rect width="24" height="24"></rect> </clippath> </defs> </svg> </button> <button class="splide__arrow--next"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" class="w-8 sm:w-12 h-8 sm:h-12 text-primary" width="48" height="48" aria-hidden="true"> <g clip-path="url(#arrow-thin-right-svg)"> <path d="M0 11.6a.6.6 0 1 0 0 1.2v-1.2Zm24 1.2a.6.6 0 1 0 0-1.2v1.2Zm-.256-.058a.6.6 0 1 0 .513-1.085l-.513 1.085Zm-6.896-8.028a.6.6 0 0 0-1.055.572l1.055-.572Zm-1.056 14.399a.6.6 0 0 0 1.055.572l-1.055-.572Zm8.464-6.372a.6.6 0 0 0-.513-1.084l.513 1.084ZM0 12.8h24v-1.2H0v1.2Zm24.257-1.143c-3.279-1.55-5.732-3.852-7.41-6.943l-1.054.572c1.803 3.322 4.449 5.8 7.95 7.456l.514-1.085Zm-7.41 8.028c1.677-3.09 4.13-5.393 7.41-6.944l-.514-1.084c-3.502 1.656-6.148 4.134-7.95 7.456l1.054.572Z"></path> </g> <defs> <clippath id="arrow-thin-right-svg"> <rect width="24" height="24"></rect> </clippath> </defs> </svg> </button> </div> <div class="splide__track" :class="{ 'max-w-[300px] mx-auto': 7 === 1, 'max-w-[660px] mx-auto': 7 === 2, 'max-w-[1020px] mx-auto': 7 === 3, 'max-w-[1380px] mx-auto': 7 === 4, }"> <ul class="splide__list"> <li class="splide__slide w-full xs:w-[calc(50%-10px)] sm:w-[300px]"> <div class="item product product-item w-full py-1"> <a class="product-image-container-9092 group" href="https://shop.freywille.com/corazon-earrings-cm-492h1-6611-mn.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Corazón Earrings" title="Corazón Earrings" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/s/_/s_hommageclaudemonet_freywille_orangerie_017371337925722_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Corazón Ohrringe </p> <p class="font-light font-serif text-center mb-0"> Hommage à Claude Monet </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="9092" data-price-box="product-id-9092"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-9092" data-price-amount="805" data-price-type="finalPrice" class="price-wrapper "> <span class="price">805,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full xs:w-[calc(50%-10px)] sm:w-[300px]"> <div class="item product product-item w-full py-1"> <a class="product-image-container-9059 group" href="https://shop.freywille.com/corazon-earrings-cm-492h1-6616-wi1y.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Corazón Earrings" title="Corazón Earrings" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/n/g/ngs_hommageclaudemonet_freywille_irisros_017371331986667_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Corazón Ohrringe </p> <p class="font-light font-serif text-center mb-0"> Hommage à Claude Monet </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="9059" data-price-box="product-id-9059"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-9059" data-price-amount="665" data-price-type="finalPrice" class="price-wrapper "> <span class="price">665,00 €</span></span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full xs:w-[calc(50%-10px)] sm:w-[300px]"> <div class="item product product-item w-full py-1"> <a class="product-image-container-9095 group" href="https://shop.freywille.com/corazon-earrings-cm-492h1-6615-mn.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Corazón Earrings" title="Corazón Earrings" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/s/_/s_hommageclaudemonet_freywille_thebridge_017371338425659_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Corazón Ohrringe </p> <p class="font-light font-serif text-center mb-0"> Hommage à Claude Monet </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="9095" data-price-box="product-id-9095"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-9095" data-price-amount="805" data-price-type="finalPrice" class="price-wrapper "> <span class="price">805,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full xs:w-[calc(50%-10px)] sm:w-[300px]"> <div class="item product product-item w-full py-1"> <a class="product-image-container-9070 group" href="https://shop.freywille.com/corazon-earrings-hwb-892h1-6614-wi1w.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Corazón Earrings" title="Corazón Earrings" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017371334184362_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Corazón Ohrringe </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="9070" data-price-box="product-id-9070"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-9070" data-price-amount="700" data-price-type="finalPrice" class="price-wrapper "> <span class="price">700,00 €</span></span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full xs:w-[calc(50%-10px)] sm:w-[300px]"> <div class="item product product-item w-full py-1"> <a class="product-image-container-9098 group" href="https://shop.freywille.com/corazon-earrings-cm-492h1-6616-mn.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Corazón Earrings" title="Corazón Earrings" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/n/g/ngs_hommageclaudemonet_freywille_irisros_017371338984887_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Corazón Ohrringe </p> <p class="font-light font-serif text-center mb-0"> Hommage à Claude Monet </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="9098" data-price-box="product-id-9098"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-9098" data-price-amount="805" data-price-type="finalPrice" class="price-wrapper "> <span class="price">805,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full xs:w-[calc(50%-10px)] sm:w-[300px]"> <div class="item product product-item w-full py-1"> <a class="product-image-container-9121 group" href="https://shop.freywille.com/corazon-earrings-sb-492h1-661-mn.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Corazón Earrings" title="Corazón Earrings" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/n/d/ndrobotticelli_freywille_thebirthofvenus_017371342551329_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Corazón Ohrringe </p> <p class="font-light font-serif text-center mb-0"> Hommage à Sandro Botticelli </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="9121" data-price-box="product-id-9121"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-9121" data-price-amount="805" data-price-type="finalPrice" class="price-wrapper "> <span class="price">805,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full xs:w-[calc(50%-10px)] sm:w-[300px]"> <div class="item product product-item w-full py-1"> <a class="product-image-container-9066 group" href="https://shop.freywille.com/corazon-earrings-hw-492h1-6614-wi1y.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Corazón Earrings" title="Corazón Earrings" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017371333270916_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Corazón Ohrringe </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="9066" data-price-box="product-id-9066"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-9066" data-price-amount="665" data-price-type="finalPrice" class="price-wrapper "> <span class="price">665,00 €</span></span> </span> </div> </div> </a> </div> </li> </ul> </div> </div> </div><div class="flex justify-center"><a href="https://shop.freywille.com/new-in/corazon.html" target="" data-link-type="category" data-element="link">Kollektion entdecken</a></div></div><div data-content-type="banner" data-appearance="products-teaser" data-element="main"><div class="content-wrapper"><header><h1 data-element="heading">Entdecken Sie unsere Favoriten</h1><p data-element="preheading">Farben der Liebe</p></header><div class="products-wrapper"><a class="product-wrapper" href="https://shop.freywille.com/bordered-bangle-miss-cm-461-15.html" target="" data-link-type="product" data-element="product_link"><div class="product-image-wrapper"><img loading="lazy" src="https://shop.freywille.com/media/wysiwyg/Product_300x349px_1_144.png" alt="" data-element="product_image"></div><div class="product-content-wrapper"><p data-element="product_text"> Rundreif Miss</p><p data-element="product_subtext">Hommage à Claude Monet</p><p data-element="product_price"></p></div></a><a class="product-wrapper" href="https://shop.freywille.com/bordered-bangle-mademoiselle-mn-464-11.html" target="" data-link-type="product" data-element="product2_link"><div class="product-image-wrapper"><img loading="lazy" src="https://shop.freywille.com/media/wysiwyg/Product_300x349px_2_2_5.png" alt="" data-element="product2_image"></div><div class="product-content-wrapper"><p data-element="product2_text">Rundreif Mademoiselle</p><p data-element="product2_subtext">Monochrome</p><p data-element="product2_price"></p></div></a></div><a href="https://shop.freywille.com/classic-edition/jewellery-types/bordered-bangles.html" target="" data-link-type="category" data-element="link">Alle Produkte ansehen!</a></div><div class="image-wrapper"><img loading="lazy" src="https://shop.freywille.com/media/wysiwyg/Product_Teaser_555x745px_75.jpg" alt="" data-element="image"></div></div><div x-data="{ headingId: $id('heading'), init() { $nextTick(() => { this.$refs.heading.id = this.headingId; }); } }" x-id="['heading']" data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="true" data-show-dots="true" data-carousel-mode="default" data-center-padding="90px" data-element="main"><h2 x-ref="heading" data-element="heading">Liebe & Verlobung</h2><div x-init="$nextTick(() => $el.firstElementChild.setAttribute('aria-labelledby', headingId))"> <div aria-labelledby="" class="splide" data-items="6"> <div class="splide__arrows absolute flex justify-between w-full -translate-y-[3.25rem] sm:-translate-y-[5.5rem] px-2.5 md:px-5 xl:px-10" :class="{ 'hidden': 6 === 1, 'block md:hidden': 6 === 2, 'block xl:hidden': 6 === 3, 'block 2xl:hidden': 6 === 4, }"> <button class="splide__arrow--prev"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" class="w-8 sm:w-12 h-8 sm:h-12 text-primary" width="48" height="48" aria-hidden="true"> <g clip-path="url(#arrow-thin-left-svg_2)"> <path d="M24 12.8a.6.6 0 1 0 0-1.2v1.2ZM0 11.6a.6.6 0 0 0 0 1.2v-1.2Zm.257.057a.6.6 0 0 0-.513 1.085l.513-1.085Zm6.896 8.028a.6.6 0 1 0 1.054-.572l-1.054.572ZM8.208 5.286a.6.6 0 1 0-1.055-.572l1.055.572Zm-8.464 6.372a.6.6 0 1 0 .513 1.084l-.513-1.085ZM24 11.599H0v1.2h24v-1.2ZM-.256 12.742c3.278 1.55 5.731 3.852 7.409 6.943l1.054-.572c-1.802-3.322-4.449-5.8-7.95-7.456l-.513 1.085Zm7.41-8.028c-1.678 3.09-4.132 5.393-7.41 6.944l.513 1.084c3.502-1.656 6.148-4.134 7.95-7.456l-1.054-.572Z"></path> </g> <defs> <clippath id="arrow-thin-left-svg_2"> <rect width="24" height="24"></rect> </clippath> </defs> </svg> </button> <button class="splide__arrow--next"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" class="w-8 sm:w-12 h-8 sm:h-12 text-primary" width="48" height="48" aria-hidden="true"> <g clip-path="url(#arrow-thin-right-svg_2)"> <path d="M0 11.6a.6.6 0 1 0 0 1.2v-1.2Zm24 1.2a.6.6 0 1 0 0-1.2v1.2Zm-.256-.058a.6.6 0 1 0 .513-1.085l-.513 1.085Zm-6.896-8.028a.6.6 0 0 0-1.055.572l1.055-.572Zm-1.056 14.399a.6.6 0 0 0 1.055.572l-1.055-.572Zm8.464-6.372a.6.6 0 0 0-.513-1.084l.513 1.084ZM0 12.8h24v-1.2H0v1.2Zm24.257-1.143c-3.279-1.55-5.732-3.852-7.41-6.943l-1.054.572c1.803 3.322 4.449 5.8 7.95 7.456l.514-1.085Zm-7.41 8.028c1.677-3.09 4.13-5.393 7.41-6.944l-.514-1.084c-3.502 1.656-6.148 4.134-7.95 7.456l1.054.572Z"></path> </g> <defs> <clippath id="arrow-thin-right-svg_2"> <rect width="24" height="24"></rect> </clippath> </defs> </svg> </button> </div> <div class="splide__track" :class="{ 'max-w-[300px] mx-auto': 6 === 1, 'max-w-[660px] mx-auto': 6 === 2, 'max-w-[1020px] mx-auto': 6 === 3, 'max-w-[1380px] mx-auto': 6 === 4, }"> <ul class="splide__list"> <li class="splide__slide w-full xs:w-[calc(50%-10px)] sm:w-[300px]"> <div class="item product product-item w-full py-1"> <a class="product-image-container-5179 group" href="https://shop.freywille.com/pendant-heart-with-diamonds-vg-1493hb3-666.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Pendant Heart with Diamonds" title="Pendant Heart with Diamonds" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/e/v/evincentvangogh_freywille_lamandierblanc_017187869118815_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Anhänger Herz mit Diamanten </p> <p class="font-light font-serif text-center mb-0"> Hommage à Vincent van Gogh </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="5179" data-price-box="product-id-5179"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-5179" data-price-amount="2450" data-price-type="finalPrice" class="price-wrapper "> <span class="price">2.450,00 €</span></span> </span> </div> <div class="bss-label-productlist"> <div class="label-image bss-label-product" data-label-product-id="5179" is-main-product="true" data-display="block" data-background-image="https://shop.freywille.com/media/product_label/original_photo/1686840274.png" data-width="21.19140625%" data-height="4.1015625%" data-top="1.6704905940981%" data-left="1.6602147898389%" data-priority="11"> </div> </div> <div class="bss-label-productlist"> <div class="label-image bss-label-product" data-label-product-id="5179" is-main-product="true" data-display="block" data-background-image="https://shop.freywille.com/media/product_label/original_photo/1686840274.png" data-width="21.19140625%" data-height="4.1015625%" data-top="1.6704905940981%" data-left="1.6602147898389%" data-priority="11"> </div> </div> </div> </a> </div> </li> <li class="splide__slide w-full xs:w-[calc(50%-10px)] sm:w-[300px]"> <div class="item product product-item w-full py-1"> <a class="product-image-container-5100 group" href="https://shop.freywille.com/earrings-luna-piccolissima-clips-vg-1492ps3-456.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Earrings Luna Piccolissima Clips" title="Earrings Luna Piccolissima Clips" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/e/v/evincentvangogh_freywille_lamandierblanc_017187341536143_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Ohrringe Luna Piccolissima mit Clip </p> <p class="font-light font-serif text-center mb-0"> Hommage à Vincent van Gogh </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="5100" data-price-box="product-id-5100"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-5100" data-price-amount="6055" data-price-type="finalPrice" class="price-wrapper "> <span class="price">6.055,00 €</span></span> </span> </span> </div> <div class="bss-label-productlist"> <div class="label-image bss-label-product" data-label-product-id="5100" is-main-product="true" data-display="block" data-background-image="https://shop.freywille.com/media/product_label/original_photo/1686840274.png" data-width="21.19140625%" data-height="4.1015625%" data-top="1.6704905940981%" data-left="1.6602147898389%" data-priority="11"> </div> </div> <div class="bss-label-productlist"> <div class="label-image bss-label-product" data-label-product-id="5100" is-main-product="true" data-display="block" data-background-image="https://shop.freywille.com/media/product_label/original_photo/1686840274.png" data-width="21.19140625%" data-height="4.1015625%" data-top="1.6704905940981%" data-left="1.6602147898389%" data-priority="11"> </div> </div> </div> </a> </div> </li> <li class="splide__slide w-full xs:w-[calc(50%-10px)] sm:w-[300px]"> <div class="item product product-item w-full py-1"> <a class="product-image-container-5099 group" href="https://shop.freywille.com/earrings-cabochon-hanger-with-brilliant-vg-1492ch4-106.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Earrings Cabochon Hanger with Brilliant" title="Earrings Cabochon Hanger with Brilliant" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/e/v/evincentvangogh_freywille_lamandierblanc_017187340867697_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Ohrringe Cabochon-Hänger mit Brilliant </p> <p class="font-light font-serif text-center mb-0"> Hommage à Vincent van Gogh </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="5099" data-price-box="product-id-5099"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-5099" data-price-amount="2945" data-price-type="finalPrice" class="price-wrapper "> <span class="price">2.945,00 €</span></span> </span> </span> </div> <div class="bss-label-productlist"> <div class="label-image bss-label-product" data-label-product-id="5099" is-main-product="true" data-display="block" data-background-image="https://shop.freywille.com/media/product_label/original_photo/1686840274.png" data-width="21.19140625%" data-height="4.1015625%" data-top="1.6704905940981%" data-left="1.6602147898389%" data-priority="11"> </div> </div> <div class="bss-label-productlist"> <div class="label-image bss-label-product" data-label-product-id="5099" is-main-product="true" data-display="block" data-background-image="https://shop.freywille.com/media/product_label/original_photo/1686840274.png" data-width="21.19140625%" data-height="4.1015625%" data-top="1.6704905940981%" data-left="1.6602147898389%" data-priority="11"> </div> </div> </div> </a> </div> </li> <li class="splide__slide w-full xs:w-[calc(50%-10px)] sm:w-[300px]"> <div class="item product product-item w-full py-1"> <a class="product-image-container-7261 group" href="https://shop.freywille.com/pendant-luna-piccola-k-vg-1493pc-266-e-cpc18-3-sv1-18-45.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Pendant Luna Piccola" title="Pendant Luna Piccola" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/e/v/evincentvangogh_freywille_lamandierblanc_017193955978417_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Anhänger Luna Piccola </p> <p class="font-light font-serif text-center mb-0"> Hommage à Vincent van Gogh </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="7261" data-price-box="product-id-7261"> <p class="price-from"> <span class="price-container text-center price-final_price tax weee"> <span id="from-7261" data-price-amount="3025" data-price-type="minPrice" class="price-wrapper "> <span class="price">3.025,00 €</span></span> </span> </p> </div> <div class="bss-label-productlist"> <div class="label-image bss-label-product" data-label-product-id="7261" is-main-product="true" data-display="block" data-background-image="https://shop.freywille.com/media/product_label/original_photo/1686840274.png" data-width="21.19140625%" data-height="4.1015625%" data-top="1.6704905940981%" data-left="1.6602147898389%" data-priority="11"> </div> <div class="label-image bss-label-product" data-label-product-id="7261" is-main-product="true" data-display="block" data-background-image="https://shop.freywille.com/media/product_label/original_photo/1721031210.png" data-width="23.046875%" data-height="3.3203125%" data-top="8.6655507668358%" data-left="1.904296875%" data-priority="11"> </div> </div> <div class="bss-label-productlist"> <div class="label-image bss-label-product" data-label-product-id="7261" is-main-product="true" data-display="block" data-background-image="https://shop.freywille.com/media/product_label/original_photo/1686840274.png" data-width="21.19140625%" data-height="4.1015625%" data-top="1.6704905940981%" data-left="1.6602147898389%" data-priority="11"> </div> <div class="label-image bss-label-product" data-label-product-id="7261" is-main-product="true" data-display="block" data-background-image="https://shop.freywille.com/media/product_label/original_photo/1721031210.png" data-width="23.046875%" data-height="3.3203125%" data-top="8.6655507668358%" data-left="1.904296875%" data-priority="11"> </div> </div> </div> </a> </div> </li> <li class="splide__slide w-full xs:w-[calc(50%-10px)] sm:w-[300px]"> <div class="item product product-item w-full py-1"> <a class="product-image-container-5457 group" href="https://shop.freywille.com/earrings-marbella-pearls-vg-1492ch2-106.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Earrings Marbella Pearls" title="Earrings Marbella Pearls" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/e/v/evincentvangogh_freywille_lamandierblanc_017187340609174_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Ohrringe Marbella Pearls </p> <p class="font-light font-serif text-center mb-0"> Hommage à Vincent van Gogh </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="5457" data-price-box="product-id-5457"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-5457" data-price-amount="2015" data-price-type="finalPrice" class="price-wrapper "> <span class="price">2.015,00 €</span></span> </span> </span> </div> <div class="bss-label-productlist"> <div class="label-image bss-label-product" data-label-product-id="5457" is-main-product="true" data-display="block" data-background-image="https://shop.freywille.com/media/product_label/original_photo/1686840274.png" data-width="21.19140625%" data-height="4.1015625%" data-top="1.6704905940981%" data-left="1.6602147898389%" data-priority="11"> </div> </div> <div class="bss-label-productlist"> <div class="label-image bss-label-product" data-label-product-id="5457" is-main-product="true" data-display="block" data-background-image="https://shop.freywille.com/media/product_label/original_photo/1686840274.png" data-width="21.19140625%" data-height="4.1015625%" data-top="1.6704905940981%" data-left="1.6602147898389%" data-priority="11"> </div> </div> </div> </a> </div> </li> <li class="splide__slide w-full xs:w-[calc(50%-10px)] sm:w-[300px]"> <div class="item product product-item w-full py-1"> <a class="product-image-container-5174 group" href="https://shop.freywille.com/pendant-cabochon-vg-1493c-106.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Pendant Cabochon" title="Pendant Cabochon" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/e/v/evincentvangogh_freywille_lamandierblanc_017187864908539_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Anhänger Cabochon </p> <p class="font-light font-serif text-center mb-0"> Hommage à Vincent van Gogh </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="5174" data-price-box="product-id-5174"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-5174" data-price-amount="1045" data-price-type="finalPrice" class="price-wrapper "> <span class="price">1.045,00 €</span></span> </span> </div> <div class="bss-label-productlist"> <div class="label-image bss-label-product" data-label-product-id="5174" is-main-product="true" data-display="block" data-background-image="https://shop.freywille.com/media/product_label/original_photo/1686840274.png" data-width="21.19140625%" data-height="4.1015625%" data-top="1.6704905940981%" data-left="1.6602147898389%" data-priority="11"> </div> </div> <div class="bss-label-productlist"> <div class="label-image bss-label-product" data-label-product-id="5174" is-main-product="true" data-display="block" data-background-image="https://shop.freywille.com/media/product_label/original_photo/1686840274.png" data-width="21.19140625%" data-height="4.1015625%" data-top="1.6704905940981%" data-left="1.6602147898389%" data-priority="11"> </div> </div> </div> </a> </div> </li> </ul> </div> </div> </div><div class="flex justify-center"><a href="https://shop.freywille.com/18kt-diamonds/collections/wedding-collection.html" target="" data-link-type="category" data-element="link">Favoriten aussuchen</a></div></div><div data-content-type="banner" data-appearance="text-and-image-descending" data-descending="true" data-alternative-teaser-layout="false" data-element="main"><div class="image-wrapper"><img alt="" loading="lazy" data-image-lazy-load="true" src="https://shop.freywille.com/media/wysiwyg/Image_Descending_670x893_7.jpg" data-element="image"></div><div class="content-wrapper"><div class="smallimage-wrapper"><img alt="" loading="lazy" data-image-lazy-load-small="true" src="https://shop.freywille.com/media/wysiwyg/Product_250x250_26.png" data-element="smallimage"></div><h2 data-element="title">Eine himmlische Kombination.</h2><p data-element="message">Inspiriert von Vincent van Goghs eindrucksvollem, ruhigem Gemälde "Mandelblüte" wählte das Designteam von FREYWILLE für diese zeitlose Hochzeitskollektion einen hellen und makellosen Elfenbeinfarbton. Die charmante Farbgebung passt perfekt zur modernen Brautgarderobe; die einzelnen Schmuckstücke beeindrucken mit zarten Designs, die nicht aufdringlich sind, sondern durch ihre Schönheit den Auftritt der Braut hervorheben.</p><a href="https://shop.freywille.com/18kt-diamonds/collections/wedding-collection/l-amour-infini.html" target="" data-link-type="category" data-element="link"></a></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="J3QYDPR"><div x-data="{ selectedId: null, init() { // Set the first visible (non-hidden) tab as the selected tab on page load. this.$nextTick(() => { let firstVisibleTab = Array.from(this.$refs.tablist.children) .find(tab => !tab.classList.contains('hidden')); if (firstVisibleTab) { this.select(firstVisibleTab.querySelector('button').id); } }); }, select(id) { this.selectedId = id }, isSelected(id) { return this.selectedId === id }, whichChild(el, parent) { return Array.from(parent.children).indexOf(el) + 1 } }" x-id="['tab']" data-content-type="products" data-appearance="look-teaser" item_type="grid" data-center-padding="90px" data-element="main" data-pb-style="O6TQNP5"><div class="header-content"><h1 data-element="heading">SHOP THE LOOK</h1></div><ul x-ref="tablist" @keydown.right.prevent.stop="$focus.wrap().next()" @keydown.home.prevent.stop="$focus.first()" @keydown.page-up.prevent.stop="$focus.first()" @keydown.left.prevent.stop="$focus.wrap().prev()" @keydown.end.prevent.stop="$focus.last()" @keydown.page-down.prevent.stop="$focus.last()" class="tab-buttons" role="tablist"><li><button :id="$id('tab', whichChild($el.parentElement, $refs.tablist))" @click="select($el.id)" @mousedown.prevent="" @focus="select($el.id)" type="button" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :class="isSelected($el.id) ? 'is-selected' : ''" role="tab"><span data-element="tab1_name">Winter Styling Inspiration</span></button></li><li class="hidden"><button :id="$id('tab', whichChild($el.parentElement, $refs.tablist))" @click="select($el.id)" @mousedown.prevent="" @focus="select($el.id)" type="button" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :class="isSelected($el.id) ? 'is-selected' : ''" role="tab"><span data-element="tab2_name"></span></button></li><li class="hidden"><button :id="$id('tab', whichChild($el.parentElement, $refs.tablist))" @click="select($el.id)" @mousedown.prevent="" @focus="select($el.id)" type="button" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :class="isSelected($el.id) ? 'is-selected' : ''" role="tab"><span data-element="tab3_name"></span></button></li><li class="hidden"><button :id="$id('tab', whichChild($el.parentElement, $refs.tablist))" @click="select($el.id)" @mousedown.prevent="" @focus="select($el.id)" type="button" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :class="isSelected($el.id) ? 'is-selected' : ''" role="tab"><span data-element="tab4_name"></span></button></li></ul><div role="tabpanels"><section x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))" role="tabpanel"><div class="wrapper"><div class="content-wrapper" data-tab-skus="HW 492CR1/8014, HW 461CD1/14, HW 469/14, HW 412D/14, HW 412/714, HW 490/3 RE1" data-tab-show="true" data-element="tab1"><div class="xl:sr-only"><h2 data-element="tab1_heading"></h2></div><div> <div class="splide-element splide"> <div class="splide__arrows absolute left-0 top-0 px-5 lg:px-0 lg:top-36 justify-between w-full hidden"> <button class="splide__arrow--prev text-primary disabled:opacity-50"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" class="w-8 lg:w-12 h-8 lg:h-12" width="48" height="48" aria-hidden="true"> <g clip-path="url(#arrow-thin-left-svg_3)"> <path d="M24 12.8a.6.6 0 1 0 0-1.2v1.2ZM0 11.6a.6.6 0 0 0 0 1.2v-1.2Zm.257.057a.6.6 0 0 0-.513 1.085l.513-1.085Zm6.896 8.028a.6.6 0 1 0 1.054-.572l-1.054.572ZM8.208 5.286a.6.6 0 1 0-1.055-.572l1.055.572Zm-8.464 6.372a.6.6 0 1 0 .513 1.084l-.513-1.085ZM24 11.599H0v1.2h24v-1.2ZM-.256 12.742c3.278 1.55 5.731 3.852 7.409 6.943l1.054-.572c-1.802-3.322-4.449-5.8-7.95-7.456l-.513 1.085Zm7.41-8.028c-1.678 3.09-4.132 5.393-7.41 6.944l.513 1.084c3.502-1.656 6.148-4.134 7.95-7.456l-1.054-.572Z"></path> </g> <defs> <clippath id="arrow-thin-left-svg_3"> <rect width="24" height="24"></rect> </clippath> </defs> </svg> </button> <button class="splide__arrow--next text-primary disabled:opacity-50"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" class="w-8 lg:w-12 h-8 lg:h-12" width="48" height="48" aria-hidden="true"> <g clip-path="url(#arrow-thin-right-svg_3)"> <path d="M0 11.6a.6.6 0 1 0 0 1.2v-1.2Zm24 1.2a.6.6 0 1 0 0-1.2v1.2Zm-.256-.058a.6.6 0 1 0 .513-1.085l-.513 1.085Zm-6.896-8.028a.6.6 0 0 0-1.055.572l1.055-.572Zm-1.056 14.399a.6.6 0 0 0 1.055.572l-1.055-.572Zm8.464-6.372a.6.6 0 0 0-.513-1.084l.513 1.084ZM0 12.8h24v-1.2H0v1.2Zm24.257-1.143c-3.279-1.55-5.732-3.852-7.41-6.943l-1.054.572c1.803 3.322 4.449 5.8 7.95 7.456l.514-1.085Zm-7.41 8.028c1.677-3.09 4.13-5.393 7.41-6.944l-.514-1.084c-3.502 1.656-6.148 4.134-7.95 7.456l1.054.572Z"></path> </g> <defs> <clippath id="arrow-thin-right-svg_3"> <rect width="24" height="24"></rect> </clippath> </defs> </svg> </button> </div> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide w-full" data-sku="HW 492CR1/8014"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6874 group" href="https://shop.freywille.com/earrings-carre-hw-492cr1-8014.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Earrings Carré" title="Earrings Carré" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187366435526_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Ohrringe Carré </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6874" data-price-box="product-id-6874"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6874" data-price-amount="675" data-price-type="finalPrice" class="price-wrapper "> <span class="price">675,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 461CD1/14"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6867 group" href="https://shop.freywille.com/spring-bracelet-hw-461cd1-14.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Spring Bracelet" title="Spring Bracelet" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187365717718_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Spring Bracelet </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6867" data-price-box="product-id-6867"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6867" data-price-amount="970" data-price-type="finalPrice" class="price-wrapper "> <span class="price">970,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 469/14"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6872 group" href="https://shop.freywille.com/clasp-bangle-regina-hw-469-14.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Clasp Bangle Regina" title="Clasp Bangle Regina" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187366106387_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Klappreif Regina </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6872" data-price-box="product-id-6872"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6872" data-price-amount="1340" data-price-type="finalPrice" class="price-wrapper "> <span class="price">1.340,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 412D/14"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6866 group" href="https://shop.freywille.com/ring-diva-hw-412d-14.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Ring Diva" title="Ring Diva" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187365482421_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Ring Diva </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6866" data-price-box="product-id-6866"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6866" data-price-amount="575" data-price-type="finalPrice" class="price-wrapper "> <span class="price">575,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 412/714"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6865 group" href="https://shop.freywille.com/ring-miss-hw-412-714.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Ring Miss" title="Ring Miss" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187365181735_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Ring Miss </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6865" data-price-box="product-id-6865"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6865" data-price-amount="440" data-price-type="finalPrice" class="price-wrapper "> <span class="price">440,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 490/3 RE1"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6934 group" href="https://shop.freywille.com/carre-90x90-hw-490-3-re1.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Carré 90x90" title="Carré 90x90" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/a/r/arr90x90_hommagehundertwasser_freywille__017187366185931_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Carré 90x90 </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6934" data-price-box="product-id-6934"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6934" data-price-amount="410" data-price-type="finalPrice" class="price-wrapper "> <span class="price">410,00 €</span></span> </span> </div> </div> </a> </div> </li> </ul> </div> </div> </div></div><div class="image-wrapper"><img loading="lazy" src="https://shop.freywille.com/media/wysiwyg/Shop_The_Look_2_4.jpg" alt="" data-element="tab1_image"></div></div></section><section x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))" role="tabpanel" class="hidden"><div class="wrapper"><div class="content-wrapper" data-tab-skus="" data-tab-show="false" data-element="tab2"><div class="xl:sr-only"><h2 data-element="tab2_heading"></h2></div><div> <div class="splide-element splide"> <div class="splide__arrows absolute left-0 top-0 px-5 lg:px-0 lg:top-36 justify-between w-full hidden"> <button class="splide__arrow--prev text-primary disabled:opacity-50"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" class="w-8 lg:w-12 h-8 lg:h-12" width="48" height="48" aria-hidden="true"> <g clip-path="url(#arrow-thin-left-svg_3)"> <path d="M24 12.8a.6.6 0 1 0 0-1.2v1.2ZM0 11.6a.6.6 0 0 0 0 1.2v-1.2Zm.257.057a.6.6 0 0 0-.513 1.085l.513-1.085Zm6.896 8.028a.6.6 0 1 0 1.054-.572l-1.054.572ZM8.208 5.286a.6.6 0 1 0-1.055-.572l1.055.572Zm-8.464 6.372a.6.6 0 1 0 .513 1.084l-.513-1.085ZM24 11.599H0v1.2h24v-1.2ZM-.256 12.742c3.278 1.55 5.731 3.852 7.409 6.943l1.054-.572c-1.802-3.322-4.449-5.8-7.95-7.456l-.513 1.085Zm7.41-8.028c-1.678 3.09-4.132 5.393-7.41 6.944l.513 1.084c3.502-1.656 6.148-4.134 7.95-7.456l-1.054-.572Z"></path> </g> <defs> <clippath id="arrow-thin-left-svg_3"> <rect width="24" height="24"></rect> </clippath> </defs> </svg> </button> <button class="splide__arrow--next text-primary disabled:opacity-50"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" class="w-8 lg:w-12 h-8 lg:h-12" width="48" height="48" aria-hidden="true"> <g clip-path="url(#arrow-thin-right-svg_3)"> <path d="M0 11.6a.6.6 0 1 0 0 1.2v-1.2Zm24 1.2a.6.6 0 1 0 0-1.2v1.2Zm-.256-.058a.6.6 0 1 0 .513-1.085l-.513 1.085Zm-6.896-8.028a.6.6 0 0 0-1.055.572l1.055-.572Zm-1.056 14.399a.6.6 0 0 0 1.055.572l-1.055-.572Zm8.464-6.372a.6.6 0 0 0-.513-1.084l.513 1.084ZM0 12.8h24v-1.2H0v1.2Zm24.257-1.143c-3.279-1.55-5.732-3.852-7.41-6.943l-1.054.572c1.803 3.322 4.449 5.8 7.95 7.456l.514-1.085Zm-7.41 8.028c1.677-3.09 4.13-5.393 7.41-6.944l-.514-1.084c-3.502 1.656-6.148 4.134-7.95 7.456l1.054.572Z"></path> </g> <defs> <clippath id="arrow-thin-right-svg_3"> <rect width="24" height="24"></rect> </clippath> </defs> </svg> </button> </div> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide w-full" data-sku="HW 492CR1/8014"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6874 group" href="https://shop.freywille.com/earrings-carre-hw-492cr1-8014.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Earrings Carré" title="Earrings Carré" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187366435526_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Ohrringe Carré </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6874" data-price-box="product-id-6874"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6874" data-price-amount="675" data-price-type="finalPrice" class="price-wrapper "> <span class="price">675,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 461CD1/14"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6867 group" href="https://shop.freywille.com/spring-bracelet-hw-461cd1-14.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Spring Bracelet" title="Spring Bracelet" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187365717718_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Spring Bracelet </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6867" data-price-box="product-id-6867"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6867" data-price-amount="970" data-price-type="finalPrice" class="price-wrapper "> <span class="price">970,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 469/14"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6872 group" href="https://shop.freywille.com/clasp-bangle-regina-hw-469-14.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Clasp Bangle Regina" title="Clasp Bangle Regina" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187366106387_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Klappreif Regina </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6872" data-price-box="product-id-6872"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6872" data-price-amount="1340" data-price-type="finalPrice" class="price-wrapper "> <span class="price">1.340,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 412D/14"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6866 group" href="https://shop.freywille.com/ring-diva-hw-412d-14.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Ring Diva" title="Ring Diva" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187365482421_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Ring Diva </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6866" data-price-box="product-id-6866"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6866" data-price-amount="575" data-price-type="finalPrice" class="price-wrapper "> <span class="price">575,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 412/714"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6865 group" href="https://shop.freywille.com/ring-miss-hw-412-714.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Ring Miss" title="Ring Miss" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187365181735_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Ring Miss </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6865" data-price-box="product-id-6865"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6865" data-price-amount="440" data-price-type="finalPrice" class="price-wrapper "> <span class="price">440,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 490/3 RE1"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6934 group" href="https://shop.freywille.com/carre-90x90-hw-490-3-re1.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Carré 90x90" title="Carré 90x90" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/a/r/arr90x90_hommagehundertwasser_freywille__017187366185931_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Carré 90x90 </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6934" data-price-box="product-id-6934"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6934" data-price-amount="410" data-price-type="finalPrice" class="price-wrapper "> <span class="price">410,00 €</span></span> </span> </div> </div> </a> </div> </li> </ul> </div> </div> </div></div><div class="image-wrapper"><img loading="lazy" src="" alt="" data-element="tab2_image"></div></div></section><section x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))" role="tabpanel" class="hidden"><div class="wrapper"><div class="content-wrapper" data-tab-skus="" data-tab-show="false" data-element="tab3"><div class="xl:sr-only"><h2 data-element="tab3_heading"></h2></div><div> <div class="splide-element splide"> <div class="splide__arrows absolute left-0 top-0 px-5 lg:px-0 lg:top-36 justify-between w-full hidden"> <button class="splide__arrow--prev text-primary disabled:opacity-50"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" class="w-8 lg:w-12 h-8 lg:h-12" width="48" height="48" aria-hidden="true"> <g clip-path="url(#arrow-thin-left-svg_3)"> <path d="M24 12.8a.6.6 0 1 0 0-1.2v1.2ZM0 11.6a.6.6 0 0 0 0 1.2v-1.2Zm.257.057a.6.6 0 0 0-.513 1.085l.513-1.085Zm6.896 8.028a.6.6 0 1 0 1.054-.572l-1.054.572ZM8.208 5.286a.6.6 0 1 0-1.055-.572l1.055.572Zm-8.464 6.372a.6.6 0 1 0 .513 1.084l-.513-1.085ZM24 11.599H0v1.2h24v-1.2ZM-.256 12.742c3.278 1.55 5.731 3.852 7.409 6.943l1.054-.572c-1.802-3.322-4.449-5.8-7.95-7.456l-.513 1.085Zm7.41-8.028c-1.678 3.09-4.132 5.393-7.41 6.944l.513 1.084c3.502-1.656 6.148-4.134 7.95-7.456l-1.054-.572Z"></path> </g> <defs> <clippath id="arrow-thin-left-svg_3"> <rect width="24" height="24"></rect> </clippath> </defs> </svg> </button> <button class="splide__arrow--next text-primary disabled:opacity-50"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" class="w-8 lg:w-12 h-8 lg:h-12" width="48" height="48" aria-hidden="true"> <g clip-path="url(#arrow-thin-right-svg_3)"> <path d="M0 11.6a.6.6 0 1 0 0 1.2v-1.2Zm24 1.2a.6.6 0 1 0 0-1.2v1.2Zm-.256-.058a.6.6 0 1 0 .513-1.085l-.513 1.085Zm-6.896-8.028a.6.6 0 0 0-1.055.572l1.055-.572Zm-1.056 14.399a.6.6 0 0 0 1.055.572l-1.055-.572Zm8.464-6.372a.6.6 0 0 0-.513-1.084l.513 1.084ZM0 12.8h24v-1.2H0v1.2Zm24.257-1.143c-3.279-1.55-5.732-3.852-7.41-6.943l-1.054.572c1.803 3.322 4.449 5.8 7.95 7.456l.514-1.085Zm-7.41 8.028c1.677-3.09 4.13-5.393 7.41-6.944l-.514-1.084c-3.502 1.656-6.148 4.134-7.95 7.456l1.054.572Z"></path> </g> <defs> <clippath id="arrow-thin-right-svg_3"> <rect width="24" height="24"></rect> </clippath> </defs> </svg> </button> </div> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide w-full" data-sku="HW 492CR1/8014"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6874 group" href="https://shop.freywille.com/earrings-carre-hw-492cr1-8014.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Earrings Carré" title="Earrings Carré" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187366435526_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Ohrringe Carré </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6874" data-price-box="product-id-6874"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6874" data-price-amount="675" data-price-type="finalPrice" class="price-wrapper "> <span class="price">675,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 461CD1/14"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6867 group" href="https://shop.freywille.com/spring-bracelet-hw-461cd1-14.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Spring Bracelet" title="Spring Bracelet" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187365717718_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Spring Bracelet </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6867" data-price-box="product-id-6867"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6867" data-price-amount="970" data-price-type="finalPrice" class="price-wrapper "> <span class="price">970,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 469/14"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6872 group" href="https://shop.freywille.com/clasp-bangle-regina-hw-469-14.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Clasp Bangle Regina" title="Clasp Bangle Regina" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187366106387_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Klappreif Regina </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6872" data-price-box="product-id-6872"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6872" data-price-amount="1340" data-price-type="finalPrice" class="price-wrapper "> <span class="price">1.340,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 412D/14"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6866 group" href="https://shop.freywille.com/ring-diva-hw-412d-14.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Ring Diva" title="Ring Diva" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187365482421_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Ring Diva </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6866" data-price-box="product-id-6866"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6866" data-price-amount="575" data-price-type="finalPrice" class="price-wrapper "> <span class="price">575,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 412/714"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6865 group" href="https://shop.freywille.com/ring-miss-hw-412-714.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Ring Miss" title="Ring Miss" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187365181735_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Ring Miss </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6865" data-price-box="product-id-6865"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6865" data-price-amount="440" data-price-type="finalPrice" class="price-wrapper "> <span class="price">440,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 490/3 RE1"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6934 group" href="https://shop.freywille.com/carre-90x90-hw-490-3-re1.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Carré 90x90" title="Carré 90x90" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/a/r/arr90x90_hommagehundertwasser_freywille__017187366185931_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Carré 90x90 </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6934" data-price-box="product-id-6934"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6934" data-price-amount="410" data-price-type="finalPrice" class="price-wrapper "> <span class="price">410,00 €</span></span> </span> </div> </div> </a> </div> </li> </ul> </div> </div> </div></div><div class="image-wrapper"><img loading="lazy" src="" alt="" data-element="tab3_image"></div></div></section><section x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))" role="tabpanel" class="hidden"><div class="wrapper"><div class="content-wrapper" data-tab-skus="" data-tab-show="false" data-element="tab4"><div class="xl:sr-only"><h2 data-element="tab4_heading"></h2></div><div> <div class="splide-element splide"> <div class="splide__arrows absolute left-0 top-0 px-5 lg:px-0 lg:top-36 justify-between w-full hidden"> <button class="splide__arrow--prev text-primary disabled:opacity-50"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" class="w-8 lg:w-12 h-8 lg:h-12" width="48" height="48" aria-hidden="true"> <g clip-path="url(#arrow-thin-left-svg_3)"> <path d="M24 12.8a.6.6 0 1 0 0-1.2v1.2ZM0 11.6a.6.6 0 0 0 0 1.2v-1.2Zm.257.057a.6.6 0 0 0-.513 1.085l.513-1.085Zm6.896 8.028a.6.6 0 1 0 1.054-.572l-1.054.572ZM8.208 5.286a.6.6 0 1 0-1.055-.572l1.055.572Zm-8.464 6.372a.6.6 0 1 0 .513 1.084l-.513-1.085ZM24 11.599H0v1.2h24v-1.2ZM-.256 12.742c3.278 1.55 5.731 3.852 7.409 6.943l1.054-.572c-1.802-3.322-4.449-5.8-7.95-7.456l-.513 1.085Zm7.41-8.028c-1.678 3.09-4.132 5.393-7.41 6.944l.513 1.084c3.502-1.656 6.148-4.134 7.95-7.456l-1.054-.572Z"></path> </g> <defs> <clippath id="arrow-thin-left-svg_3"> <rect width="24" height="24"></rect> </clippath> </defs> </svg> </button> <button class="splide__arrow--next text-primary disabled:opacity-50"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" class="w-8 lg:w-12 h-8 lg:h-12" width="48" height="48" aria-hidden="true"> <g clip-path="url(#arrow-thin-right-svg_3)"> <path d="M0 11.6a.6.6 0 1 0 0 1.2v-1.2Zm24 1.2a.6.6 0 1 0 0-1.2v1.2Zm-.256-.058a.6.6 0 1 0 .513-1.085l-.513 1.085Zm-6.896-8.028a.6.6 0 0 0-1.055.572l1.055-.572Zm-1.056 14.399a.6.6 0 0 0 1.055.572l-1.055-.572Zm8.464-6.372a.6.6 0 0 0-.513-1.084l.513 1.084ZM0 12.8h24v-1.2H0v1.2Zm24.257-1.143c-3.279-1.55-5.732-3.852-7.41-6.943l-1.054.572c1.803 3.322 4.449 5.8 7.95 7.456l.514-1.085Zm-7.41 8.028c1.677-3.09 4.13-5.393 7.41-6.944l-.514-1.084c-3.502 1.656-6.148 4.134-7.95 7.456l1.054.572Z"></path> </g> <defs> <clippath id="arrow-thin-right-svg_3"> <rect width="24" height="24"></rect> </clippath> </defs> </svg> </button> </div> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide w-full" data-sku="HW 492CR1/8014"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6874 group" href="https://shop.freywille.com/earrings-carre-hw-492cr1-8014.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Earrings Carré" title="Earrings Carré" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187366435526_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Ohrringe Carré </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6874" data-price-box="product-id-6874"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6874" data-price-amount="675" data-price-type="finalPrice" class="price-wrapper "> <span class="price">675,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 461CD1/14"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6867 group" href="https://shop.freywille.com/spring-bracelet-hw-461cd1-14.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Spring Bracelet" title="Spring Bracelet" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187365717718_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Spring Bracelet </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6867" data-price-box="product-id-6867"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6867" data-price-amount="970" data-price-type="finalPrice" class="price-wrapper "> <span class="price">970,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 469/14"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6872 group" href="https://shop.freywille.com/clasp-bangle-regina-hw-469-14.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Clasp Bangle Regina" title="Clasp Bangle Regina" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187366106387_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Klappreif Regina </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6872" data-price-box="product-id-6872"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6872" data-price-amount="1340" data-price-type="finalPrice" class="price-wrapper "> <span class="price">1.340,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 412D/14"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6866 group" href="https://shop.freywille.com/ring-diva-hw-412d-14.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Ring Diva" title="Ring Diva" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187365482421_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Ring Diva </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6866" data-price-box="product-id-6866"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6866" data-price-amount="575" data-price-type="finalPrice" class="price-wrapper "> <span class="price">575,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 412/714"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6865 group" href="https://shop.freywille.com/ring-miss-hw-412-714.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Ring Miss" title="Ring Miss" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/g/e/gehundertwasser_freywille_spiritofvienna_017187365181735_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Ring Miss </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6865" data-price-box="product-id-6865"><span class="normal-price"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6865" data-price-amount="440" data-price-type="finalPrice" class="price-wrapper "> <span class="price">440,00 €</span></span> </span> </span> </div> </div> </a> </div> </li> <li class="splide__slide w-full" data-sku="HW 490/3 RE1"> <div class="item product product-item w-full py-1"> <a class="product-image-container-6934 group" href="https://shop.freywille.com/carre-90x90-hw-490-3-re1.html"> <div class="w-full h-auto bg-grey-5 mb-4 overflow-hidden all-image-product relative"> <img loading="lazy" alt="Carré 90x90" title="Carré 90x90" src="https://shop.freywille.com/media/catalog/product/cache/11e2e4213172593d4f8108d9d1fdb1ce/a/r/arr90x90_hommagehundertwasser_freywille__017187366185931_1.png" width="360" height="405" class="max-h-full overflow-hidden mx-auto group-hover:scale-[1.15] group-focus-visible:scale-[1.15] transition-transform duration-300"> </div> <div class="px-3"> <p class="h3 text-center mb-1 uppercase"> Carré 90x90 </p> <p class="font-light font-serif text-center mb-0"> Hommage à Hundertwasser </p> <div class="price-box price-final_price" data-role="priceBox" data-product-id="6934" data-price-box="product-id-6934"> <span class="price-container text-center price-final_price tax weee"> <span id="product-price-6934" data-price-amount="410" data-price-type="finalPrice" class="price-wrapper "> <span class="price">410,00 €</span></span> </span> </div> </div> </a> </div> </li> </ul> </div> </div> </div></div><div class="image-wrapper"><img loading="lazy" src="" alt="" data-element="tab4_image"></div></div></section></div></div></div></div><div data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="ODN8FJ7"><div class="row-full-width-inner" data-element="inner"><div x-data="{ selectedId: null, tabpanelId: null, headerId: null, init() { // Set the first available tab on the page on page load. this.$nextTick(() => { this.select(this.$id('tab', 1)); this.tabpanelId = $refs.tabpanel.id; this.headerId = $refs.heading.id; $refs.tabpanel.setAttribute('role', 'tabpanel'); }); }, select(id) { this.selectedId = id; }, isSelected(id) { return this.selectedId === id; }, whichChild(el, parent) { return Array.from(parent.children).indexOf(el) +1; } }" x-id="['tab']" data-content-type="slider" data-appearance="collection" data-element="main"><h2 x-ref="heading" :id="$id('heading')" data-element="title">Kollektionen</h2><div class="seperator-container"><div class="seperator-border"></div><div class="seperator-content"><div class="crystalIconWhite crystalIconLeft"></div><div data-element="minititle">Von der Kunst inspiriert</div><div class="crystalIconWhite crystalIconRight"></div></div><div class="seperator-border"></div></div><div :aria-labelledby="headerId" class="splide"><div class="splide__arrows"><button @mousedown.prevent="" class="splide__arrow splide__arrow--prev splide__arrow--prev-white"></button><button @mousedown.prevent="" class="splide__arrow splide__arrow--next splide__arrow--next-white"></button></div><ul x-ref="tablist" @keydown.right.prevent.stop="$focus.wrap().next()" @keydown.home.prevent.stop="$focus.first()" @keydown.page-up.prevent.stop="$focus.first()" @keydown.left.prevent.stop="$focus.wrap().prev()" @keydown.end.prevent.stop="$focus.last()" @keydown.page-down.prevent.stop="$focus.last()" role="tablist" class="filterButton" aria-label="Categories"><li role="presentation"><button :id="$id('tab', whichChild($el.parentElement, $refs.tablist))" @mousedown.prevent="" @click="select($el.id)" @focus="select($el.id)" type="button" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :aria-controls="tabpanelId" role="tab" class="filter1Button" data-element="filtername1">Fine Jewellery</button></li><li role="presentation"><button :id="$id('tab', whichChild($el.parentElement, $refs.tablist))" @mousedown.prevent="" @click="select($el.id)" @focus="select($el.id)" type="button" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :aria-controls="tabpanelId" role="tab" class="filter2Button" data-element="filtername2">Jewellery</button></li></ul><div :id="$id('tabpanel')" x-ref="tabpanel" role="tabpanel" class="slider-tabpanel" :aria-labelledby="selectedId"><div class="splide__track"><div class="splide__list"><div class="splide__slide" data-content-type="slide" data-appearance="collection" data-filter1="true" data-filter2="false" data-element="main"><a href="https://shop.freywille.com/earrings-gloria-cm-1492cg1-1011.html"><div class="content-wrapper"><h3 data-element="text">Hommage à Claude Monet</h3><p data-element="subtext">Orangerie</p><div class="images"><img class="staticImage" src="https://shop.freywille.com/media/wysiwyg/CM_1492CG1_1011_10__5.png" alt="" data-element="image"></div></div><div class="link-wrapper"><span href="https://shop.freywille.com/earrings-gloria-cm-1492cg1-1011.html" target="" data-link-type="product" data-element="link">Entdecken Sie die Kollektion</span></div></a></div><div class="splide__slide" data-content-type="slide" data-appearance="collection" data-filter1="true" data-filter2="false" data-element="main"><a href=""><div class="content-wrapper"><h3 data-element="text">Vincent Van Gogh</h3><p data-element="subtext">Éternité</p><div class="images"><img class="staticImage" src="https://shop.freywille.com/media/wysiwyg/VG_1493PC_263_11__4.png" alt="" data-element="image"></div></div><div class="link-wrapper"><span href="" target="_blank" data-link-type="product" data-element="link">Entdecken Sie die Kollektion</span></div></a></div><div class="splide__slide" data-content-type="slide" data-appearance="collection" data-filter1="true" data-filter2="false" data-element="main"><a href="https://shop.freywille.com/ring-etoile-gk-1423-722.html"><div class="content-wrapper"><h3 data-element="text">Gustav Klimt</h3><p data-element="subtext">Portrait Adele Bloch-Bauer</p><div class="images"><img class="staticImage" src="https://shop.freywille.com/media/wysiwyg/GK_1423_722_10__9.png" alt="" data-element="image"></div></div><div class="link-wrapper"><span href="https://shop.freywille.com/ring-etoile-gk-1423-722.html" target="" data-link-type="product" data-element="link">Entdecken Sie die Kollektion</span></div></a></div><div class="splide__slide" data-content-type="slide" data-appearance="collection" data-filter1="true" data-filter2="false" data-element="main"><a href="https://shop.freywille.com/necklace-little-aurora-hw-1494ca2-1014.html"><div class="content-wrapper"><h3 data-element="text">Hundertwasser</h3><p data-element="subtext">Spirit of Vienna </p><div class="images"><img class="staticImage" src="https://shop.freywille.com/media/wysiwyg/HW_1494CA2_1014_10__4.png" alt="" data-element="image"></div></div><div class="link-wrapper"><span href="https://shop.freywille.com/necklace-little-aurora-hw-1494ca2-1014.html" target="" data-link-type="product" data-element="link">Entdecken Sie die Kollektion</span></div></a></div><div class="splide__slide" data-content-type="slide" data-appearance="collection" data-filter1="true" data-filter2="false" data-element="main"><a href="https://shop.freywille.com/earrings-saint-tropez-diamond-drops-sb-1492dr1-501.html"><div class="content-wrapper"><h3 data-element="text">Sandro Botticelli</h3><p data-element="subtext">The Birth of Venus</p><div class="images"><img class="staticImage" src="https://shop.freywille.com/media/wysiwyg/SB_1492DR1_501_10__2.png" alt="" data-element="image"></div></div><div class="link-wrapper"><span href="https://shop.freywille.com/earrings-saint-tropez-diamond-drops-sb-1492dr1-501.html" target="" data-link-type="product" data-element="link">Entdecken Sie die Kollektion</span></div></a></div><div class="splide__slide" data-content-type="slide" data-appearance="collection" data-filter1="true" data-filter2="false" data-element="main"><a href="https://shop.freywille.com/pendant-victoria-sta-1493vi1-102.html"><div class="content-wrapper"><h3 data-element="text">Sophie Taeuber-Arp</h3><p data-element="subtext">Dada Dance Evening </p><div class="images"><img class="staticImage" src="https://shop.freywille.com/media/wysiwyg/STA_1493VI1_102_10__2.png" alt="" data-element="image"></div></div><div class="link-wrapper"><span href="https://shop.freywille.com/pendant-victoria-sta-1493vi1-102.html" target="" data-link-type="product" data-element="link">Entdecken Sie die Kollektion</span></div></a></div><div class="splide__slide" data-content-type="slide" data-appearance="collection" data-filter1="false" data-filter2="true" data-element="main"><a href="https://shop.freywille.com/open-pebble-ring-cm-412pe2-4015.html"><div class="content-wrapper"><h3 data-element="text">Claude Monet</h3><p data-element="subtext">The Bridge</p><div class="images"><img class="staticImage" src="https://shop.freywille.com/media/wysiwyg/CM_412PE2_4015_10_.png" alt="" data-element="image"></div></div><div class="link-wrapper"><span href="https://shop.freywille.com/open-pebble-ring-cm-412pe2-4015.html" target="" data-link-type="product" data-element="link">Entdecken Sie die Kollektion </span></div></a></div><div class="splide__slide" data-content-type="slide" data-appearance="collection" data-filter1="false" data-filter2="true" data-element="main"><a href="https://shop.freywille.com/bordered-bangle-donna-sb-462-1.html"><div class="content-wrapper"><h3 data-element="text">Sandro Botticelli</h3><p data-element="subtext">Die Geburt der Venus </p><div class="images"><img class="staticImage" src="https://shop.freywille.com/media/wysiwyg/SB_462_1_10__1.png" alt="" data-element="image"></div></div><div class="link-wrapper"><span href="https://shop.freywille.com/bordered-bangle-donna-sb-462-1.html" target="_blank" data-link-type="product" data-element="link">Entdecken Sie die Kollektion </span></div></a></div><div class="splide__slide" data-content-type="slide" data-appearance="collection" data-filter1="false" data-filter2="true" data-element="main"><a href="https://shop.freywille.com/earrings-cabochon-sta-492c-102.html"><div class="content-wrapper"><h3 data-element="text">Sophie Taeuber Arp</h3><p data-element="subtext">Dada Dance Evening</p><div class="images"><img class="staticImage" src="https://shop.freywille.com/media/wysiwyg/STA_492C_102_10_.png" alt="" data-element="image"></div></div><div class="link-wrapper"><span href="https://shop.freywille.com/earrings-cabochon-sta-492c-102.html" target="_blank" data-link-type="product" data-element="link">Entdecken Sie die Kollektion </span></div></a></div><div class="splide__slide" data-content-type="slide" data-appearance="collection" data-filter1="false" data-filter2="true" data-element="main"><a href="https://shop.freywille.com/pendant-helena-vg-493hl3-7.html"><div class="content-wrapper"><h3 data-element="text">Vincent van Gogh</h3><p data-element="subtext">Provence</p><div class="images"><img class="staticImage" src="https://shop.freywille.com/media/wysiwyg/VG_493HL3_7_10__1.png" alt="" data-element="image"></div></div><div class="link-wrapper"><span href="https://shop.freywille.com/pendant-helena-vg-493hl3-7.html" target="_blank" data-link-type="product" data-element="link">Entdecken Sie die Kollektion </span></div></a></div><div class="splide__slide" data-content-type="slide" data-appearance="collection" data-filter1="false" data-filter2="true" data-element="main"><a href="https://shop.freywille.com/ocean-drops-gk-492c-1014-cps1.html"><div class="content-wrapper"><h3 data-element="text">Gustav Klimt</h3><p data-element="subtext">Dreams</p><div class="images"><img class="staticImage" src="https://shop.freywille.com/media/wysiwyg/GK_492C_1014_CPS1_10_.png" alt="" data-element="image"></div></div><div class="link-wrapper"><span href="https://shop.freywille.com/ocean-drops-gk-492c-1014-cps1.html" target="_blank" data-link-type="product" data-element="link">Entdecken Sie die Kollektion </span></div></a></div><div class="splide__slide" data-content-type="slide" data-appearance="collection" data-filter1="false" data-filter2="true" data-element="main"><a href="https://shop.freywille.com/ring-diva-pg-412d-1.html"><div class="content-wrapper"><h3 data-element="text">Paul Gauguin</h3><p data-element="subtext">Polynesia</p><div class="images"><img class="staticImage" src="https://shop.freywille.com/media/wysiwyg/PG_412D_1_11_.png" alt="" data-element="image"></div></div><div class="link-wrapper"><span href="https://shop.freywille.com/ring-diva-pg-412d-1.html" target="_blank" data-link-type="product" data-element="link">Entdecken Sie die Kollektion</span></div></a></div><div class="splide__slide" data-content-type="slide" data-appearance="collection" data-filter1="false" data-filter2="true" data-element="main"><a href="https://shop.freywille.com/pendant-small-half-moon-hw-493s-3214.html"><div class="content-wrapper"><h3 data-element="text">Hundertwasser</h3><p data-element="subtext">Spirit of Vienna</p><div class="images"><img class="staticImage" src="https://shop.freywille.com/media/wysiwyg/HW_493S_3214_10_.png" alt="" data-element="image"></div></div><div class="link-wrapper"><span href="https://shop.freywille.com/pendant-small-half-moon-hw-493s-3214.html" target="_blank" data-link-type="product" data-element="link">Entdecken Sie die Kollektion </span></div></a></div><div class="splide__slide" data-content-type="slide" data-appearance="collection" data-filter1="false" data-filter2="true" data-element="main"><a href="https://shop.freywille.com/clasp-bangle-ballerina-joy-466-1.html"><div class="content-wrapper"><h3 data-element="text">Independent Collection</h3><p data-element="subtext">Joy of Life</p><div class="images"><img class="staticImage" src="https://shop.freywille.com/media/wysiwyg/JOY_466_1_10_.png" alt="" data-element="image"></div></div><div class="link-wrapper"><span href="https://shop.freywille.com/clasp-bangle-ballerina-joy-466-1.html" target="_blank" data-link-type="product" data-element="link">Entdecken Sie die Kollektion</span></div></a></div><div class="splide__slide" data-content-type="slide" data-appearance="collection" data-filter1="false" data-filter2="true" data-element="main"><a href="https://shop.freywille.com/watch-helena-alligator-watch-strap-black-am-400hl1-2-l06ba1.html"><div class="content-wrapper"><h3 data-element="text">Alphonse Mucha</h3><p data-element="subtext">Sarah Bernhardt Burgundy </p><div class="images"><img class="staticImage" src="https://shop.freywille.com/media/wysiwyg/AM_400HL1_2_L09BA1_10_.png" alt="" data-element="image"></div></div><div class="link-wrapper"><span href="https://shop.freywille.com/watch-helena-alligator-watch-strap-black-am-400hl1-2-l06ba1.html" target="" data-link-type="product" data-element="link">Entdecken Sie die Kollektion</span></div></a></div><div class="splide__slide" data-content-type="slide" data-appearance="collection" data-filter1="false" data-filter2="true" data-element="main"><a href="https://shop.freywille.com/specials/inca-princess/bordered-bangle-diva-gms-460-2.html"><div class="content-wrapper"><h3 data-element="text">Independent Collection</h3><p data-element="subtext">Magic Sphinx</p><div class="images"><img class="staticImage" src="https://shop.freywille.com/media/wysiwyg/GMS_460_2_10_.png" alt="" data-element="image"></div></div><div class="link-wrapper"><span href="https://shop.freywille.com/specials/inca-princess/bordered-bangle-diva-gms-460-2.html" target="_blank" data-link-type="product" data-element="link">Entdecken Sie die Kollektion</span></div></a></div></div></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="R8UGJBM"><div data-content-type="banner" data-appearance="text-and-image-descending" data-descending="true" data-alternative-teaser-layout="true" data-element="main"><div class="image-wrapper"><img alt="" loading="lazy" data-image-lazy-load="true" src="https://shop.freywille.com/media/wysiwyg/homepage_Bild.jpg" data-element="image"></div><div class="content-wrapper"><h2 data-element="title">Die Kunst des Feueremails</h2><p data-element="message">Das Herzstück jedes FREYWILLE Schmuckstück ist das urheberrechtlich geschütze Kunstwerk, das in einem raffinierten Verfahren auf Feueremail verewigt wird. Jedes Emailstück ist ein handgefertigetes Unikat, bei dem bis zu 100 manuelle Arbeitsstunden erforderlich sind.</p><a href="https://shop.freywille.com/about-us" target="_blank" data-link-type="default" data-element="link">Mehr erfahren</a></div></div></div></div><div data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="JC51VLI"><div class="row-full-width-inner" data-element="inner"><div data-content-type="banner" data-appearance="icon-banner" data-element="main"><div class="content-wrapper"><div class="content-item"><p data-element="text_one">Kostenloser Versand ab 400€</p><div aria-hidden="true" class="pagebuilder-icon-mail" data-element="icon_one"></div></div><div class="content-item"><p data-element="text_two">Sicherer Versand mit DHL Express</p><div aria-hidden="true" class="pagebuilder-icon-local-shipping" data-element="icon_two"></div></div><div class="content-item"><p data-element="text_three">Einfache Rückgabe oder Umtausch</p><div aria-hidden="true" class="pagebuilder-icon-cached" data-element="icon_three"></div></div><div class="content-item"><p data-element="text_four">Handgefertigt in Wien</p><div aria-hidden="true" class="pagebuilder-icon-austria" data-element="icon_four"></div></div></div></div></div></div><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="E5YO7DO"><div data-content-type="banner" data-appearance="text-and-image-centered" data-element="main"><header class="seperator-container"><div class="seperator-border-primary" aria-hidden="true"></div><div class="seperator-content"><div class="crystalIcon crystalIconLeft" aria-hidden="true"></div><h2 data-element="heading">Rund um die Welt</h2><div class="crystalIcon crystalIconRight" aria-hidden="true"></div></div><div class="seperator-border-primary" aria-hidden="true"></div></header><div class="content"><p data-element="message">Willkommen in der faszinierenden Welt von FREYWILLE, in der Schönheit und Eleganz eine untrennbare Verbindung eingehen. Entdecken Sie die Faszination unserer atemberaubenden Schmuckstücke in den exklusivsten Boutiquen. Tauchen Sie ein in die Welt des künstlerisch gestalteten Schmucks aus Feueremail und lassen Sie sich von seiner zeitlosen Schönheit verzaubern.</p><a href="https://shop.freywille.com/our-boutiques" target="_blank" data-link-type="page" data-element="link">Boutiquefinder</a><img alt="" src="https://shop.freywille.com/media/wysiwyg/boutique_ste_outside_1.jpg" data-element="image"></div></div></div></section></main><footer class="page-footer"><div class="footer content"> <div class="text-white bg-primary pt-9 pb-8 lg:pt-11 lg:pb-16"> <div class="fluid-container-xl"> <div class="flex justify-center mb-10 lg:mb-14" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 43 39" class="block h-auto" width="39" height="34" role="img"> <title>FREYWILLE</title> <path fill-rule="evenodd" d="M12.294 14.084s.69-.609 1.894-.609c1.205 0 1.688.774 1.773.638.085-.136 1.504-4.168-.403-5.819-2.612-2.254-8.68-1.51-11.45-1.712-.355-.025-.02 1.298-.047 1.49-.02.12.345-.267 2.813-.293 3.244-.035 5.067.57 5.613 2.08.506 1.401-.512 2.268-.742 2.508l.55 1.717Zm-2.341 8.674c-.185.368-.28 1.059-.133 1.15.47.284 2.59.181 4.442-.283 1.853-.463 3.574-1.355 3.574-1.355s-.12-.558-.154-.785a1.649 1.649 0 0 0-.106-.368.343.343 0 0 0-.159-.195s-1.085.881-3.545 1.37c-2.46.487-3.92.466-3.92.466Z"/> <path fill-rule="evenodd" d="M8.312 22.514c-.045-.357-.004-.89-.064-.82-.06.069-.261.605-.6 1.12-.309.467-3.226 5.543-3.226 5.543l.105-.023a61.942 61.942 0 0 1 6.217-2.101c3.627-1.03 7.12-1.813 7.12-1.813a1.21 1.21 0 0 1-.079-.268c-.011-.07-.053-.22-.08-.34-.026-.122-.026-.344-.212-.222-.187.122-1.667.928-3.97 1.492-2.304.564-4.686.465-5.135-.123-.45-.588-.265-1.37.053-1.857.004-.002-.104-.395-.129-.588Zm-5.985-6.068c.375 0 1.008-.144 1.405.034.257.117.295.449.164.675-.103.179-.084.16.034.289.187.207 1.084.044 1.287-.011.618-.167.803-.337 1.093-.23.289.106.428.466.159.686-.399.364-1.204.644-2.037.743-.2.022-.464.045-.52.332-.03.152.068.217.087.43.002.28-.09.554-.262.777-.2.263-.813 1.182.812 1.23 1.81.053 4.741-.89 4.741-.89s-.285-.277-.228-1.073c.056-.795.741-1.102.684-1.262a1.978 1.978 0 0 1 .205-1.827 2.71 2.71 0 0 1 1.47-1.061s.014-.603-.45-1.913c-.823-2.32-2.05-3.434-3.986-3.607-1.796-.16-2.797.93-2.797.93l.146-.934s.2-.277 1.142-.563a4.72 4.72 0 0 1 4.335.803c.89.723 1.454 1.718 1.454 1.718s.474-.444.338-1.228c-.116-.67-.888-1.26-2.46-1.587-1.861-.39-4.487-.13-5.193.048a20.438 20.438 0 0 1-.833 3.217 171.73 171.73 0 0 1-1.304 3.507c-.095.246-.12.767.514.767Zm1.922-4.436c.284-.298.9-.694 1.884-.694 1.674 0 2.805 1.623 2.87 2.009-1.809.478-5.042.373-5.591.345a3.356 3.356 0 0 1 .837-1.66Z"/> <path fill-rule="evenodd" d="M6.7 13.137c.47-.388.244-1.107-.143-1.334a1.296 1.296 0 0 0-.665-.132 1.16 1.16 0 0 0-.728.388c-.22.282-.189.753.028 1.009.308.356 1.077.419 1.508.069Zm15.102 3.335v-.08c-.494-.887.693-2.835 3.09-2.398 2.192.398 2.842 2.966 2.891 3.72 0 0 .633-.695.684-2.227.073-2.095-1.536-4.947-4.934-4.956-3.622-.01-4.574 2.577-4.14 4.119.434 1.563 2.41 1.822 2.41 1.822Z"/> <path fill-rule="evenodd" d="M20.072 10.124c1.7-1.234 6.07-2.116 8.638 1.29 2.641 3.496.072 7.48-.564 8.496 0 0 3.22-2.286 3.614-7.307.104-1.345-.425-6.647-5.588-7.288-6.476-.804-6.335 4.981-6.1 4.81Z"/> <path fill-rule="evenodd" d="M28.748 4.53c.622.313 4.802 2.267 4.493 8.118-.26 4.905-3.463 7.754-5.081 8.823-.008.04-.085.22-.094.257a16.09 16.09 0 0 0 6.557-5.116c.903-1.191 4.316-5.758 2.01-10.01-2.726-5.02-8.51-2.38-7.885-2.071Z"/> <path fill-rule="evenodd" d="M34.889 18.568c-2.893 2.918-5.233 3.998-7.19 4.485-.053.203-.273.644-.34.845 1.236-.033 2.595-.308 4.417-.983 1.955-.723 7.542-2.932 9.4-7.713 1.858-4.782-2.188-6.719-2.185-6.632.116 3.141-.742 6.61-4.102 9.998Z"/> <path fill-rule="evenodd" d="M35.515 22.87c-3.49 1.827-6.372 2.17-8.62 2.168-.125.24-.558.82-.71 1.058 1.95.368 4.804.096 6.752-.326 2.345-.512 6.423-1.865 8.574-4.463 2.151-2.599.865-5.95.677-5.34-.146.46-1.143 4.008-6.673 6.903Z"/> <path fill-rule="evenodd" d="M40.11 24.2c-.067-.03-2.797 2.456-8.109 3.1-2.729.33-4.821.211-6.588-.061-.339.456-.897 1.06-1.081 1.256.16.07.249.118.42.187 2.767 1.116 8.449 1.498 11.974-.245 2.837-1.4 3.449-4.208 3.384-4.238Zm-10.045 9.247c3.255-.798 3.692-2.943 3.692-2.943s-4.512 1.444-10.721-.942c-.49.432-1.026.866-1.616 1.304.11.087.227.173.35.26 1.36.937 5.005 3.126 8.295 2.32Zm-6.105 3.099c2.67-.17 3.36-1.61 3.36-1.61s-.877.145-3.23-.858a16.534 16.534 0 0 1-3.887-2.35c-.055-.045-.08-.072-.08-.072l-1.152.748-1.073.696s.027.032.08.087c.069.08.18.197.328.347.938.96 3.364 3.158 5.653 3.012Zm-6.393-1.754c-.366-.39-.616-.707-.733-.857a1.703 1.703 0 0 1-.073-.1l-1.96 1.566v.007a9.43 9.43 0 0 0 1.38 1.736c.445.438.983.857 1.583 1.116 2.136.928 3.6-.807 3.6-.807s-.661-.073-2.17-1.196a12.51 12.51 0 0 1-1.627-1.465Zm-3.062 2.75c-.167-.183-.648-1.036-.726-1.142l-.016-.021s-.028.05-.08.131c-.164.28-.537.957-.717 1.313-.122.266-.224.54-.306.821h3.167a6.448 6.448 0 0 1-1.322-1.102Zm-4.367-15.64c1.38.12 2.79-.206 3.963-.509 1.211-.309 2.249-.717 3.148-1.293.012-1.498-.588-3.097-1.386-3.964-.31-.336-.686-.673-1.056-.837-1.417-.637-2.539-.153-2.869 1.133-.357-.053-.742.216-.975.558-.343.492-.17.996.114 1.446-.303.205-.602.492-.695 1.13-.062.436.174.906.407 1.073a1.26 1.26 0 0 0-.65 1.263ZM8.027 36.63c.502-1.135 1.16-2.936 5.156-5.402 5.08-3.14 9.757-6.103 9.425-7.158 0 0-1.851.85-5.937 1.78-1.739.398-4.144 1.01-7.386 1.912-3.242.903-6.548 2.122-8.449 5.688-.995 1.865-.951 3.761-.637 5.194h7.347c.093-.73.247-1.486.48-2.013Z"/> <path fill-rule="evenodd" d="M17.846 31.019c3.802-2.556 5.22-3.5 6.882-5.58 1.842-2.31.847-3.856.784-3.619-.398 1.49-1.826 3.268-4.736 5.5-2.102 1.6-3.848 2.715-6.728 4.682-2.88 1.968-3.338 2.458-4.304 3.906-.547.816-.815 1.827-.946 2.736h1.773c.672-3.173 3.559-5.126 7.275-7.625ZM43 28.148c-1.754.051-3.065.425-4.46.944-.956.353-1.768.902-2.8 1.134-.857 2.85-3.005 4.501-6.463 4.936-.319.334-.473.733-.791 1.067-.882.93-2.26 1.522-3.878 1.735-.558.07-1.019.18-1.58.066-.211.203-.41.411-.616.613L43 38.612V28.148ZM4.285 5.566c-.026.15 1.469-.055 6.003.294 3.957.307 4.637.996 4.637.884.006-.23 1.767-4.16 3.136-5.663A28.561 28.561 0 0 0 11.78.044C6.883-.21 3.45.69 3.45.69c.272.989 1.239 2.494.834 4.877Z"/> </svg> </div> <div class="grid grid-cols-12 gap-5 mb-14 lg:mb-16"> <div class="col-span-12 lg:col-span-5"> <h2 class="h4 mb-4 uppercase"> Newsletter </h2> <div class="mb-7 lg:mb-14"> <form method="post" action="https://shop.freywille.com/newsletter/register/" id="footer-newsletter-validate-detail" x-data="initFooterNewsletterForm()" @submit.prevent="submitFooterNewsletterForm()" > <input name="form_key" type="hidden" value="CJfFfBIrmJUyPNXp" /> <div class="control"> <input type="hidden" value="" name="g-recaptcha-response" /> </div> <div class="mb-7"> <label for="newsletterEmail" class="block font-serif text-white text-base max-w-md mb-5"> <span>Registrieren Sie sich noch heute für unseren Newsletter und erleben Sie die spannendsten Designs und Kollektionen, erfahren Sie Neuigkeiten vor allen anderen und lassen Sie sich von uns überraschen.</span> <span class="sr-only"> Sie werden zur Newsletter-Seite weitergeleitet, wo Sie Ihre Daten eingeben können.</span> </label> <input type="email" name="newsletterEmail" id="newsletterEmail" class="form-input bg-transparent px-0 py-3 border-x-0 border-t-0 border-b border-white text-white w-full text-sm placeholder:text-white" placeholder="Ihre E-Mail Adresse"> </div> <button type="submit" class="btn btn-primary inline-block border border-white hover:border-white focus-visible:border-white">Jetzt anmelden</button> <script> function initFooterNewsletterForm() { return { errors: 0, hasCaptchaToken: 0, displayErrorMessage: false, errorMessages: [], setErrorMessages(messages) { this.errorMessages = [messages] this.displayErrorMessage = this.errorMessages.length }, submitFooterNewsletterForm() { // Do not rename $form, the variable is expected to be declared in the recaptcha output const $form = document.querySelector('#footer-newsletter-validate-detail'); if (!this.hasCaptchaToken) { this.errors = 1; const executeGreCaptcha = () => { grecaptcha.ready(() => { grecaptcha.execute( '6LctoCwqAAAAACWAuWMIbi628GH\u002DNHcrYMpmQFPr', {action: 'submit'} ).then((token) => { if (token && token.length > 0) { $form['g\u002Drecaptcha\u002Dresponse'].value = token; this.errors = 0; this.hasCaptchaToken = 1; (this.submitForm || $form.submit).call(this); } else { this.errors = 1; const error = 'ReCaptcha\u0020validation\u0020failed,\u0020please\u0020try\u0020again'; if (this.setErrorMessages) { this.setErrorMessages([error]) this.displayErrorMessage = true; } else { window.dispatchMessages && window.dispatchMessages([{type: "error", text: error}], 5000); } } }).catch(exception => { console.error(exception || `An unknown error occurred during ReCaptcha validation. Are the tokens and the domain correctly set up in the Google console?`) }); }) } if (window.grecaptcha) { executeGreCaptcha(); } else { const recaptchaUrl = "https://www.google.com/recaptcha/api.js?render=6LctoCwqAAAAACWAuWMIbi628GH\u002DNHcrYMpmQFPr"; const script = document.createElement('script'); script.setAttribute('type', 'text/javascript'); script.setAttribute('src', recaptchaUrl); document.head.appendChild(script); script.addEventListener("load", executeGreCaptcha, false); } } if (this.errors === 0) { $form.submit(); } } } } </script> </form> <div class="mb-7"> <p class="my-4 text-sm text-gray-900"> Dieses Formular wird durch reCAPTCHA geschützt - es gelten die <a class="underline" href="https://policies.google.com/privacy" target="_blank" rel="noopener">Google-Datenschutzerklärung</a> und die <a class="underline" href="https://policies.google.com/terms" target="_blank" rel="noopener">Google-Nutzungsbedingungen</a>.</p> </div> </div> <ul class="flex flex-wrap items-center gap-x-12 gap-y-4"> <li> <a class="transition-colors text-text-lighter hover:text-grey-1 focus-visible:text-grey-1" href="https://www.instagram.com/freywille/" target="_blank" rel="noopener" > <span class="sr-only">Instagram</span> <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" class="w-4 h-4" width="16" height="16" role="img"> <path fill-rule="evenodd" d="M8 1.44c2.133 0 2.387 0 3.233.047 2.167.1 3.18 1.126 3.28 3.28.04.846.047 1.1.047 3.233s0 2.393-.047 3.233c-.1 2.154-1.106 3.18-3.28 3.28-.846.04-1.093.047-3.233.047s-2.387 0-3.233-.047c-2.174-.1-3.18-1.133-3.28-3.28-.04-.846-.047-1.093-.047-3.233s0-2.387.047-3.233c.1-2.154 1.113-3.18 3.28-3.28.846-.034 1.1-.047 3.233-.047ZM8 0C5.827 0 5.553 0 4.7.047 1.8.18.18 1.793.033 4.713 0 5.553 0 5.827 0 8s0 2.447.047 3.333C.18 14.24 1.793 15.853 4.713 16H8c2.173 0 2.447 0 3.3-.047 2.9-.133 4.52-1.746 4.667-4.666C16 10.447 16 10.173 16 8s0-2.447-.047-3.3C15.82 1.8 14.207.18 11.287.033 10.447 0 10.173 0 8 0Zm0 3.893a4.107 4.107 0 1 0 0 8.214 4.107 4.107 0 0 0 0-8.214Zm0 6.774a2.667 2.667 0 1 1 0-5.334 2.667 2.667 0 0 1 0 5.334Zm4.273-7.9a.96.96 0 1 0-.013 1.92.96.96 0 0 0 .013-1.92Z"/> <title>instagram</title></svg> </span> </a> </li> <li> <a class="transition-colors text-text-lighter hover:text-grey-1 focus-visible:text-grey-1" title="Pinterest" href="https://www.pinterest.at/freywille/" target="_blank" rel="noopener" > <span class="sr-only">Pinterest</span> <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" class="w-4 h-4" width="16" height="16" role="img"> <path fill-rule="evenodd" d="M8 0a8 8 0 0 0-2.913 15.447 7.58 7.58 0 0 1 0-2.294l.94-4A2.887 2.887 0 0 1 5.813 8c0-1.113.667-1.947 1.447-1.947A1.007 1.007 0 0 1 8.273 7.18a16.134 16.134 0 0 1-.666 2.667 1.167 1.167 0 0 0 1.186 1.446c1.42 0 2.514-1.5 2.514-3.666a3.152 3.152 0 0 0-3.334-3.254A3.46 3.46 0 0 0 4.36 7.847c.002.654.21 1.29.593 1.82a.247.247 0 0 1 .06.233l-.233.9c0 .147-.113.18-.267.107-1-.467-1.62-1.927-1.62-3.1 0-2.52 1.834-4.84 5.28-4.84 2.78 0 4.934 2 4.934 4.62 0 2.76-1.734 4.973-4.147 4.973a2.14 2.14 0 0 1-1.833-.913l-.5 1.9a8.982 8.982 0 0 1-.994 2.1A8.132 8.132 0 0 0 8 16 8 8 0 0 0 8 0Z" clip-rule="evenodd"/> <title>pinterest</title></svg> </span> </a> </li> <li> <a class="transition-colors text-text-lighter hover:text-grey-1 focus-visible:text-grey-1" href="https://www.facebook.com/Freywille.AT?brand_redir=1" target="_blank" rel="noopener" > <span class="sr-only">Facebook</span> <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" class="w-4 h-4" width="16" height="16" role="img"> <path fill-rule="evenodd" d="M6 5.333H4V8h2v8h3.333V8h2.427L12 5.333H9.333V4.22c0-.667.127-.887.74-.887H12V0H9.46C7.067 0 6 1.053 6 3.073v2.26Z"/> <title>facebook</title></svg> </span> </a> </li> <li> <a class="transition-colors text-text-lighter hover:text-grey-1 focus-visible:text-grey-1" title="Youtube" href="https://www.youtube.com/freywilleofficial" target="_blank" rel="noopener" > <span class="sr-only">Youtube</span> <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" class="w-4 h-4" width="16" height="16" role="img"> <path fill-rule="evenodd" d="M3.1 0h.96l.667 2.467L5.333 0H6.3L5.187 3.667v2.506h-.954V3.667L3.1 0Zm4.4 1.58a1.173 1.173 0 0 0-1.247 1.227V5.04A1.1 1.1 0 0 0 7.5 6.26a1.153 1.153 0 0 0 1.213-1.22V2.807A1.187 1.187 0 0 0 7.5 1.58ZM7.854 5c0 .247-.127.433-.354.433A.387.387 0 0 1 7.127 5V2.88c0-.247.113-.433.353-.433s.373.18.373.433V5Zm3.153-3.38v3.46c-.107.127-.333.34-.5.34-.167 0-.227-.127-.227-.307V1.62h-.846v3.807c0 .446.14.813.593.813a1.334 1.334 0 0 0 .98-.567v.5h.847V1.62h-.847Zm1.466 9.24c-.3 0-.36.207-.36.507v.44h.714v-.44c0-.294-.067-.507-.354-.507Zm-3.133 0a.507.507 0 0 0-.166.133v2.667a.665.665 0 0 0 .186.153.34.34 0 0 0 .414-.046.494.494 0 0 0 .073-.3v-2.174a.567.567 0 0 0-.087-.333.327.327 0 0 0-.426-.073l.006-.027Zm3.213-3.467c-1.733-.113-7.373-.113-9.106 0-1.88.16-2.114 1.274-2.114 4.274s.234 4.113 2.114 4.246c1.733.114 7.373.114 9.106 0 1.88-.133 2.114-1.246 2.114-4.246 0-3-.233-4.114-2.114-4.247v-.027ZM4.34 14.547h-.906V9.52h-.94v-.853H5.28v.853h-.94v5.027Zm3.227 0h-.8v-.48a1.84 1.84 0 0 1-.467.406c-.433.247-1.033.24-1.033-.666v-3.6h.806v3.333c0 .173.04.293.214.293.173 0 .38-.2.48-.326v-3.3h.8v4.34Zm3.1-.9c0 .54-.2.953-.733.953a.914.914 0 0 1-.767-.387v.334H8.36v-5.88h.814v1.893a.966.966 0 0 1 .713-.407c.593 0 .787.5.787 1.087l-.007 2.407Zm2.98-1.167h-1.534v.853c0 .32 0 .607.354.607.353 0 .36-.233.36-.607v-.306h.826v.306c0 .84-.36 1.334-1.206 1.334-.847 0-1.167-.567-1.167-1.334v-1.96a1.193 1.193 0 0 1 1.227-1.273c.773 0 1.146.493 1.146 1.273l-.006 1.107Z"/> <title>youtube</title></svg> </span> </a> </li> </ul> </div> <div class="lg:col-span-1"></div> <div class="col-span-12 lg:col-span-6"> <div class="ml-auto lg:max-w-[670px]"> <h2 id="quicklinksHeading" class="text-xs uppercase text-grey-1 mb-4 lg:sr-only"> Quicklinks</h2> <nav class="lg:flex lg:-mx-3" aria-labelledby="quicklinksHeading" x-data="{activeNode: null}" > <div class="grow shrink lg:basis-1/3 lg:px-3"> <button type="button" class="flex flex-row justify-between w-full items-center text-lg text-grey-5 pb-2.5 pt-2.5 border-b border-grey-5/30 pr-2 lg:hidden" @click="activeNode === 47 ? activeNode = null : activeNode = 47" :aria-expanded="activeNode === 47 ? 'true' : 'false'" > <span class="font-serif text-lg leading-8 text-grey-5 lg:text-grey-1 lg:font-sans lg:text-xs lg:uppercase"> Unternehmen </span> <span aria-hidden="true" class="transition-transform" :class="{'rotate-180': activeNode === 47}" > <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 5" fill="currentColor" width="10" height="5" role="img"> <path d="M0,0l0,0.4c0.7,0.2,1.5,0.5,2.2,1C3,2,3.6,2.6,4,3.2v0C4.4,3.9,4.6,4.5,4.7,5h0.5C5.4,4.4,5.6,3.8,6,3.2 C6.3,2.8,6.7,2.4,7.1,2C7.5,1.6,8,1.3,8.5,1C9,0.7,9.5,0.5,10,0.4V0c0,0-3.5,0.5-5,2C3.5,0.5,0,0,0,0z"/> <title>arrow-down</title></svg> </span> </button> <h3 class="hidden lg:block leading-8 text-white font-sans text-xxs uppercase"> Unternehmen</h3> <ul class="hidden pb-5 lg:pb-0 lg:block" :class="{'!block': activeNode === 47}" > <li class="py-2"> <a class="font-serif text-base xl:whitespace-nowrap link-underline-white" href="https://shop.freywille.com/about-us" > Über uns</a> </li> <li class="py-2"> <a class="font-serif text-base xl:whitespace-nowrap link-underline-white" href="https://shop.freywille.com/career" > Karriere</a> </li> <li class="py-2"> <a class="font-serif text-base xl:whitespace-nowrap link-underline-white" href="https://shop.freywille.com/press-area" > Presse</a> </li> </ul> </div> <div class="grow shrink lg:basis-1/3 lg:px-3"> <button type="button" class="flex flex-row justify-between w-full items-center text-lg text-grey-5 pb-2.5 pt-2.5 border-b border-grey-5/30 pr-2 lg:hidden" @click="activeNode === 52 ? activeNode = null : activeNode = 52" :aria-expanded="activeNode === 52 ? 'true' : 'false'" > <span class="font-serif text-lg leading-8 text-grey-5 lg:text-grey-1 lg:font-sans lg:text-xs lg:uppercase"> Versand & Bezahlung </span> <span aria-hidden="true" class="transition-transform" :class="{'rotate-180': activeNode === 52}" > <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 5" fill="currentColor" width="10" height="5" role="img"> <path d="M0,0l0,0.4c0.7,0.2,1.5,0.5,2.2,1C3,2,3.6,2.6,4,3.2v0C4.4,3.9,4.6,4.5,4.7,5h0.5C5.4,4.4,5.6,3.8,6,3.2 C6.3,2.8,6.7,2.4,7.1,2C7.5,1.6,8,1.3,8.5,1C9,0.7,9.5,0.5,10,0.4V0c0,0-3.5,0.5-5,2C3.5,0.5,0,0,0,0z"/> <title>arrow-down</title></svg> </span> </button> <h3 class="hidden lg:block leading-8 text-white font-sans text-xxs uppercase"> Versand & Bezahlung</h3> <ul class="hidden pb-5 lg:pb-0 lg:block" :class="{'!block': activeNode === 52}" > <li class="py-2"> <a class="font-serif text-base xl:whitespace-nowrap link-underline-white" href="https://shop.freywille.com/delivery" > Lieferinformationen</a> </li> <li class="py-2"> <a class="font-serif text-base xl:whitespace-nowrap link-underline-white" href="https://shop.freywille.com/garantie" > Garantiebedingungen</a> </li> <li class="py-2"> <a class="font-serif text-base xl:whitespace-nowrap link-underline-white" href="https://shop.freywille.com/return-policy" > Rückgabe & Umtausch</a> </li> </ul> </div> <div class="grow shrink lg:basis-1/3 lg:px-3"> <button type="button" class="flex flex-row justify-between w-full items-center text-lg text-grey-5 pb-2.5 pt-2.5 border-b border-grey-5/30 pr-2 lg:hidden" @click="activeNode === 57 ? activeNode = null : activeNode = 57" :aria-expanded="activeNode === 57 ? 'true' : 'false'" > <span class="font-serif text-lg leading-8 text-grey-5 lg:text-grey-1 lg:font-sans lg:text-xs lg:uppercase"> Services </span> <span aria-hidden="true" class="transition-transform" :class="{'rotate-180': activeNode === 57}" > <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 5" fill="currentColor" width="10" height="5" role="img"> <path d="M0,0l0,0.4c0.7,0.2,1.5,0.5,2.2,1C3,2,3.6,2.6,4,3.2v0C4.4,3.9,4.6,4.5,4.7,5h0.5C5.4,4.4,5.6,3.8,6,3.2 C6.3,2.8,6.7,2.4,7.1,2C7.5,1.6,8,1.3,8.5,1C9,0.7,9.5,0.5,10,0.4V0c0,0-3.5,0.5-5,2C3.5,0.5,0,0,0,0z"/> <title>arrow-down</title></svg> </span> </button> <h3 class="hidden lg:block leading-8 text-white font-sans text-xxs uppercase"> Services</h3> <ul class="hidden pb-5 lg:pb-0 lg:block" :class="{'!block': activeNode === 57}" > <li class="py-2"> <a class="font-serif text-base xl:whitespace-nowrap link-underline-white" href="https://shop.freywille.com/our-boutiques" > Boutiquefinder</a> </li> <li class="py-2"> <a class="font-serif text-base xl:whitespace-nowrap link-underline-white" href="https://shop.freywille.com/contact-service" > Kundenservice</a> </li> <li class="py-2"> <a class="font-serif text-base xl:whitespace-nowrap link-underline-white" href="https://shop.freywille.com/repair-product-care" > Pflege & Reparatur</a> </li> <li class="py-2"> <a class="font-serif text-base xl:whitespace-nowrap link-underline-white" href="https://shop.freywille.com/faq" > Häufig gestellte Fragen</a> </li> </ul> </div> </nav> </div> </div> </div> <div class="justify-between lg:flex"> <ul class="mb-16 lg:mb-0 lg:flex lg:-mx-3"> <li class="py-2.5 lg:px-3"> <a href="https://shop.freywille.com/privacy" class="text-xxs uppercase text-text-lighter link-underline-white"> Datenschutz </a> </li> <li class="py-2.5 lg:px-3"> <a href="https://shop.freywille.com/legalinformation" class="text-xxs uppercase text-text-lighter link-underline-white"> Impressum </a> </li> <li class="py-2.5 lg:px-3"> <a href="https://shop.freywille.com/terms-conditions" class="text-xxs uppercase text-text-lighter link-underline-white"> AGB </a> </li> </ul> <div class="xl:pr-10"> <h2 class="sr-only">Verfügbare Zahlungsarten</h2> <ul class="flex flex-wrap gap-x-8 gap-y-4 items-center"> <li> <span class="sr-only">Sofort Überweisung</span> <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="46" height="16" viewBox="0 0 52 16" fill="none" role="img"> <g clip-path="url(#clip0_81608_73959)"> <path d="M17.3064 0C16.6102 0 15.9348 0.162391 15.3004 0.464797C14.3948 0.899545 13.5731 1.62519 12.9022 2.58739C12.4664 3.21202 12.0937 3.93639 11.8017 4.74642C11.2512 6.27507 11.2575 7.51538 11.82 8.33309C12.1391 8.79533 12.8025 9.34708 14.1514 9.34836H14.1565C16.614 9.34836 18.4484 7.7155 19.61 4.49453C19.9171 3.64229 20.322 2.05227 19.5817 0.978822C19.1358 0.330536 18.3709 0.00127867 17.3064 0ZM32.1341 0C31.4385 0 30.7625 0.162391 30.1287 0.464797C29.2225 0.899545 28.4015 1.62519 27.7311 2.58739C27.2947 3.21202 26.922 3.93639 26.6301 4.74642C26.0789 6.27507 26.0858 7.51538 26.649 8.33309C26.9674 8.79533 27.6308 9.34708 28.9804 9.34836H28.9848C31.4429 9.34836 33.2774 7.7155 34.4384 4.49453C34.7461 3.64229 35.1503 2.05227 34.4106 0.978822C33.9629 0.329897 33.1986 0.000639335 32.1341 0ZM9.41422 0.129785C8.60576 0.129785 7.82002 0.129785 7.11562 0.491649C6.41185 0.853512 5.79069 1.57852 5.31268 3.02789C5.20926 3.33925 5.1544 3.60777 5.14683 3.84113C5.13989 4.07448 5.17962 4.27332 5.26665 4.44594C5.37448 4.65692 5.54916 4.85511 5.76673 5.02198C5.98555 5.18948 6.24663 5.32502 6.52788 5.41197C6.5386 5.41517 6.6868 5.458 6.86589 5.50979C7.04436 5.56158 7.25309 5.62423 7.38552 5.66451C7.46309 5.68816 7.54822 5.71949 7.62516 5.7668C7.70272 5.81283 7.77209 5.87549 7.8156 5.9618C7.84461 6.01934 7.85975 6.082 7.86101 6.14913C7.8629 6.2169 7.85155 6.28978 7.82569 6.3665C7.76011 6.56341 7.66047 6.69 7.47065 6.76736C7.2821 6.84472 7.00337 6.86966 6.58022 6.87285H1.30385L0.469543 9.19748H6.11924C6.65085 9.19748 7.62263 9.19748 8.55658 8.79469C9.49052 8.39255 10.3866 7.58891 10.7656 5.9797C10.9081 5.37489 10.864 4.8826 10.6307 4.4958C10.3961 4.10901 9.97231 3.82834 9.35494 3.64869C9.35494 3.64869 9.21683 3.60777 9.05413 3.56046C8.8927 3.51315 8.7054 3.4588 8.60955 3.43067C8.45126 3.38464 8.32955 3.29258 8.2583 3.1743C8.18704 3.05666 8.16559 2.91345 8.20595 2.76768C8.24884 2.61552 8.351 2.49469 8.49919 2.41093C8.64802 2.32782 8.84288 2.28179 9.07053 2.28179H12.3548C12.3781 2.2479 12.3989 2.21082 12.4223 2.17758C13.022 1.31703 13.7484 0.620794 14.5437 0.129146H9.41485L9.41422 0.129785ZM24.1751 0.129785C22.7139 0.129785 21.6255 0.879086 21.1122 2.28243L18.6294 9.19748H21.3493L22.625 5.64277L25.0283 5.64469L25.7125 3.74075L23.3168 3.73883L23.7027 2.63662C23.7828 2.43906 23.9752 2.28179 24.2564 2.28179C24.4128 2.28179 26.1773 2.28179 27.0904 2.28307C27.1137 2.24854 27.1352 2.2121 27.1579 2.17821C27.7576 1.31767 28.607 0.621434 29.4023 0.129785H24.1751ZM36.7918 0.1349L33.5347 9.20323H36.3012L37.4849 6.01103C37.5429 6.14273 38.241 9.20323 38.241 9.20323H41.1494C41.1494 9.20323 40.6203 6.95405 40.2312 6.04619C40.1309 5.81284 40.0269 5.55071 39.8875 5.33206C40.7092 5.02262 41.8992 4.35835 42.3923 3.01191C42.695 2.18397 42.678 1.51522 42.3413 1.02485C41.9332 0.428994 41.1034 0.136818 39.8024 0.135539H36.7912L36.7918 0.1349ZM42.4661 0.1349C42.6408 0.275553 42.7921 0.435387 42.9176 0.618876C43.2393 1.08943 43.3622 1.64821 43.2891 2.28818H44.9362L42.4535 9.20579H44.9337L47.4177 2.28818H50.6049L51.378 0.1349H42.4655H42.4661ZM38.6149 2.00687H39.0715C39.9064 2.00687 40.218 2.25494 39.9348 3.02725C39.6693 3.75226 39.1926 4.20043 38.2851 4.20043H37.8122L38.6149 2.00687ZM16.6537 2.05163C17.5031 2.05291 17.698 2.55223 16.952 4.62175C16.1852 6.74882 15.6289 7.28395 14.7915 7.28395H14.7896C13.9736 7.28395 13.6873 6.75969 14.451 4.64285C15.021 3.06242 15.7595 2.05163 16.6531 2.05163H16.6537ZM31.4814 2.05163H31.4827C32.3321 2.05291 32.527 2.55223 31.7803 4.62175C31.0141 6.74882 30.4573 7.28395 29.6204 7.28395H29.6186C28.8019 7.28395 28.5175 6.75969 29.2805 4.64285C29.85 3.06242 30.5891 2.05163 31.482 2.05163H31.4814Z" fill="white"/> <path d="M3.15912 10.1582C2.98507 10.1582 2.85453 10.1902 2.76751 10.2535C2.68048 10.318 2.60796 10.4318 2.54868 10.5968C2.49193 10.7547 2.4831 10.8647 2.52283 10.9273C2.56256 10.99 2.66976 11.0213 2.8457 11.0213C3.02165 11.0213 3.15344 10.9893 3.23921 10.9235C3.3256 10.8583 3.39749 10.7451 3.45551 10.5827C3.5129 10.4222 3.52299 10.3123 3.48389 10.2503C3.44605 10.1889 3.33695 10.1582 3.15849 10.1582H3.15912ZM4.65873 10.1582C4.48215 10.1582 4.35162 10.1902 4.26585 10.2535C4.17946 10.318 4.10757 10.4318 4.04829 10.5968C3.99153 10.7547 3.98271 10.8647 4.02054 10.9273C4.05901 10.99 4.16558 11.0213 4.34216 11.0213C4.51873 11.0213 4.64927 10.9893 4.73755 10.9235C4.82458 10.8583 4.89773 10.7451 4.95575 10.5827C5.01313 10.4222 5.02196 10.3123 4.98223 10.2503C4.9425 10.1889 4.83467 10.1582 4.65873 10.1582ZM32.6569 11.3378C32.4525 11.3378 32.2507 11.3646 32.0496 11.4177C31.8484 11.4714 31.6618 11.552 31.489 11.6594C31.3162 11.7674 31.1617 11.9029 31.0236 12.066C30.8861 12.2296 30.7789 12.4195 30.7013 12.635C30.6338 12.8236 30.6036 12.9841 30.6099 13.119C30.6162 13.2532 30.6458 13.3702 30.6988 13.4687C30.7511 13.5678 30.8211 13.6515 30.9082 13.7225C30.9952 13.7935 31.0873 13.8568 31.1863 13.9117C31.2853 13.9674 31.3818 14.0211 31.477 14.0703C31.5709 14.1202 31.6523 14.1732 31.7191 14.2308C31.7872 14.2877 31.8352 14.3522 31.8635 14.4251C31.8926 14.4986 31.8881 14.5856 31.8516 14.6879C31.82 14.7761 31.7753 14.856 31.7172 14.9276C31.6592 14.9999 31.5911 15.0606 31.5136 15.1086C31.4354 15.1572 31.3483 15.1955 31.2512 15.2217C31.1547 15.2479 31.0519 15.262 30.9416 15.262C30.7745 15.262 30.6345 15.2428 30.5216 15.2045C30.4087 15.1668 30.3141 15.1239 30.2397 15.0779C30.1653 15.0319 30.1054 14.9897 30.0612 14.9507C30.0158 14.9129 29.9774 14.8938 29.9452 14.8938C29.9225 14.8938 29.9004 14.9002 29.8784 14.9129C29.8569 14.9257 29.8355 14.9468 29.814 14.9769C29.7926 15.0069 29.7712 15.0466 29.7491 15.0958C29.727 15.1444 29.7024 15.2051 29.6772 15.2761C29.6387 15.3835 29.6154 15.4647 29.6078 15.5216C29.5996 15.5785 29.6059 15.622 29.6249 15.652C29.6425 15.6821 29.6797 15.7172 29.7333 15.7562C29.7863 15.7952 29.8569 15.8329 29.9446 15.8694C30.0322 15.9058 30.1375 15.9359 30.2599 15.9614C30.3822 15.987 30.5203 15.9992 30.6742 15.9992C30.9006 15.9992 31.1245 15.9691 31.3452 15.909C31.5659 15.8489 31.7721 15.7588 31.9632 15.6392C32.1549 15.5203 32.3258 15.3713 32.4771 15.1923C32.6279 15.014 32.7458 14.8062 32.8315 14.5696C32.8965 14.3887 32.9255 14.2314 32.9186 14.0984C32.9116 13.9654 32.8814 13.8484 32.8271 13.7506C32.7735 13.6515 32.7023 13.5678 32.6127 13.4962C32.5238 13.4258 32.4292 13.3626 32.3302 13.3069C32.2318 13.2513 32.1341 13.1989 32.0376 13.149C31.9411 13.0991 31.8579 13.0454 31.7879 12.9885C31.7179 12.9316 31.6687 12.8671 31.6409 12.7942C31.6138 12.7213 31.6176 12.6343 31.6536 12.5346C31.6775 12.4675 31.7128 12.4042 31.7589 12.3435C31.8043 12.2834 31.8591 12.2316 31.9235 12.1887C31.9884 12.1459 32.0609 12.112 32.1429 12.0877C32.2249 12.0634 32.3151 12.0513 32.4141 12.0513C32.5396 12.0513 32.6499 12.0666 32.7439 12.0979C32.8379 12.1293 32.9179 12.1632 32.9842 12.2022C33.0504 12.2399 33.1052 12.2757 33.1481 12.3083C33.1916 12.3409 33.2263 12.3569 33.2509 12.3569C33.2755 12.3569 33.2988 12.3498 33.3184 12.3358C33.3379 12.3217 33.3581 12.3 33.377 12.2699C33.3953 12.2399 33.4142 12.2015 33.435 12.1548C33.4552 12.1088 33.4779 12.0519 33.5019 11.9848C33.5233 11.9247 33.5404 11.8735 33.5523 11.8333C33.565 11.7923 33.5732 11.7585 33.5769 11.7322C33.5807 11.706 33.5813 11.6837 33.5795 11.6677C33.5769 11.6517 33.5687 11.6312 33.5542 11.6082C33.5397 11.5852 33.5032 11.5564 33.4451 11.5213C33.3859 11.4861 33.3165 11.4554 33.2345 11.4273C33.1532 11.3998 33.063 11.3781 32.964 11.3614C32.8637 11.3448 32.7615 11.3371 32.6569 11.3371V11.3378ZM46.9082 11.341C46.5582 11.341 46.2214 11.3953 45.8973 11.5046C45.5732 11.614 45.2736 11.7706 44.998 11.9758C44.7237 12.1811 44.4778 12.4304 44.2627 12.7239C44.0477 13.0179 43.8743 13.3485 43.7412 13.7174C43.6132 14.0741 43.5501 14.3944 43.5527 14.6757C43.5539 14.9577 43.617 15.1968 43.7406 15.3924C43.8648 15.5887 44.0483 15.7377 44.2924 15.8413C44.5352 15.9442 44.8341 15.996 45.1885 15.996C45.3102 15.996 45.4325 15.9902 45.5568 15.9787C45.681 15.9666 45.8059 15.9493 45.9326 15.9269C46.0594 15.9033 46.1823 15.8758 46.304 15.8432C46.4258 15.8106 46.5285 15.7799 46.6137 15.7498C46.6988 15.7191 46.7631 15.6782 46.806 15.6258C46.8483 15.574 46.8823 15.5126 46.9069 15.4429L47.5501 13.6515C47.5665 13.6049 47.576 13.5633 47.5766 13.5275C47.5779 13.4917 47.5728 13.461 47.5602 13.4354C47.5476 13.4099 47.5293 13.3907 47.5054 13.3779C47.4814 13.3651 47.4511 13.3581 47.4146 13.3581H45.915C45.8941 13.3581 45.874 13.3651 45.8532 13.3779C45.8323 13.3907 45.8122 13.4099 45.7907 13.4374C45.7699 13.4636 45.7485 13.4987 45.727 13.5435C45.7056 13.587 45.6829 13.6419 45.6596 13.7065C45.6142 13.8325 45.594 13.9207 45.5978 13.9731C45.6022 14.0255 45.6249 14.0518 45.6659 14.0518H46.5071L46.1319 15.0951C46.031 15.1412 45.9269 15.1763 45.8197 15.1994C45.7138 15.2224 45.6097 15.2339 45.5088 15.2339C45.3026 15.2339 45.1267 15.2 44.9804 15.1329C44.8341 15.0651 44.7237 14.966 44.6506 14.833C44.5768 14.7013 44.5415 14.537 44.544 14.3414C44.5471 14.1451 44.5944 13.9181 44.6871 13.6611C44.771 13.4265 44.8814 13.2129 45.0176 13.0192C45.1532 12.8255 45.3077 12.6599 45.4805 12.5212C45.6539 12.3831 45.8412 12.277 46.0417 12.2015C46.2429 12.1267 46.451 12.0884 46.6654 12.0884C46.8666 12.0884 47.0356 12.1095 47.173 12.151C47.3092 12.1926 47.4247 12.2386 47.5174 12.2865C47.6094 12.3351 47.6813 12.3805 47.7324 12.4221C47.7835 12.4636 47.8245 12.4847 47.8547 12.4847C47.8749 12.4847 47.8945 12.479 47.914 12.4675C47.9336 12.4553 47.9531 12.4349 47.9739 12.4067C47.9947 12.3773 48.0162 12.3383 48.0389 12.2897C48.0622 12.2412 48.0862 12.1836 48.1101 12.1158C48.1518 12.0001 48.1763 11.9125 48.1833 11.8531C48.1915 11.7943 48.1852 11.7482 48.1663 11.7156C48.1467 11.683 48.1063 11.6447 48.0445 11.6005C47.9827 11.5571 47.8989 11.5155 47.7948 11.4772C47.6914 11.4388 47.5647 11.4062 47.4165 11.38C47.2683 11.3531 47.098 11.3397 46.9057 11.3397L46.9082 11.341ZM18.8527 11.3966C18.7354 11.3966 18.6439 11.3998 18.5764 11.4062C18.509 11.4119 18.4566 11.4273 18.4188 11.4529C18.381 11.4784 18.3545 11.5149 18.3406 11.5628C18.3255 11.6101 18.3141 11.676 18.304 11.7597L17.9029 15.6872C17.896 15.7434 17.8979 15.7875 17.9061 15.8214C17.9149 15.8547 17.9389 15.8803 17.9786 15.8982C18.0183 15.9154 18.0764 15.9276 18.1533 15.9327C18.2302 15.9384 18.3349 15.941 18.4673 15.941C18.5998 15.941 18.6956 15.9384 18.7745 15.9327C18.8527 15.9269 18.9189 15.9148 18.9699 15.8956C19.021 15.8777 19.0627 15.8515 19.0954 15.8176C19.1276 15.7844 19.1598 15.7409 19.1907 15.6872L20.8877 12.8345H20.8946L20.5812 15.6872C20.5723 15.7434 20.5723 15.7875 20.5812 15.8214C20.5894 15.8547 20.6133 15.8803 20.6531 15.8982C20.6928 15.9154 20.7508 15.9276 20.8277 15.9327C20.9047 15.9384 21.0081 15.941 21.1386 15.941C21.2553 15.941 21.3524 15.9384 21.43 15.9327C21.5076 15.9269 21.5738 15.9148 21.6274 15.8982C21.6816 15.8803 21.7276 15.8553 21.763 15.8214C21.7995 15.7875 21.8348 15.7434 21.8683 15.6872L24.2936 11.77C24.3447 11.6843 24.3813 11.6159 24.4027 11.5667C24.4235 11.5162 24.4261 11.4791 24.4103 11.4535C24.3939 11.4279 24.3598 11.4126 24.3056 11.4068C24.2514 11.4004 24.1738 11.3972 24.0735 11.3972C23.9657 11.3972 23.8812 11.4004 23.8194 11.4068C23.7576 11.4126 23.7078 11.4228 23.6706 11.4382C23.6334 11.4535 23.6037 11.474 23.5835 11.5008C23.5627 11.5277 23.5413 11.5596 23.5217 11.5967L21.5088 15.0344H21.5019L21.8935 11.6101C21.9004 11.5641 21.9017 11.527 21.896 11.4989C21.8897 11.472 21.8721 11.4503 21.8418 11.435C21.8115 11.4196 21.7655 11.41 21.7018 11.4055C21.6375 11.4011 21.5517 11.3985 21.442 11.3985C21.3385 11.3985 21.2553 11.4017 21.1916 11.4081C21.1273 11.4139 21.0749 11.4241 21.0346 11.4394C20.9936 11.4548 20.9608 11.4759 20.9362 11.5034C20.911 11.5315 20.8864 11.5679 20.8612 11.6114L18.8224 15.0357H18.8186L19.2777 11.5878C19.2872 11.5436 19.2897 11.5098 19.2865 11.4855C19.284 11.4612 19.2689 11.4426 19.2417 11.4298C19.214 11.4171 19.1699 11.4087 19.1081 11.4055C19.0463 11.4017 18.9618 11.3998 18.8539 11.3998L18.8527 11.3966ZM29.5624 11.3966C29.4754 11.3966 29.4016 11.4004 29.3423 11.4068C29.2831 11.4139 29.2332 11.4234 29.1935 11.435C29.1538 11.4465 29.1235 11.4618 29.1014 11.4803C29.08 11.4989 29.0649 11.52 29.056 11.543L27.5299 15.7946C27.5217 15.8182 27.5211 15.8387 27.5299 15.8579C27.5375 15.8758 27.5564 15.8911 27.5867 15.9026C27.6176 15.9148 27.6599 15.9237 27.716 15.9308C27.7715 15.9378 27.8434 15.941 27.9298 15.941C28.0162 15.941 28.0937 15.9372 28.1536 15.9308C28.2129 15.9237 28.2621 15.9148 28.3006 15.9026C28.3397 15.8911 28.3693 15.8764 28.3914 15.8579C28.4122 15.8393 28.4273 15.8182 28.4355 15.7946L29.9622 11.543C29.9711 11.52 29.9711 11.4995 29.9622 11.4803C29.954 11.4618 29.9345 11.4465 29.9042 11.435C29.8746 11.4234 29.8317 11.4139 29.7775 11.4068C29.7226 11.3998 29.6501 11.3966 29.5612 11.3966H29.5624ZM2.10662 11.3966C2.01707 11.3966 1.94329 11.4004 1.88275 11.4068C1.82347 11.4139 1.77365 11.4234 1.73392 11.435C1.6942 11.4465 1.66393 11.4612 1.64438 11.4803C1.62357 11.4982 1.60969 11.5193 1.60086 11.543L0.618363 14.2813C0.515573 14.569 0.465754 14.8202 0.469538 15.0344C0.473952 15.2492 0.526293 15.4282 0.628453 15.5715C0.729983 15.7153 0.879439 15.8227 1.07619 15.8937C1.27231 15.9646 1.51006 15.9998 1.78942 15.9998C2.08707 15.9998 2.36391 15.9602 2.6212 15.8815C2.87849 15.8023 3.11182 15.6878 3.32119 15.5376C3.53118 15.3873 3.71532 15.2026 3.87361 14.9839C4.03189 14.7659 4.16117 14.5191 4.26018 14.2429L5.22944 11.543C5.23826 11.5193 5.23826 11.4989 5.2307 11.4803C5.22376 11.4618 5.20547 11.4465 5.1752 11.435C5.14493 11.4234 5.10331 11.4139 5.04971 11.4068C4.99611 11.3998 4.92611 11.3966 4.83845 11.3966C4.7508 11.3966 4.67765 11.4004 4.61711 11.4068C4.55657 11.4139 4.50738 11.4234 4.46828 11.435C4.42981 11.4465 4.4008 11.4612 4.37999 11.4803C4.35918 11.4982 4.34531 11.5193 4.33711 11.543L3.36407 14.2531C3.30731 14.4111 3.23542 14.5517 3.14903 14.6764C3.062 14.8004 2.96426 14.9046 2.85579 14.989C2.74733 15.0741 2.6294 15.138 2.50139 15.1827C2.374 15.2262 2.23905 15.2486 2.09779 15.2486C1.95653 15.2486 1.83924 15.2275 1.74086 15.184C1.64312 15.1405 1.56933 15.0766 1.51888 14.9909C1.46844 14.9053 1.4451 14.7966 1.44889 14.6655C1.45267 14.5351 1.48609 14.3797 1.55042 14.2007L2.50454 11.543C2.51274 11.5193 2.51274 11.4989 2.50454 11.4803C2.49634 11.4618 2.47742 11.4465 2.44715 11.435C2.41688 11.4234 2.374 11.4139 2.31977 11.4068C2.2649 11.3998 2.19428 11.3966 2.10725 11.3966H2.10662ZM35.4026 11.3966C35.313 11.3966 35.2392 11.4004 35.1787 11.4068C35.1194 11.4139 35.0696 11.4228 35.0299 11.4343C34.9901 11.4465 34.9599 11.4612 34.9397 11.4797C34.9189 11.4982 34.905 11.5193 34.8968 11.5424L33.9143 14.28C33.8109 14.5677 33.7617 14.819 33.7661 15.0331C33.7699 15.2479 33.8222 15.427 33.9244 15.5702C34.0266 15.714 34.1754 15.8214 34.3728 15.8924C34.5689 15.9634 34.8066 15.9985 35.086 15.9985C35.383 15.9985 35.6605 15.9589 35.9178 15.8803C36.1751 15.801 36.4078 15.6865 36.6178 15.5357C36.8278 15.3848 37.0113 15.2006 37.1702 14.982C37.3285 14.764 37.4571 14.5166 37.5568 14.241L38.526 11.5411C38.5348 11.5174 38.5348 11.497 38.5273 11.4784C38.5203 11.4605 38.5021 11.4452 38.4718 11.433C38.4415 11.4215 38.3999 11.4119 38.3463 11.4055C38.2927 11.3985 38.2221 11.3953 38.1357 11.3953C38.0493 11.3953 37.9749 11.3992 37.9137 11.4055C37.8531 11.4126 37.804 11.4215 37.7649 11.433C37.7264 11.4452 37.6968 11.4599 37.6766 11.4784C37.6558 11.497 37.6419 11.5181 37.6337 11.5411L36.6607 14.2512C36.6039 14.4091 36.532 14.5498 36.4456 14.6745C36.3586 14.7985 36.2608 14.9021 36.153 14.9871C36.0445 15.0721 35.9266 15.1361 35.7986 15.1802C35.6706 15.2243 35.5356 15.2467 35.3944 15.2467C35.2531 15.2467 35.1364 15.2249 35.0381 15.1821C34.9403 15.1386 34.8659 15.0747 34.8155 14.989C34.765 14.9033 34.7417 14.7947 34.7455 14.6636C34.7486 14.5332 34.7827 14.3778 34.847 14.1988L35.8011 11.5411C35.81 11.5174 35.8093 11.497 35.8011 11.4784C35.7936 11.4605 35.774 11.4452 35.7444 11.433C35.7141 11.4215 35.6712 11.4119 35.617 11.4055C35.5621 11.3985 35.4915 11.3953 35.4045 11.3953L35.4026 11.3966ZM43.1194 11.4036C43.0368 11.4036 42.9687 11.4068 42.9132 11.4126C42.859 11.4183 42.813 11.4279 42.7757 11.442C42.7385 11.4561 42.7102 11.472 42.69 11.4906C42.6692 11.5091 42.6553 11.5302 42.6471 11.5532L41.8878 13.6656C41.8311 13.8261 41.7724 13.9936 41.7125 14.1694C41.6526 14.3458 41.5965 14.5153 41.546 14.6777H41.5423C41.5341 14.5843 41.5259 14.4923 41.5151 14.3996C41.5051 14.3062 41.4943 14.2122 41.483 14.1157C41.4716 14.0191 41.4584 13.9232 41.4439 13.8267C41.4287 13.7302 41.4149 13.6324 41.4004 13.532L41.1261 11.8863C41.1153 11.7955 41.0996 11.7201 41.0806 11.6587C41.0611 11.5973 41.0346 11.5494 41.0006 11.5149C40.9659 11.4797 40.9217 11.4541 40.8675 11.4394C40.8139 11.4241 40.7426 11.4171 40.6562 11.4171H40.1726C40.0811 11.4171 39.9941 11.4445 39.9115 11.4989C39.8289 11.5532 39.7683 11.6351 39.7292 11.7444L38.2763 15.7907C38.2675 15.8138 38.2662 15.8349 38.27 15.8534C38.2757 15.8713 38.2908 15.8873 38.3154 15.8994C38.3412 15.9122 38.3785 15.9224 38.4289 15.9295C38.4794 15.9365 38.5437 15.9397 38.6238 15.9397C38.7039 15.9397 38.7745 15.9359 38.8306 15.9295C38.8855 15.9224 38.9309 15.9122 38.9662 15.8994C39.0015 15.8866 39.0286 15.8713 39.0488 15.8534C39.0671 15.8349 39.081 15.8131 39.0892 15.7907L39.9354 13.4354C39.9985 13.259 40.0578 13.0876 40.1126 12.9227C40.1681 12.7565 40.2211 12.5902 40.2716 12.4234H40.2785C40.2817 12.5602 40.2911 12.7015 40.305 12.8466C40.3189 12.9911 40.3359 13.1266 40.3548 13.2519L40.7042 15.3566C40.7199 15.4724 40.7376 15.5676 40.7565 15.6405C40.7767 15.7134 40.8032 15.7716 40.8366 15.8144C40.8713 15.8579 40.9135 15.8873 40.9659 15.9033C41.0188 15.9199 41.0851 15.9276 41.1658 15.9276H41.5498C41.5933 15.9276 41.6387 15.9212 41.686 15.9084C41.7327 15.8956 41.7768 15.8751 41.8178 15.8476C41.8582 15.8195 41.8954 15.785 41.9288 15.7434C41.9622 15.7012 41.9881 15.6539 42.007 15.6002L43.46 11.5539C43.4682 11.5302 43.4701 11.5098 43.465 11.4912C43.4606 11.4733 43.4461 11.4567 43.4221 11.4426C43.3982 11.4286 43.3616 11.419 43.3105 11.4132C43.2601 11.4075 43.1964 11.4043 43.1188 11.4043L43.1194 11.4036ZM11.0784 11.4177C11.0027 11.4177 10.9308 11.4401 10.8627 11.4855C10.7953 11.5315 10.7436 11.6044 10.7063 11.7067L9.29755 15.6309C9.26097 15.7332 9.26034 15.8067 9.29565 15.8521C9.33097 15.8975 9.38646 15.9205 9.46151 15.9205H11.692C11.7128 15.9205 11.7343 15.9135 11.7563 15.9007C11.7771 15.8879 11.7992 15.8687 11.8206 15.8406C11.8427 15.8125 11.8635 15.776 11.8862 15.7306C11.9077 15.6853 11.931 15.629 11.955 15.5619C11.9789 15.4947 11.996 15.4378 12.0073 15.3931C12.0174 15.3477 12.0224 15.3106 12.0206 15.2831C12.0193 15.2556 12.0117 15.2352 11.9997 15.2224C11.9871 15.2102 11.9707 15.2038 11.9499 15.2038H10.3513L10.8066 13.9341H12.1486C12.1694 13.9341 12.1902 13.9284 12.2116 13.9162C12.2324 13.9047 12.2539 13.8855 12.2747 13.8587C12.2955 13.8325 12.3169 13.7967 12.3384 13.7525C12.3605 13.7084 12.3832 13.6528 12.4071 13.5857C12.4305 13.5205 12.4475 13.4655 12.4582 13.4201C12.4689 13.3753 12.4733 13.3395 12.4708 13.3127C12.4695 13.2865 12.462 13.266 12.4494 13.2532C12.4368 13.2404 12.4204 13.234 12.3996 13.234H11.0582L11.4524 12.135H13.0377C13.0585 12.135 13.0794 12.1286 13.0995 12.1158C13.1203 12.1031 13.1412 12.0832 13.1626 12.0551C13.184 12.0276 13.2055 11.9905 13.2276 11.9451C13.2496 11.9004 13.2723 11.8454 13.2957 11.7796C13.3209 11.7105 13.3379 11.653 13.3493 11.6076C13.3594 11.5628 13.3644 11.5257 13.3638 11.4963C13.3625 11.4676 13.3562 11.4477 13.3436 11.4362C13.3322 11.4247 13.3158 11.4183 13.295 11.4183H11.0784V11.4177ZM14.8022 11.4177C14.7265 11.4177 14.6553 11.4401 14.5872 11.4855C14.5197 11.5315 14.4673 11.6044 14.4308 11.7067L12.9633 15.7952C12.9551 15.8189 12.9539 15.8393 12.9614 15.8579C12.9684 15.8764 12.9873 15.8918 13.0176 15.9033C13.0472 15.9148 13.0907 15.9244 13.1462 15.9314C13.2017 15.9384 13.273 15.9416 13.36 15.9416C13.447 15.9416 13.5239 15.9378 13.5832 15.9314C13.6431 15.9244 13.6923 15.9148 13.7302 15.9033C13.7686 15.8918 13.7989 15.8771 13.8203 15.8579C13.8411 15.84 13.8569 15.8189 13.8651 15.7952L14.4806 14.0792H14.7625C14.8577 14.0792 14.9372 14.0939 15.0002 14.1246C15.062 14.1547 15.1112 14.1988 15.1459 14.2583C15.1806 14.3177 15.2045 14.3912 15.219 14.4795C15.2335 14.5677 15.2436 14.6681 15.2512 14.7819L15.2884 15.7869C15.2871 15.815 15.2903 15.8387 15.2966 15.8585C15.3035 15.8783 15.3212 15.895 15.3502 15.9077C15.3786 15.9205 15.4202 15.9288 15.4757 15.934C15.5318 15.9384 15.6069 15.941 15.7034 15.941C15.8175 15.941 15.9089 15.9384 15.977 15.934C16.0451 15.9295 16.0981 15.9212 16.1366 15.9097C16.1757 15.8975 16.2022 15.8828 16.2179 15.8662C16.2331 15.8489 16.2457 15.8272 16.2551 15.8016C16.2633 15.7786 16.269 15.7466 16.2722 15.7057C16.2753 15.6654 16.276 15.6009 16.2734 15.5126L16.2173 14.6252C16.2123 14.5185 16.2022 14.4232 16.1864 14.3382C16.1713 14.2538 16.1492 14.1777 16.1215 14.1119C16.0937 14.046 16.0597 13.9897 16.0174 13.9437C15.9758 13.897 15.9279 13.858 15.873 13.8254C16.0262 13.7813 16.1694 13.7231 16.3031 13.6509C16.4368 13.5793 16.5572 13.4943 16.665 13.3964C16.7735 13.2993 16.8681 13.1887 16.9507 13.0646C17.0327 12.9406 17.1008 12.8031 17.1557 12.6522C17.22 12.4732 17.2503 12.3153 17.2477 12.1766C17.244 12.0385 17.2105 11.9196 17.1475 11.8186C17.0844 11.7175 16.9923 11.6357 16.8713 11.5737C16.7514 11.511 16.6064 11.4663 16.4368 11.4413C16.3775 11.4343 16.3119 11.4286 16.2375 11.4241C16.1637 11.4196 16.0685 11.4171 15.9518 11.4171H14.8022V11.4177ZM25.645 11.4177C25.5694 11.4177 25.4975 11.4401 25.43 11.4855C25.3625 11.5315 25.3102 11.6044 25.2736 11.7067L23.8648 15.6309C23.8282 15.7332 23.8276 15.8067 23.8623 15.8521C23.8982 15.8975 23.9537 15.9205 24.0288 15.9205H26.2593C26.2801 15.9205 26.3015 15.9135 26.3229 15.9007C26.345 15.8879 26.3658 15.8687 26.3873 15.8406C26.41 15.8125 26.4314 15.776 26.4529 15.7306C26.4749 15.6853 26.4983 15.629 26.5222 15.5619C26.5462 15.4947 26.5638 15.4378 26.5746 15.3931C26.584 15.3477 26.5897 15.3106 26.5878 15.2831C26.5865 15.2556 26.5796 15.2352 26.567 15.2224C26.5544 15.2102 26.538 15.2038 26.5172 15.2038H24.9179L25.3739 13.9341H26.7158C26.7366 13.9341 26.7574 13.9284 26.7789 13.9162C26.8003 13.9047 26.8218 13.8855 26.8426 13.8587C26.8634 13.8318 26.8848 13.7967 26.9063 13.7525C26.9277 13.7084 26.951 13.6528 26.975 13.5857C26.9983 13.5205 27.0147 13.4655 27.0255 13.4201C27.0362 13.3753 27.0406 13.3395 27.0387 13.3127C27.0374 13.2865 27.0299 13.266 27.0173 13.2532C27.0046 13.2404 26.9876 13.234 26.9674 13.234H25.6255L26.0203 12.135H27.605C27.6258 12.135 27.6466 12.1286 27.6674 12.1158C27.6876 12.1031 27.709 12.0832 27.7299 12.0551C27.7513 12.0276 27.7734 11.9905 27.7948 11.9451C27.8175 11.9004 27.8402 11.8454 27.8635 11.7796C27.8888 11.7105 27.9058 11.653 27.9165 11.6076C27.9272 11.5628 27.9317 11.5257 27.931 11.4963C27.9298 11.4676 27.9235 11.4477 27.9115 11.4362C27.8995 11.4247 27.8837 11.4183 27.8629 11.4183H25.6463L25.645 11.4177ZM6.81922 11.4177C6.74355 11.4177 6.67166 11.4401 6.60418 11.4855C6.5367 11.5309 6.48436 11.6037 6.44779 11.7067L5.03899 15.6309C5.00241 15.7326 5.00178 15.8061 5.0371 15.8515C5.07241 15.8969 5.12791 15.9199 5.20358 15.9199H6.3841C6.56193 15.9199 6.72841 15.909 6.88102 15.8866C7.03426 15.8649 7.18309 15.8304 7.32813 15.7844C7.47254 15.7383 7.61128 15.6789 7.74371 15.6073C7.87613 15.5357 7.99784 15.4493 8.11072 15.3502C8.22297 15.2505 8.32387 15.1348 8.41468 15.005C8.50486 14.8752 8.57864 14.7307 8.63666 14.5703C8.69152 14.4175 8.71801 14.2787 8.71675 14.156C8.71486 14.0332 8.69089 13.9258 8.64486 13.8344C8.59882 13.743 8.53324 13.6682 8.44747 13.6093C8.36171 13.5518 8.26081 13.5102 8.14352 13.4879C8.25514 13.4508 8.35982 13.4022 8.45883 13.3415C8.5572 13.2814 8.64675 13.2117 8.72747 13.133C8.80819 13.0538 8.87945 12.9668 8.94125 12.8703C9.00305 12.7737 9.0535 12.6714 9.09323 12.5621C9.16322 12.3677 9.18971 12.1977 9.17268 12.0545C9.15566 11.9106 9.09953 11.7911 9.00368 11.6977C8.90845 11.6037 8.77413 11.5334 8.60198 11.4874C8.42982 11.4413 8.20784 11.4183 7.93604 11.4183H6.82048L6.81922 11.4177ZM7.19128 12.1031H7.64722C7.78659 12.1031 7.89379 12.1158 7.96821 12.1414C8.04262 12.167 8.09874 12.2034 8.13658 12.2514C8.17442 12.2987 8.19397 12.3588 8.19586 12.4304C8.19712 12.5026 8.18262 12.5832 8.15045 12.674C8.12145 12.7558 8.08045 12.8319 8.02938 12.9054C7.97766 12.9783 7.91649 13.0422 7.84523 13.0966C7.77461 13.1509 7.69452 13.1938 7.6056 13.2251C7.51605 13.2564 7.40696 13.2724 7.27642 13.2724H6.77255L7.19255 12.1031H7.19128ZM15.1862 12.1165H15.5911C15.6945 12.1165 15.774 12.121 15.8301 12.1274C15.8862 12.1344 15.9342 12.1433 15.9758 12.1542C16.112 12.197 16.1946 12.268 16.2249 12.3703C16.2545 12.472 16.2425 12.5979 16.1896 12.7462C16.1542 12.8434 16.1069 12.9323 16.0464 13.0103C15.9865 13.0896 15.9134 13.1573 15.8295 13.2142C15.745 13.2711 15.6491 13.3146 15.5419 13.3466C15.4347 13.3779 15.3174 13.3932 15.1888 13.3932H14.7291L15.1875 12.1158L15.1862 12.1165ZM6.53166 13.9405H7.06705C7.23164 13.9405 7.35966 13.9559 7.45236 13.9859C7.54443 14.016 7.6138 14.0588 7.66046 14.1144C7.70587 14.17 7.73172 14.2391 7.73614 14.3216C7.74118 14.404 7.72479 14.4967 7.68758 14.6016C7.65164 14.702 7.60245 14.7902 7.53939 14.8682C7.47506 14.9455 7.40254 15.0108 7.32119 15.0625C7.23984 15.115 7.15093 15.154 7.0557 15.1815C6.96048 15.2083 6.85012 15.2211 6.72463 15.2211H6.07257L6.53166 13.9411V13.9405Z" fill="white"/> </g> <defs> <clipPath id="clip0_81608_73959"> <rect width="50.9091" height="16" fill="white" transform="translate(0.469543)"/> </clipPath> </defs> <title>sofort</title></svg> </span> </li> <li> <span class="sr-only">VISA</span> <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 10" width="32" height="10" role="img"> <path fill-rule="evenodd" d="M21.03 0c.994 0 1.79.21 2.298.407l-.348 2.1-.23-.112a4.61 4.61 0 0 0-1.918-.371c-1.004 0-1.468.43-1.468.833-.006.454.543.753 1.439 1.2 1.479.692 2.162 1.531 2.152 2.633-.02 2.011-1.77 3.31-4.464 3.31-1.15-.012-2.257-.246-2.856-.517l.36-2.169.33.154c.842.362 1.387.509 2.414.509.736 0 1.527-.297 1.533-.946.005-.424-.33-.727-1.328-1.202-.973-.463-2.26-1.24-2.247-2.632C16.713 1.314 18.497 0 21.03 0Zm-9.526 9.887L13.107.2h2.564l-1.604 9.688h-2.563ZM27.944.2h1.98L32 9.881h-2.38s-.235-1.112-.311-1.451l-1.804-.003h-.033l-1.446-.002c-.1.262-.54 1.456-.54 1.456h-2.692L26.6 1.003c.27-.631.729-.804 1.343-.804Zm-1.162 6.255c.212-.558 1.022-2.708 1.022-2.708-.008.012.04-.115.106-.291.072-.193.166-.444.234-.634l.173.835.593 2.798h-2.128Zm-19.964.352L9.328.2h2.715L8.007 9.868l-2.712.003L3 1.399c1.627.84 3.083 2.517 3.55 4.064l.268 1.343Z" clip-rule="evenodd"/> <path fill-rule="evenodd" d="M4.014 0H.032L0 .191C3.098.952 5.148 2.791 6 5L5.134.776C4.984.194 4.551.02 4.014 0" clip-rule="evenodd"/> <title>visa</title></svg> </span> </li> <li> <span class="sr-only">Mastercard</span> <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="14" viewBox="0 0 33 20" fill="none" role="img"> <g clip-path="url(#clip0_81608_73955)"> <path opacity="0.7" d="M11.8611 2.13867H20.6336V17.8609H11.8611V2.13867Z" fill="white"/> <path d="M12.4181 10.0002C12.4181 6.80582 13.9219 3.9723 16.2335 2.13905C14.5344 0.805463 12.3902 0 10.051 0C4.50889 0 0.025116 4.47227 0.025116 10.0002C0.025116 15.528 4.50889 20.0003 10.051 20.0003C12.3902 20.0003 14.5348 19.1949 16.2335 17.8613C13.9219 16.0559 12.4181 13.1945 12.4181 10.0002Z" fill="white"/> <path d="M32.4695 10.0002C32.4695 15.528 27.9858 20.0003 22.4437 20.0003C20.1045 20.0003 17.9599 19.1949 16.2611 17.8613C18.6003 16.028 20.0766 13.1945 20.0766 10.0002C20.0766 6.80582 18.5728 3.9723 16.2611 2.13905C17.9599 0.805463 20.1045 0 22.4437 0C27.9858 0 32.4695 4.5001 32.4695 10.0002Z" fill="#72789A"/> </g> <defs> <clipPath id="clip0_81608_73955"> <rect width="32.4444" height="20" fill="white" transform="translate(0.025116)"/> </clipPath> </defs> <title>mastercard</title></svg> </span> </li> <li> <span class="sr-only">American Express</span> <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="24" viewBox="0 0 46 22" fill="none" role="img"> <g clip-path="url(#clip0_81608_73934)"> <path d="M0.560005 0H44.9148V22H0.560005V10.0064V9.2732V0Z" fill="#232C61"/> <path d="M9.17023 19.7684V12.8047H16.5434L17.3345 13.8358L18.1517 12.8047H44.9148V19.2881C44.9148 19.2881 44.215 19.7613 43.4057 19.7684H28.5864L27.6944 18.6705V19.7684H24.7717V17.8946C24.7717 17.8946 24.3724 18.1561 23.5093 18.1561H22.5147V19.7684H18.0895L17.2993 18.715L16.4972 19.7684H9.17023Z" fill="white"/> <path d="M0.560005 7.55616L2.22256 3.67969H5.09811L6.04166 5.85092V3.67969H9.61621L10.1778 5.24886L10.7225 3.67969H26.7682V4.4685C26.7682 4.4685 27.6117 3.67969 28.9981 3.67969L34.2041 3.69792L35.1312 5.84069V3.67969H38.1223L38.9458 4.91048V3.67969H41.9646V10.6434H38.9458L38.157 9.40857V10.6434H33.7621L33.3201 9.54552H32.1387L31.7038 10.6434H28.7233C27.5303 10.6434 26.7682 9.87056 26.7682 9.87056V10.6434H22.2745L21.3826 9.54552V10.6434H4.67214L4.2306 9.54552H3.05272L2.61429 10.6434H0.560005V7.55616Z" fill="white"/> <path d="M2.81127 4.53809L0.568453 9.75251H2.02869L2.44266 8.70847H4.84822L5.25997 9.75251H6.75221L4.51162 4.53853H2.81127V4.53809ZM3.64099 5.75154L4.37422 7.57594H2.90554L3.64099 5.75154Z" fill="#232C61"/> <path d="M6.90606 9.75153V4.53755L8.98081 4.54511L10.1876 7.90668L11.3655 4.53711H13.4238V9.75109H12.12V5.90886L10.7381 9.75109H9.59487L8.20934 5.90886V9.75109H6.90562L6.90606 9.75153Z" fill="#232C61"/> <path d="M14.3157 9.75206V4.53809H18.5693V5.70441H15.6328V6.59638H18.5008V7.69422H15.6328V8.62043H18.5693V9.75251H14.3157V9.75206Z" fill="#232C61"/> <path d="M19.3243 4.53809V9.75206H20.628V7.89965H21.1767L22.7396 9.75206H24.3328L22.6178 7.83117C23.3217 7.77159 24.0478 7.16775 24.0478 6.22954C24.0478 5.13214 23.1865 4.53809 22.2256 4.53809H19.3247H19.3243ZM20.628 5.70441H22.118C22.4755 5.70441 22.7356 5.98409 22.7356 6.25311C22.7356 6.59949 22.3986 6.8018 22.1376 6.8018H20.6284V5.70396L20.628 5.70441Z" fill="#232C61"/> <path d="M25.9105 9.75206H24.5796V4.53809H25.9105V9.75206Z" fill="#232C61"/> <path d="M29.0666 9.75206H28.7793C27.3894 9.75206 26.5454 8.65689 26.5454 7.16642C26.5454 5.67595 27.38 4.53809 29.1355 4.53809H30.5762V5.77288H29.0826C28.3698 5.77288 27.866 6.32914 27.866 7.17931C27.866 8.18912 28.4423 8.61331 29.2725 8.61331H29.6153L29.0666 9.75206Z" fill="#232C61"/> <path d="M31.903 4.53809L29.6602 9.75206H31.1204L31.5344 8.70802H33.94L34.3517 9.75206H35.844L33.6034 4.53809H31.903ZM32.7327 5.75154L33.466 7.57594H31.9973L32.7327 5.75154Z" fill="#232C61"/> <path d="M35.9956 9.75206V4.53809H37.6528L39.7689 7.81427V4.53809H41.0726V9.75206H39.4688L37.2989 6.3905V9.75206H35.9951H35.9956Z" fill="#232C61"/> <path d="M10.0622 18.8761V13.6621H14.3157V14.8284H11.3793V15.7204H14.2473V16.8182H11.3793V17.7445H14.3157V18.8765H10.0622V18.8761Z" fill="#232C61"/> <path d="M30.9052 18.8761V13.6621H35.1587V14.8284H32.2223V15.7204H35.0765V16.8182H32.2223V17.7445H35.1587V18.8765H30.9052V18.8761Z" fill="#232C61"/> <path d="M14.4807 18.8765L16.5519 16.3016L14.4313 13.6621H16.0734L17.3362 15.2935L18.6035 13.6621H20.1816L18.089 16.2691L20.1638 18.8761H18.5217L17.2953 17.2705L16.0988 18.8761H14.4803L14.4807 18.8765Z" fill="#232C61"/> <path d="M20.319 13.6631V18.8771H21.6569V17.2305H23.0291C24.1901 17.2305 25.0701 16.6147 25.0701 15.4168C25.0701 14.4243 24.38 13.6631 23.1985 13.6631H20.319ZM21.6569 14.8423H23.102C23.4773 14.8423 23.7454 15.0722 23.7454 15.4426C23.7454 15.7907 23.4787 16.0429 23.098 16.0429H21.6574V14.8423H21.6569Z" fill="#232C61"/> <path d="M25.6361 13.6621V18.8761H26.9398V17.0237H27.4885L29.0515 18.8761H30.6447L28.9296 16.9552C29.6335 16.8956 30.3596 16.2918 30.3596 15.3536C30.3596 14.2562 29.4983 13.6621 28.5375 13.6621H25.6365H25.6361ZM26.9398 14.8284H28.4298C28.7873 14.8284 29.0475 15.1081 29.0475 15.3771C29.0475 15.7235 28.7104 15.9258 28.4494 15.9258H26.9403V14.828L26.9398 14.8284Z" fill="#232C61"/> <path d="M35.7626 18.8761V17.744H38.3714C38.7573 17.744 38.9245 17.5355 38.9245 17.3065C38.9245 17.0775 38.7578 16.8658 38.3714 16.8658H37.1926C36.1677 16.8658 35.5972 16.2415 35.5972 15.3042C35.5972 14.4683 36.1196 13.6621 37.6426 13.6621H40.1811L39.6324 14.8351H37.4371C37.0174 14.8351 36.8884 15.0552 36.8884 15.2655C36.8884 15.4758 37.0481 15.72 37.3687 15.72H38.6035C39.7458 15.72 40.2416 16.3678 40.2416 17.2167C40.2416 18.1291 39.6893 18.8761 38.5412 18.8761H35.763H35.7626Z" fill="#232C61"/> <path d="M40.5466 18.8761V17.744H43.1554C43.5413 17.744 43.7085 17.5355 43.7085 17.3065C43.7085 17.0775 43.5418 16.8658 43.1554 16.8658H41.9766C40.9517 16.8658 40.3812 16.2415 40.3812 15.3042C40.3812 14.4683 40.9036 13.6621 42.4266 13.6621H44.9651L44.4164 14.8351H42.2211C41.8014 14.8351 41.6724 15.0552 41.6724 15.2655C41.6724 15.4758 41.8321 15.72 42.1527 15.72H43.3875C44.5298 15.72 45.0256 16.3678 45.0256 17.2167C45.0256 18.1291 44.4733 18.8761 43.3252 18.8761H40.547H40.5466Z" fill="#232C61"/> </g> <defs> <clipPath id="clip0_81608_73934"> <rect width="44.4651" height="22" fill="white" transform="translate(0.560005)"/> </clipPath> </defs> <title>american</title></svg> </span> </li> <li> <span class="sr-only">Paypal</span> <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 50 13" width="50" height="13" role="img"> <path fill-rule="evenodd" d="M6.772 0C8.035 0 9 .35 9.546.975c.495.575.669 1.4.495 2.45-.371 2.4-1.833 3.6-4.335 3.6H4.493c-.248 0-.47.2-.52.45L3.552 10.1c-.05.25-.248.45-.52.45H1.222a.328.328 0 0 1-.322-.375L2.437.45c.05-.25.248-.45.52-.45h3.815ZM4.963 4.902c.991 0 2.056 0 2.254-1.35.075-.475.025-.825-.148-1.05-.347-.4-.991-.4-1.685-.4h-.272a.323.323 0 0 0-.322.275l-.396 2.525h.57Zm13.203-1.4h-1.833a.344.344 0 0 0-.322.275l-.075.5-.124-.175c-.396-.575-1.288-.75-2.154-.75-2.007 0-3.74 1.525-4.063 3.65-.173 1.075.075 2.075.669 2.8.545.65 1.362.925 2.304.925 1.634 0 2.526-1.05 2.526-1.05l-.074.5c-.025.2.124.375.322.375h1.635c.272 0 .47-.2.52-.45l.99-6.225a.328.328 0 0 0-.321-.375Zm-4.608 5.273c1.04 0 1.883-.675 2.056-1.725.1-.5-.025-.95-.297-1.3-.273-.325-.694-.5-1.214-.5-1.04 0-1.882.725-2.056 1.75-.074.5.025.95.298 1.275.272.325.693.5 1.213.5ZM28.148 4l-6.093 8.775a.528.528 0 0 1-.446.225h-1.833c-.248 0-.397-.3-.248-.5l1.907-2.675-2.03-5.9A.317.317 0 0 1 19.7 3.5h1.809a.56.56 0 0 1 .52.375l1.065 3.575 2.526-3.7a.528.528 0 0 1 .446-.225H27.9c.248-.025.397.275.248.475Zm5.82-4c1.264 0 2.23.35 2.775.975.495.575.644 1.4.52 2.475-.371 2.4-1.833 3.6-4.335 3.6h-1.213c-.248 0-.47.2-.52.45l-.446 2.75c-.025.175-.198.3-.372.3H28.42a.328.328 0 0 1-.322-.375L29.634.45c.05-.25.248-.45.52-.45h3.815Zm.422 3.55C34.19 4.9 33.126 4.9 32.136 4.9h-.57l.396-2.55a.323.323 0 0 1 .322-.275h.273c.693 0 1.337 0 1.684.4.173.25.248.6.149 1.075Zm9.14-.048h1.833c.173 0 .347.175.322.375l-.991 6.225c-.05.25-.248.45-.52.45h-1.635a.328.328 0 0 1-.322-.375l.074-.5s-.891 1.05-2.526 1.05c-.941 0-1.759-.275-2.304-.925-.594-.725-.842-1.725-.669-2.8.322-2.125 2.056-3.65 4.063-3.65.891 0 1.758.175 2.155.75l.124.175.074-.5a.344.344 0 0 1 .322-.275ZM42.81 7.05c-.173 1.05-1.015 1.725-2.056 1.725-.52 0-.94-.175-1.213-.5-.273-.325-.372-.775-.297-1.275.173-1.025 1.015-1.75 2.056-1.75.52 0 .94.175 1.213.5.273.35.372.8.297 1.3Zm5.549 3.05L49.896.375c.024-.2-.124-.375-.297-.375h-1.76a.323.323 0 0 0-.321.275l-1.56 9.9c-.025.2.123.375.321.375h1.56c.248 0 .471-.2.521-.45Z" clip-rule="evenodd"/> <title>paypal</title></svg> </span> </li> <li> <span class="sr-only">Amazon Pay</span> <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 84 16" width="84" height="16" role="img"> <g fill-rule="evenodd" clip-path="url(#amazonpay-svg)" clip-rule="evenodd"> <path d="M33.426 12.517C30.346 14.79 25.87 16 22.034 16a20.625 20.625 0 0 1-13.919-5.311c-.288-.26-.033-.615.316-.416a27.97 27.97 0 0 0 13.924 3.7 27.622 27.622 0 0 0 10.623-2.16c.524-.236.959.326.448.704Z"/> <path d="M34.711 11.053c-.396-.506-2.607-.241-3.599-.119-.302.034-.35-.226-.075-.42 1.761-1.238 4.652-.879 4.987-.473.336.407-.09 3.308-1.742 4.726-.25.212-.473.099-.383-.18.373-.95 1.204-3.029.812-3.534ZM31.183 1.758v-1.2a.3.3 0 0 1 .185-.285.297.297 0 0 1 .117-.023h5.413a.302.302 0 0 1 .312.303v1.035c-.07.291-.217.559-.425.775l-2.792 3.993a5.991 5.991 0 0 1 3.075.661.557.557 0 0 1 .288.473v1.285c0 .18-.194.383-.397.279a6.195 6.195 0 0 0-5.7 0c-.19.099-.383-.104-.383-.279V7.561c-.02-.29.05-.579.198-.827l3.24-4.645H31.48a.298.298 0 0 1-.297-.331ZM11.502 9.28h-1.64a.307.307 0 0 1-.292-.278V.576a.307.307 0 0 1 .316-.302h1.53a.307.307 0 0 1 .298.284v1.096h.028a2.169 2.169 0 0 1 2.164-1.56c1.025 0 1.667.497 2.13 1.56a2.425 2.425 0 0 1 4.166-.638c.52.709.41 1.739.41 2.641v5.321a.312.312 0 0 1-.316.303h-1.639a.307.307 0 0 1-.293-.303V4.513a10.93 10.93 0 0 0-.047-1.579.855.855 0 0 0-.945-.727 1.086 1.086 0 0 0-.982.69 5.062 5.062 0 0 0-.156 1.616v4.465a.312.312 0 0 1-.316.303H14.26a.307.307 0 0 1-.293-.303V4.513c0-.945.156-2.325-1.006-2.325s-1.133 1.347-1.133 2.325v4.465a.312.312 0 0 1-.326.303ZM41.853 1.815c-1.21 0-1.29 1.649-1.29 2.679 0 1.03 0 3.227 1.276 3.227 1.275 0 1.331-1.772 1.331-2.835a7.865 7.865 0 0 0-.245-2.235 1.03 1.03 0 0 0-1.072-.836Zm0-1.72c2.432 0 3.75 2.093 3.75 4.753 0 2.57-1.455 4.612-3.75 4.612-2.39 0-3.694-2.093-3.694-4.702 0-2.608 1.304-4.663 3.68-4.663h.014ZM48.749 9.28h-1.635a.307.307 0 0 1-.297-.302V.548a.312.312 0 0 1 .316-.274h1.521a.312.312 0 0 1 .293.236v1.286h.028C49.448.643 50.081.095 51.215.095a2.143 2.143 0 0 1 1.888.992c.43.676.43 1.81.43 2.627v5.302a.307.307 0 0 1-.312.265h-1.648a.312.312 0 0 1-.293-.265V4.442c0-.922.109-2.273-1.025-2.273a1.081 1.081 0 0 0-.944.676 3.721 3.721 0 0 0-.26 1.597v4.536a.317.317 0 0 1-.302.303ZM28.534 9.262a.345.345 0 0 1-.388.037 3.992 3.992 0 0 1-.944-1.096A3.245 3.245 0 0 1 24.495 9.4c-1.379 0-2.456-.856-2.456-2.561a2.789 2.789 0 0 1 1.752-2.684c.888-.388 2.135-.473 3.085-.567v-.213a2.089 2.089 0 0 0-.199-1.19 1.1 1.1 0 0 0-.92-.43 1.246 1.246 0 0 0-1.314.987c-.033.146-.137.297-.288.302l-1.591-.17a.298.298 0 0 1-.246-.345C22.682.624 24.382.028 25.926 0h.109a3.683 3.683 0 0 1 2.413.817c.799.747.723 1.744.723 2.836v2.556c.01.573.24 1.12.643 1.526a.316.316 0 0 1 0 .44c-.336.279-.945.798-1.262 1.087h-.018ZM26.88 5.255a3.233 3.233 0 0 1-.307 1.743 1.327 1.327 0 0 1-1.133.747c-.633 0-1.001-.473-1.001-1.191 0-1.418 1.256-1.654 2.441-1.654v.355ZM7.02 9.262a.345.345 0 0 1-.388.037 3.992 3.992 0 0 1-.944-1.096A3.25 3.25 0 0 1 2.986 9.4C1.606 9.399.53 8.543.53 6.838a2.789 2.789 0 0 1 1.752-2.684c.888-.388 2.13-.473 3.084-.567v-.213a2.09 2.09 0 0 0-.198-1.19 1.105 1.105 0 0 0-.921-.43 1.251 1.251 0 0 0-1.322.987c-.029.146-.137.297-.284.302l-1.592-.17a.297.297 0 0 1-.245-.345C1.168.624 2.892.028 4.412 0h.118A3.688 3.688 0 0 1 6.95.817c.798.747.718 1.744.718 2.836v2.556c.006.568.229 1.113.623 1.522a.317.317 0 0 1 0 .44c-.335.278-.945.798-1.261 1.086l-.01.005ZM5.366 5.255a3.233 3.233 0 0 1-.307 1.743 1.332 1.332 0 0 1-1.138.747c-.628 0-.996-.473-.996-1.191C2.925 5.136 4.18 4.9 5.366 4.9v.355ZM75.992 12.286v-.6c0-.175.09-.298.274-.288.386.07.781.08 1.17.028a1.37 1.37 0 0 0 .945-.85c.265-.615.445-1.111.558-1.418L75.543.676c-.057-.142-.076-.411.212-.411h1.195a.368.368 0 0 1 .369.288l2.475 6.875L82.155.553a.37.37 0 0 1 .369-.288h1.133c.288 0 .27.269.213.41l-3.391 8.728c-.435 1.163-1.02 3.01-2.362 3.332a3.456 3.456 0 0 1-1.979-.095.383.383 0 0 1-.146-.354ZM74.4 8.765a.29.29 0 0 1-.288.289h-.845a.326.326 0 0 1-.326-.289l-.085-.571a4.922 4.922 0 0 1-1.38.813 3.447 3.447 0 0 1-3.098-.147 2.466 2.466 0 0 1-1.067-2.136 2.61 2.61 0 0 1 .661-1.814 3.358 3.358 0 0 1 2.565-.983 7.926 7.926 0 0 1 2.243.297V3.067c0-1.172-.472-1.678-1.795-1.678-.964.001-1.921.16-2.834.473a.255.255 0 0 1-.269-.279V.945a.406.406 0 0 1 .279-.36A8.46 8.46 0 0 1 71.15 0c1.487 0 3.25.335 3.25 2.618v6.147Zm-1.606-1.677V5.34a9.229 9.229 0 0 0-1.86-.218 2.167 2.167 0 0 0-1.526.473c-.24.272-.367.625-.354.987a1.324 1.324 0 0 0 .533 1.158 2.186 2.186 0 0 0 1.743.08 3.872 3.872 0 0 0 1.464-.732ZM61.992 1.418c1.89 0 2.362 1.47 2.362 3.151 0 1.134-.199 2.146-.784 2.727a2.14 2.14 0 0 1-1.64.543 4.051 4.051 0 0 1-2.167-.817v-4.81a3.886 3.886 0 0 1 2.229-.794ZM59.46 12.612h-1.128a.288.288 0 0 1-.288-.288V.567a.283.283 0 0 1 .288-.283h.864a.326.326 0 0 1 .326.283l.09.614A4.472 4.472 0 0 1 62.444.005c2.778 0 3.69 2.292 3.69 4.668 0 2.547-1.418 4.593-3.78 4.593a3.957 3.957 0 0 1-2.64-1.006v4.059a.284.284 0 0 1-.255.288v.005Z"/> </g> <defs> <clipPath id="amazonpay-svg"> <rect width="83.368" height="16" transform="translate(.53)"/> </clipPath> </defs> <title>amazon-pay</title></svg> </span> </li> </ul> </div> </div> </div> </div> </div></footer> <script> (() => { function src_default(Alpine) { Alpine.directive("intersect", (el, { value, expression, modifiers }, { evaluateLater, cleanup }) => { let evaluate = evaluateLater(expression); let options = { rootMargin: getRootMargin(modifiers), threshold: getThreshhold(modifiers) }; let observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting === (value === "leave")) return; evaluate(); modifiers.includes("once") && observer.disconnect(); }); }, options); observer.observe(el); cleanup(() => { observer.disconnect(); }); }); } function getThreshhold(modifiers) { if (modifiers.includes("full")) return 0.99; if (modifiers.includes("half")) return 0.5; if (!modifiers.includes("threshold")) return 0; let threshold = modifiers[modifiers.indexOf("threshold") + 1]; if (threshold === "100") return 1; if (threshold === "0") return 0; return Number(`.${threshold}`); } function getLengthValue(rawValue) { let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/); return match ? match[1] + (match[2] || "px") : void 0; } function getRootMargin(modifiers) { const key = "margin"; const fallback = "0px 0px 0px 0px"; const index = modifiers.indexOf(key); if (index === -1) return fallback; let values = []; for (let i = 1; i < 5; i++) { values.push(getLengthValue(modifiers[index + i] || "")); } values = values.filter((v) => v !== void 0); return values.length ? values.join(" ").trim() : fallback; } document.addEventListener("alpine:init", () => { window.Alpine.plugin(src_default); }); })(); </script> <script> for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]":"intersect",".product-info [x-data]":"intersect","#filters-content [x-data]":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]":"intersect","#notice-cookie-block":"intersect"})) { document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`)); } </script> <script> (function () { "use strict"; const hasAlpine = new Promise(resolve => { window.addEventListener('alpine:initialized', resolve, {once: true, passive: true}); }); const hasInteract = new Promise(resolve => { (events => { const onInteract = () => { resolve(); events.forEach(type => window.removeEventListener(type, onInteract)); } events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true})) })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) }); const onIntersect = (el) => { return new Promise(resolve => { const observer = new IntersectionObserver(entries => { for (const entry of entries) { if (entry.isIntersecting) { observer.disconnect() resolve(); } } }, {}); observer.observe(el); }); } function runComponent(el) { hasAlpine.then(() => { el.removeAttribute('x-ignore'); queueMicrotask(() => Alpine.initTree(el)); }); } function initDeferredComponents() { document.querySelectorAll('[x-data][x-defer]').forEach(el => { el.setAttribute('x-ignore', ''); const deferUntil = (el.getAttribute('x-defer') || '').trim(); switch (deferUntil) { case 'interact': hasInteract.then(() => runComponent(el)); break; case 'intersect': onIntersect(el).then(() => runComponent(el)) break; case 'idle': window.requestIdleCallback ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000}) : setTimeout(() => runComponent(el), 4000); break; case 'eager': runComponent(el); break; default: if (deferUntil.startsWith('event:') && deferUntil.length > 6) { window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true}); } } }); } window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true}); })() </script> <script type="module" src="https://shop.freywille.com/static/version1738306899/frontend/Local/hyva/de_DE/LimeSoda_AlpinePlugin/js/alpine/collapse.min.js" defer crossorigin ></script> <script type="module" src="https://shop.freywille.com/static/version1738306899/frontend/Local/hyva/de_DE/LimeSoda_AlpinePlugin/js/alpine/focus.min.js" defer crossorigin ></script> <script type="module" src="https://shop.freywille.com/static/version1738306899/frontend/Local/hyva/de_DE/Hyva_Theme/js/alpine3.min.js" defer crossorigin ></script> <script> 'use strict'; function dispatchMessages(messages, hideAfter) { const messagesEvent = new CustomEvent("messages-loaded", { detail: { messages: messages, hideAfter: hideAfter } }); window.dispatchEvent(messagesEvent); } if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); } (function( hyva, undefined ) { hyva.initFormKey = () => { const inputSelector = 'input[name="form_key"]', formKey = hyva.getFormKey(); Array.from(document.querySelectorAll(inputSelector)).map(function (input) { input.value = formKey }); } hyva.initMessages = () => { try { const messages = hyva.getCookie('mage-messages'); window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; dispatchMessages(window.mageMessages); // empty `mage-messages` cookie const skipSetDomain = true; hyva.setCookie('mage-messages','', -1, skipSetDomain); } catch (error) { console.warn('Error parsing Cookie Messages:', error); } } window.addEventListener('DOMContentLoaded', hyva.initFormKey); hyva.alpineInitialized(hyva.initMessages) }( window.hyva = window.hyva || {} )); </script> <script> 'use strict'; { const private_content_key = 'mage-cache-storage'; const private_content_expire_key = 'mage-cache-timeout'; const private_content_version_key = 'private_content_version'; const section_data_ids_key = 'section_data_ids'; const mage_cache_session_id_key = 'mage-cache-sessid'; const last_visited_store_key = 'last_visited_store'; const ttl = 3600; if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); } function loadSectionData () { const browserStorage = hyva.getBrowserStorage(); if (!browserStorage) { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: "warning", text: "Please enable LocalStorage in your browser." }] ); return; } try { let isInvalid = false; if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) { isInvalid = true; } hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false); if (!hyva.getCookie(mage_cache_session_id_key)) { isInvalid = true; browserStorage.removeItem(private_content_key); const skipSetDomain = true; const days = false; hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain) } const cookieVersion = hyva.getCookie(private_content_version_key); const storageVersion = browserStorage.getItem(private_content_version_key); if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) { isInvalid = true; } const privateContentExpires = browserStorage.getItem(private_content_expire_key); if (privateContentExpires && new Date(privateContentExpires) < new Date()) { browserStorage.removeItem(private_content_key); } if (isInvalid && cookieVersion) { fetchPrivateContent([]); } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) { const privateContent = JSON.parse(browserStorage.getItem(private_content_key)); if ( privateContent && privateContentExpires && privateContent.cart && privateContent.customer ) { dispatchPrivateContent(privateContent); } else { fetchPrivateContent([]); } } else { if (document.getElementById('default-section-data')) { const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim()); dispatchPrivateContent(privateContent); } else { dispatchPrivateContent({}); } } } catch (error) { console.warn('Error retrieving Private Content:', error); } } hyva.alpineInitialized(loadSectionData) window.addEventListener('reload-customer-section-data', loadSectionData); function dispatchPrivateContent(data) { const privateContentEvent = new CustomEvent("private-content-loaded", { detail: { data: data } }); window.dispatchEvent(privateContentEvent); } function fetchPrivateContent(sections) { fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { method: 'GET', headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' } }) .then(response => response.json()) .then( data => { if (data) { try { const browserStorage = hyva.getBrowserStorage(); // merge new data preserving non-invalidated sections const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {}; if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) { delete oldSectionData['checkout-data']; } const newSectionData = Object.assign(oldSectionData, data); dispatchPrivateContent(newSectionData); // don't persist messages, they've been dispatched already if (newSectionData.messages && newSectionData.messages.messages ) { newSectionData.messages.messages = []; } browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); browserStorage.setItem(private_content_expire_key, expiresAt); const newCookieVersion = hyva.getCookie(private_content_version_key); browserStorage.setItem(private_content_version_key, newCookieVersion); // We don't need the section_data_ids in Hyvä, but we store them for compatibility // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout hyva.setCookie( section_data_ids_key, JSON.stringify( Object.keys(data).reduce((sectionDataIds, sectionKey) => { sectionDataIds[sectionKey] = data[sectionKey]['data_id']; return sectionDataIds; }, {}) ), false, true ); } catch (error) { console.warn("Couldn't store privateContent", error); } } } ); } } </script> <script> (() => { document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc())); })() </script> <script> (events => { const dispatchUserInteractionEvent = () => { events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent)) window.dispatchEvent(new Event('init-external-scripts')) }; events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true})) })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) </script> <script> 'use strict'; const grecaptchaV2LoadCallbacks = []; function executeRecaptchaLoadCallbacks () { while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) { const callback = grecaptchaV2LoadCallbacks.pop(); typeof callback === 'string' ? window[callback]() : callback(); } } (function() { const loadRecaptchaScript = (event) => { if (window.grecaptcha || !event.target.form) { return; } const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks'; const siteKey = '6LctoCwqAAAAACWAuWMIbi628GH\u002DNHcrYMpmQFPr'; const script = document.createElement('script'); script.type = 'text/javascript'; script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`; script.async = true; document.head.appendChild(script); script.addEventListener('load', () => { Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled')); }); } window.forceLoadRecaptchaScript = (form) => { loadRecaptchaScript({target: {form: form || 'dummy'}}); executeRecaptchaLoadCallbacks(); }; document.body.addEventListener('input', loadRecaptchaScript, { once: true }); document.body.addEventListener('focus', loadRecaptchaScript, { once: true }); }()); </script> <script> function initConfigurableOptions(productId, optionConfig) { function findPathParam(key) { const baseUrl = (BASE_URL.substr(0, 2) === '//' ? 'http:' : '') + BASE_URL; const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/'); const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3); for (let i = 0; i < pathParts.length; i += 2) { if (pathParts[i] === key && pathParts.length > i) { return pathParts[i + 1]; } } } return { optionConfig, productId, itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'), allowedAttributeOptions: [], addToCardForm: document.querySelector('#product_addtocart_form'), addToCardButton: document.querySelector('#product-addtocart-button'), selectedValues: [], init() { this.findAllowedAttributeOptions(); this.$nextTick(() => { if (typeof this.optionConfig.defaultValues === 'object') { for (const [optionId, value] of Object.entries(this.optionConfig.defaultValues)) { this.changeOption(optionId, value + ''); } } }); this.checkFormValidity(); }, findSimpleIndex() { this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues); }, calculateSimpleIndexForPartialSelection(selectedValues) { let productIndexIds = Object.keys(this.optionConfig.index); Object.keys(this.optionConfig.attributes).forEach((attribute) => { const productsWithAttributeMatch = selectedValues[attribute] ? productIndexIds.filter((productIndex) => { return this.optionConfig.index[productIndex][attribute] === this.selectedValues[attribute] }) : []; productIndexIds = productsWithAttributeMatch.length ? productsWithAttributeMatch : productIndexIds }) return productIndexIds[0]; }, calculateSimpleIndexForFullSelection(selectedValues) { const productIndexes = this.optionConfig.index; return Object.keys(productIndexes).find(productIndex => { const productCandidateOptions = productIndexes[productIndex]; for (const productOption in productCandidateOptions) { if ( ! selectedValues[productOption] || selectedValues[productOption] !== productCandidateOptions[productOption] ) { return false; } } return productIndex; }); }, productIndex: 0, findAllowedAttributeOptions() { this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues); }, calculateAllowedAttributeOptions(selectedValues) { const allAttributes = this.optionConfig.attributes; const allAttributesSorted = Object.values(allAttributes).sort((a,b) => { return a.position - b.position }); const productIndexes = this.optionConfig.index; let previousOption = false; let availableIndexes = Object.keys(productIndexes); const newAllowedAttributeOptions = []; allAttributesSorted.forEach(attribute => { if (previousOption && selectedValues[previousOption]) { availableIndexes = availableIndexes.filter(availableIndex => { return productIndexes[availableIndex][previousOption] === selectedValues[previousOption] }) } newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => { return !!option.products.find(product => { return availableIndexes.includes(product); }) }); previousOption = attribute.id; }); return newAllowedAttributeOptions; }, findAttributeByOptionId(optionId) { for (const attributeId in this.optionConfig.attributes) { const attributeOptions = this.optionConfig.attributes[attributeId].options || []; if (attributeOptions.find(option => option.id === optionId)) { return attributeId; } } }, getAllowedAttributeOptions(attributeId) { return this.allowedAttributeOptions[attributeId] || [] }, getProductIdsForOption(option) { const attributeId = this.findAttributeByOptionId(option.id); const allOptions = this.optionConfig.attributes[attributeId]; const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id); return opt && opt.products ? opt.products : []; }, findProductIdsForPartialSelection(optionSelection) { const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => { const newCandidates = this.getProductIdsForOption({id: optionId}); return candidates === null ? newCandidates : candidates.filter(productId => newCandidates.includes(productId)); }, null); return candidateProducts || []; }, findCheapestProductForPartialSelection(optionSelection) { const candidateProducts = this.findProductIdsForPartialSelection(optionSelection); return candidateProducts.reduce((cheapest, simpleIdx) => { // in the first iteration we start with simpleIdx as the currently cheapest product if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx; const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount; return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount ? simpleIdx : cheapest; }, 0) }, findProductIdToUseForOptionPrice(option) { // try to find a product for a complete selection const attributeId = this.findAttributeByOptionId(option.id); const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id}); const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection); // if there is no complete selection, use the cheapest product for the option return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection); }, getAttributeOptionLabel(option) { const optionProduct = this.findProductIdToUseForOptionPrice(option); if ((! optionProduct) || (optionProduct === this.productIndex)) { return option.label; } const currentPrice = this.getOptionPriceAdjustmentBasePrice(); if (this.optionConfig.optionPrices[optionProduct]) { const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount; if (optionPrice !== currentPrice){ return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true); } } return option.label; }, getOptionPriceAdjustmentBasePrice() { if (this.optionConfig.optionPrices[this.productIndex]) { return this.optionConfig.optionPrices[this.productIndex].finalPrice.amount } const cheapestForSelection = this.findCheapestProductForPartialSelection(this.selectedValues); return this.optionConfig.optionPrices[cheapestForSelection] ? this.optionConfig.optionPrices[cheapestForSelection].finalPrice.amount : this.optionConfig.prices.finalPrice.amount; // default price if no option selection }, changeOption(optionId, value) { this.selectedValues[optionId] = value; this.findSimpleIndex(); this.findAllowedAttributeOptions(); this.updatePrices(); this.updateGallery(); this.checkFormValidity(); window.dispatchEvent( new CustomEvent( 'configurable-selection-changed', { detail: { productId: this.productId, optionId: this.optionId, value: this.value, productIndex: this.productIndex, selectedValues: this.selectedValues } } ) ); }, calculateIsMinimalPrice() { return ( this.selectedValues.filter(value => !!value).length < Object.keys(this.optionConfig.attributes).length ); }, updatePrices() { const value = this.productIndex ? this.optionConfig.optionPrices[this.productIndex] : this.optionConfig.prices; window.dispatchEvent( new CustomEvent( "update-prices-" + this.productId, { detail: Object.assign( value, { isMinimalPrice: this.calculateIsMinimalPrice() } ) } ) ); }, updateGallery () { const value = this.productIndex ? this.optionConfig.images[this.productIndex] : Object.values(this.optionConfig.images)[0]; value && window.dispatchEvent( new CustomEvent( "update-gallery", { detail: value } ) ); }, onGetCartData(data) { this.preselectCartItems(data); this.preselectQuerystringItems(); this.preselectLocationHashItems(); }, preselectCartItems(data) { // pre-select options based on cart data for current (quote) itemId const cart = data && data.cart; if (cart && cart.items) { const cartItem = cart.items.find((item) => { return ( item.item_id === this.itemId && item.product_id === this.productId ) }); if (cartItem && cartItem.options && cartItem.options.length) { cartItem.options.map(option => { this.changeOption(option.option_id, option.option_value); }) } } }, preselectQuerystringItems() { // pre-select option like ?size=167 const urlQueryParams = new URLSearchParams(window.location.search.replace('?','')); Object.values(this.optionConfig.attributes).map(attribute => { urlQueryParams.get(attribute.code) && this.changeOption(attribute.id, urlQueryParams.get(attribute.code)); }); }, preselectLocationHashItems() { // pre-select option like #144=167 const urlHashParams = new URLSearchParams(window.location.hash.replace('#','')); Object.values(this.optionConfig.attributes).map(attribute => { urlHashParams.get(attribute.id) && this.changeOption(attribute.id, urlHashParams.get(attribute.id)); }); }, checkFormValidity() { if(!this.addToCardButton || !this.addToCardForm) return; const allValid = [].slice.call(this.addToCardForm.querySelectorAll('input, select')).every(item => { return item.checkValidity(); }); if(!allValid) { this.addToCardButton.classList.add('disabled'); } else { this.addToCardButton.classList.remove('disabled'); } }, } } </script> <script> function initSwatchOptions(swatchConfig) { return { swatchConfig, getAttributeSwatchData(attributeId) { const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]); swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']); return swatchConfig; }, getAllAttributeOptions(attributeId) { return ( this.optionConfig.attributes[attributeId] && this.optionConfig.attributes[attributeId].options ) || [] }, optionIsActive(attributeId, optionId) { // return true if a product with this option is in stock return !!this.getAllowedAttributeOptions(attributeId).find( option => option.id === optionId ) }, optionIsEnabled(attributeId, optionId) { // return true if a product with this option is enabled for (const productId in this.optionConfig.index) { if (this.optionConfig.index[productId][attributeId] === optionId) { return true; } } return false; }, mapSwatchTypeNumberToTypeCode(typeNumber) { switch ("" + typeNumber) { case "1": return "color" case "2": return "image" case "3": return "empty" case "0": default: return "text" } }, getTypeOfFirstOption(attributeId) { for (const optionId in this.swatchConfig[attributeId]) { const option = this.swatchConfig[attributeId][optionId]; if (typeof option.type !== 'undefined') { return this.mapSwatchTypeNumberToTypeCode(option.type); } } }, getVisualSwatchType(attributeId, targetOptionId) { // If a type configuration is present for the given option id, use it const config = this.swatchConfig[attributeId]; if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') { return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type); } // Otherwise - if no config is present for the target option - use the type of the first option // with a type property from the attribute, thus assuming its the same type as the target option. // (This edge case condition can occur on single swatch products if some options are not salable) return this.getTypeOfFirstOption(attributeId); }, getSwatchType(attributeId, optionId) { // Deserialize the attribute details the first time they are used if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) { this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId); } const type = this.swatchConfig[attributeId] && this.swatchConfig[attributeId].details && this.swatchConfig[attributeId].details.swatch_input_type || "empty"; return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type; }, isTextSwatch(attributeId, optionId) { return this.getSwatchType(attributeId, optionId) === 'text'; }, isVisualSwatch(attributeId, optionId) { const type = this.getSwatchType(attributeId, optionId); return ['image', 'color'].includes(type); }, getSwatchBackgroundStyle(attributeId, optionId) { const config = this.getSwatchConfig(attributeId, optionId); const type = this.getSwatchType(attributeId, optionId); if (type === "color") { return 'background-color:' + config.value; } else if (type === "image") { return "background: #ffffff url('" + config.value + "') no-repeat center"; } else { return ''; } }, getSwatchText(attributeId, optionId) { const config = this.getSwatchConfig(attributeId, optionId); return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId); }, getOptionLabelFromOptionConfig(attributeId, optionId) { // Fallback if no value is present in swatchConfig data // Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190 const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId); return option && option[0] && option[0].label ||''; }, getSwatchConfig(attributeId, optionId) { return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId] ? this.swatchConfig[attributeId][optionId] : false; }, activeTooltipItem: false, tooltipPositionElement: false, isTooltipVisible() { return this.activeTooltipItem && this.getSwatchConfig( this.activeTooltipItem.attribute, this.activeTooltipItem.item ); }, isFirstItemCol() { return this.activeTooltipItem.index === 0; }, getTooltipImageStyle(attributeId, optionId) { const config = this.getSwatchConfig(attributeId, optionId); const type = this.getSwatchType(attributeId, optionId); if (type === "color") { return 'background-color:' + config.value + '; width: 110px; height: 90px;'; } else if (type === "image") { return "background: #ffffff url('" + config.thumb + "') center center no-repeat; width: 110px; height: 90px;"; } else { return 'display:none'; } }, getTooltipPosition() { return this.tooltipPositionElement ? `top: ${this.tooltipPositionElement.offsetTop}px;` + `left: ${ this.tooltipPositionElement.offsetLeft - ( this.tooltipPositionElement.closest('.snap') && this.tooltipPositionElement.closest('.snap').scrollLeft || 0 ) }px;` : '' }, getTooltipLabel() { return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label }, focusedLabel: false, focusLabel(optionId) { this.focusedLabel = optionId; }, blurLabel() { this.focusedLabel = false; }, showSwatches: false, initShowSwatchesIntersect() { if ('IntersectionObserver' in window && !window.scrollY) { let io = new IntersectionObserver( entries => { entries.map(entry => { if (entry.isIntersecting) { this.showSwatches = true; io.unobserve(this.$root); } }) } ); io.observe(this.$root); } else { this.showSwatches = true } } } } </script> <script> 'use script'; (() => { const initProductCarousel = (element) => { let currentElement = element.querySelector('.splide'); let focus = 'center'; let drag = true; let dragMd = true; let dragXl = true; let dragXxl = true; if (currentElement.hasAttribute("data-items")) { let items = currentElement.getAttribute("data-items"); items = parseInt(items); if (items <= 4) { focus = 'left'; drag = false; } if (items <= 3) { dragXxl = false; } if (items <= 2) { dragXl = false; } if (items === 1) { dragMd = false; } } new Splide(currentElement, { type: 'loop', focus: focus, gap: '80px', autoWidth: true, pagination: false, drag: drag, breakpoints: { 429: { focus: 'center', }, 639: { focus: 'left', gap: '20px', drag: dragMd, }, 1280: { drag: dragXl, }, 1536: { drag: dragXxl, }, } }).mount(); }; const initProductsTeaser = (element) => { let currentElement = element.querySelector('.splide'); let perPage = 2; if (currentElement && currentElement.hasAttribute("data-items")) { let items = currentElement.getAttribute("data-items"); items = parseInt(items); if (items === 1) { perPage = 1; } new Splide(currentElement, { perPage: perPage, gap: '60px', drag: 'free', snap: true, pagination: false, breakpoints: { 1024: { gap: '20px', }, }, }).mount(); } }; const initProductsLookTeaser = (element) => { let itemType = element.getAttribute('item_type'); let splides = element.querySelectorAll('.splide'); splides.forEach((currentElement) => { // Remove slides that don't match the allowed SKUs let contentWrapper = currentElement.closest('.content-wrapper'); let tabSkus = contentWrapper ? contentWrapper.getAttribute('data-tab-skus') : ''; let allowedSkus = tabSkus.split(',').map(sku => sku.trim()); let slides = currentElement.querySelectorAll('.splide__slide'); slides.forEach((slide) => { let slideSku = slide.getAttribute('data-sku'); if (!allowedSkus.includes(slideSku)) { slide.remove(); } }); let slideCount = currentElement.querySelectorAll('.splide__slide').length; //init slider if at least 1 item if (slideCount >= 1) { let arrows = contentWrapper.querySelector('.splide__arrows'); let track = contentWrapper.querySelector('.splide__track'); //if slider or mobile if (itemType === 'slider' || window.innerWidth < 1280) { let perPage = 2; if (slideCount === 1) { perPage = 1; } //show slider arrows if (arrows && slideCount > 2) { arrows.classList.remove('hidden'); arrows.classList.add('flex'); } if (track && slideCount === 1) { track.classList.add('one-item'); } new Splide(currentElement, { perPage: perPage, gap: '60px', drag: 'free', snap: true, pagination: false, breakpoints: { 1024: { gap: '20px', }, }, }).mount(); } else { //grid layout, remove class splide and display items as grid let splide = contentWrapper.querySelector('.splide-element'); splide.classList.remove('splide'); splide.classList.add('show-as-grid'); } } }); }; const initCollectionSlider = (element) => { //add Classes let filter1List = document.querySelectorAll('[data-filter1="true"]'); for (let i = 0; i < filter1List.length; ++i) { filter1List[i].classList.add('filter1'); } let filter2List = document.querySelectorAll('[data-filter2="true"]'); for (let i = 0; i < filter2List.length; ++i) { filter2List[i].classList.add('filter2'); } const splide = new Splide(element.querySelector('.splide'), { perPage: 4, drag : 'free', snap : true, pagination: false, breakpoints: { 639: { perPage: 1, }, 786: { perPage: 2, }, 1280: { perPage: 3, }, }, gap: '1.5rem', rewind: true, }).mount(); let slidesFilter1 = splide.Components.Slides.filter('.filter1'); let slidesFilter2 = splide.Components.Slides.filter('.filter2'); let filter1Button = document.querySelector('.filter1Button'); let filter2Button = document.querySelector('.filter2Button'); filter1Button.addEventListener('click', function () { filter1Button.classList.add('filterButtonActive'); filter2Button.classList.remove('filterButtonActive'); splide.remove('.splide__slide'); for (let i = 0; i < slidesFilter1.length; i++) { splide.add(slidesFilter1[i].slide); } }); filter2Button.addEventListener('click', function () { filter2Button.classList.add('filterButtonActive'); filter1Button.classList.remove('filterButtonActive'); splide.remove('.splide__slide'); for (let i = 0; i < slidesFilter2.length; i++) { splide.add(slidesFilter2[i].slide); } }); filter1Button.classList.add('filterButtonActive'); filter2Button.classList.remove('filterButtonActive'); splide.remove('.splide__slide'); for (let i = 0; i < slidesFilter1.length; i++) { splide.add(slidesFilter1[i].slide); } for (let i = 0; i < slidesFilter1.length; i++) { splide.add(slidesFilter1[i].slide); } }; const initGallerySlider = (element) => { new Splide(element.querySelector('.splide'), { drag: 'free', snap: true, gap: '35px', autoWidth: true, pagination: false, }).mount(); }; const initContentSlider = (element) => { new Splide(element.querySelector('.splide'), { arrows: true, perPage: 1, pagination: true, }).mount(); }; const initTeaserSlider = (element) => { let showAsTile = element.getAttribute('show-mobile-as-tile'); let splide = element.querySelector('.splide'); if (showAsTile === 'true' && window.innerWidth < 640) { splide.classList.remove('splide'); splide.classList.add('show-as-grid'); } else { new Splide(splide, { arrows: true, perPage: 5, gap: '20px', pagination: false, breakpoints: { 429: { perPage: 1, }, 786: { perPage: 2, }, 1024: { perPage: 3, }, 1280: { perPage: 4, }, }, }).mount(); } }; const initAnnouncementSlider = (element) => { let slideCount = element.querySelectorAll('.splide__slide').length; let splide = element.querySelector('.splide'); //init slider if at least 1 item if (slideCount > 1) { splide.classList.remove('splide-no-slide'); let autoplay = element.getAttribute("data-autoplay") === 'true'; let autoplaySpeed = parseInt(element.getAttribute("data-autoplay-speed"), 10) || 5000; // Default to 5000ms if not set if (!autoplay) { let toggleElement = element.querySelector('.splide__toggle'); toggleElement.classList.add('!hidden'); } new Splide(element.querySelector('.splide'), { type: 'loop', arrows: true, perPage: 1, pagination: false, autoplay: autoplay ? 'play' : false, interval: autoplaySpeed, }).mount(); } else { splide.classList.remove('splide'); } } window.addEventListener('DOMContentLoaded', function () { const sliderElements = document.querySelectorAll( `[data-content-type="slider"], [data-content-type="products"][data-appearance="carousel"], [data-content-type="products"][data-appearance="teaser"], [data-content-type="products"][data-appearance="look-teaser"] ` ); if (!sliderElements.length) { return; } const promise = hyva.createScriptPromise('https\u003A\u002F\u002Fshop.freywille.com\u002Fstatic\u002Fversion1738306899\u002Ffrontend\u002FLocal\u002Fhyva\u002Fde_DE\u002Fjs\u002Fsplide.min.js'); promise.then(() => sliderElements.forEach(element => { switch (true) { case element.dataset['contentType'] === 'products' && element.dataset['appearance'] === 'carousel': initProductCarousel(element); break; case element.dataset['contentType'] === 'products' && element.dataset['appearance'] === 'teaser': initProductsTeaser(element); break; case element.dataset['contentType'] === 'products' && element.dataset['appearance'] === 'look-teaser': initProductsLookTeaser(element); break; case element.dataset['contentType'] === 'slider' && element.dataset['appearance'] === 'collection': initCollectionSlider(element); break; case element.dataset['contentType'] === 'slider' && element.dataset['appearance'] === 'gallery': initGallerySlider(element); break; case element.dataset['contentType'] === 'slider' && element.dataset['appearance'] === 'content': initContentSlider(element); break; case element.dataset['contentType'] === 'slider' && element.dataset['appearance'] === 'teaser': initTeaserSlider(element); break; case element.dataset['contentType'] === 'slider' && element.dataset['appearance'] === 'announcement': initAnnouncementSlider(element); break; } })); }); })(); </script> <script> 'use script'; (() => { const initJarallaxImage = (wrapper, parent) => { window.jarallax(wrapper, { type: parent.parentElement.dataset['parallaxType'], imgSrc: parent.parentElement.dataset['backgroundImage'], }); }; const initJarallaxVideo = (wrapper, parent) => { window.jarallax(wrapper, { type: parent.parentElement.dataset['parallaxType'], videoSrc: parent.parentElement.dataset['videoSrc'], imgSrc: parent.parentElement.dataset['videoFallbackSrc'], onScroll: (calculations) => { if (parent.parentElement.dataset['parallaxType'] !== 'scale') { return; } const elements = wrapper.querySelectorAll('div[id*="jarallax-container"] > *'); if (!elements.length) { return; } const scale = calculations.fromViewportCenter > 0 ? calculations.visiblePercent : 1; Array.from(elements, element => element.style['transform'] = `scale(${scale}) translate3d(0,0,0)`); } }); }; window.addEventListener('DOMContentLoaded', () => { const imageElements = document.querySelectorAll('[data-background-type="image"][data-enable-parallax="1"] .jarallax-placeholder'); const videoElements = document.querySelectorAll('[data-background-type="video"][data-enable-parallax="1"] .jarallax-placeholder'); if (!imageElements.length && !videoElements.length) { return; } if (imageElements.length || videoElements.length) { const jarallax = hyva.createScriptPromise('https\u003A\u002F\u002Fshop.freywille.com\u002Fstatic\u002Fversion1738306899\u002Ffrontend\u002FLocal\u002Fhyva\u002Fde_DE\u002Fjs\u002Fjarallax.min.js'); jarallax.then(() => { imageElements.forEach(element => { let wrapper = document.createElement("div"); wrapper.classList.add("jarallax-container-wrapper"); element.appendChild(wrapper); initJarallaxImage(wrapper, element); }); if (videoElements.length) { const jarallaxVideo = hyva.createScriptPromise('https\u003A\u002F\u002Fshop.freywille.com\u002Fstatic\u002Fversion1738306899\u002Ffrontend\u002FLocal\u002Fhyva\u002Fde_DE\u002Fjs\u002Fjarallax\u002Dvideo.min.js'); jarallaxVideo.then(() => { videoElements.forEach(element => { let wrapper = document.createElement("div"); wrapper.classList.add("jarallax-container-wrapper"); element.appendChild(wrapper); initJarallaxVideo(wrapper, element); }); }); } }); } }); })(); </script> <script> 'use strict'; (() => { const initAnimation = (element) => { let textContent = element.textContent.replace(/\S/g, "<span>$&</span>"); element.innerHTML = textContent.replaceAll("<span><</span><span>b</span><span>r</span><span>></span>", "<br>"); anime.timeline() .add({ targets: element.querySelectorAll('span'), scale: [0, 1], duration: 1500, elasticity: 600, delay: (el, i) => 45 * (i+1) }); } window.addEventListener('DOMContentLoaded', () => { const elements = document.querySelectorAll('[data-enable-animation="1"]'); if (!elements.length) { return; } const promise = hyva.createScriptPromise('https\u003A\u002F\u002Fshop.freywille.com\u002Fstatic\u002Fversion1738306899\u002Ffrontend\u002FLocal\u002Fhyva\u002Fde_DE\u002Fjs\u002Fanime.min.js'); const intersectionObserver = new IntersectionObserver((elements, observer) => elements.forEach((element) => { if (!element.isIntersecting) { return; } initAnimation(element.target); observer.unobserve(element.target); })); promise.then(() => elements.forEach(element => intersectionObserver.observe(element))); }); })(); </script> <script> 'use strict'; (function () { const modals = []; const excludedFromFocusTrapping = new Set(); function trapFocusInNextModalWithOverlay() { for (let idx = modals.length -1; idx >= 0; idx--) { const nextOnStack = modals[idx]; const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name]; if (! isOverlayDisabled(nextDialogElement)) { hyva.trapFocus(nextDialogElement); break; } } } function focusables(dialogElement) { const selector = 'button, [href], input, textarea, select, details, [tabindex]:not([tabindex="-1"])'; return Array.from(dialogElement.querySelectorAll(selector)) .filter(el => !el.hasAttribute('disabled')); } function firstVisible(elements) { const a = Array.from(elements); for (let i = 0; i < a.length; i++) { if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i]; } return null; } function isInViewport(element) { const rect = element && element.getBoundingClientRect(); return rect && rect.top >= 0 && rect.left >= 0 && rect.right <= window.innerWidth && rect.bottom <= window.innerHeight; } function setFocusAfterTransition(dialogElement, duration) { const nested = Array.from(dialogElement.querySelectorAll('[role="dialog"]')); const candidates = Array.from(dialogElement.querySelectorAll('[x-focus-first]')); next: for (let candidate of candidates) { for (let child of nested) { if (child.contains(candidate)) continue next; } setTimeout(() => candidate.focus(), 50); break; } window.setTimeout(() => { const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) || focusables(dialogElement)[0] || null; focusElement && isInViewport(focusElement) && focusElement.focus(); }, Math.max(1, duration)); } function determineTrigger($refs, dialog, trigger) { if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target instanceof HTMLElement) { return dialog.target; } if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target instanceof HTMLElement) { return trigger.target; } if (typeof trigger === 'string') { try { return $refs[trigger] || document.querySelector(trigger) } catch (e) {} } if (trigger instanceof Element) { return trigger; } return null; } function isOverlayDisabled(dialog) { return dialog && dialog.hasAttribute('x-no-overlay') } function areRemainingModalsWithoutOverlay(modals) { const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled); return overflowDisabled.length === modals.length; } window.hyva.modal = function(options) { const config = Object.assign({ dialog: 'dialog', duration: 300, transitionEnter: 'transition ease-out duration-300', transitionEnterStart: 'opacity-0', transitionEnterEnd: 'opacity-100', transitionLeave: 'transition ease-in duration-300', transitionLeaveStart: 'opacity-100', transitionLeaveEnd: 'opacity-0', }, options); let lastHide = 0; return { opened: {}, show(dialog, trigger) { const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger); const name = typeof dialog === 'string' ? dialog : config.dialog; const dialogElement = this.$refs[name]; if (! dialogElement) { return; } const useOverlay = ! dialogElement.hasAttribute('x-no-overlay'); dialogElement.scrollTop = 0; if (this.opened[name]) { return; } if (focusTargetAfterHide) { focusTargetAfterHide.setAttribute('aria-expanded', 'true'); } this.opened[name] = true; useOverlay && this.$nextTick(() => hyva.trapFocus(dialogElement)); setFocusAfterTransition(dialogElement, config.duration); const frame = {name, instance: this, focusTarget: focusTargetAfterHide, time: Date.now()}; modals.push(frame); if (useOverlay) { document.body.classList.add('overflow-hidden'); } return new Promise(resolve => frame.resolve = resolve); }, cancel() { this.hide(false); }, ok() { this.hide(true); }, hide(value) { if (Date.now() - lastHide < config.duration) { return; } lastHide = Date.now(); const modal = modals.pop() || {}; const name = modal.name; this.opened[name] = false; hyva.releaseFocus(modal.instance.$refs[modal.name]) trapFocusInNextModalWithOverlay(); const nextFocusAfterHide = modal.focusTarget; nextFocusAfterHide && setTimeout(() => { nextFocusAfterHide.setAttribute('aria-expanded', 'false'); nextFocusAfterHide.focus() }, config.duration); if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) { document.body.classList.remove('overflow-hidden'); } modal.resolve(value); }, overlay(dialog) { const name = typeof dialog === 'string' ? dialog : config.dialog; return { ['x-show']() { return this.opened[name] }, ['x-transition:enter']: config.transitionEnter, ['x-transition:enter-start']: config.transitionEnterStart, ['x-transition:enter-end']: config.transitionEnterEnd, ['x-transition:leave']: config.transitionLeave, ['x-transition:leave-start']: config.transitionLeaveStart, ['x-transition:leave-end']: config.transitionLeaveEnd, ['@hyva-modal-show.window'](event) { event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide) } }; } }; } window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1] window.hyva.modal.pop = function () { if (modals.length > 0) { const modal = modals[modals.length -1]; modal.instance.hide(); } } window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) { typeof selectors === 'string' || selectors instanceof String ? excludedFromFocusTrapping.add(selectors) : selectors.map(selector => excludedFromFocusTrapping.add(selector)); } window.hyva.modal.eventListeners = { keydown: event => { if (event.key === 'Escape') { window.hyva.modal.pop(); } }, click: event => { if (modals.length > 0) { const modal = modals[modals.length -1]; const dialog = modal.instance.$refs[modal.name]; if (modal.time + 50 < Date.now() && // if last click processing is more than 50ms ago ! isOverlayDisabled(dialog) && // if dialog has overlay ! dialog.contains(event.target)) { // if click is outside of dialog modal.instance.hide(); } } } }; document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown); document.addEventListener('click', window.hyva.modal.eventListeners.click); })(); </script> <script type="application/json" id="default-section-data"> {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"AT":{"name":"\u00d6sterreich","regions":{"102":{"code":"BL","name":"Burgenland"},"99":{"code":"KN","name":"K\u00e4rnten"},"96":{"code":"NO","name":"Nieder\u00f6sterreich"},"97":{"code":"OO","name":"Ober\u00f6sterreich"},"98":{"code":"SB","name":"Salzburg"},"100":{"code":"ST","name":"Steiermark"},"101":{"code":"TI","name":"Tirol"},"103":{"code":"VB","name":"Vorarlberg"},"95":{"code":"WI","name":"Wien"}}},"data_id":1738357543},"instant-purchase":[],"loggedAsCustomer":[],"captcha":[],"persistent":[],"review":[],"payments":[],"wishlist":{"items":[]},"ammessages":[],"customweb_external_checkout_widgets":[],"hyva_checkout":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[]}</script> </div></body> </html>

{ "error": false, "result": { "success": true, "ogType": "website", "ogTitle": "Online Boutique | FREYWILLE", "ogDescription": "✓ Kostbare Schmuckstücke aus künstlerisch designtem Feueremail sowie edle Accessoires der österreichischen Schmuckmanufaktur FREYWILLE ➜ jetzt auch online erhältlich", "ogUrl": "https://shop.freywille.com", "ogSiteName": "FREYWILLE", "ogImage": [ { "url": "https://shop.freywille.com/media/snowdog/menu/node/a/b/about-menu_1.png", "type": "png" }, { "url": "https://shop.freywille.com/media/snowdog/menu/node/1/8/18kt_1.jpg", "type": "jpg" }, { "url": "https://shop.freywille.com/media/snowdog/menu/node/m/a/makingof_gms_web_4.jpg", "type": "jpg" }, { "url": "https://shop.freywille.com/media/snowdog/menu/node/v/i/vincent_van_gogh_web_4.jpg", "type": "jpg" }, { "url": "https://shop.freywille.com/media/snowdog/menu/node/a/l/alphonse_mucha_web_4.jpg", "type": "jpg" }, { "url": "https://shop.freywille.com/media/snowdog/menu/node/m/o/monet_web_4.jpg", "type": "jpg" }, { "url": "https://shop.freywille.com/media/snowdog/menu/node/s/o/sophie-taeuber-arp_web_4.jpg", "type": "jpg" }, { "url": "https://shop.freywille.com/media/snowdog/menu/node/p/a/paulgauguin_colour_web_4.jpg", "type": "jpg" }, { "url": "https://shop.freywille.com/media/snowdog/menu/node/k/l/klimt_web_4.jpg", "type": "jpg" }, { "url": "https://shop.freywille.com/media/snowdog/menu/node/h/u/hundertwasser_colour_web_4.jpg", "type": "jpg" } ], "ogLocale": "de", "favicon": "https://shop.freywille.com/media/favicon/default/Favicon.png", "charset": "utf-8", "jsonLD": [ { "@context": "http://schema.org", "@type": "WebSite", "url": "https://shop.freywille.com/", "name": "FREYWILLE", "potentialAction": { "@type": "SearchAction", "target": "https://shop.freywille.com/catalogsearch/result/?q={search_term_string}", "query-input": "required name=search_term_string" } }, { "@context": "http://schema.org/", "@type": "WebPage", "speakable": { "@type": "SpeakableSpecification", "cssSelector": [ ".cms-content" ], "xpath": [ "/html/head/title" ] } } ], "requestUrl": "https://freywille.com" }, "response": {} }