{"product_id":"secure-grip-layout-gauges-rjc","title":"Sichere Griff-Layout-Messgeräte","description":"\u003c!--\n[AI Design Logic]\nProduct Type: Hardware \u0026 Carpentry Tools (Tall Stair Gauges)\nTarget Audience: Professional Carpenters, Builders, and DIY Enthusiasts\nVisual Style: Industrial, Precise, Rugged, Professional\nColor Strategy: Dark Slate (Metal) mixed with Construction Orange for high-contrast accents\nShape Strategy: Radius 8px (Tough, industrial, but safe handling)\nTypography Strategy: Large Type \/ Mobile-first readable (H1 44px, Body 18px+)\nMobile Table Strategy: Card-based (No horizontal scroll, full block display)\nImage Mapping: Hero=image_1, Precision=image_2, Durability=image_3, Convenience=image_4\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n            \/* Design System \/ CSS Variables *\/\n            --primary: #E67E22; \/* Industrial Orange *\/\n            --primary-hover: #D35400;\n            --text-main: #2C3E50;\n            --text-sub: #5D6D7E;\n            --bg-body: #FFFFFF;\n            --bg-card: #F8F9FA;\n            --radius-md: 4px;\n            --radius-lg: 8px;\n            --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);\n            --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);\n            --border-color: #EAECEE;\n\n            \/* Core Spacing \u0026 Typography *\/\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: clamp(2rem, 5vw, 4rem) 5%;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            color: var(--text-main);\n            box-sizing: border-box;\n            overflow-wrap: break-word;\n            word-break: break-word;\n            background: var(--bg-body);\n        }\n\n        .product-detail-container * {\n            box-sizing: border-box;\n        }\n\n        \/* Typography System *\/\n        .product-detail-container h1 { \n            font-size: clamp(32px, 4vw, 44px); \n            line-height: 1.2; \n            font-weight: 800; \n            margin: 0 0 1.5rem 0; \n            color: var(--text-main);\n        }\n        .product-detail-container h2 { \n            font-size: clamp(24px, 3.5vw, 32px); \n            line-height: 1.3; \n            font-weight: 700; \n            margin: 0 0 1.2rem 0; \n        }\n        .product-detail-container h3 { \n            font-size: clamp(20px, 2.5vw, 24px); \n            line-height: 1.4; \n            font-weight: 600; \n            margin: 0 0 1rem 0; \n        }\n        .product-detail-container p { \n            font-size: clamp(18px, 2vw, 20px); \n            line-height: 1.7; \n            color: var(--text-sub); \n            margin: 0 0 1.5rem 0; \n        }\n        \n        \/* Non-clickable Badges *\/\n        .visual-badge {\n            display: inline-block;\n            background: var(--bg-card);\n            color: var(--primary);\n            font-size: clamp(16px, 1.8vw, 18px);\n            font-weight: 700;\n            padding: 0.5rem 1rem;\n            border-radius: var(--radius-md);\n            border: 1px solid var(--border-color);\n            margin-bottom: 1.5rem;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        \/* Image Protocol (Option A: Fluid Natural Flow) *\/\n        .fluid-img {\n            width: 100%;\n            height: auto;\n            display: block;\n            border-radius: var(--radius-lg);\n            box-shadow: var(--shadow-sm);\n        }\n\n        \/* Placeholder specific styling to avoid fixed height but create area *\/\n        .img-placeholder {\n            width: 100%;\n            padding: clamp(3rem, 10vw, 6rem) 1rem;\n            background: var(--bg-card);\n            border: 2px dashed var(--border-color);\n            border-radius: var(--radius-lg);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--text-sub);\n            font-size: clamp(18px, 2vw, 22px);\n            font-weight: bold;\n            text-align: center;\n        }\n\n        \/* Layout Architecture *\/\n        .hero-section {\n            display: flex;\n            flex-direction: column;\n            gap: clamp(2rem, 4vw, 3rem);\n            margin-bottom: clamp(3rem, 8vw, 5rem);\n        }\n\n        .features-section {\n            display: flex;\n            flex-direction: column;\n            gap: clamp(3rem, 8vw, 5rem);\n            margin-bottom: clamp(3rem, 8vw, 5rem);\n        }\n\n        \/* Mobile Ordering Lock (Strict Pattern) *\/\n        .feature-item {\n            display: flex;\n            flex-direction: column; \/* Mobile first: strict single column stack *\/\n            gap: clamp(1.5rem, 4vw, 3rem);\n        }\n\n        .feature-item .feature-media {\n            order: 1; \/* Force image on top for mobile *\/\n            width: 100%;\n        }\n\n        .feature-item .feature-copy {\n            order: 2; \/* Force text on bottom for mobile *\/\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        \/* Desktop Z-Pattern Enhancement *\/\n        @media (min-width: 768px) {\n            .hero-section {\n                flex-direction: row;\n                align-items: center;\n            }\n            .hero-section \u003e * {\n                flex: 1;\n            }\n            .feature-item {\n                flex-direction: row;\n                align-items: center;\n            }\n            .feature-item.reverse {\n                flex-direction: row-reverse;\n            }\n            .feature-item .feature-media,\n            .feature-item .feature-copy {\n                width: 50%;\n                order: unset; \/* Remove order restriction on desktop *\/\n            }\n        }\n\n        \/* Specs Table (Mobile Card-based Lock) *\/\n        .specs-section {\n            margin-bottom: clamp(3rem, 8vw, 5rem);\n        }\n        \n        .specs-table {\n            width: 100%;\n            border-collapse: collapse;\n            margin-top: 1.5rem;\n        }\n        \n        .specs-table th, \n        .specs-table td {\n            padding: 1.2rem;\n            text-align: left;\n            border-bottom: 1px solid var(--border-color);\n            font-size: clamp(16px, 1.8vw, 18px);\n            color: var(--text-main);\n        }\n\n        .specs-table th {\n            font-weight: 700;\n            background: var(--bg-card);\n            border-top: 1px solid var(--border-color);\n        }\n\n        \/* Strict Mobile Table Rules *\/\n        @media (max-width: 767px) {\n            .specs-table, \n            .specs-table thead, \n            .specs-table tbody, \n            .specs-table tr, \n            .specs-table th, \n            .specs-table td {\n                display: block;\n                width: 100%;\n            }\n            .specs-table thead {\n                display: none; \/* Hide native header *\/\n            }\n            .specs-table tr {\n                background: var(--bg-card);\n                border-radius: var(--radius-lg);\n                margin-bottom: 1rem;\n                border: 1px solid var(--border-color);\n                padding: 0.5rem 0;\n            }\n            .specs-table td {\n                display: flex;\n                flex-direction: row;\n                justify-content: space-between;\n                align-items: center;\n                border-bottom: 1px solid var(--border-color);\n                padding: 1rem;\n            }\n            .specs-table td:last-child {\n                border-bottom: none;\n            }\n            .specs-table td::before {\n                content: attr(data-label); \/* Map header text *\/\n                font-weight: 700;\n                color: var(--text-sub);\n                margin-right: 1rem;\n                flex-shrink: 0;\n            }\n        }\n\n        \/* FAQ Section *\/\n        .faq-section {\n            background: var(--bg-card);\n            padding: clamp(2rem, 5vw, 4rem);\n            border-radius: var(--radius-lg);\n        }\n        .faq-item {\n            margin-bottom: 2rem;\n            padding-bottom: 1.5rem;\n            border-bottom: 1px solid var(--border-color);\n        }\n        .faq-item:last-child {\n            margin-bottom: 0;\n            padding-bottom: 0;\n            border-bottom: none;\n        }\n        .faq-q {\n            font-size: clamp(20px, 2.5vw, 22px);\n            font-weight: 700;\n            color: var(--text-main);\n            margin-bottom: 0.8rem;\n        }\n        .faq-a {\n            font-size: clamp(18px, 2vw, 20px);\n            line-height: 1.7;\n            color: var(--text-sub);\n            margin: 0;\n        }\n\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-copy\"\u003e\n\u003cdiv class=\"visual-badge\"\u003eLayout in Profiqualität\u003c\/div\u003e\n\n\u003ch1\u003eMeistern Sie jeden Winkel mit vollständiger Präzision\u003c\/h1\u003e\n\n\u003ch2\u003eDie ultimativen hohen Treppenmessgeräte, entwickelt für professionelle Rahmen- und Tischlerarbeiten.\u003c\/h2\u003e\n\n\u003cp\u003eAus robusten Materialien gefertigt, um Vermutungen auszuschließen. Hören Sie auf, Ihre Winkel immer wieder neu einzustellen, und sichern Sie perfekte Maße Schritt für Schritt.\u003c\/p\u003e\n\n\u003cp style=\"font-weight: bold; color: var(--primary);\"\u003e⭐⭐⭐⭐⭐ Vertraut von über 10.000 professionellen Bauarbeitern\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003c!-- Replace with an actual img tag using class=\"fluid-img\" --\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260320100308\/c15f3a294c5c12fab6fff142a8f34c5c.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"features-section\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260320100308\/a8e4aa974dcadde689319ab9b68efadb.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eAbsolute Präzision, kein Aufwand\u003c\/h3\u003e\n\n\u003cp\u003eEntwickelt, um sich nahtlos mit Rahmenwinkeln, Kreissägen und Tischlerwinkeln zu integrieren. Durch das Sichern Ihres exakten Winkel-Layouts entfällt das wiederholte Messen vollständig, was Ihnen bei komplexen Sparren- oder Treppenprojekten wertvolle Zeit spart.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 (Reverse on Desktop) --\u003e\n\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260320100308\/16978d38225614b363623b29c6e5d4ee.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eUnübertroffene Haltbarkeit\u003c\/h3\u003e\n\n\u003cp\u003eAus hochwertigem Vollmetall gefertigt, widerstehen diese Messgeräte Stößen, Stürzen und Korrosion auf anspruchsvollen Baustellen. Das robuste Gewinde an den Knöpfen garantiert einen überlegenen Halt, der bei wiederholtem Markieren oder starker Vibration nicht verrutscht.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260320100308\/937cdba1bbbd7974e7209ff04659bd18.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eOrganisiert und einsatzbereit\u003c\/h3\u003e\n\n\u003cp\u003eVerlieren Sie nie wieder ein wichtiges Messwerkzeug im Sägemehl. Dieses umfassende Set enthält gut sichtbare Halter und einen robusten Karabiner, mit dem Sie sie sofort an Ihrem Werkzeuggürtel oder Ihrer Tasche befestigen können, um bei Bedarf schnellen Zugriff zu haben.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Specifications Table --\u003e\n\n\u003csection class=\"specs-section\"\u003e\n\u003ch2\u003eTechnische Spezifikationen\u003c\/h2\u003e\n\n\u003ctable class=\"specs-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSpezifikation\u003c\/th\u003e\n\t\t\t\u003cth\u003eDetail\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=\"Specification\"\u003eMaterialbasis\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003eHochwertige Metalllegierung\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eHauptanwendung\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003eTreppenlayout, Sparrenlayout, Sägeführungen\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eGesamthöhe\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003e4,7 cm \/ 1,85 in\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eGewicht (Set)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003e150,0 g \/ 5,3 oz\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003eLieferumfang\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Detail\"\u003e2x hohe Treppenmessgeräte, 1x Halter, 1x Karabiner\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ Section --\u003e\n\n\u003csection class=\"faq-section\"\u003e\n\u003ch2\u003eHäufig gestellte Fragen\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-q\"\u003ePassen diese Messgeräte auf Standard-Rahmenwinkel?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-a\"\u003eJa, das vielseitige Klemmdesign ist so konstruiert, dass es sich auf fast alle gängigen Rahmen-, Tischler- und Winkelmesser sicher aufschieben und festklemmen lässt.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-q\"\u003eLösen sich die Knöpfe bei starker Vibration?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-a\"\u003eNein. Die Knöpfe verfügen über einen tiefen, strukturierten Griff und eine hochpräzise Gewindeführung, die eine feste Verriegelung ermöglicht. Einmal positioniert, halten sie Ihre Anordnung zuverlässig ohne Verrutschen.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-q\"\u003eSind die mitgelieferten Halter robust genug für den täglichen Einsatz auf der Baustelle?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-a\"\u003eAbsolut. Die Halter und der dazugehörige Karabiner sind für raue Baustellenumgebungen konzipiert und sorgen dafür, dass Ihre Messgeräte zusammenbleiben und sicher an Ihrem Werkzeuggeschirr befestigt sind.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"Blau \/ 📦 1 Set (Standard)","offer_id":46868160282797,"sku":"0328-11466517","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ 📦 1 Set (Standard)","offer_id":46868160315565,"sku":"0328-11463383","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Blau \/ 🔥 2 Sets (Pro Pack)","offer_id":46868160348333,"sku":"0328-11464830","price":26.95,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ 🔥 2 Sets (Pro Pack)","offer_id":46868160381101,"sku":"0328-11461692","price":26.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/2831\/4029\/files\/c15f3a294c5c12fab6fff142a8f34c5c_d0a83916-16c9-4e0f-92fd-99004c1c14ce.jpg?v=1784281477","url":"https:\/\/newjoyloo.com\/de\/products\/secure-grip-layout-gauges-rjc","provider":"Newjoyloo","version":"1.0","type":"link"}