{"product_id":"beetreasure-wild-bee-hotel","title":"BeeTreasure - Wild Bee Hotel","description":"\u003c!--\n  ============================================================\n  BLOSSOM GUARDIAN BEE HOTEL – Produktseiten-Sektion (Shopify)\n  Englische Version, ohne CTA\n  ============================================================\n\n  EINBAU:\n  1. Shopify-Admin → Onlineshop → Themes → „Anpassen\"\n  2. Oben im Dropdown das Template „Produkte → Standardprodukt\" wählen\n  3. Unterhalb der Produktinformationen:\n     „Abschnitt hinzufügen\" → „Benutzerdefiniertes Liquid\" (Custom Liquid)\n  4. Diesen kompletten Code einfügen und speichern.\n\n  BILDER:\n  1. Shopify-Admin → Inhalte → Dateien → die drei Produktfotos hochladen\n  2. Jeweils die Datei-URL kopieren\n  3. Unten die drei Platzhalter BILD-URL-1 \/ BILD-URL-2 \/ BILD-URL-3 ersetzen\n     (Reihenfolge: 1 = hängend im Baum, 2 = freistehend im Beet, 3 = an der Wand)\n\n  SEO-VORSCHLAG (Produktseite → Suchmaschinen-Listing bearbeiten):\n  Title: Blossom Guardian Bee Hotel – Solid Cedar with Copper Roof\n  Description: Bee hotel made from solid, untreated cedar with a copper\n  roof. Mixed tunnel sizes for mason bees, mining bees and other wild\n  bees. Free-standing, wall-mounted or hanging.\n--\u003e\n\n\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Young+Serif\u0026family=Albert+Sans:wght@400;500;600\u0026family=Spline+Sans+Mono:wght@400;500\u0026display=swap');\n\n  .bgh {\n    --bgh-salbei: #EDEFE6;      \/* Hintergrund: helles Salbeigrün *\/\n    --bgh-papier: #FCFBF7;      \/* Panels \u0026 Karten *\/\n    --bgh-tanne: #26342A;       \/* Textfarbe: dunkles Tannengrün *\/\n    --bgh-zeder: #A8632F;       \/* Akzent: Zedern-\/Kupferton *\/\n    --bgh-patina: #6E937F;      \/* Akzent 2: Kupfer-Patina *\/\n    --bgh-lehm: #8C5B3F;        \/* „verschlossene\" Röhren *\/\n    --bgh-linie: rgba(38, 52, 42, 0.16);\n    background: var(--bgh-salbei);\n    color: var(--bgh-tanne);\n    font-family: 'Albert Sans', -apple-system, 'Segoe UI', sans-serif;\n    font-size: 17px;\n    line-height: 1.65;\n    padding: clamp(56px, 8vw, 96px) 20px;\n  }\n\n  .bgh * { box-sizing: border-box; margin: 0; }\n\n  .bgh-wrap { max-width: 1020px; margin: 0 auto; }\n\n  \/* ---------- Intro ---------- *\/\n\n  .bgh-eyebrow {\n    font-family: 'Spline Sans Mono', monospace;\n    font-size: 13px;\n    font-weight: 500;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: var(--bgh-zeder);\n    margin-bottom: 18px;\n  }\n\n  .bgh h2 {\n    font-family: 'Young Serif', Georgia, serif;\n    font-weight: 400;\n    font-size: clamp(1.85rem, 4.4vw, 3rem);\n    line-height: 1.16;\n    max-width: 21ch;\n    margin-bottom: 28px;\n  }\n\n  \/* Signatur-Element: die Niströhren-Reihen.\n     Gefüllte Punkte = mit Lehm verschlossen = bewohnt. *\/\n  .bgh-dots { margin-bottom: 10px; }\n  .bgh-dots-row { display: flex; gap: 10px; margin-bottom: 10px; }\n  .bgh-dots-row + .bgh-dots-row { margin-left: 14px; }\n  .bgh-dot {\n    width: 18px; height: 18px;\n    border-radius: 50%;\n    border: 2px solid var(--bgh-zeder);\n    flex: none;\n  }\n  .bgh-dot.belegt { background: var(--bgh-lehm); border-color: var(--bgh-lehm); }\n  .bgh-dots-legende {\n    font-family: 'Spline Sans Mono', monospace;\n    font-size: 12.5px;\n    letter-spacing: 0.04em;\n    color: #5E6B5E;\n    margin-bottom: 30px;\n  }\n  .bgh-dots-legende b {\n    display: inline-block;\n    width: 11px; height: 11px;\n    border-radius: 50%;\n    background: var(--bgh-lehm);\n    margin-right: 6px;\n    vertical-align: baseline;\n  }\n\n  .bgh-intro p { max-width: 62ch; font-size: 1.06rem; }\n\n  \/* ---------- Etagen (Produktmerkmale) ---------- *\/\n\n  .bgh-etagen {\n    list-style: none;\n    padding: 0;\n    margin: clamp(48px, 7vw, 72px) 0 0;\n    border-bottom: 1px solid var(--bgh-linie);\n  }\n\n  .bgh-etagen li {\n    border-top: 1px solid var(--bgh-linie);\n    padding: 26px 0;\n    display: grid;\n    grid-template-columns: 250px 1fr;\n    gap: 8px 32px;\n    align-items: baseline;\n  }\n\n  .bgh-etagen h3 {\n    font-family: 'Young Serif', Georgia, serif;\n    font-weight: 400;\n    font-size: 1.22rem;\n  }\n\n  .bgh-etagen p { color: rgba(38, 52, 42, 0.86); }\n\n  \/* ---------- Worth knowing ---------- *\/\n\n  .bgh-panel {\n    margin-top: clamp(48px, 7vw, 72px);\n    background: var(--bgh-papier);\n    border: 1px solid var(--bgh-linie);\n    border-left: 4px solid var(--bgh-patina);\n    padding: clamp(26px, 4vw, 40px);\n  }\n\n  .bgh-panel h3 {\n    font-family: 'Young Serif', Georgia, serif;\n    font-weight: 400;\n    font-size: 1.35rem;\n    margin-bottom: 14px;\n  }\n\n  .bgh-panel p { max-width: 68ch; }\n  .bgh-panel p + p { margin-top: 12px; }\n\n  \/* ---------- Galerie ---------- *\/\n\n  .bgh-galerie {\n    margin-top: clamp(48px, 7vw, 72px);\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 22px;\n  }\n\n  .bgh-galerie figure { margin: 0; }\n\n  .bgh-galerie img {\n    display: block;\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    object-fit: cover;\n    background: #D9DECF;\n    border: 1px solid var(--bgh-linie);\n  }\n\n  .bgh-galerie figcaption {\n    font-family: 'Spline Sans Mono', monospace;\n    font-size: 12px;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: #5E6B5E;\n    margin-top: 10px;\n  }\n\n  \/* ---------- Product details ---------- *\/\n\n  .bgh-daten {\n    margin-top: clamp(48px, 7vw, 72px);\n    max-width: 680px;\n  }\n\n  .bgh-daten h3 {\n    font-family: 'Young Serif', Georgia, serif;\n    font-weight: 400;\n    font-size: 1.35rem;\n    margin-bottom: 6px;\n  }\n\n  .bgh-tabelle { border-bottom: 1px solid var(--bgh-linie); }\n\n  .bgh-tabelle \u003e div {\n    border-top: 1px solid var(--bgh-linie);\n    padding: 14px 0;\n    display: grid;\n    grid-template-columns: 130px 1fr;\n    gap: 16px;\n  }\n\n  .bgh-tabelle dt {\n    font-family: 'Spline Sans Mono', monospace;\n    font-size: 12.5px;\n    font-weight: 500;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: #5E6B5E;\n    padding-top: 3px;\n  }\n\n  .bgh-tabelle dd { font-weight: 500; }\n\n  \/* ---------- Mobil ---------- *\/\n\n  @media (max-width: 860px) {\n    .bgh-galerie { grid-template-columns: 1fr; }\n  }\n\n  @media (max-width: 640px) {\n    .bgh-etagen li { grid-template-columns: 1fr; gap: 4px; }\n    .bgh-dot { width: 15px; height: 15px; }\n    .bgh-dots-row { gap: 8px; }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"bgh\"\u003e\n  \u003cdiv class=\"bgh-wrap\"\u003e\n\n    \u003c!-- Intro --\u003e\n    \u003cdiv class=\"bgh-intro\"\u003e\n      \u003cp class=\"bgh-eyebrow\"\u003eBlossom Guardian Bee Hotel\u003c\/p\u003e\n      \u003ch2\u003eWhen the first tunnels are plugged with clay, somebody’s moved in.\u003c\/h2\u003e\n\n      \u003cdiv class=\"bgh-dots\" aria-hidden=\"true\"\u003e\n        \u003cdiv class=\"bgh-dots-row\"\u003e\n          \u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot belegt\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot belegt\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bgh-dots-row\"\u003e\n          \u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot belegt\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"bgh-dot\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"bgh-dots-legende\"\u003e\u003cb\u003e\u003c\/b\u003etunnel plugged with clay — already occupied\u003c\/p\u003e\n\n      \u003cp\u003eMade from solid cedar, this bee hotel turns your garden into a haven for\n      wild bees. And they’ll repay the favour: fruit trees in full bloom, a thriving\n      vegetable patch — a garden that truly buzzes with life.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Produktmerkmale, aufgebaut wie die Etagen des Hotels --\u003e\n    \u003cul class=\"bgh-etagen\"\u003e\n      \u003cli\u003e\n        \u003ch3\u003eSolid cedar\u003c\/h3\u003e\n        \u003cp\u003eUntreated and naturally weather-resistant — no varnish, no chemicals,\n        no fuss. Just the way wild bees like it.\u003c\/p\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003ch3\u003eCopper roof\u003c\/h3\u003e\n        \u003cp\u003eKeeps the rain out and develops a characterful patina over the seasons.\u003c\/p\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003ch3\u003eMixed tunnel sizes\u003c\/h3\u003e\n        \u003cp\u003eMultiple tiers with precision-milled nesting tunnels in varying diameters\n        — welcoming a wide range of wild bee species.\u003c\/p\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003ch3\u003eThree ways to mount it\u003c\/h3\u003e\n        \u003cp\u003eStand it on a surface, screw it to a wall, or hang it from the built-in\n        steel hook on the back.\u003c\/p\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n\n    \u003c!-- Worth knowing --\u003e\n    \u003cdiv class=\"bgh-panel\"\u003e\n      \u003ch3\u003eWorth knowing\u003c\/h3\u003e\n      \u003cp\u003eThis hotel is made for wild and solitary bees — think mason bees and\n      mining bees — not honeybees, which live in hives.\u003c\/p\u003e\n      \u003cp\u003eWild bees are remarkably gentle, hardly ever sting and happen to be\n      outstanding pollinators. Ideal for gardens where children play, too.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Galerie: die drei Montagearten in Bildern --\u003e\n    \u003cdiv class=\"bgh-galerie\"\u003e\n      \u003cfigure\u003e\n        \u003c!-- BILD-URL-1 ersetzen: Foto „hängend im Baum\" --\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0829\/9505\/2887\/files\/Bee-Treasure-1.webp?v=1781169065\" alt=\"Cedar bee hotel hanging from a branch in the garden\" loading=\"lazy\"\u003e\n        \u003cfigcaption\u003eHanging from a branch\u003c\/figcaption\u003e\n      \u003c\/figure\u003e\n      \u003cfigure\u003e\n        \u003c!-- BILD-URL-2 ersetzen: Foto „freistehend im Beet\" --\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0829\/9505\/2887\/files\/Bee-Treasure-5.webp?v=1781169066\" alt=\"Cedar bee hotel free-standing among flowering perennials\" loading=\"lazy\"\u003e\n        \u003cfigcaption\u003eFree-standing in the border\u003c\/figcaption\u003e\n      \u003c\/figure\u003e\n      \u003cfigure\u003e\n        \u003c!-- BILD-URL-3 ersetzen: Foto „an der Wand\" --\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0829\/9505\/2887\/files\/Bee-Treasure-3.webp?v=1781169066\" alt=\"Cedar bee hotel mounted on a garden shed wall\" loading=\"lazy\"\u003e\n        \u003cfigcaption\u003eMounted on a wall\u003c\/figcaption\u003e\n      \u003c\/figure\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Product details --\u003e\n    \u003cdiv class=\"bgh-daten\"\u003e\n      \u003ch3\u003eProduct details\u003c\/h3\u003e\n      \u003cdl class=\"bgh-tabelle\"\u003e\n        \u003cdiv\u003e\n          \u003cdt\u003eDimensions\u003c\/dt\u003e\n          \u003cdd\u003e20 × 18 × 20 cm\u003c\/dd\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdt\u003eMaterial\u003c\/dt\u003e\n          \u003cdd\u003eUntreated cedar wood\u003c\/dd\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdt\u003eRoof\u003c\/dt\u003e\n          \u003cdd\u003eCopper\u003c\/dd\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdt\u003eMounting\u003c\/dt\u003e\n          \u003cdd\u003eFree-standing, wall-mounted, or hanging (steel hook on the back)\u003c\/dd\u003e\n        \u003c\/div\u003e\n      \u003c\/dl\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"CRAFTFOLK","offers":[{"title":"Default Title","offer_id":53761528987991,"sku":"DHOD9-WM567001","price":60.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0829\/9505\/2887\/files\/Bee-Treasure-1.webp?v=1781169065","url":"https:\/\/www.marlowmarketco.com\/products\/beetreasure-wild-bee-hotel","provider":"Marlow Market","version":"1.0","type":"link"}