{"product_id":"3d-grooved-calligraphy-set-rjc","title":"3D gerilltes Kalligrafie-Set","description":"\u003cbr\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Educational \/ Mother \u0026 Baby (Magic Calligraphy Workbook)\nTarget Audience: Parents of preschool \/ early elementary children\nVisual Style: Approachable, Educational, Safe, Playful\nColor Strategy: \n  - Primary: #43A047 (Educational Green, matching the product image UI)\n  - Accent: #FF9800 (Warm Orange for highlights)\n  - Background: #FDFDFD with #F2F8F2 card accents\nShape Strategy: Friendly large radius (20px) to convey safety and approachability.\nTypography Strategy: Large, highly legible type (Mobile-first readable, minimum 16px).\nMobile Table Strategy: Card-based (No horizontal scroll, full responsive).\nMobile Pattern Lock: Strict Image-Text top-to-bottom stack on mobile.\nImage Mapping: Hero=image_1, Features=image_2, image_3, image_4\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* =========================================\n       0) VARIABLES \u0026 RESET\n       ========================================= *\/\n    .product-detail-container {\n      --primary: #43A047;\n      --primary-hover: #2E7D32;\n      --accent: #FF9800;\n      --bg-body: #FDFDFD;\n      --bg-card: #F2F8F2;\n      --text-main: #2C3E50;\n      --text-sub: #546E7A;\n      --border-color: #E0E0E0;\n      \n      --radius-sm: 12px;\n      --radius-md: 20px;\n      --radius-lg: 32px;\n      \n      --shadow-sm: 0 4px 12px rgba(0,0,0,0.05);\n      --shadow-md: 0 8px 24px rgba(67, 160, 71, 0.08);\n\n      --gap-base: clamp(2rem, 5vw, 4rem);\n\n      \/* Container Constraints *\/\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n      background-color: var(--bg-body);\n      color: var(--text-main);\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      overflow-wrap: break-word;\n      word-break: break-word;\n    }\n\n    .product-detail-container * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* =========================================\n       1) TYPOGRAPHY SYSTEM (LARGE TYPE)\n       ========================================= *\/\n    .product-detail-container h1, \n    .product-detail-container h2, \n    .product-detail-container h3 {\n      font-weight: 800;\n      line-height: 1.2;\n      color: var(--text-main);\n      margin-bottom: 1rem;\n    }\n\n    .product-detail-container h1 { font-size: clamp(32px, 4vw, 44px); }\n    .product-detail-container h2 { font-size: clamp(28px, 3.5vw, 36px); }\n    .product-detail-container h3 { font-size: clamp(22px, 3vw, 28px); }\n    \n    .product-detail-container p {\n      font-size: clamp(18px, 2vw, 20px);\n      line-height: 1.6;\n      color: var(--text-sub);\n      margin-bottom: 1.5rem;\n    }\n\n    .product-detail-container .text-highlight {\n      color: var(--primary);\n      font-weight: bold;\n    }\n\n    \/* Non-clickable Badge *\/\n    .product-detail-container .status-badge {\n      display: inline-flex;\n      align-items: center;\n      background-color: var(--bg-card);\n      color: var(--primary-hover);\n      padding: 8px 16px;\n      border-radius: 50px;\n      font-size: 16px;\n      font-weight: 700;\n      margin-bottom: 1rem;\n      border: 1px solid var(--primary);\n    }\n\n    \/* =========================================\n       2) MEDIA PROTOCOL (NO STRETCH)\n       ========================================= *\/\n    .product-detail-container img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-md);\n      box-shadow: var(--shadow-sm);\n    }\n\n    .product-detail-container .img-placeholder {\n      width: 100%;\n      aspect-ratio: 4\/3;\n      background-color: #f0f0f0;\n      border: 2px dashed #ccc;\n      border-radius: var(--radius-md);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      color: #888;\n      text-align: center;\n      padding: 1rem;\n    }\n\n    \/* =========================================\n       3) LAYOUT ARCHITECTURE\n       ========================================= *\/\n    \/* Hero Section *\/\n    .pd-hero {\n      text-align: center;\n      padding-top: var(--gap-base);\n      margin-bottom: var(--gap-base);\n    }\n\n    .pd-hero-content {\n      max-width: 800px;\n      margin: 0 auto var(--gap-base);\n    }\n\n    \/* Mobile Ordering Lock (Z-Pattern) *\/\n    .pd-feature-item {\n      display: flex;\n      flex-direction: column; \/* Mobile first: strict stack *\/\n      gap: 2rem;\n      margin-bottom: var(--gap-base);\n      align-items: center;\n    }\n\n    .pd-feature-media {\n      width: 100%;\n    }\n\n    .pd-feature-copy {\n      width: 100%;\n    }\n\n    \/* Desktop Z-Pattern Enhancement *\/\n    @media (min-width: 768px) {\n      .pd-feature-item {\n        flex-direction: row; \/* Desktop: side-by-side *\/\n        gap: 4rem;\n        align-items: center;\n      }\n      .pd-feature-item:nth-child(even) {\n        flex-direction: row-reverse; \/* Alternating layout *\/\n      }\n      .pd-feature-media, \n      .pd-feature-copy {\n        flex: 1; \/* 50\/50 split *\/\n      }\n    }\n\n    \/* Benefit Grid *\/\n    .pd-benefits {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 1.5rem;\n      margin-top: 2rem;\n    }\n    @media (min-width: 768px) {\n      .pd-benefits {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n    .pd-benefit-card {\n      background: var(--bg-card);\n      padding: 2rem;\n      border-radius: var(--radius-md);\n      text-align: center;\n    }\n    .pd-benefit-card h3 {\n      font-size: 20px;\n      margin-bottom: 0.5rem;\n      color: var(--primary-hover);\n    }\n    .pd-benefit-card p {\n      font-size: 16px;\n      margin-bottom: 0;\n    }\n\n    \/* =========================================\n       4) SPECS TABLE (MOBILE CARD HACK)\n       ========================================= *\/\n    .pd-specs {\n      margin-top: var(--gap-base);\n      margin-bottom: var(--gap-base);\n    }\n    \n    .pd-table {\n      width: 100%;\n      border-collapse: collapse;\n      background: #fff;\n      border-radius: var(--radius-md);\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n    }\n\n    .pd-table th, \n    .pd-table td {\n      padding: 1.25rem 1.5rem;\n      text-align: left;\n      font-size: 18px;\n    }\n\n    .pd-table th {\n      background-color: var(--bg-card);\n      font-weight: 700;\n      color: var(--primary-hover);\n      border-bottom: 2px solid var(--border-color);\n    }\n\n    .pd-table td {\n      border-bottom: 1px solid var(--border-color);\n      color: var(--text-sub);\n    }\n\n    .pd-table tr:last-child td {\n      border-bottom: none;\n    }\n\n    \/* Mobile Table: Card View (Crucial for preventing scroll) *\/\n    @media (max-width: 767px) {\n      .pd-table, \n      .pd-table thead, \n      .pd-table tbody, \n      .pd-table tr, \n      .pd-table th, \n      .pd-table td {\n        display: block;\n        width: 100%;\n      }\n      \n      .pd-table thead {\n        display: none; \/* Hide standard headers *\/\n      }\n      \n      .pd-table tr {\n        margin-bottom: 1rem;\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-sm);\n        padding: 0.5rem;\n        background: #fff;\n      }\n      \n      .pd-table td {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        padding: 0.75rem;\n        border-bottom: 1px solid #f0f0f0;\n        text-align: right; \/* Values align right on mobile *\/\n      }\n\n      .pd-table td:last-child {\n        border-bottom: none;\n      }\n      \n      .pd-table td::before {\n        content: attr(data-label);\n        font-weight: 700;\n        color: var(--text-main);\n        margin-right: 1rem;\n        text-align: left;\n        flex-shrink: 0;\n        max-width: 40%;\n      }\n    }\n\n    \/* =========================================\n       5) FAQ SECTION\n       ========================================= *\/\n    .pd-faq {\n      margin-bottom: var(--gap-base);\n      background: var(--bg-card);\n      padding: clamp(2rem, 5vw, 4rem);\n      border-radius: var(--radius-lg);\n    }\n\n    .pd-faq-title {\n      text-align: center;\n      margin-bottom: 2rem;\n    }\n\n    .pd-faq details {\n      background: #fff;\n      border-radius: var(--radius-sm);\n      margin-bottom: 1rem;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.03);\n      overflow: hidden;\n    }\n\n    .pd-faq summary {\n      font-size: clamp(18px, 2.5vw, 22px);\n      font-weight: 700;\n      color: var(--text-main);\n      padding: 1.5rem;\n      cursor: default; \/* Removing pointer as per CTA rules *\/\n      list-style: none;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .pd-faq summary::-webkit-details-marker {\n      display: none;\n    }\n\n    .pd-faq summary::after {\n      content: '+';\n      font-size: 24px;\n      color: var(--primary);\n      transition: transform 0.3s;\n    }\n\n    .pd-faq details[open] summary::after {\n      transform: rotate(45deg);\n    }\n\n    .pd-faq .faq-content {\n      padding: 0 1.5rem 1.5rem;\n      font-size: 18px;\n      color: var(--text-sub);\n    }\n\u003c\/style\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"pd-hero\"\u003e\n\u003cdiv class=\"pd-hero-content\"\u003e\n\u003cdiv class=\"status-badge\"\u003eGeliebt von über 50.000 glücklichen Eltern\u003c\/div\u003e\n\n\u003ch1\u003eEntfesseln Sie das \u003cspan class=\"text-highlight\"\u003eSchreibpotenzial\u003c\/span\u003e Ihres Kindes\n\u003c\/h1\u003e\n\n\u003cp\u003eVerwandeln Sie Lernen in ein magisches Erlebnis. Unsere wiederverwendbaren, gerillten Übungshefte helfen Vorschulkindern, mühelos perfekte Handschrift zu meistern und dabei Spaß zu haben.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Image Placeholder based on User Input --\u003e\n\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 16\/9; margin-bottom: 2rem;\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260313143136\/74076eff055dc86abdbaf7d15984c650.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-benefits\"\u003e\n\u003cdiv class=\"pd-benefit-card\"\u003e\n\u003ch3\u003e🧠 Gedächtnis fördern\u003c\/h3\u003e\n\n\u003cp\u003eWiederholtes, geführtes Nachzeichnen stärkt das Muskelgedächtnis und die kognitive Erinnerung.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-benefit-card\"\u003e\n\u003ch3\u003e🔢 Mathematik \u0026amp; Logik\u003c\/h3\u003e\n\n\u003cp\u003eFrühe Beschäftigung mit Zahlen und Rechnen schafft eine starke Grundlage.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-benefit-card\"\u003e\n\u003ch3\u003e🎯 Hohe Konzentration\u003c\/h3\u003e\n\n\u003cp\u003eMitreißende Aktivitäten halten kleine Köpfe konzentriert und fern von Bildschirmen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv style=\"margin-top: var(--gap-base);\"\u003e \u003c\/div\u003e\n\u003c!-- FEATURE 1 (Z-Pattern Locked) --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260313143136\/45771c599308ace17367095a2b179e14.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eGerillte Seiten für die \u003cspan class=\"text-highlight\"\u003eperfekte Form\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cp\u003eKein Kampf mehr mit Freihandformen. Unser innovatives \u003cstrong\u003e3D-Rillen-Design\u003c\/strong\u003e führt den Stift Ihres Kindes natürlich auf dem richtigen Weg. Dieses taktile Feedback fördert die Feinmotorik und sorgt dafür, dass sie von Anfang an standardisierte, schöne Striche lernen.\u003c\/p\u003e\n\n\u003cp\u003eHergestellt aus hochwertigem, dickem Papier, das selbst bei eifrigen kleinen Händen nicht kräuselt oder reißt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE 2 (Z-Pattern Locked) --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260313143136\/c93cb0dc9f2ae059a006f552c17cee7c.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eMagische Tinte: \u003cspan class=\"text-highlight\"\u003eSchreiben, Trocknen, Verschwinden!\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cp\u003eSehen Sie die Magie geschehen! Die mitgelieferten Selbstverblass-Stifte enthalten eine spezielle Tinte, die innerhalb von 30 Minuten nach dem Trocknen automatisch verschwindet.\u003c\/p\u003e\n\n\u003cp\u003eDas bedeutet, Ihr Kind kann seine Buchstaben, Zahlen und Zeichnungen \u003cstrong\u003eimmer wieder\u003c\/strong\u003e üben. Es ist umweltfreundlich, sehr kosteneffizient und komplett sauber.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE 3 (Z-Pattern Locked) --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260313143136\/d75a63ca461a8ff394bb005d569313f7.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eEin vollständiges \u003cspan class=\"text-highlight\"\u003eFrühbildungswerkzeug\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cp\u003eWir bieten alles, was Sie brauchen, in einem umfangreichen Set. Der Lehrplan umfasst 26 englische Buchstaben, täglichen Wortschatz, Zahlen von 0-100 und einfache Addition\/Subtraktion.\u003c\/p\u003e\n\n\u003cp\u003eHelle Farben und niedliche Formen fördern die Wahrnehmung Ihres Kindes und halten es gleichzeitig tief engagiert. Es ist das ultimative Geburtstags- oder Feiertagsgeschenk für eine glückliche Kindheit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPECIFICATIONS TABLE --\u003e\n\n\u003cdiv class=\"pd-specs\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 2rem;\"\u003eProduktspezifikationen\u003c\/h2\u003e\n\n\u003ctable class=\"pd-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eMerkmal\u003c\/th\u003e\n\t\t\t\u003cth\u003eDetails\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Dimensions\"\u003e26,0 x 18,5 cm \/ 10,23 x 7,28 Zoll (pro Buch)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Material\"\u003eDicker, anti-Kräusel Premium-Papier\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Ink Type\"\u003eSelbstverblassende magische Tinte (verschwindet beim Trocknen)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Included Content\"\u003eAlphabet, Zahlen, Mathematik, Zeichnen\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Package Includes\"\u003e4 Übungshefte, 2 Stifte, 2 Griffe, 10 Nachfüllungen\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Recommended Age\"\u003eVorschulkinder und frühe Grundschule\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ SECTION --\u003e\n\n\u003cdiv class=\"pd-faq\"\u003e\n\u003ch2 class=\"pd-faq-title\"\u003eHäufig gestellte Fragen\u003c\/h2\u003e\n\n\u003cdetails\u003e\u003csummary\u003eWie lange dauert es, bis die Tinte verschwindet?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-content\"\u003eNormalerweise verblasst die magische Tinte vollständig innerhalb von 15 bis 30 Minuten, abhängig von Temperatur und Luftfeuchtigkeit. Sobald sie getrocknet ist, kann das Buch wieder wie neu benutzt werden!\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003eKann ich normale Stifte oder Marker in diesen Büchern verwenden?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-content\"\u003eUm die Wiederverwendbarkeit der Übungshefte zu erhalten, verwenden Sie bitte \u003cstrong\u003enur die mitgelieferten magischen Selbstverblass-Stifte\u003c\/strong\u003e und Nachfüllungen. Normale Tinte verschwindet nicht und hinterlässt dauerhafte Spuren auf den gerillten Seiten.\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003eSind diese für linkshändige Kinder geeignet?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-content\"\u003eAbsolut. Das Set enthält weiche Silikonstiftgriffe, die dabei helfen, eine standardmäßige, bequeme Schreibhaltung für sowohl Rechts- als auch Linkshänder zu etablieren und so Fingerermüdung verhindern.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"🟢 1 Set (4 Bücher + Stifte)","offer_id":46056187592877,"sku":"0320-14352666","price":14.95,"currency_code":"EUR","in_stock":true},{"title":"👯‍♀️ 2 Sets (8 Bücher) - Spare 20%","offer_id":46056187625645,"sku":"0320-14350366","price":28.95,"currency_code":"EUR","in_stock":true},{"title":"🎁 3 Sets (12 Bücher) - Bestes Angebot!","offer_id":46056187658413,"sku":"0320-14351804","price":41.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/2831\/4029\/files\/74076eff055dc86abdbaf7d15984c650.jpg?v=1779883783","url":"https:\/\/0ixug9-pv.myshopify.com\/de\/products\/3d-grooved-calligraphy-set-rjc","provider":"Newjoyloo","version":"1.0","type":"link"}