{"product_id":"ufo-buttiful-magnetic-switch-hall-effect-gaming-switches","title":"UFO Buttiful Magnetischer Schalter — Hall-Effekt Gaming | 0,005 mm RT · N52H-Magnet · 100 Mio. Zyklen","description":"\u003cbody\u003e\n\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n\n    \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\n\n    \u003ctitle\u003eGravaStar UFO Buttify Magnetische Switches\u003c\/title\u003e\n\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Assistant:wght@300;400;500;600;700;800\u0026amp;family=Plus+Jakarta+Sans:wght@400;500;600;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n    \n    \u003cstyle\u003e\n        \/* =========================================\n           DIYKEY Independent Scope · Minimalist Premium Design\n           Product: GravaStar UFO Buttify Hall Effect Magnetic Switch\n           Theme: Cyber Electric Blue \u0026 Matte Gray\n           ========================================= *\/\n        \n        .dk-product-details {\n            \/* Shopify Design Tokens - Minimalist Premium \u0026 Contrast *\/\n            --dk-primary: #0062FF; \/* Cyber Electric Blue *\/\n            --dk-primary-light: #EBF5FF; \/* Light Accent Sky *\/\n            --dk-primary-hover: #0052D9;\n            \n            \/* Cheerble Style Color Palette *\/\n            --dk-text-title: #121212; \/* Solid Elegant Dark *\/\n            --dk-text-main: rgba(18, 18, 18, 0.75); \/* Deep charcoal with premium transparency *\/\n            --dk-text-muted: rgba(18, 18, 18, 0.6); \/* Soft Muted Body *\/\n            --dk-text-light: rgba(18, 18, 18, 0.4); \/* Extra Light Slate *\/\n            \n            --dk-bg-main: #FFFFFF; \/* Polar White *\/\n            --dk-bg-card: #F9F9F9; \/* High-end Minimal Warm Gray *\/\n            --dk-bg-subtle: #F4F4F4; \/* Soft Separation Gray *\/\n            \n            --dk-border-color: #E5E5E5; \/* Ultra thin crisp border *\/\n            \n            --dk-radius-xl: 24px;\n            --dk-radius-lg: 16px;\n            --dk-radius-md: 12px;\n            \n            --dk-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.02);\n            --dk-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.04);\n            --dk-shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.08);\n            \n            --dk-transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);\n            --dk-transition-bounce: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n\n            \/* Typography assignment matching cheerble.com *\/\n            font-family: 'Assistant', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n            background-color: var(--dk-bg-main);\n            color: var(--dk-text-main);\n            line-height: 1.6;\n            padding-bottom: 80px;\n            box-sizing: border-box;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        .dk-product-details * { \n            box-sizing: border-box; \n            margin: 0; \n            padding: 0; \n        }\n\n        .dk-container {\n            width: 90%;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Generic Titles - Cheerble Typography Spacing (line-height: 1.2~1.3) *\/\n        .dk-section-title {\n            font-family: 'Plus Jakarta Sans', 'Assistant', sans-serif;\n            font-size: 36px;\n            font-weight: 700;\n            text-align: center;\n            margin: 100px 0 40px;\n            letter-spacing: -0.5px;\n            color: var(--dk-text-title);\n            line-height: 1.25;\n        }\n\n        .dk-section-title::after {\n            content: '';\n            display: block;\n            width: 36px;\n            height: 3px;\n            margin: 16px auto 0;\n            background-color: var(--dk-text-title);\n            border-radius: 2px;\n        }\n\n        .dk-highlight { \n            color: var(--dk-primary); \n        }\n\n        \/* ================= Hero Section ================= *\/\n        .dk-hero-section { \n            padding: 60px 0 40px; \n        }\n\n        .dk-hero-grid {\n            display: grid;\n            grid-template-columns: 1.15fr 0.85fr;\n            gap: 64px;\n            align-items: center;\n        }\n\n        .dk-video-wrapper {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 16 \/ 9;\n            margin: 0 auto;\n            border-radius: var(--dk-radius-xl);\n            overflow: hidden;\n            background: #000000;\n            box-shadow: var(--dk-shadow-md);\n            transform: translateZ(0);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--dk-text-muted);\n            font-size: 14px;\n        }\n\n        .dk-video-wrapper iframe,\n        .dk-video-wrapper img {\n            position: absolute;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            object-fit: cover;\n            border: none;\n        }\n\n        .dk-hero-badge {\n            display: inline-flex;\n            background: var(--dk-primary-light);\n            color: var(--dk-primary);\n            padding: 6px 14px;\n            border-radius: 40px;\n            font-size: 12px;\n            font-weight: 700;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            margin-bottom: 24px;\n        }\n\n        .dk-hero-title {\n            font-family: 'Plus Jakarta Sans', 'Assistant', sans-serif;\n            font-size: 40px;\n            font-weight: 800;\n            line-height: 1.2;\n            margin-bottom: 20px;\n            letter-spacing: -1px;\n            color: var(--dk-text-title);\n        }\n\n        .dk-hero-subtitle {\n            font-family: 'Plus Jakarta Sans', 'Assistant', sans-serif;\n            font-size: 18px;\n            color: var(--dk-text-title);\n            font-weight: 600;\n            margin-bottom: 24px;\n            line-height: 1.3;\n        }\n\n        .dk-hero-desc {\n            font-size: 16px;\n            color: var(--dk-text-main);\n            margin-bottom: 32px;\n            line-height: 1.6;\n        }\n\n        .dk-hero-tags { \n            display: flex; \n            flex-wrap: wrap; \n            gap: 8px; \n            margin-bottom: 32px; \n        }\n\n        .dk-tag {\n            background: var(--dk-bg-main);\n            padding: 6px 14px;\n            border-radius: 40px;\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--dk-text-title);\n            transition: var(--dk-transition);\n            border: 1.5px solid var(--dk-border-color);\n        }\n\n        .dk-tag:hover {\n            background: var(--dk-text-title);\n            color: #FFFFFF;\n            border-color: var(--dk-text-title);\n            transform: translateY(-2px);\n        }\n\n        \/* ================= Trust Numbers ================= *\/\n        .dk-trust-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 24px;\n            margin: 80px 0;\n            text-align: center;\n            background: var(--dk-bg-card);\n            padding: 48px 32px;\n            border-radius: var(--dk-radius-xl);\n            border: 1px solid var(--dk-border-color);\n        }\n\n        .dk-trust-num {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 40px;\n            font-weight: 700;\n            color: var(--dk-text-title);\n            line-height: 1;\n            margin-bottom: 8px;\n        }\n\n        .dk-trust-label {\n            font-size: 13px;\n            color: var(--dk-text-muted);\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.8px;\n        }\n\n        \/* ================= Pain Points ================= *\/\n        .dk-pain-grid { \n            display: grid; \n            grid-template-columns: repeat(3, 1fr); \n            gap: 32px; \n        }\n\n        .dk-pain-card {\n            background: var(--dk-bg-main);\n            padding: 48px 32px;\n            border-radius: var(--dk-radius-lg);\n            text-align: center;\n            box-shadow: var(--dk-shadow-sm);\n            border: 1.5px solid var(--dk-border-color);\n            transition: var(--dk-transition);\n        }\n\n        .dk-pain-card:hover {\n            transform: translateY(-6px);\n            box-shadow: var(--dk-shadow-md);\n            border-color: var(--dk-text-title);\n        }\n\n        .dk-pain-icon {\n            width: 48px; \n            height: 48px;\n            margin: 0 auto 28px;\n            color: var(--dk-text-muted);\n            transition: var(--dk-transition);\n        }\n        \n        .dk-pain-icon svg { \n            width: 100%; \n            height: 100%; \n        }\n        \n        .dk-pain-card:hover .dk-pain-icon { \n            color: var(--dk-text-title); \n            transform: scale(1.05); \n        }\n\n        .dk-pain-card h3 { \n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 18px; \n            font-weight: 700; \n            margin-bottom: 14px; \n            color: var(--dk-text-title); \n            line-height: 1.3;\n        }\n        \n        .dk-pain-card p { \n            font-size: 15px; \n            color: var(--dk-text-main); \n            line-height: 1.6;\n        }\n\n        .dk-pain-solution {\n            margin-top: 48px;\n            background: var(--dk-text-title);\n            color: #ffffff;\n            padding: 24px 32px;\n            border-radius: var(--dk-radius-md);\n            text-align: center;\n            font-size: 16px;\n            font-weight: 500;\n            box-shadow: var(--dk-shadow-md);\n            letter-spacing: 0.3px;\n        }\n\n        \/* ================= FABE Feature Blocks ================= *\/\n        .dk-feature-block {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 80px;\n            align-items: center;\n            margin: 120px 0;\n        }\n        \n        .dk-feature-block.reverse { \n            direction: rtl; \n        }\n        \n        .dk-feature-block.reverse \u003e * { \n            direction: ltr; \n        }\n\n        .dk-feature-media {\n            width: 100%;\n            border-radius: var(--dk-radius-xl);\n            box-shadow: var(--dk-shadow-md);\n            overflow: hidden;\n            background: var(--dk-bg-subtle);\n            aspect-ratio: 4\/3;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--dk-text-light);\n            font-size: 14px;\n            text-align: center;\n        }\n        \n        .dk-feature-media img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        .dk-feature-text h3 {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 30px;\n            font-weight: 700;\n            line-height: 1.25;\n            margin-bottom: 32px;\n            color: var(--dk-text-title);\n            letter-spacing: -0.5px;\n        }\n\n        .dk-fabe-list { \n            display: flex; \n            flex-direction: column; \n            gap: 28px; \n        }\n        \n        .dk-fabe-item { \n            padding-left: 20px; \n            border-left: 3px solid var(--dk-text-title); \n        }\n        \n        .dk-fabe-item strong { \n            display: block; \n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 16px; \n            color: var(--dk-text-title); \n            margin-bottom: 6px; \n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n        \n        .dk-fabe-item p { \n            font-size: 15px; \n            color: var(--dk-text-main); \n            line-height: 1.6;\n        }\n\n        \/* ================= Spec Tables ================= *\/\n        .dk-table-wrapper {\n            margin-bottom: 48px;\n            border-radius: var(--dk-radius-md);\n            background: var(--dk-bg-main);\n            box-shadow: var(--dk-shadow-sm);\n            border: 1.5px solid var(--dk-border-color);\n            overflow-x: auto; \n            -webkit-overflow-scrolling: touch;\n        }\n\n        .dk-table-wrapper::-webkit-scrollbar {\n            height: 6px;\n        }\n        .dk-table-wrapper::-webkit-scrollbar-track {\n            background: var(--dk-bg-subtle);\n            border-radius: 0 0 8px 8px;\n        }\n        .dk-table-wrapper::-webkit-scrollbar-thumb {\n            background: #cbd5e1;\n            border-radius: 8px;\n        }\n        .dk-table-wrapper::-webkit-scrollbar-thumb:hover {\n            background: #94a3b8;\n        }\n        \n        .dk-table { \n            width: 100%; \n            border-collapse: collapse; \n            font-size: 15px; \n            white-space: nowrap; \n        }\n        \n        .dk-table th, .dk-table td { \n            padding: 18px 24px; \n            border-bottom: 1.5px solid var(--dk-border-color); \n            text-align: left; \n        }\n        \n        .dk-table th { \n            background: var(--dk-bg-card); \n            font-weight: 700; \n            color: var(--dk-text-title); \n            white-space: nowrap; \n        }\n        \n        .dk-comp-winner {\n            color: var(--dk-text-title);\n            font-weight: 700;\n            background: var(--dk-bg-subtle);\n            padding: 6px 12px;\n            border-radius: 6px;\n            font-size: 14px;\n            border: 1px solid var(--dk-border-color);\n            white-space: nowrap;\n        }\n\n        .dk-table-compare,\n        .dk-table-specs {\n            min-width: 600px; \n        }\n\n        .dk-spec-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 20px;\n            margin-bottom: 32px;\n        }\n        .dk-spec-card {\n            background: var(--dk-bg-card);\n            padding: 28px 20px;\n            border-radius: var(--dk-radius-md);\n            text-align: center;\n            border: 1px solid var(--dk-border-color);\n            transition: var(--dk-transition);\n        }\n        .dk-spec-card:hover { \n            background: #fff; \n            box-shadow: var(--dk-shadow-md); \n            transform: translateY(-4px); \n            border-color: var(--dk-text-title);\n        }\n        .dk-spec-card span { \n            font-size: 28px; \n            display: block; \n            margin-bottom: 12px; \n        }\n        .dk-spec-card strong { \n            display: block; \n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 15px; \n            margin-bottom: 4px; \n            color: var(--dk-text-title); \n        }\n        .dk-spec-card p { \n            font-size: 14px; \n            color: var(--dk-text-main); \n        }\n\n        \/* ================= Testimonials ================= *\/\n        .dk-testimonial-grid { \n            display: grid; \n            grid-template-columns: repeat(3, 1fr); \n            gap: 32px; \n        }\n        \n        .dk-testimonial-card {\n            background: var(--dk-bg-card);\n            padding: 40px 32px;\n            border-radius: var(--dk-radius-lg);\n            box-shadow: var(--dk-shadow-sm);\n            border: 1px solid var(--dk-border-color);\n            transition: var(--dk-transition);\n            display: flex;\n            flex-direction: column;\n        }\n        \n        .dk-testimonial-card:hover { \n            transform: translateY(-6px); \n            box-shadow: var(--dk-shadow-md); \n            border-color: var(--dk-text-title);\n        }\n        \n        .dk-testimonial-card h4 {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 16px; \n            font-weight: 700; \n            color: var(--dk-text-title); \n            margin-bottom: 12px; \n            line-height: 1.4;\n        }\n        \n        .dk-stars { \n            color: #000000; \n            font-size: 14px; \n            margin-bottom: 16px; \n            letter-spacing: 2px;\n        }\n        \n        .dk-testimonial-card p { \n            font-size: 15px; \n            font-style: italic; \n            color: var(--dk-text-main); \n            margin-bottom: 24px; \n            line-height: 1.6; \n            flex-grow: 1; \n        }\n        \n        .dk-testimonial-user { \n            font-weight: 700; \n            color: var(--dk-text-title); \n            font-size: 14px; \n        }\n\n        \/* ================= Trust Features ================= *\/\n        .dk-trust-features {\n            background: var(--dk-bg-card);\n            border-radius: var(--dk-radius-xl);\n            padding: 80px 48px;\n            text-align: center;\n            margin: 100px 0;\n            border: 1px solid var(--dk-border-color);\n            box-shadow: var(--dk-shadow-sm);\n        }\n        \n        .dk-tf-grid { \n            display: grid; \n            grid-template-columns: repeat(3, 1fr); \n            gap: 32px; \n            max-width: 1000px; \n            margin: 48px auto 0; \n        }\n        \n        .dk-tf-item { \n            display: flex; \n            flex-direction: column; \n            align-items: center; \n            transition: var(--dk-transition); \n        }\n        \n        .dk-tf-item:hover { \n            transform: translateY(-4px); \n        }\n        \n        .dk-tf-icon { \n            width: 48px; \n            height: 48px; \n            margin-bottom: 20px; \n            color: var(--dk-text-title); \n        }\n        \n        .dk-tf-item p { \n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-weight: 700; \n            color: var(--dk-text-title); \n            font-size: 16px; \n            margin-bottom: 8px;\n        }\n        \n        .dk-tf-item span { \n            font-size: 14px; \n            color: var(--dk-text-main); \n            line-height: 1.5;\n        }\n\n        \/* ================= FAQ ================= *\/\n        .dk-faq-wrapper { \n            max-width: 800px; \n            margin: 0 auto; \n            padding: 0 10px; \n        }\n        \n        .dk-faq-item {\n            background: var(--dk-bg-main);\n            border: 1.5px solid var(--dk-border-color);\n            border-radius: var(--dk-radius-md);\n            margin-bottom: 16px;\n            transition: var(--dk-transition);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .dk-faq-item:hover { \n            border-color: var(--dk-text-title); \n        }\n        \n        .dk-faq-item::before {\n            content: ''; \n            position: absolute; \n            left: 0; top: 0; bottom: 0;\n            width: 0; \n            background-color: var(--dk-text-title); \n            transition: width 0.3s ease; \n            z-index: 2;\n        }\n        \n        .dk-faq-item.active { \n            border-color: var(--dk-text-title); \n            box-shadow: var(--dk-shadow-sm); \n        }\n        \n        .dk-faq-item.active::before { \n            width: 4px; \n        }\n\n        .dk-faq-button {\n            width: 100%; \n            padding: 24px 28px; \n            background: none; \n            border: none;\n            display: flex; \n            align-items: center; \n            justify-content: space-between;\n            cursor: pointer; \n            text-align: left; \n            gap: 16px; \n            outline: none;\n        }\n        \n        .dk-faq-q-box { \n            display: flex; \n            gap: 16px; \n            align-items: center; \n        }\n        \n        .dk-faq-label {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 13px; \n            font-weight: 700; \n            color: var(--dk-text-title); \n            background: var(--dk-bg-subtle);\n            width: 24px; \n            height: 24px; \n            display: flex; \n            align-items: center; \n            justify-content: center;\n            border-radius: 6px; \n            flex-shrink: 0;\n        }\n        \n        .dk-faq-question-text { \n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 16px; \n            font-weight: 700; \n            color: var(--dk-text-title); \n            line-height: 1.3; \n        }\n        \n        .dk-faq-icon { \n            width: 20px; \n            height: 20px; \n            color: var(--dk-text-muted); \n            transition: var(--dk-transition-bounce); \n            flex-shrink: 0; \n        }\n        \n        .dk-faq-item.active .dk-faq-icon { \n            transform: rotate(180deg); \n            color: var(--dk-text-title); \n        }\n\n        .dk-faq-collapse { \n            display: grid; \n            grid-template-rows: 0fr; \n            transition: grid-template-rows 0.3s ease-out; \n        }\n        \n        .dk-faq-item.active .dk-faq-collapse { \n            grid-template-rows: 1fr; \n        }\n        \n        .dk-faq-answer-inner { \n            overflow: hidden; \n        }\n        \n        .dk-faq-answer { \n            padding: 0 28px 28px 68px; \n            color: var(--dk-text-main); \n            font-size: 15px; \n            line-height: 1.6; \n        }\n\n        \/* Poetic Footer *\/\n        .dk-poetic-footer {\n            text-align: center;\n            padding: 48px 32px;\n            margin-top: 80px;\n            font-style: italic;\n            color: var(--dk-text-title);\n            font-size: 16px;\n            background: var(--dk-bg-card);\n            border-radius: var(--dk-radius-md);\n            border: 1px solid var(--dk-border-color);\n            line-height: 1.6;\n        }\n\n        \/* ================= Responsive Design ================= *\/\n        @media (max-width: 992px) {\n            .dk-hero-title { font-size: 36px; }\n            .dk-hero-grid { gap: 40px; }\n            .dk-feature-block { gap: 40px; margin: 80px 0; }\n        }\n\n        @media (max-width: 768px) {\n            .dk-section-title { font-size: 26px; text-align: left; margin: 60px 0 24px; }\n            .dk-section-title::after { margin-left: 0; }\n            .dk-product-details { padding-bottom: 40px; }\n            \n            \/* Hero Section *\/\n            .dk-hero-section { padding: 24px 0 40px; }\n            .dk-hero-grid { grid-template-columns: 1fr; gap: 32px; text-align: left; }\n            .dk-video-wrapper { border-radius: var(--dk-radius-lg); }\n            .dk-hero-title { font-size: 30px; margin-bottom: 16px; }\n            .dk-hero-subtitle { font-size: 16px; margin-bottom: 16px; }\n            .dk-hero-desc { font-size: 15px; margin-bottom: 24px; }\n            .dk-hero-tags { justify-content: flex-start; gap: 6px; margin-bottom: 24px; }\n            .dk-tag { font-size: 12px; padding: 5px 12px; }\n            \n            \/* Trust Numbers *\/\n            .dk-trust-grid { grid-template-columns: repeat(2, 1fr); padding: 32px 16px; margin: 48px 0; gap: 20px; border-radius: var(--dk-radius-lg); }\n            .dk-trust-num { font-size: 30px; }\n            .dk-trust-label { font-size: 11px; }\n            \n            \/* Pain Points *\/\n            .dk-pain-section .dk-section-title + p { font-size: 15px; margin-bottom: 24px; line-height: 1.5; text-align: left; }\n            .dk-pain-grid { grid-template-columns: 1fr; gap: 20px; }\n            .dk-pain-card { padding: 36px 20px; text-align: left; }\n            .dk-pain-icon { margin: 0 0 16px 0; width: 40px; height: 40px; }\n            .dk-pain-card h3 { font-size: 16px; margin-bottom: 10px; }\n            .dk-pain-solution { text-align: left; font-size: 15px; padding: 20px; margin-top: 24px; }\n            \n            \/* Feature Blocks *\/\n            .dk-feature-block, .dk-feature-block.reverse { grid-template-columns: 1fr; gap: 28px; direction: ltr; margin: 60px 0; }\n            .dk-feature-text { text-align: left; }\n            .dk-feature-text h3 { font-size: 22px; margin-bottom: 20px; }\n            .dk-fabe-list { gap: 20px; }\n            .dk-fabe-item { padding-left: 16px; }\n            .dk-fabe-item strong { font-size: 15px; }\n            .dk-fabe-item p { font-size: 14px; }\n            \n            \/* Tables *\/\n            .dk-table-wrapper { margin-bottom: 32px; }\n            .dk-table { font-size: 13px; }\n            .dk-table th, .dk-table td { padding: 14px 16px; }\n            \n            \/* Tech Specs Table - Stacked for Mobile *\/\n            .dk-table-specs { min-width: 100%; display: block; white-space: normal; }\n            .dk-table-specs tbody, .dk-table-specs tr { display: block; width: 100%; }\n            .dk-table-specs tr { border-bottom: 1px solid var(--dk-border-color); }\n            .dk-table-specs tr:last-child { border-bottom: none; }\n            .dk-table-specs th, .dk-table-specs td { display: block; width: 100%; text-align: left; border-bottom: none; }\n            .dk-table-specs th { padding: 16px 16px 4px 16px; background: transparent; font-size: 14px; color: var(--dk-text-title); }\n            .dk-table-specs td { padding: 0 16px 16px 16px; font-size: 13px; color: var(--dk-text-main); }\n            \n            \/* Spec Grid *\/\n            .dk-spec-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 24px; }\n            .dk-spec-card { padding: 20px 16px; text-align: left; border-radius: var(--dk-radius-md); }\n            .dk-spec-card span { font-size: 24px; margin-bottom: 8px; }\n            \n            \/* Testimonials *\/\n            .dk-testimonial-grid { grid-template-columns: 1fr; gap: 20px; }\n            .dk-testimonial-card { padding: 28px 20px; }\n            .dk-testimonial-card p { font-size: 14px; margin-bottom: 16px; }\n            \n            \/* Trust Features *\/\n            .dk-trust-features { padding: 48px 20px; text-align: left; margin: 60px 0; border-radius: var(--dk-radius-lg); }\n            .dk-tf-grid { grid-template-columns: 1fr; gap: 28px; margin: 32px auto 0; }\n            .dk-tf-item { align-items: flex-start; text-align: left; flex-direction: row; gap: 16px; }\n            .dk-tf-icon { width: 40px; height: 40px; margin-bottom: 0; flex-shrink: 0; }\n            .dk-tf-item p { font-size: 15px; margin-bottom: 4px; font-weight: 700; }\n            .dk-tf-item span { font-size: 13px; line-height: 1.4; display: block; }\n            \n            \/* FAQ *\/\n            .dk-faq-button { padding: 20px 16px; }\n            .dk-faq-question-text { font-size: 14px; }\n            .dk-faq-answer { padding: 0 16px 20px 56px; font-size: 13px; }\n\n            \/* Poetic Footer *\/\n            .dk-poetic-footer { font-size: 14px; padding: 32px 20px; margin-top: 48px; }\n        }\n\n        @media (max-width: 480px) {\n            .dk-hero-title { font-size: 26px; }\n            .dk-section-title { font-size: 22px; }\n            .dk-faq-answer { padding: 0 16px 20px 16px; margin-top: 12px; border-top: 1px solid var(--dk-bg-subtle); padding-top: 12px; }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"dk-product-details\"\u003e\n\n    \u003cdiv class=\"dk-container\"\u003e\n\n        \n        \u003c!-- ================= Hero Section ================= --\u003e\n        \u003cdiv class=\"dk-hero-section\"\u003e\n\n            \u003cdiv class=\"dk-hero-grid\"\u003e\n\n                \u003cdiv class=\"dk-video-wrapper\"\u003e\n\n                    \u003ciframe title=\"GravaStar UFO Buttify Hall-Effekt-Magnetischer Switch\" src=\"https:\/\/www.youtube.com\/embed\/JOPwjLbFxPI?loop=1\u0026amp;playlist=JOPwjLbFxPI\u0026amp;rel=0\u0026amp;playsinline=1\u0026amp;controls=1\u0026amp;mute=0\"\u003e\u003c\/iframe\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv\u003e\n\n                    \u003cdiv class=\"dk-hero-badge\"\u003eGravaStar Mecha-Kollektion\u003c\/div\u003e\n\n                    \u003ch1 class=\"dk-hero-title\"\u003eGravaStar UFO Buttify Hall-Effekt-Magnetischer Switch\u003c\/h1\u003e\n\n                    \u003cp class=\"dk-hero-subtitle\"\u003eDer Gipfel der Geschwindigkeit: 0,005-mm-RT-Schrittpräzision \u0026amp; 360°-Kreisarchitektur.\u003c\/p\u003e\n\n                    \u003cp class=\"dk-hero-desc\"\u003eHast du es satt, dass träge Tastaturreaktionen und unpräzises Wackeln deiner Tasten deine Mikrobewegungen in kompetitiven FPS-Spielen ausbremsen? Die Meister der Mecha-Ästhetik haben den GravaStar UFO Buttify entwickelt – den ultimativen Hardware-Cheat-Code.\u003cbr\u003e\u003cbr\u003eInnovativ konstruiert mit einem 360°-kreisförmigen Skelett aus zwei Schienen, das jegliches Wackeln der Tastenkappen vollständig verhindert, beherbergt er erstklassige N52H NdFeB-Neodym-Permanentmagnete. Erlebe Mikroeinstellungen und sofortige Stoppsignale mit einer absurd präzisen 0,005-mm-Rapid-Trigger-(RT)-Schritteinstellung. In einem hochwertigen, pfirsichförmig gewölbten Lichtleitergehäuse wird das RGB deiner Tastatur zu einer volumetrischen 3D-Aura gestreut. Beherrsche die Arena mit absoluter mechanischer Dominanz.\u003c\/p\u003e\n\n                    \u003cdiv class=\"dk-hero-tags\"\u003e\n\n                        \u003cspan class=\"dk-tag\"\u003e⚡ 0,005-mm-RT-Schritt\u003c\/span\u003e \n                        \u003cspan class=\"dk-tag\"\u003e🛸 360°-Kreisschiene\u003c\/span\u003e \n                        \u003cspan class=\"dk-tag\"\u003e🧲 N52H NdFeB-Magnet\u003c\/span\u003e \n                        \u003cspan class=\"dk-tag\"\u003e🌈 Pfirsichfarbenes volumetrisches RGB\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- ================= Trust Stats ================= --\u003e\n        \u003cdiv class=\"dk-trust-grid\"\u003e\n\n            \u003cdiv class=\"dk-trust-item\"\u003e\n\n                \u003cdiv class=\"dk-trust-num\"\u003e0,005 mm\u003c\/div\u003e\n\n                \u003cdiv class=\"dk-trust-label\"\u003eRT-Schritt\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-trust-item\"\u003e\n\n                \u003cdiv class=\"dk-trust-num\"\u003e360°\u003c\/div\u003e\n\n                \u003cdiv class=\"dk-trust-label\"\u003eZweischienen-Skelett\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-trust-item\"\u003e\n\n                \u003cdiv class=\"dk-trust-num\"\u003eN52H\u003c\/div\u003e\n\n                \u003cdiv class=\"dk-trust-label\"\u003eNdFeB-Magnet\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-trust-item\"\u003e\n\n                \u003cdiv class=\"dk-trust-num\"\u003e100M+\u003c\/div\u003e\n\n                \u003cdiv class=\"dk-trust-label\"\u003eLebensdauer der Tastenanschläge\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- ================= Pain Points Section ================= --\u003e\n        \u003cdiv class=\"dk-pain-section\"\u003e\n\n            \u003ch2 class=\"dk-section-title\"\u003eKernvorteile: Das magnetische Switch-Erlebnis revolutionieren\u003c\/h2\u003e\n\n            \u003cp style=\"color: var(--dk-text-muted); margin-bottom: 40px; font-size: 18px; text-align: center; max-width: 800px; margin-left: auto; margin-right: auto;\"\u003eWir wissen, dass du perfekte Kontrolle verlangst. Der UFO Buttify wurde speziell entwickelt, um die typischen Probleme herkömmlicher magnetischer Switches wie unkontrolliertes Wackeln, Signaldrift und blendend helle Hotspots zu beseitigen.\u003c\/p\u003e\n\n            \n            \u003cdiv class=\"dk-pain-grid\"\u003e\n\n                \u003cdiv class=\"dk-pain-card\"\u003e\n\n                    \u003cdiv class=\"dk-pain-icon\"\u003e\n\n                        \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n                            \u003cpath d=\"M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3\u003eDas Problem: Träge Umschaltung \u0026amp; Wackeln\u003c\/h3\u003e\n\n                    \u003cp\u003eHerkömmliche magnetische Switches nutzen klassische Kreuzstiele mit großen Toleranzen. Dies führt zu starkem horizontalem Wackeln, ungleichmäßigen Auslösungen und einem billigen Tastgefühl.\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n                \n                \u003cdiv class=\"dk-pain-card\"\u003e\n\n                    \u003cdiv class=\"dk-pain-icon\"\u003e\n\n                        \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n                            \u003cpath d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3\u003eDas Problem: Signaldrift \u0026amp; tote Zonen\u003c\/h3\u003e\n\n                    \u003cp\u003eMinderwertige Permanentmagnete verlieren an Stärke oder liefern keine hohe Flussdichte. Dadurch entstehen Latenzen oder tote Zonen, in denen entscheidende Rapid-Trigger-(RT)-Gegenstrafe-Bewegungen einfach nicht registriert werden.\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n                \n                \u003cdiv class=\"dk-pain-card\"\u003e\n\n                    \u003cdiv class=\"dk-pain-icon\"\u003e\n\n                        \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n                            \u003ccircle r=\"10\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n                            \u003cpath d=\"M12 6v6l4 2\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003ch3\u003eDas Problem: Harte punktuelle Beleuchtung\u003c\/h3\u003e\n\n                    \u003cp\u003eStandard-Designs mit offenen Schlitzen lassen rohe LEDs ungleichmäßig durchscheinen und erzeugen blendende Lichtspots sowie große dunkle Bereiche auf deiner Custom-Tastatur.\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-pain-solution\"\u003e✨ \u003cstrong\u003eGravaStar UFO Buttify\u003c\/strong\u003e: Die ultimative E-Sport-Lösung mit wackelfreien Doppelschiene, 0,005-mm-Mikroschrittgenauigkeit und pfirsichförmiger volumetrischer Lichtstreuung.\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- ================= FABE Feature Blocks ================= --\u003e\n        \u003cdiv class=\"dk-feature-block\"\u003e\n\n            \u003cdiv class=\"dk-feature-media\"\u003e\n\n                \u003cimg loading=\"lazy\" alt=\"360°-kreisförmiges Skelett mit zwei Schienen\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/3_fda14fac-2a45-4163-92a4-a6115bc35287.jpg?v=1782827692\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/800x600\/F4F4F4\/121212?text=360+Zweischienen-Skelett';\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-feature-text\"\u003e\n\n                \u003ch3\u003eSchluss mit Wackeln am Stiel\u003cbr\u003e360°-kreisförmige Architektur mit zwei Schienen\u003c\/h3\u003e\n\n                \u003cdiv class=\"dk-fabe-list\"\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eDie Lösung\u003c\/strong\u003e\n                        \u003cp\u003eErsetzt die klassische Kreuzstielführung durch ein mecha-skelettinspiriertes, 360°-kreisförmiges Doppelschiene-System. Der zylindrische Pfad wirkt als starre Führung und erzwingt eine absolut vertikale Bewegung.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eDer Vorteil\u003c\/strong\u003e\n                        \u003cp\u003eVollständige mechanische Stabilisierung. Erlebe absolute, bombenfeste Stabilität, egal wo deine Finger die Tastenkappe berühren. Jeder Tastendruck fühlt sich über den gesamten Tastenblock hinweg unglaublich stabil, präzise und gleichmäßig an.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"dk-feature-block reverse\"\u003e\n\n            \u003cdiv class=\"dk-feature-media\"\u003e\n\n                \u003cimg loading=\"lazy\" alt=\"N52H-Seltenerd-NdFeB-Permanentmagnet\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/diykey_mobio_banner.png?v=1782662543\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/800x600\/F4F4F4\/121212?text=N52H+NdFeB-Magnet';\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-feature-text\"\u003e\n\n                \u003ch3\u003eSchluss mit Latenz \u0026amp; Drift\u003cbr\u003eN52H NdFeB-Magnet \u0026amp; 0,005-mm-RT-Schritt\u003c\/h3\u003e\n\n                \u003cdiv class=\"dk-fabe-list\"\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eDie Lösung\u003c\/strong\u003e\n                        \u003cp\u003eAusgestattet mit branchenführenden N52H-Neodym-Permanentmagneten, die eine enorme Flussdichte von 600GS erzeugen und eine hochauflösende Kommunikation mit den Hall-Effekt-Sensoren der Tastatur ermöglichen.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eDer Vorteil\u003c\/strong\u003e\n                        \u003cp\u003eErreiche echte physische E-Sport-Geschwindigkeit. Feintune deine Rapid-Trigger-(RT)-Einstellungen bis auf eine Mikroschrittgenauigkeit von 0,005 mm. Führe Gegenstrafe-Bewegungen in Valorant aus oder starte präzise Drifts mit absoluter latenzfreier Sicherheit.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"dk-feature-block\"\u003e\n\n            \u003cdiv class=\"dk-feature-media\"\u003e\n\n                \u003cimg loading=\"lazy\" alt=\"Pfirsichinspirierte volumetrische Lichtstreuung\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/2_8ad712bf-e2a1-4619-a540-1368333d1bba.jpg?v=1782827692\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/800x600\/F4F4F4\/121212?text=Pfirsichfarbener+Lichtleiter';\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-feature-text\"\u003e\n\n                \u003ch3\u003eSchluss mit blendenden Hotspots\u003cbr\u003eOrganische, pfirsichinspirierte Lichtführung\u003c\/h3\u003e\n\n                \u003cdiv class=\"dk-fabe-list\"\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eDie Lösung\u003c\/strong\u003e\n                        \u003cp\u003eVerwendet eine fortschrittliche, geschwungene Lichtführungsgeometrie. Sie nutzt sanfte Kurven und physikbasierte Brechung, um das LED-Licht gleichmäßig nach oben und außen vom Rand des Stiels weg zu leiten.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"dk-fabe-item\"\u003e\n\n                        \u003cstrong\u003eDer Vorteil\u003c\/strong\u003e\n                        \u003cp\u003eAtemberaubende volumetrische 3D-Lichtstreuung. Dunkle Bereiche und blendende Spots werden vollständig eliminiert. Deine Tastatur wird in ein gleichmäßiges, traumhaftes Leuchten getaucht, das die Ästhetik von transluzenten und soliden Tastenkappen gleichermaßen aufwertet.\u003c\/p\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- ================= Warnhinweis (Wichtiger Sicherheitshinweis) ================= --\u003e\n        \u003cdiv style=\"background: #FFFBEB; border: 1.5px solid #FCD34D; border-radius: var(--dk-radius-md); padding: 24px; margin-bottom: 80px; display: flex; align-items: flex-start; gap: 16px;\"\u003e\n\n            \u003cspan style=\"font-size: 24px;\"\u003e⚠️\u003c\/span\u003e\n            \u003cdiv\u003e\n\n                \u003ch4 style=\"font-family: 'Plus Jakarta Sans', sans-serif; font-size: 16px; font-weight: 700; color: #78350F; margin-bottom: 8px;\"\u003eWichtiger Warnhinweis zur Polarity-Kompatibilität\u003c\/h4\u003e\n\n                \u003cp style=\"font-size: 14px; color: #78350F; line-height: 1.5;\"\u003eDieser magnetische Switch verfügt über eine \u003cstrong\u003eNPD-Magnetpolarität (Nordpol nach unten)\u003c\/strong\u003e. Er ist ausschließlich mit Hall-Effekt-(HE)-Magnet-PCBs kompatibel, die für NPD-Switches entwickelt wurden. Er \u003cstrong\u003efunktioniert nicht\u003c\/strong\u003e mit NPU-Boards (Nordpol nach oben), herkömmlichen mechanischen Tastaturen oder optischen Tastaturen. Bitte überprüfe die magnetischen Spezifikationen deiner Tastatur vor dem Kauf.\u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- ================= Vergleichstabelle ================= --\u003e\n        \u003ch2 class=\"dk-section-title\"\u003eFunktionsvergleich: Die HE-Magnet-Evolution\u003c\/h2\u003e\n\n        \u003cdiv class=\"dk-table-wrapper\"\u003e\n\n            \u003ctable class=\"dk-table dk-table-compare\"\u003e\n\n                \u003cthead\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eFunktionen\u003c\/th\u003e\n\n                        \u003cth\u003e✨ GravaStar UFO Buttify HE\u003c\/th\u003e\n\n                        \u003cth\u003eHerkömmlicher magnetischer Switch\u003c\/th\u003e\n\n                    \u003c\/tr\u003e\n\n                \u003c\/thead\u003e\n\n                \u003ctbody\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eStielarchitektur\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003e360°-Kreisförmige Doppelschiene · Kein horizontales Wackeln\u003c\/span\u003e\u003c\/td\u003e\n\n                        \u003ctd\u003eKlassischer Kreuzstiel (Starkes Wackeln \u0026amp; Spiel)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eRT-Schrittpräzision\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003e0,005-mm-Mikroschritt · Keine Signaldrift\u003c\/span\u003e\u003c\/td\u003e\n\n                        \u003ctd\u003eGrobe 0,1-mm- bis 0,2-mm-Schritte, anfällig für tote Zonen\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eMagnetkern\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003eN52H Seltenerd-NdFeB (600GS)\u003c\/span\u003e\u003c\/td\u003e\n\n                        \u003ctd\u003eGünstiger Ferrit- oder generischer NdFeB-Magnetkern\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eRGB-Streuung\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003ePfirsichfarbener volumetrischer Router · Gleichmäßiges 3D-Leuchten\u003c\/span\u003e\u003c\/td\u003e\n\n                        \u003ctd\u003eStandard-LED-Ausschnitt (Verursacht starke Blendeffekte)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003ctd\u003eSwitch-Lebensdauer\u003c\/td\u003e\n\n                        \u003ctd\u003e\u003cspan class=\"dk-comp-winner\"\u003e100M+ kontaktlose Zyklen · Reibungslose Langlebigkeit\u003c\/span\u003e\u003c\/td\u003e\n\n                        \u003ctd\u003e~50M mechanische Lebensdauer durch Verschleiß\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                \u003c\/tbody\u003e\n\n            \u003c\/table\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- ================= Technische Spezifikationen in Raster \u0026 Tabelle ================= --\u003e\n        \u003ch2 class=\"dk-section-title\"\u003eTechnische Spezifikationen\u003c\/h2\u003e\n\n        \u003cp style=\"color: var(--dk-text-muted); margin-bottom: 30px; text-align: center;\"\u003eTransparente, harte Daten für Enthusiasten.\u003c\/p\u003e\n\n        \n        \u003cdiv class=\"dk-spec-grid\"\u003e\n\n            \u003cdiv class=\"dk-spec-card\"\u003e\n\n                \u003cspan\u003e⚡\u003c\/span\u003e\n                \u003cstrong\u003eGenauigkeit\u003c\/strong\u003e\n                \u003cp\u003e0,005-mm-Schritt\u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-spec-card\"\u003e\n\n                \u003cspan\u003e🛸\u003c\/span\u003e\n                \u003cstrong\u003eStielführung\u003c\/strong\u003e\n                \u003cp\u003e360°-Doppelschiene\u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-spec-card\"\u003e\n\n                \u003cspan\u003e🧲\u003c\/span\u003e\n                \u003cstrong\u003eMagnetkern\u003c\/strong\u003e\n                \u003cp\u003eN52H NdFeB\u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dk-spec-card\"\u003e\n\n                \u003cspan\u003e♾️\u003c\/span\u003e\n                \u003cstrong\u003eLebensdauer\u003c\/strong\u003e\n                \u003cp\u003e100M+ Zyklen\u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"dk-table-wrapper\"\u003e\n\n            \u003ctable class=\"dk-table dk-table-specs\"\u003e\n\n                \u003ctbody\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eProduktname\u003c\/th\u003e\n\n                        \u003ctd\u003e\u003cstrong\u003eGravaStar UFO Buttify HE Magnetischer Switch\u003c\/strong\u003e\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eSwitch-Typ\u003c\/th\u003e\n\n                        \u003ctd\u003eLinearer Hall-Effekt-Magnetischer Switch\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eBetätigungskraft\u003c\/th\u003e\n\n                        \u003ctd\u003e40 ± 10 gf\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eMagnettyp\u003c\/th\u003e\n\n                        \u003ctd\u003eFlaggschiff N52H NdFeB Neodym-Permanentmagnet (600GS)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003ePolaritätsrichtung\u003c\/th\u003e\n\n                        \u003ctd\u003eNur Nordpol nach unten (NPD)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eRT-Schrittpräzision\u003c\/th\u003e\n\n                        \u003ctd\u003eUnterstützt Rapid Trigger bis zu einer Auflösung von 0,005 mm\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eGesamtweg\u003c\/th\u003e\n\n                        \u003ctd\u003e3,50 ± 0,2 mm\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eAkustik \u0026amp; Schmierung\u003c\/th\u003e\n\n                        \u003ctd\u003ePräzise ab Werk geschmiert\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eGehäusekonstruktion\u003c\/th\u003e\n\n                        \u003ctd\u003eTransparenter PC (Oben \u0026amp; Stielführung) + Premium-Nylon (Basis)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003ePin-Konfiguration\u003c\/th\u003e\n\n                        \u003ctd\u003e5-Pin-PCB-Montage (Hot-Swap möglich)\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eStrukturelle Verpackung\u003c\/th\u003e\n\n                        \u003ctd\u003eInklusive GravaStar-spezifischen Entnahmegeräten\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                    \u003ctr\u003e\n\n                        \u003cth\u003eHardware-Garantie\u003c\/th\u003e\n\n                        \u003ctd\u003e12 Monate offizielle eingeschränkte Garantie\u003c\/td\u003e\n\n                    \u003c\/tr\u003e\n\n                \u003c\/tbody\u003e\n\n            \u003c\/table\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- ================= Testimonials ================= --\u003e\n        \u003ch2 class=\"dk-section-title\"\u003eKundenbewertungen\u003c\/h2\u003e\n\n        \u003cdiv class=\"dk-testimonial-grid\"\u003e\n\n            \u003cdiv class=\"dk-testimonial-card\"\u003e\n\n                \u003cdiv class=\"dk-stars\"\u003e★★★★★\u003c\/div\u003e\n\n                \u003ch4\u003e\"Absurd stabil. Null Spielraum oder Wackeln.\"\u003c\/h4\u003e\n\n                \u003cp\u003e\"Ich habe meine alten HE-Switches durch die UFO Buttify ersetzt, und der Unterschied in der Stabilität ist wie Tag und Nacht. Das kreisförmige 360°-Schienensystem macht meine Tastenkappen absolut starr. Wenn ich meine Finger darauf lasse, gibt es kein seitliches Wackeln. Das macht das Zielen unglaublich präzise.\"\u003c\/p\u003e\n\n                \u003cdiv style=\"margin-top: auto;\"\u003e\n\n                    \u003cdiv class=\"dk-testimonial-user\"\u003e— @WobbleProof, Apex Predator\u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \n            \u003cdiv class=\"dk-testimonial-card\"\u003e\n\n                \u003cdiv class=\"dk-stars\"\u003e★★★★★\u003c\/div\u003e\n\n                \u003ch4\u003e\"Rapid Trigger ist unglaublich scharf.\"\u003c\/h4\u003e\n\n                \u003cp\u003e\"Die RT auf 0,005 mm an meiner Custom-HE-Tastatur einzustellen, fühlt sich an wie Cheaten. Meine Gegenstrafe-Bewegungen werden sofort registriert, ohne die kleinen toten Zonen, die ich bei günstigeren magnetischen Switches bemerkt habe. Die N52H-Magnete sind jeden einzelnen Cent wert.\"\u003c\/p\u003e\n\n                \u003cdiv style=\"margin-top: auto;\"\u003e\n\n                    \u003cdiv class=\"dk-testimonial-user\"\u003e— @TacticalPro, VALORANT Radiant\u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \n            \u003cdiv class=\"dk-testimonial-card\"\u003e\n\n                \u003cdiv class=\"dk-stars\"\u003e★★★★★\u003c\/div\u003e\n\n                \u003ch4\u003e\"Die schönste diffuse Beleuchtung, die ich je gesehen habe.\"\u003c\/h4\u003e\n\n                \u003cp\u003e\"Das Lichtleiterdesign im Pfirsichstil ist ein absolutes Genie-Stück. Anstatt harter Lichtstrahlen, die durch Löcher dringen, fließt das Licht nach außen und umhüllt den Mecha-Stiel sanft. Es hat die dunklen Stellen meiner Tastatur vollständig beseitigt.\"\u003c\/p\u003e\n\n                \u003cdiv style=\"margin-top: auto;\"\u003e\n\n                    \u003cdiv class=\"dk-testimonial-user\"\u003e— @RetroFuturistic, Designer von Schreibtisch-Setups\u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- ================= Vertrauensmerkmale ================= --\u003e\n        \u003cdiv class=\"dk-trust-features\"\u003e\n\n            \u003ch2 style=\"margin-top: 0;\" class=\"dk-section-title\"\u003ePremium-Qualität, sorgenfreier Support\u003c\/h2\u003e\n\n            \u003cdiv class=\"dk-tf-grid\"\u003e\n\n                \u003cdiv class=\"dk-tf-item\"\u003e\n\n                    \u003cdiv class=\"dk-tf-icon\"\u003e\n\n                        \u003csvg stroke-width=\"1.5\" stroke-linecap=\"round\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n                            \u003crect ry=\"2\" rx=\"2\" height=\"12\" width=\"18\" y=\"8\" x=\"3\"\u003e\u003c\/rect\u003e\n                            \u003cline y2=\"14\" x2=\"21\" y1=\"14\" x1=\"16\"\u003e\u003c\/line\u003e\n                            \u003cline y2=\"14\" x2=\"12\" y1=\"14\" x1=\"8\"\u003e\u003c\/line\u003e\n                            \u003cpath d=\"M4 8V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv\u003e\n\n                        \u003cp\u003eKostenloser Versand ab 80 $\u003c\/p\u003e\n\n                        \u003cspan\u003eGenießen Sie weltweit kostenlosen Standardversand. Auf Lager und innerhalb von 24 Stunden versandt.\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n                \n                \u003cdiv class=\"dk-tf-item\"\u003e\n\n                    \u003cdiv class=\"dk-tf-icon\"\u003e\n\n                        \u003csvg stroke-width=\"1.5\" stroke-linecap=\"round\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n                            \u003cpath d=\"M9 11l3 3L22 4\"\u003e\u003c\/path\u003e\n                            \u003cpath d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv\u003e\n\n                        \u003cp\u003e30 Tage Rückgaberecht \u0026amp; Testphase\u003c\/p\u003e\n\n                        \u003cspan\u003eNicht zufrieden mit der magnetischen Reaktionszeit? Geben Sie das Produkt innerhalb von 30 Tagen risikofrei zurück. Bei Mängeln übernehmen wir die Rücksendekosten.\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n                \n                \u003cdiv class=\"dk-tf-item\"\u003e\n\n                    \u003cdiv class=\"dk-tf-icon\"\u003e\n\n                        \u003csvg stroke-width=\"1.5\" stroke-linecap=\"round\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n                            \u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv\u003e\n\n                        \u003cp\u003eOffizielles Garantieversprechen\u003c\/p\u003e\n\n                        \u003cspan\u003eUnvergleichliche Qualität, abgesichert durch eine offizielle 12-monatige Garantie auf Reparatur oder Austausch der Hardware.\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- ================= FAQ-Bereich ================= --\u003e\n        \u003ch2 class=\"dk-section-title\"\u003eHäufig gestellte Fragen\u003c\/h2\u003e\n\n        \u003cdiv class=\"dk-faq-wrapper\"\u003e\n\n            \n            \u003cdiv class=\"dk-faq-item active\"\u003e\n\n                \u003cdiv class=\"dk-faq-button-wrapper\"\u003e\n\n                    \u003cbutton aria-expanded=\"true\" class=\"dk-faq-button\"\u003e\n                        \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                            \u003cspan class=\"dk-faq-label\"\u003eF\u003c\/span\u003e \n                            \u003cspan class=\"dk-faq-question-text\"\u003eWarum muss ich das im Lieferumfang enthaltene spezielle Abziehwerkzeug verwenden?\u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"dk-faq-icon\"\u003e\n                            \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer\"\u003eDas UFO Buttify verfügt über ein unglaublich präzises, strukturelles 360°-Doppel-Schienensystem zur äußeren Führung. Herkömmliche Tastenkappen- und Switch-Abzieher üben die Kraft ungleichmäßig aus, was die hochpräzisen Halteclips belasten oder brechen kann. Unser speziell entwickeltes Abziehwerkzeug verteilt die mechanische Kraft perfekt und schützt Ihren Switch beim Austausch.\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"dk-faq-item\"\u003e\n\n                \u003cdiv class=\"dk-faq-button-wrapper\"\u003e\n\n                    \u003cbutton aria-expanded=\"false\" class=\"dk-faq-button\"\u003e\n                        \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                            \u003cspan class=\"dk-faq-label\"\u003eF\u003c\/span\u003e \n                            \u003cspan class=\"dk-faq-question-text\"\u003eIst eine RT-Stufengenauigkeit von 0,005 mm beim Gaming tatsächlich nützlich?\u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"dk-faq-icon\"\u003e\n                            \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer\"\u003eJa, absolut. In erstklassigen E-Sport-Titeln wie CS2 oder Valorant erfordern Mikrobewegungen sofortige Änderungen der Tastentiefe. Eine extrem feine RT-Auflösung von 0,005 mm ermöglicht es dem Tastatursensor, Ihre genaue Loslassgeschwindigkeit ohne Verzögerung zu erfassen, was Ihnen bei entscheidenden Counter-Strafes einen unbestrittenen physischen Vorteil verschafft.\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"dk-faq-item\"\u003e\n\n                \u003cdiv class=\"dk-faq-button-wrapper\"\u003e\n\n                    \u003cbutton aria-expanded=\"false\" class=\"dk-fad-button\"\u003e\n                        \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                            \u003cspan class=\"dk-faq-label\"\u003eF\u003c\/span\u003e \n                            \u003cspan class=\"dk-faq-question-text\"\u003eKann ich diese auf meine großen Tasten (Leertaste, Shift usw.) installieren?\u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"dk-faq-icon\"\u003e\n                            \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer\"\u003eJa, der UFO-Switch passt in alle standardmäßigen MX-kompatiblen Sockel auf magnetischen PCBs. Bitte überprüfen Sie jedoch, ob Ihre Tastaturstabilisatoren für große Tasten ausreichend Platz bieten. Bei geringfügigen Abweichungen der Platttoleranzen prüfen Sie die Ausrichtung der Stabilisatoren, um reibungslose vertikale Bewegungen ohne physisches Verhaken sicherzustellen.\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"dk-faq-item\"\u003e\n\n                \u003cdiv class=\"dk-faq-button-wrapper\"\u003e\n\n                    \u003cbutton aria-expanded=\"false\" class=\"dk-faq-button\"\u003e\n                        \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                            \u003cspan class=\"dk-faq-label\"\u003eF\u003c\/span\u003e \n                            \u003cspan class=\"dk-faq-question-text\"\u003eMüssen diese Switches manuell geschmiert werden?\u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"dk-faq-icon\"\u003e\n                            \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer\"\u003eNein, eine manuelle Schmierung ist nicht erforderlich. Um eine optimale elektromagnetische Leistung zu gewährleisten, werden die Switches während der Produktion mithilfe fortschrittlicher, hochpräziser Sprühsysteme vorbeschmiert. Eine manuelle Schmierung birgt das Risiko, dass Flüssigkeit auf den Magneten und die PCB gelangt, was zu einem Sensorausfall oder einer Verschlechterung des magnetischen Flusses führen kann.\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"dk-faq-item\"\u003e\n\n                \u003cdiv class=\"dk-faq-button-wrapper\"\u003e\n\n                    \u003cbutton aria-expanded=\"false\" class=\"dk-faq-button\"\u003e\n                        \u003cdiv class=\"dk-faq-q-box\"\u003e\n\n                            \u003cspan class=\"dk-faq-label\"\u003eF\u003c\/span\u003e \n                            \u003cspan class=\"dk-faq-question-text\"\u003eWas bedeutet die Polorientierung NPD (North-Pole-Down)?\u003c\/span\u003e\n                        \u003c\/div\u003e\n\n                        \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"dk-faq-icon\"\u003e\n                            \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"dk-faq-collapse\"\u003e\n\n                    \u003cdiv class=\"dk-faq-answer-inner\"\u003e\n\n                        \u003cdiv class=\"dk-faq-answer\"\u003eBerührungslose Hall-Effekt-Sensoren erfassen Änderungen der Magnetfelder. Die Ausrichtung des Permanentmagneten ist dabei entscheidend. Bei einem Switch mit „Nordpol nach unten“ ist der magnetische Nordpol nach unten gerichtet. Wenn Ihre Tastatur-PCB einen Switch mit „Nordpol nach oben“ erwartet, wird das System die Eingaben falsch erfassen oder die Kalibrierung fehlschlagen. Bitte prüfen Sie vor der Installation die Spezifikationen Ihres Tastaturherstellers.\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- ================= Poetischer Footer ================= --\u003e\n        \u003cdiv class=\"dk-poetic-footer\"\u003e✨ Entschließende Kraft, null Kompromisse.\u003cbr\u003eDer GravaStar UFO Buttify — Wo Mecha-Ästhetik und mikropräzise Reaktionsfähigkeit eins werden.\u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- ================= JavaScript-Interaktionen ================= --\u003e\n        \u003cscript\u003e\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n        const faqItems = document.querySelectorAll('.dk-faq-item');\n\n        faqItems.forEach(item =\u003e {\n            const button = item.querySelector('.dk-faq-button');\n            \n            button.addEventListener('click', () =\u003e {\n                const isActive = item.classList.contains('active');\n                \n                faqItems.forEach(otherItem =\u003e {\n                    if (otherItem !== item) {\n                        otherItem.classList.remove('active');\n                        otherItem.querySelector('.dk-faq-button').setAttribute('aria-expanded', 'false');\n                    }\n                });\n\n                if (isActive) {\n                    item.classList.remove('active');\n                    button.setAttribute('aria-expanded', 'false');\n                } else {\n                    item.classList.add('active');\n                    button.setAttribute('aria-expanded', 'true');\n                }\n            });\n        });\n    });\n\u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"GravaStar","offers":[{"title":"Default Title","offer_id":54599238648131,"sku":null,"price":1.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/1806\/7523\/files\/1-1_4d9f17cf-d746-4458-b1ae-7a4730061800.jpg?v=1789465785","url":"https:\/\/diykey.net\/de\/products\/ufo-buttiful-magnetic-switch-hall-effect-gaming-switches","provider":"DIYKEY","version":"1.0","type":"link"}