{"product_id":"strategiespiel-tea-garden-von-huch","title":"Tea Garden","description":"\u003cp\u003eDem Ruf des Kaisers folgend, versammelt ihr euch in den Tälern des Jangtse-Flusses, um dort bestmöglich Tee zu kultivieren. Durch das Ausspielen von Karten könnt ihr in jeder der 5 Runden vielfältige Aktionen ausführen. Ihr erweitert eure Teeplantagen, erntet und fermentiert Tee, verkauft ihn an Karawanen oder ihr segelt zum Beispiel mit eurem Boot den Fluss hinab. Der einzigartige Mechanismus der Tee-Reifung – wobei frischer Tee im Spielverlauf an Qualität verliert, während fermentierter Tee an Qualität gewinnt – sowie die Möglichkeit, Haupt- und Nebenaktionen frei zu kombinieren, bringen frischen Wind in die Welt der Strategiespiele.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\u003c!-- HUTTER TRADE – Produktbeschreibung (lesbarer \u0026 zugänglicher) --\u003e\u003cstyle type=\"text\/css\"\u003e\/* ---------- THEME TOKENS ---------- *\/\n  .ht-prod { --ht-max:980px; --ht-gap:1.25rem; --ht-gap-lg:2rem; --ht-radius:18px; font-size: 12pt;\n    --ht-bg:#fff; --ht-ink:#1f2937; --ht-sub:#6b7280; --ht-accent:#e6f4f1; --ht-pill:#f3f4f6;\n    --ht-border:#e5e7eb;\n  }\n  .ht-prod * { box-sizing:border-box; }\n  .ht-hide { display:none !important; }\n\n  \/* ---------- TYPO ---------- *\/\n  .ht-wrap{\n    max-width:var(--ht-max); margin:0 auto; padding:16px; color:var(--ht-ink);\n    font-family: Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\", sans-serif;\n    line-height:1.65;\n  }\n\n  .ht-wrap h3{ font-size:14pt; font-weight:600; color:var(--ht-sub); margin:.35rem 0 .25rem; }\n\n  .ht-wrap p,\n  .ht-wrap li,\n  .ht-text{\n    font-size:12pt;\n  }\n\n  .ht-wrap p{ margin:.35rem 0; max-width:68ch; }\n  .ht-small{ font-size:.95rem; color:var(--ht-sub); }\n\n  \/* ---------- LAYOUT ---------- *\/\n  .ht-grid{ display:grid; gap:var(--ht-gap); }\n  .ht-grid-2{ grid-template-columns:1fr; }\n  .ht-grid-3{ grid-template-columns:1fr; }\n  @media (min-width:768px){\n    .ht-grid-2{ grid-template-columns: 1.2fr .8fr; gap:var(--ht-gap-lg); }\n    .ht-grid-3{ grid-template-columns: repeat(3,1fr); gap:var(--ht-gap-lg); }\n  }\n\n  \/* ---------- HERO ---------- *\/\n  .ht-hero{\n    background:var(--ht-accent); border-radius:var(--ht-radius); overflow:hidden; display:flex;\n    align-items:center; justify-content:center; padding:0;\n  }\n  .ht-hero-row{ width:100%; height:100%; }\n  .ht-hero-row img{ display:block; width:100%; height:100%; object-fit:cover; border-radius:var(--ht-radius); }\n\n  \/* ---------- CARD ROW \/ SLIDER ---------- *\/\n  .ht-row{ margin-top:1.25rem; }\n  .ht-cards{\n    display:grid; grid-auto-flow:column; grid-auto-columns:88%;\n    gap:var(--ht-gap); overflow-x:auto; scroll-snap-type:x mandatory; padding:0 0 .25rem;\n    -webkit-overflow-scrolling:touch;\n  }\n  .ht-card{\n    scroll-snap-align:start; background:var(--ht-bg); border-radius:var(--ht-radius);\n    border:1px solid var(--ht-border); padding:1rem; box-shadow:0 1px 0 rgba(0,0,0,.03);\n  }\n  .ht-card img{ width:100%; height:auto; border-radius:12px; display:block; }\n  .ht-card h2{ margin:.45rem 0 .25rem; }\n  .ht-card h3{ margin:.25rem 0 .15rem; }\n  .ht-card p{ margin:0; color:var(--ht-sub); }\n\n  @media (min-width:768px){\n    .ht-cards{ grid-auto-flow:initial; grid-auto-columns:initial; overflow:visible; grid-template-columns:repeat(3, 1fr); padding-bottom:0; }\n  }\n\n  \/* ---------- NAV BUTTONS ---------- *\/\n  .ht-nav{ display:flex; gap:.5rem; margin-top:.5rem; }\n  .ht-btn{\n    border:1px solid var(--ht-border); background:#fff; border-radius:10px; padding:.55rem .8rem; cursor:pointer;\n    font-size:.95rem; line-height:1; box-shadow:0 1px 0 rgba(0,0,0,.03);\n  }\n  .ht-btn[disabled]{ opacity:.45; cursor:not-allowed; }\n  @media (min-width:768px){ .ht-nav{ display:none; } }\n\n  \/* ---------- TEXT BLOCK ---------- *\/\n  .ht-text{\n    background:transparent;\n    border:none;\n    border-radius:var(--ht-radius);\n    padding:1rem;\n  }\n\n  \/* ---------- STEPS ---------- *\/\n  .ht-steps .ht-card{ text-align:center; }\n  .ht-step-num{\n    display:inline-flex; width:36px; height:36px; align-items:center; justify-content:center; border-radius:999px;\n    background:#eaf5e9; border:1px solid #dcefe0; font-weight:700; margin-bottom:.35rem; font-size:1rem;\n  }\n\n  \/* ---------- SPECS LIST ---------- *\/\n  .ht-specs{ \n    display:grid; \n    grid-template-columns:1fr; \n    gap:.35rem; \n    margin:.5rem 0 0; \n    padding:1rem; \n    list-style:none;\n    background: var(--ht-chip);       \/* gleiche Farbe wie h3-Hintergrund *\/\n    border-radius: var(--ht-radius);\n  }\n  .ht-specs li{ \n    display:flex; \n    gap:.5rem; \n    align-items:center;\n  }\n  .ht-specs b{ min-width:9.5rem; }\n  .ht-specs h3 {\n    margin: 0;\n    color: var(--ht-accent-ink);\n    font-weight: 600;\n  }\n\n  \/* --- Überschriften stärker abheben --- *\/\n  .ht-prod{\n    --ht-head:#0f172a;\n    --ht-accent-ink:#0b5d5c;\n    --ht-rule:#94d2bd;\n    --ht-chip:#eef6f4;\n  }\n\n  .ht-wrap h2{\n    color:var(--ht-head);\n    font-weight:800;\n    letter-spacing:.005em;\n    margin:1.1rem 0 .35rem;\n  }\n  .ht-wrap h2::after{\n    content:\"\";\n    display:block;\n    width:64px; height:4px;\n    background:linear-gradient(90deg, var(--ht-rule), transparent 85%);\n    border-radius:999px;\n    margin-top:.35rem;\n  }\n\n  .ht-wrap h3{\n    color:var(--ht-accent-ink);\n    font-weight:700;\n    text-transform:uppercase;\n    letter-spacing:.06em;\n    font-size:clamp(1rem, .95rem + .35vw, 1.15rem);\n    display:inline-block;\n    background:var(--ht-chip);\n    padding:.25rem .6rem;\n    border-radius:999px;\n    margin:.75rem 0 .4rem;\n  }\n\n  .ht-wrap h2:not(:first-child){ margin-top:1.4rem; }\n  .ht-wrap h2 + p,\n  .ht-wrap h3 + p{ margin-top:.4rem; }\n\n  .ht-wrap h2{\n    font-size: clamp(1.6rem, 1.3rem + 1vw, 2.3rem) !important;\n    font-weight: 800 !important;\n    line-height: 1.2 !important;\n  }\u003c\/style\u003e\u003cdiv class=\"ht-prod\"\u003e\n\u003cdiv aria-label=\"Produktbeschreibung\" class=\"ht-wrap\" role=\"region\"\u003e\n\u003csection aria-label=\"Highlights\" class=\"ht-row\"\u003e\u003cdiv aria-label=\"Produkt-Highlights\" aria-roledescription=\"Karussell\" class=\"ht-cards\" data-slider=\"\" role=\"group\" style=\"text-align: start;\" tabindex=\"0\"\u003e\n\u003carticle class=\"ht-card\"\u003e\u003ch2\u003e\u003cstrong\u003eKombination aus Deckbuilding, Ressourcenmanagement und Aktionen\u003c\/strong\u003e\u003c\/h2\u003e\n\u003ch3\u003eTee-Spiel-Genuss: elegant und raffiniert\u003c\/h3\u003eDem Ruf des Kaisers folgend versammelt ihr euch in den Tälern des Jangtse, um Tee zu kultivieren. In fünf Runden spielt ihr Karten aus, um Plantagen zu erweitern, Tee zu ernten und zu fermentieren, ihn an Karawanen zu verkaufen oder mit dem Boot den Fluss hinabzufahren. Der besondere Reifungsmechanismus – frischer Tee verliert an Qualität, fermentierter gewinnt – sowie die freie Kombination von Haupt- und Nebenaktionen bringen frischen Wind in die Welt der Strategiespiele.\u003c\/article\u003e\u003c!-- RECHTE SPALTE --\u003e\n\u003carticle class=\"ht-card\"\u003e\u003cimg alt=\"HUCH! Logo\" height=\"350\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0914\/6361\/4811\/files\/e32d0e55-0bf4-40a7-93a6-a4d05e92deb2.__CR0_0_350_175_PT0_SX350_V1____1.png?v=1761145428\" width=\"700\"\u003e\u003ch2\u003e\u003cstrong\u003eDeine Marke für Spiel \u0026amp; Spaß\u003c\/strong\u003e\u003c\/h2\u003e\n\u003ch5\u003eUnter HUCH! erscheinen Spiele für alle Altersgruppen – vom Kinder- und Familienspiel über Logik- und Partyspiele bis hin zu Strategie- und Lifestyle-Titeln.\u003c\/h5\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- Mobile Navigation --\u003e\n\u003cdiv aria-hidden=\"true\" class=\"ht-nav\"\u003e\n\u003cbutton aria-label=\"Vorherige Karte\" class=\"ht-btn\" data-prev=\"\"\u003e◀︎\u003c\/button\u003e\u003cbutton aria-label=\"Nächste Karte\" class=\"ht-btn\" data-next=\"\"\u003e▶︎\u003c\/button\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c!-- STORY --\u003e\n\u003csection class=\"ht-row\"\u003e\u003ch4 class=\"ht-text\"\u003e\u003cstrong\u003eWie ein grüner Teppich legt sich eine besondere Pflanze auf die schroffen Gipfel der Berge von Yunnan. Es wird erzählt, dass das daraus zubereitete Tee wundervolle Eigenschaften besitzt, die den Körper heilen und die Seele beleben können. Kein Wunder auch, dass sich der Anbau in Windeseile auf andere Provinzen ausbreitet. Dem Ruf des Kaisers folgend, kommen die Meistergärtner zusammen, um diese fantastische Pflanze in den Tälern des Jangtse-Flusses aufzubauen. Als Belohnung winkt dem besten Gärtner eine eigene fruchtbare Plantage in der Provinz Yunnan.\u003c\/strong\u003e\u003c\/h4\u003e\u003c\/section\u003e\n\u003csection aria-label=\"So funktioniert es\" class=\"ht-row\"\u003e\u003cdiv aria-label=\"Spielablauf\" aria-roledescription=\"Karussell\" class=\"ht-cards ht-steps\" data-slider=\"\" role=\"group\" tabindex=\"0\"\u003e\n\u003carticle class=\"ht-card\"\u003e\u003cspan class=\"ht-step-num\"\u003e1\u003c\/span\u003e \u003cimg alt=\"Schritt 1: Aktionsphase\" height=\"500\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0914\/6361\/4811\/files\/Tea-Garden_Anleitung1.png?v=1761224334\" width=\"800\"\u003e\u003ch3\u003e\u003cstrong\u003eAktionsphase\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003eBaue deinen Teegarten aus, kaufe Aktionskarten und ernte oder fermentiere deinen Tee.\u003c\/h4\u003e\u003c\/article\u003e\n\u003carticle class=\"ht-card\"\u003e\u003cspan class=\"ht-step-num\"\u003e2\u003c\/span\u003e \u003cimg alt=\"Schritt 2: Organisationsphase\" height=\"500\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0914\/6361\/4811\/files\/Tea-Garden_Anleitung2.png?v=1761224334\" width=\"800\"\u003e\u003ch3\u003e\u003cstrong\u003eOrganisationsphase\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch6\u003eErstelle deine Teeschale, fahre über den Fluss oder vertiefe dein Tee-Wissen.\u003c\/h6\u003e\u003c\/article\u003e\n\u003carticle class=\"ht-card\"\u003e\u003cspan class=\"ht-step-num\"\u003e3\u003c\/span\u003e \u003cimg alt=\"Schritt 3: Wertung\" height=\"500\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0914\/6361\/4811\/files\/Tea-Garden_Anleitung3.png?v=1761224335\" width=\"800\"\u003e\u003ch3\u003e\u003cstrong\u003eWertung\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch5\u003eWer hatte die beste Strategie und wird zum fähigsten Meister bestimmt?\u003c\/h5\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv aria-hidden=\"true\" class=\"ht-nav\"\u003e\n\u003cbutton class=\"ht-btn\" data-prev=\"\"\u003e◀︎\u003c\/button\u003e\u003cbutton class=\"ht-btn\" data-next=\"\"\u003e▶︎\u003c\/button\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  (function () {\n    const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    const isDesktop = () =\u003e window.matchMedia('(min-width: 768px)').matches;\n\n    document.querySelectorAll('.ht-row').forEach(row =\u003e {\n      const track = row.querySelector('[data-slider]');\n      const prev  = row.querySelector('[data-prev]');\n      const next  = row.querySelector('[data-next]');\n      if (!track || !prev || !next) return;\n\n      const cardWidthWithGap = () =\u003e {\n        const card = track.querySelector('.ht-card');\n        const gap = parseFloat(getComputedStyle(track).gap || 16);\n        return card ? card.getBoundingClientRect().width + gap : 320;\n      };\n\n      const updateButtons = () =\u003e {\n        const maxScroll = track.scrollWidth - track.clientWidth - 2;\n        prev.disabled = track.scrollLeft \u003c= 0;\n        next.disabled = track.scrollLeft \u003e= maxScroll;\n        if (isDesktop()) { prev.classList.add('ht-hide'); next.classList.add('ht-hide'); }\n        else { prev.classList.remove('ht-hide'); next.classList.remove('ht-hide'); }\n      };\n\n      const scrollByOne = dir =\u003e {\n        track.scrollBy({ left: dir * cardWidthWithGap(), behavior: prefersReduced ? 'auto' : 'smooth' });\n      };\n\n      prev.addEventListener('click', () =\u003e scrollByOne(-1));\n      next.addEventListener('click', () =\u003e scrollByOne(1));\n      track.addEventListener('scroll', updateButtons);\n      window.addEventListener('resize', updateButtons);\n\n      track.addEventListener('keydown', (e) =\u003e {\n        if (e.key === 'ArrowLeft') { e.preventDefault(); scrollByOne(-1); }\n        if (e.key === 'ArrowRight'){ e.preventDefault(); scrollByOne(1); }\n      });\n\n      updateButtons();\n    });\n  })();\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"HUCH!","offers":[{"title":"Default Title","offer_id":50297027035483,"sku":"3006002154","price":52.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0914\/6361\/4811\/files\/strategiespiel-tea-garden-von-huch-4260071884510_54622307-c22c-4a7d-90ad-6854678b6df8.jpg?v=1759933269","url":"https:\/\/birtine.com\/products\/strategiespiel-tea-garden-von-huch","provider":"Bertine","version":"1.0","type":"link"}