{"title":"High-End Workstation","description":"\u003cp\u003eMassive Rechenpower und professionelle Anschlussvielfalt für intensivste Workloads. Konzipiert für 4K-Videoschnitt, Virtualisierung, Ingenieure und Entwickler, die bei komplexen Projekten und 24\/7-Stabilität keine Kompromisse eingehen.\u003c\/p\u003e","products":[{"product_id":"mini-pc-bosgame-m6-ryzen-ai-9-hx-370-32gb-ddr5-1tb-gaming-oculink","title":"Bosgame M6","description":"\u003cstyle\u003e\n  .bpg-container {\n    font-family: inherit;\n    color: #1a1a1a;\n    line-height: 1.6;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 15px;\n  }\n\n  \/* ── HEADER GRID ── *\/\n  .bpg-header-area {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n    margin-bottom: 35px;\n  }\n\n  .bpg-tile {\n    background: #fcfcfc;\n    border: 1px solid #eee;\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    text-align: center;\n  }\n\n  \/* ── CPU TILE — FLOWING GRADIENT BORDER ── *\/\n  .bpg-tile-cpu {\n    grid-column: span 2;\n    padding: 22px 15px;\n    font-size: 1.4rem;\n    font-weight: 900;\n    letter-spacing: -0.02em;\n    background: #fff;\n    border: none;\n    position: relative;\n    overflow: visible;\n    z-index: 1;\n  }\n\n  .bpg-tile-cpu::before {\n    content: '';\n    position: absolute;\n    inset: -1px;\n    border-radius: 11px;\n    background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97);\n    background-size: 300% 100%;\n    background-position: 0% 50%;\n    z-index: -2;\n    transition: background-position 0.4s ease;\n  }\n\n  .bpg-tile-cpu::after {\n    content: '';\n    position: absolute;\n    inset: 1px;\n    border-radius: 10px;\n    background: #fff;\n    z-index: -1;\n  }\n\n  @keyframes borderFlow {\n    0% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n  }\n\n  .bpg-tile-cpu:hover::before {\n    background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9);\n    background-size: 300% 100%;\n    animation: borderFlow 3s ease infinite;\n    filter: brightness(1.1);\n  }\n  .bpg-tile-cpu:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 30px rgba(28,126,151,0.12);\n  }\n\n  .bpg-usecase-tag {\n    position: absolute;\n    top: -10px;\n    z-index: 2;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .bpg-uc {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7);\n    color: #fff;\n    font-size: 0.65rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    padding: 3px 12px;\n    border-radius: 20px;\n    letter-spacing: 0.08em;\n    white-space: nowrap;\n    opacity: 0;\n  }\n\n  .bpg-uc:first-child {\n    opacity: 1;\n  }\n\n  \/* ── RAM \/ SSD TILES — SHIMMER ON HOVER ── *\/\n  .bpg-tile-mem {\n    padding: 12px;\n    font-size: 0.95rem;\n    font-weight: 700;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .bpg-tile-mem::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 60%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n    transition: none;\n    pointer-events: none;\n  }\n\n  .bpg-tile-mem:hover {\n    border-color: #1C7E97;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(28,126,151,0.10);\n  }\n\n  .bpg-tile-mem:hover::after {\n    animation: shimmer 0.6s ease forwards;\n  }\n\n  @keyframes shimmer {\n    to { left: 120%; }\n  }\n\n  \/* ── SPECIAL TILES — PULSE BORDER ON HOVER ── *\/\n  .bpg-tile-special {\n    padding: 10px;\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: #555;\n    background: #f9f9f9;\n    position: relative;\n  }\n\n  .bpg-tile-special:hover {\n    border-color: #1C7E97;\n    color: #155E72;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 14px rgba(28,126,151,0.08);\n    animation: tilePulse 1.5s ease infinite;\n  }\n\n  @keyframes tilePulse {\n    0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); }\n    50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); }\n  }\n\n  \/* ── INTRO TEXT — ANIMATED BORDER LEFT ── *\/\n  .bpg-intro-text {\n    font-size: 1.1rem;\n    font-weight: 400;\n    margin-bottom: 40px;\n    color: #333;\n    border-left: 4px solid #1a1a1a;\n    padding-left: 20px;\n    background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%);\n    padding-top: 10px;\n    padding-bottom: 10px;\n    position: relative;\n    transition: all 0.4s ease;\n  }\n\n  .bpg-intro-text:hover {\n    border-left-color: #1C7E97;\n    border-left-width: 6px;\n    padding-left: 22px;\n    background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%);\n  }\n\n  \/* ── SECTION LABELS — DRAW-IN LINE ── *\/\n  .bpg-label {\n    font-size: 0.85rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    color: #888;\n    margin: 50px 0 20px 0;\n    display: block;\n    text-align: center;\n    position: relative;\n    padding-bottom: 10px;\n  }\n\n  .bpg-label::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #2EACC7, #1C7E97, #2EACC7);\n    transition: width 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  }\n\n  .bpg-label:hover::after {\n    width: 60px;\n  }\n\n  \/* ── WHY BOX ── *\/\n  .bpg-why-box {\n    background: #fcfcfc;\n    border: 1px solid #eee;\n    border-radius: 12px;\n    padding: 30px;\n    margin-bottom: 40px;\n    transition: all 0.4s ease;\n  }\n\n  .bpg-why-box:hover {\n    border-color: #ddd;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.04);\n  }\n\n  .bpg-why-title {\n    font-size: 1.3rem;\n    font-weight: 800;\n    margin-bottom: 20px;\n    display: block;\n    color: #1a1a1a;\n    letter-spacing: -0.02em;\n  }\n\n  .bpg-why-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n\n  .bpg-why-list li {\n    margin-bottom: 15px;\n    display: flex;\n    align-items: flex-start;\n    transition: all 0.3s ease;\n    padding: 8px 10px;\n    border-radius: 8px;\n  }\n\n  .bpg-why-list li:last-child {\n    margin-bottom: 0;\n  }\n\n  .bpg-why-list li:hover {\n    background: rgba(0,0,0,0.02);\n    transform: translateX(6px);\n  }\n\n  .bpg-check {\n    margin-right: 15px;\n    color: #1a1a1a;\n    font-weight: 900;\n    font-size: 1.1rem;\n    line-height: 1.4;\n    transition: transform 0.3s ease;\n  }\n\n  .bpg-why-list li:hover .bpg-check {\n    transform: scale(1.3);\n    color: #1C7E97;\n  }\n\n  \/* ── HIGHLIGHT CARDS — GLASS MORPHISM + LIFT ── *\/\n  .bpg-highlight-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 15px;\n  }\n\n  .bpg-highlight-card {\n    background: rgba(255,255,255,0.85);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    padding: 20px 15px;\n    border-radius: 10px;\n    border: 1px solid #f0f0f0;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.02);\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .bpg-highlight-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, transparent, #1C7E97, #5DC4D9, #1C7E97, transparent);\n    transform: scaleX(0);\n    transition: transform 0.5s ease;\n  }\n\n  .bpg-highlight-card:hover {\n    border-color: rgba(28,126,151,0.25);\n    box-shadow: 0 12px 30px rgba(28,126,151,0.08);\n    transform: translateY(-4px);\n  }\n\n  .bpg-highlight-card:hover::before {\n    transform: scaleX(1);\n  }\n\n  .bpg-card-head {\n    display: flex;\n    align-items: center;\n    font-weight: 800;\n    margin-bottom: 8px;\n    font-size: 1rem;\n    color: #1a1a1a;\n  }\n\n  .bpg-card-icon {\n    margin-right: 8px;\n    font-size: 1.1rem;\n    transition: transform 0.3s ease;\n    display: inline-block;\n  }\n\n  .bpg-highlight-card:hover .bpg-card-icon {\n    transform: scale(1.25) rotate(-5deg);\n    filter: drop-shadow(0 0 3px rgba(28,126,151,0.4));\n  }\n\n  \/* ── EXPERT FRAME — ANIMATED BORDER ── *\/\n  .bpg-expert-frame {\n    padding: 35px 25px 25px;\n    border-radius: 12px;\n    margin: 50px 0;\n    position: relative;\n    background: #fff;\n    border: 2px solid transparent;\n    background-clip: padding-box;\n  }\n\n  .bpg-expert-frame::before {\n    content: '';\n    position: absolute;\n    inset: -2px;\n    border-radius: 14px;\n    background: linear-gradient(\n      var(--expert-angle, 0deg),\n      #155E72 0%, #1C7E97 15%, #5DC4D9 25%, #2EACC7 35%,\n      #155E72 50%, #1C7E97 65%, #5DC4D9 75%, #2EACC7 85%, #155E72 100%\n    );\n    z-index: -1;\n    animation: expertBorder 8s linear infinite;\n  }\n\n  @property --expert-angle {\n    syntax: '\u003cangle\u003e';\n    initial-value: 0deg;\n    inherits: false;\n  }\n\n  @keyframes expertBorder {\n    to { --expert-angle: 360deg; }\n  }\n\n  .bpg-expert-tag {\n    position: absolute;\n    top: -12px;\n    left: 25px;\n    background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7);\n    color: #fff;\n    padding: 4px 15px;\n    font-size: 0.75rem;\n    font-weight: 900;\n    text-transform: uppercase;\n    border-radius: 50px;\n    letter-spacing: 0.05em;\n    z-index: 2;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-expert-frame:hover .bpg-expert-tag {\n    padding: 4px 20px;\n    letter-spacing: 0.12em;\n  }\n\n  .bpg-expert-row {\n    margin-bottom: 15px;\n    padding: 12px 10px;\n    border-bottom: 1px solid #f5f5f5;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-expert-row:last-child {\n    border-bottom: none;\n    margin-bottom: 0;\n    padding-bottom: 0;\n  }\n\n  .bpg-expert-row:hover {\n    background: #fafafa;\n    transform: translateX(4px);\n  }\n\n  .bpg-expert-topic {\n    font-weight: 900;\n    font-size: 0.75rem;\n    text-transform: uppercase;\n    color: #888;\n    display: block;\n    margin-bottom: 4px;\n    transition: color 0.3s ease;\n  }\n\n  .bpg-expert-row:hover .bpg-expert-topic {\n    color: #1C7E97;\n  }\n\n  \/* ── TECH TABLE ── *\/\n  .bpg-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-bottom: 20px;\n  }\n\n  .bpg-table tr {\n    border-bottom: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-table tr:hover {\n    background: rgba(28,126,151,0.04);\n  }\n\n  .bpg-table td {\n    padding: 14px 8px;\n    font-size: 0.9rem;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-table tr:hover .bpg-table-value {\n    color: #155E72;\n    font-weight: 800;\n  }\n\n  .bpg-table-label { color: #666; font-weight: 600; width: 40%; }\n  .bpg-table-value { font-weight: 700; text-align: right; color: #1a1a1a; }\n\n  \/* ── RESPONSIVE ── *\/\n  @media (max-width: 600px) {\n    .bpg-header-area { grid-template-columns: 1fr; }\n    .bpg-tile-cpu { grid-column: span 1; font-size: 1.3rem; }\n    .bpg-highlight-grid { grid-template-columns: 1fr; }\n    .bpg-expert-frame { padding: 30px 15px 15px; }\n  }\n\n  @keyframes ucRotate {\n    0% { opacity: 0; transform: translateX(-50%) translateY(4px); }\n    3.0% { opacity: 1; transform: translateX(-50%) translateY(0); }\n    22.0% { opacity: 1; transform: translateX(-50%) translateY(0); }\n    25.0% { opacity: 0; transform: translateX(-50%) translateY(-4px); }\n    100% { opacity: 0; transform: translateX(-50%) translateY(-4px); }\n  }\n\n  .bpg-uc {\n    animation: ucRotate 8s ease-in-out infinite;\n  }\n  .bpg-uc:nth-child(1) { animation-delay: 0s; }\n  .bpg-uc:nth-child(2) { animation-delay: 2s; }\n  .bpg-uc:nth-child(3) { animation-delay: 4s; }\n  .bpg-uc:nth-child(4) { animation-delay: 6s; }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bpg-container\"\u003e\n\n  \u003cdiv class=\"bpg-header-area\"\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-cpu\"\u003e\n      \u003cdiv class=\"bpg-usecase-tag\"\u003e\n        \u003cspan class=\"bpg-uc\"\u003eGaming\u003c\/span\u003e\n        \u003cspan class=\"bpg-uc\"\u003e3D-Design \u0026amp; CAD\u003c\/span\u003e\n        \u003cspan class=\"bpg-uc\"\u003eVideoschnitt\u003c\/span\u003e\n        \u003cspan class=\"bpg-uc\"\u003eLokale LLMs\u003c\/span\u003e\n      \u003c\/div\u003e\n      AMD Ryzen AI 9 HX 370\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-mem\"\u003e32 GB DDR5-5600 RAM\u003c\/div\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-mem\"\u003e1 TB NVMe SSD\u003c\/div\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-special\"\u003e🔗 OCuLink (PCIe 4.0 ×4)\u003c\/div\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-special\"\u003e🌐 Dual 2.5G LAN\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bpg-intro-text\"\u003e\n    Der Bosgame M6 ist der Mini-PC für alle, die heute eine kompakte Workstation brauchen und morgen aufrüsten wollen – ohne ein neues Gehäuse, ohne Thunderbolt-Bremse. Über OCuLink lässt sich jede aktuelle Desktop-Grafikkarte mit nahezu nativer Leistung anbinden. Damit wird aus dem 750-Gramm-Rechner ein vollwertiger Gaming-PC, sobald nötig.\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bpg-why-box\"\u003e\n    \u003cspan class=\"bpg-why-title\"\u003eFür wen ist der M6 gemacht?\u003c\/span\u003e\n    \u003cul class=\"bpg-why-list\"\u003e\n      \u003cli\u003e\n        \u003cspan class=\"bpg-check\"\u003e✓\u003c\/span\u003e\n        \u003cspan\u003e\u003cb\u003eGamer, die kompakt bleiben wollen:\u003c\/b\u003e Über OCuLink schließt du jede Desktop-GPU bis zur RTX 4080 direkt an – mit nahezu nativer Leistung statt Thunderbolt-Verlusten. Der Rechner bleibt auf dem Schreibtisch, die GPU steht im Dock daneben.\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cspan class=\"bpg-check\"\u003e✓\u003c\/span\u003e\n        \u003cspan\u003e\u003cb\u003eCAD- und 3D-Profis im Home-Office:\u003c\/b\u003e 12 Kerne, 80 TOPS KI-Leistung und Speicherausbau bis 96 GB RAM und 12 TB SSD. Fusion 360, SolidWorks, Blender laufen auf dem M6 – und renderintensive Szenen lagerst du bei Bedarf an eine eGPU aus.\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cspan class=\"bpg-check\"\u003e✓\u003c\/span\u003e\n        \u003cspan\u003e\u003cb\u003eVideoschnitt und KI-Experimente in einem System:\u003c\/b\u003e AV1-Encoding für 4K-Videoschnitt, NPU für Stable Diffusion und kleinere lokale LLMs – Du musst dich nicht zwischen Workstation und KI-Spielwiese entscheiden.\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cspan class=\"bpg-label\"\u003eTechnologische Highlights\u003c\/span\u003e\n  \u003cdiv class=\"bpg-highlight-grid\"\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e🎮\u003c\/span\u003e Gaming-Setup mit Upgrade-Pfad\u003c\/span\u003e\n      Über OCuLink schließt du Desktop-GPUs wie eine RTX 4070 oder 4080 mit nahezu nativer Leistung an. Der M6 wird zum vollwertigen Gaming-Desktop, wenn du es willst – ohne den Rechner zu tauschen.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e🎨\u003c\/span\u003e 3D-Design und CAD\u003c\/span\u003e\n      12 Kerne, Hybrid-Architektur und Radeon 890M reichen für Fusion 360, SolidWorks und Blender im Daily-Workflow. Für Renderings mit langen Szenen schaltest du über OCuLink eine dedizierte GPU dazu.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e🧠\u003c\/span\u003e Lokale KI ohne Cloud\u003c\/span\u003e\n      Die NPU mit 50 TOPS und CPU\/GPU im Verbund ermöglichen Stable Diffusion, kleinere LLMs und Windows Copilot – vollständig lokal, ohne API-Gebühren.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e📦\u003c\/span\u003e Massiver Speicherausbau\u003c\/span\u003e\n      Drei M.2-Slots erlauben bis zu 12 TB SSD-Kapazität. RAM ist bis 96 GB nachrüstbar. Für Videoarchive, Spielebibliotheken oder lokale KI-Modelle bleibt immer Platz.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bpg-expert-frame\"\u003e\n    \u003cspan class=\"bpg-expert-tag\"\u003eEhrliche Einschätzung\u003c\/span\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003eLeistungsklasse\u003c\/span\u003e\n      Oberes Segment, knapp unterhalb des M5. Einzigartig im Sortiment durch OCuLink – keine andere Konfiguration bietet diesen Upgrade-Pfad zu einer Desktop-GPU.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003eCPU \u0026amp; RAM-Einordnung\u003c\/span\u003e\n      Stark genug für AAA-Gaming mit eGPU, Videoschnitt und parallele Workloads. DDR5 Dual Channel, aufrüstbar bis 96 GB – RAM wird nicht zum Flaschenhals.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003eGrafik-Limit\u003c\/span\u003e\n      Die integrierte Radeon 890M reicht für 1080p-Gaming auf niedrig bis mittel. Für aktuelle AAA-Titel auf hohen Settings ist eine eGPU über OCuLink der vorgesehene Weg – mit etwa 95 % der nativen Desktop-Leistung.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003ePhysische Präsenz\u003c\/span\u003e\n      Mit 0,75 kg kompakt und leicht. Aluminium-Kunststoff-Gehäuse in Blau-Schwarz, für liegenden oder stehenden Betrieb.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cspan class=\"bpg-label\"\u003eTechnische Daten im Überblick\u003c\/span\u003e\n  \u003ctable class=\"bpg-table\"\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eProzessor\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003eAMD Ryzen AI 9 HX 370 (bis 5,1 GHz)\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eArbeitsspeicher\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003e32 GB DDR5-5600 (max. 96 GB)\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eFestplatte\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003e1 TB PCIe 4.0 NVMe (3× M.2, max. 12 TB)\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eGrafik\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003eAMD Radeon 890M (RDNA 3.5, 16 CU) + OCuLink eGPU\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eAnschlüsse\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003eOCuLink, USB-C 4.0, USB-C 3.2, 4× USB-A 3.2, HDMI 2.1, DP 1.4\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eNetzwerk\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003eDual 2.5G LAN, Wi-Fi 6E, Bluetooth 5.2\u003c\/td\u003e\n\u003c\/tr\u003e\n  \u003c\/table\u003e\n\u003c\/div\u003e\n\n\n","brand":"Bosgame","offers":[{"title":"Default Title","offer_id":56900803297625,"sku":"BOSGAME_M6","price":999.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0997\/7351\/4073\/files\/Bosgame_M6_154x152x50mm.webp?v=1766218203"},{"product_id":"mini-pc-geekom-a9-max-ryzen-ai-9-hx-370-32gb-ddr5-1tb-ki-training-wifi7","title":"Geekom A9 Max","description":"\u003cstyle\u003e\n  .bpg-container {\n    font-family: inherit;\n    color: #1a1a1a;\n    line-height: 1.6;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 15px;\n  }\n\n  \/* ── HEADER GRID ── *\/\n  .bpg-header-area {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n    margin-bottom: 35px;\n  }\n\n  .bpg-tile {\n    background: #fcfcfc;\n    border: 1px solid #eee;\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    text-align: center;\n  }\n\n  \/* ── CPU TILE — FLOWING GRADIENT BORDER ── *\/\n  .bpg-tile-cpu {\n    grid-column: span 2;\n    padding: 22px 15px;\n    font-size: 1.4rem;\n    font-weight: 900;\n    letter-spacing: -0.02em;\n    background: #fff;\n    border: none;\n    position: relative;\n    overflow: visible;\n    z-index: 1;\n  }\n\n  .bpg-tile-cpu::before {\n    content: '';\n    position: absolute;\n    inset: -1px;\n    border-radius: 11px;\n    background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97);\n    background-size: 300% 100%;\n    background-position: 0% 50%;\n    z-index: -2;\n    transition: background-position 0.4s ease;\n  }\n\n  .bpg-tile-cpu::after {\n    content: '';\n    position: absolute;\n    inset: 1px;\n    border-radius: 10px;\n    background: #fff;\n    z-index: -1;\n  }\n\n  @keyframes borderFlow {\n    0% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n  }\n\n  .bpg-tile-cpu:hover::before {\n    background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9);\n    background-size: 300% 100%;\n    animation: borderFlow 3s ease infinite;\n    filter: brightness(1.1);\n  }\n  .bpg-tile-cpu:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 30px rgba(28,126,151,0.12);\n  }\n\n  .bpg-usecase-tag {\n    position: absolute;\n    top: -10px;\n    z-index: 2;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .bpg-uc {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7);\n    color: #fff;\n    font-size: 0.65rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    padding: 3px 12px;\n    border-radius: 20px;\n    letter-spacing: 0.08em;\n    white-space: nowrap;\n    opacity: 0;\n  }\n\n  .bpg-uc:first-child {\n    opacity: 1;\n  }\n\n  \/* ── RAM \/ SSD TILES — SHIMMER ON HOVER ── *\/\n  .bpg-tile-mem {\n    padding: 12px;\n    font-size: 0.95rem;\n    font-weight: 700;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .bpg-tile-mem::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 60%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n    transition: none;\n    pointer-events: none;\n  }\n\n  .bpg-tile-mem:hover {\n    border-color: #1C7E97;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(28,126,151,0.10);\n  }\n\n  .bpg-tile-mem:hover::after {\n    animation: shimmer 0.6s ease forwards;\n  }\n\n  @keyframes shimmer {\n    to { left: 120%; }\n  }\n\n  \/* ── SPECIAL TILES — PULSE BORDER ON HOVER ── *\/\n  .bpg-tile-special {\n    padding: 10px;\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: #555;\n    background: #f9f9f9;\n    position: relative;\n  }\n\n  .bpg-tile-special:hover {\n    border-color: #1C7E97;\n    color: #155E72;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 14px rgba(28,126,151,0.08);\n    animation: tilePulse 1.5s ease infinite;\n  }\n\n  @keyframes tilePulse {\n    0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); }\n    50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); }\n  }\n\n  \/* ── INTRO TEXT — ANIMATED BORDER LEFT ── *\/\n  .bpg-intro-text {\n    font-size: 1.1rem;\n    font-weight: 400;\n    margin-bottom: 40px;\n    color: #333;\n    border-left: 4px solid #1a1a1a;\n    padding-left: 20px;\n    background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%);\n    padding-top: 10px;\n    padding-bottom: 10px;\n    position: relative;\n    transition: all 0.4s ease;\n  }\n\n  .bpg-intro-text:hover {\n    border-left-color: #1C7E97;\n    border-left-width: 6px;\n    padding-left: 22px;\n    background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%);\n  }\n\n  \/* ── SECTION LABELS — DRAW-IN LINE ── *\/\n  .bpg-label {\n    font-size: 0.85rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    color: #888;\n    margin: 50px 0 20px 0;\n    display: block;\n    text-align: center;\n    position: relative;\n    padding-bottom: 10px;\n  }\n\n  .bpg-label::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #2EACC7, #1C7E97, #2EACC7);\n    transition: width 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  }\n\n  .bpg-label:hover::after {\n    width: 60px;\n  }\n\n  \/* ── WHY BOX ── *\/\n  .bpg-why-box {\n    background: #fcfcfc;\n    border: 1px solid #eee;\n    border-radius: 12px;\n    padding: 30px;\n    margin-bottom: 40px;\n    transition: all 0.4s ease;\n  }\n\n  .bpg-why-box:hover {\n    border-color: #ddd;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.04);\n  }\n\n  .bpg-why-title {\n    font-size: 1.3rem;\n    font-weight: 800;\n    margin-bottom: 20px;\n    display: block;\n    color: #1a1a1a;\n    letter-spacing: -0.02em;\n  }\n\n  .bpg-why-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n\n  .bpg-why-list li {\n    margin-bottom: 15px;\n    display: flex;\n    align-items: flex-start;\n    transition: all 0.3s ease;\n    padding: 8px 10px;\n    border-radius: 8px;\n  }\n\n  .bpg-why-list li:last-child {\n    margin-bottom: 0;\n  }\n\n  .bpg-why-list li:hover {\n    background: rgba(0,0,0,0.02);\n    transform: translateX(6px);\n  }\n\n  .bpg-check {\n    margin-right: 15px;\n    color: #1a1a1a;\n    font-weight: 900;\n    font-size: 1.1rem;\n    line-height: 1.4;\n    transition: transform 0.3s ease;\n  }\n\n  .bpg-why-list li:hover .bpg-check {\n    transform: scale(1.3);\n    color: #1C7E97;\n  }\n\n  \/* ── HIGHLIGHT CARDS — GLASS MORPHISM + LIFT ── *\/\n  .bpg-highlight-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 15px;\n  }\n\n  .bpg-highlight-card {\n    background: rgba(255,255,255,0.85);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    padding: 20px 15px;\n    border-radius: 10px;\n    border: 1px solid #f0f0f0;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.02);\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .bpg-highlight-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, transparent, #1C7E97, #5DC4D9, #1C7E97, transparent);\n    transform: scaleX(0);\n    transition: transform 0.5s ease;\n  }\n\n  .bpg-highlight-card:hover {\n    border-color: rgba(28,126,151,0.25);\n    box-shadow: 0 12px 30px rgba(28,126,151,0.08);\n    transform: translateY(-4px);\n  }\n\n  .bpg-highlight-card:hover::before {\n    transform: scaleX(1);\n  }\n\n  .bpg-card-head {\n    display: flex;\n    align-items: center;\n    font-weight: 800;\n    margin-bottom: 8px;\n    font-size: 1rem;\n    color: #1a1a1a;\n  }\n\n  .bpg-card-icon {\n    margin-right: 8px;\n    font-size: 1.1rem;\n    transition: transform 0.3s ease;\n    display: inline-block;\n  }\n\n  .bpg-highlight-card:hover .bpg-card-icon {\n    transform: scale(1.25) rotate(-5deg);\n    filter: drop-shadow(0 0 3px rgba(28,126,151,0.4));\n  }\n\n  \/* ── EXPERT FRAME — ANIMATED BORDER ── *\/\n  .bpg-expert-frame {\n    padding: 35px 25px 25px;\n    border-radius: 12px;\n    margin: 50px 0;\n    position: relative;\n    background: #fff;\n    border: 2px solid transparent;\n    background-clip: padding-box;\n  }\n\n  .bpg-expert-frame::before {\n    content: '';\n    position: absolute;\n    inset: -2px;\n    border-radius: 14px;\n    background: linear-gradient(\n      var(--expert-angle, 0deg),\n      #155E72 0%, #1C7E97 15%, #5DC4D9 25%, #2EACC7 35%,\n      #155E72 50%, #1C7E97 65%, #5DC4D9 75%, #2EACC7 85%, #155E72 100%\n    );\n    z-index: -1;\n    animation: expertBorder 8s linear infinite;\n  }\n\n  @property --expert-angle {\n    syntax: '\u003cangle\u003e';\n    initial-value: 0deg;\n    inherits: false;\n  }\n\n  @keyframes expertBorder {\n    to { --expert-angle: 360deg; }\n  }\n\n  .bpg-expert-tag {\n    position: absolute;\n    top: -12px;\n    left: 25px;\n    background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7);\n    color: #fff;\n    padding: 4px 15px;\n    font-size: 0.75rem;\n    font-weight: 900;\n    text-transform: uppercase;\n    border-radius: 50px;\n    letter-spacing: 0.05em;\n    z-index: 2;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-expert-frame:hover .bpg-expert-tag {\n    padding: 4px 20px;\n    letter-spacing: 0.12em;\n  }\n\n  .bpg-expert-row {\n    margin-bottom: 15px;\n    padding: 12px 10px;\n    border-bottom: 1px solid #f5f5f5;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-expert-row:last-child {\n    border-bottom: none;\n    margin-bottom: 0;\n    padding-bottom: 0;\n  }\n\n  .bpg-expert-row:hover {\n    background: #fafafa;\n    transform: translateX(4px);\n  }\n\n  .bpg-expert-topic {\n    font-weight: 900;\n    font-size: 0.75rem;\n    text-transform: uppercase;\n    color: #888;\n    display: block;\n    margin-bottom: 4px;\n    transition: color 0.3s ease;\n  }\n\n  .bpg-expert-row:hover .bpg-expert-topic {\n    color: #1C7E97;\n  }\n\n  \/* ── TECH TABLE ── *\/\n  .bpg-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-bottom: 20px;\n  }\n\n  .bpg-table tr {\n    border-bottom: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-table tr:hover {\n    background: rgba(28,126,151,0.04);\n  }\n\n  .bpg-table td {\n    padding: 14px 8px;\n    font-size: 0.9rem;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-table tr:hover .bpg-table-value {\n    color: #155E72;\n    font-weight: 800;\n  }\n\n  .bpg-table-label { color: #666; font-weight: 600; width: 40%; }\n  .bpg-table-value { font-weight: 700; text-align: right; color: #1a1a1a; }\n\n  \/* ── RESPONSIVE ── *\/\n  @media (max-width: 600px) {\n    .bpg-header-area { grid-template-columns: 1fr; }\n    .bpg-tile-cpu { grid-column: span 1; font-size: 1.3rem; }\n    .bpg-highlight-grid { grid-template-columns: 1fr; }\n    .bpg-expert-frame { padding: 30px 15px 15px; }\n  }\n\n  @keyframes ucRotate {\n    0% { opacity: 0; transform: translateX(-50%) translateY(4px); }\n    3.0% { opacity: 1; transform: translateX(-50%) translateY(0); }\n    22.0% { opacity: 1; transform: translateX(-50%) translateY(0); }\n    25.0% { opacity: 0; transform: translateX(-50%) translateY(-4px); }\n    100% { opacity: 0; transform: translateX(-50%) translateY(-4px); }\n  }\n\n  .bpg-uc {\n    animation: ucRotate 8s ease-in-out infinite;\n  }\n  .bpg-uc:nth-child(1) { animation-delay: 0s; }\n  .bpg-uc:nth-child(2) { animation-delay: 2s; }\n  .bpg-uc:nth-child(3) { animation-delay: 4s; }\n  .bpg-uc:nth-child(4) { animation-delay: 6s; }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bpg-container\"\u003e\n  \u003cdiv class=\"bpg-header-area\"\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-cpu\"\u003e\n      \u003cdiv class=\"bpg-usecase-tag\"\u003e\n        \u003cspan class=\"bpg-uc\"\u003eKI-Training\u003c\/span\u003e\n        \u003cspan class=\"bpg-uc\"\u003eLokale LLMs\u003c\/span\u003e\n        \u003cspan class=\"bpg-uc\"\u003eVideoschnitt\u003c\/span\u003e\n        \u003cspan class=\"bpg-uc\"\u003eGaming\u003c\/span\u003e\n      \u003c\/div\u003e\n      AMD Ryzen AI 9 HX 370\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-mem\"\u003e32 GB DDR5-5600 RAM\u003c\/div\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-mem\"\u003e1 TB NVMe SSD\u003c\/div\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-special\"\u003e🧠 80 TOPS (50 NPU)\u003c\/div\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-special\"\u003e🎨 Radeon 890M (RDNA 3.5)\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bpg-intro-text\"\u003e\n    Der Geekom A9 Max ist die kompakte KI-Entwicklungsstation der nächsten Generation. 80 TOPS KI-Leistung, die stärkste integrierte Radeon-Grafik am Markt und 12 Zen-5-Kerne vereinen Workstation-Leistung mit 1080p-Gaming im Mini-Format. 32 GB DDR5 Dual Channel ab Werk, ausbaubar auf 128 GB für lokale Sprachmodelle und Datensätze.\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bpg-why-box\"\u003e\n    \u003cdiv class=\"bpg-why-title\"\u003eFür wen ist der A9 Max gemacht?\u003c\/div\u003e\n    \u003cul class=\"bpg-why-list\"\u003e\n      \u003cli\u003e\n\u003cspan class=\"bpg-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cb\u003eKI-Profis und ML-Entwickler:\u003c\/b\u003e 80 TOPS gesamt, 50 TOPS dedizierte XDNA-2-NPU. Sprachmodelle bis 13B Parameter, Stable Diffusion, Inferenz-Pipelines und Copilot+ vollständig lokal. RAM-Ausbau auf 128 GB für größere Modelle.\u003c\/span\u003e\n\u003c\/li\u003e\n      \u003cli\u003e\n\u003cspan class=\"bpg-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cb\u003ePower-User mit hohem Thread-Count:\u003c\/b\u003e 12 Kerne (4× Zen 5 + 8× Zen 5c) und 24 Threads – mehr als jeder andere Geekom-A-Mini-PC. Compilieren, Container und parallele Workloads ohne Engpass.\u003c\/span\u003e\n\u003c\/li\u003e\n      \u003cli\u003e\n\u003cspan class=\"bpg-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cb\u003eGamer und Creator mit Anspruch:\u003c\/b\u003e Die Radeon 890M (16 CU, RDNA 3.5, 2900 MHz) ist die stärkste integrierte AMD-GPU. 1080p-Gaming auf hohen Details, 4K-Timeline-Vorschau und GPU-Compute auf Workstation-Niveau.\u003c\/span\u003e\n\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cspan class=\"bpg-label\"\u003eTechnologische Highlights\u003c\/span\u003e\n  \u003cdiv class=\"bpg-highlight-grid\"\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e🧠\u003c\/span\u003e Lokale LLMs auf der Box\u003c\/span\u003e\n      80 TOPS gesamt, 50 TOPS dedizierte NPU. Sprachmodelle bis 13B Parameter und Bildgenerierung laufen vollständig lokal – ohne Cloud, mit voller Datenkontrolle.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e🎮\u003c\/span\u003e RDNA 3.5 im Mini\u003c\/span\u003e\n      Die Radeon 890M ist die stärkste integrierte AMD-GPU. 1080p-Gaming auf hohen Details, AV1-Encoding und 4K-Videoschnitt ohne dedizierte GPU.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e💾\u003c\/span\u003e 128 GB RAM, 8 TB Speicher\u003c\/span\u003e\n      Zwei SO-DIMM-Slots für bis zu 128 GB DDR5, zwei M.2-Slots für bis zu 8 TB. Datensätze und Modelle lokal verfügbar, ohne externe Speicher.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e📡\u003c\/span\u003e Wi-Fi 7 + HDMI 2.1\u003c\/span\u003e\n      Drahtloser Durchsatz der nächsten Generation, native 4K@144Hz oder 8K@60Hz über HDMI 2.1. Bluetooth 5.4 und Dual 2,5G LAN für stabile kabelgebundene Hochlast.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bpg-expert-frame\"\u003e\n    \u003cspan class=\"bpg-expert-tag\"\u003eEhrliche Einschätzung\u003c\/span\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003eLeistungsklasse\u003c\/span\u003e\n      High-End Workstation ★★★★★☆. Der Ryzen AI 9 HX 370 mit 80 TOPS, Radeon 890M und Zen-5-Architektur ist die leistungsstärkste APU-Plattform im Geekom-A-Gehäuse. Unterhalb des M5 (Ryzen AI Max+, 256 TOPS), aber deutlich über allen A8-Modellen.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003eCPU \u0026amp; RAM-Einordnung\u003c\/span\u003e\n      ~4000 SC \/ ~35100 MC bei 32 GB DDR5-5600 Dual Channel. 12 Kerne und 24 Threads für parallele Inferenzläufe, Container und Compilierung. Upgrade auf 128 GB möglich, womit mittelgroße KI-Modelle lokal trainierbar werden.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003eGrafik-Limit\u003c\/span\u003e\n      Die 890M (16 CU, RDNA 3.5, 2900 MHz) ist ein Generationssprung gegenüber der 780M. 1080p-Gaming, 4K-Videoschnitt und GPU-Compute profitieren vom größeren Shaderblock. Für GPU-intensives KI-Training oder AAA-Gaming in 4K bleibt eine dedizierte GPU überlegen.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003ePhysische Präsenz\u003c\/span\u003e\n      135 × 132 × 47 mm bei 680 g im silbernen Aluminium-Gehäuse. Identisches Chassis wie die A8-Max-Serie, trotz deutlich höherer Rechenleistung. VESA-fähig, Kensington Lock, Wake-on-LAN, Auto Power On.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cspan class=\"bpg-label\"\u003eTechnische Daten im Überblick\u003c\/span\u003e\n  \u003ctable class=\"bpg-table\"\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eProzessor\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003eAMD Ryzen AI 9 HX 370 (12C\/24T, bis 5,1 GHz)\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eArbeitsspeicher\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003e32 GB DDR5-5600 Dual Channel · max. 128 GB\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eFestplatte\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003e1 TB PCIe 4.0 NVMe · 2× M.2 (max. 8 TB)\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eGrafik\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003eAMD Radeon 890M (RDNA 3.5, 16 CU, 2900 MHz)\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eAnschlüsse\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003e1× USB-A 2.0, 5× USB-A 3.2, 2× USB-C 4.0, 2× HDMI 2.1, SD-Slot, Kensington Lock\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eNetzwerk\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003e2× 2,5G LAN, Wi-Fi 7, BT 5.4\u003c\/td\u003e\n\u003c\/tr\u003e\n  \u003c\/table\u003e\n\n\u003c\/div\u003e","brand":"Geekom","offers":[{"title":"Default Title","offer_id":57220981260633,"sku":"GEEKOM_A9_MAX","price":1459.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0997\/7351\/4073\/files\/A9MAX.jpg?v=1770282519"},{"product_id":"mini-pc-geekom-it15-intel-core-ultra-9-285h-32gb-ddr5-1tb-3d-rendering-wifi7","title":"Geekom IT15","description":"\u003cstyle\u003e\n  .bpg-container {\n    font-family: inherit;\n    color: #1a1a1a;\n    line-height: 1.6;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 15px;\n  }\n\n  \/* ── HEADER GRID ── *\/\n  .bpg-header-area {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n    margin-bottom: 35px;\n  }\n\n  .bpg-tile {\n    background: #fcfcfc;\n    border: 1px solid #eee;\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    text-align: center;\n  }\n\n  \/* ── CPU TILE — FLOWING GRADIENT BORDER ── *\/\n  .bpg-tile-cpu {\n    grid-column: span 2;\n    padding: 22px 15px;\n    font-size: 1.4rem;\n    font-weight: 900;\n    letter-spacing: -0.02em;\n    background: #fff;\n    border: none;\n    position: relative;\n    overflow: visible;\n    z-index: 1;\n  }\n\n  .bpg-tile-cpu::before {\n    content: '';\n    position: absolute;\n    inset: -1px;\n    border-radius: 11px;\n    background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97);\n    background-size: 300% 100%;\n    background-position: 0% 50%;\n    z-index: -2;\n    transition: background-position 0.4s ease;\n  }\n\n  .bpg-tile-cpu::after {\n    content: '';\n    position: absolute;\n    inset: 1px;\n    border-radius: 10px;\n    background: #fff;\n    z-index: -1;\n  }\n\n  @keyframes borderFlow {\n    0% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n  }\n\n  .bpg-tile-cpu:hover::before {\n    background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9);\n    background-size: 300% 100%;\n    animation: borderFlow 3s ease infinite;\n    filter: brightness(1.1);\n  }\n  .bpg-tile-cpu:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 30px rgba(28,126,151,0.12);\n  }\n\n  .bpg-usecase-tag {\n    position: absolute;\n    top: -10px;\n    z-index: 2;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .bpg-uc {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7);\n    color: #fff;\n    font-size: 0.65rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    padding: 3px 12px;\n    border-radius: 20px;\n    letter-spacing: 0.08em;\n    white-space: nowrap;\n    opacity: 0;\n  }\n\n  .bpg-uc:first-child {\n    opacity: 1;\n  }\n\n  \/* ── RAM \/ SSD TILES — SHIMMER ON HOVER ── *\/\n  .bpg-tile-mem {\n    padding: 12px;\n    font-size: 0.95rem;\n    font-weight: 700;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .bpg-tile-mem::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 60%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n    transition: none;\n    pointer-events: none;\n  }\n\n  .bpg-tile-mem:hover {\n    border-color: #1C7E97;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(28,126,151,0.10);\n  }\n\n  .bpg-tile-mem:hover::after {\n    animation: shimmer 0.6s ease forwards;\n  }\n\n  @keyframes shimmer {\n    to { left: 120%; }\n  }\n\n  \/* ── SPECIAL TILES — PULSE BORDER ON HOVER ── *\/\n  .bpg-tile-special {\n    padding: 10px;\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: #555;\n    background: #f9f9f9;\n    position: relative;\n  }\n\n  .bpg-tile-special:hover {\n    border-color: #1C7E97;\n    color: #155E72;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 14px rgba(28,126,151,0.08);\n    animation: tilePulse 1.5s ease infinite;\n  }\n\n  @keyframes tilePulse {\n    0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); }\n    50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); }\n  }\n\n  \/* ── INTRO TEXT — ANIMATED BORDER LEFT ── *\/\n  .bpg-intro-text {\n    font-size: 1.1rem;\n    font-weight: 400;\n    margin-bottom: 40px;\n    color: #333;\n    border-left: 4px solid #1a1a1a;\n    padding-left: 20px;\n    background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%);\n    padding-top: 10px;\n    padding-bottom: 10px;\n    position: relative;\n    transition: all 0.4s ease;\n  }\n\n  .bpg-intro-text:hover {\n    border-left-color: #1C7E97;\n    border-left-width: 6px;\n    padding-left: 22px;\n    background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%);\n  }\n\n  \/* ── SECTION LABELS — DRAW-IN LINE ── *\/\n  .bpg-label {\n    font-size: 0.85rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    color: #888;\n    margin: 50px 0 20px 0;\n    display: block;\n    text-align: center;\n    position: relative;\n    padding-bottom: 10px;\n  }\n\n  .bpg-label::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #2EACC7, #1C7E97, #2EACC7);\n    transition: width 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  }\n\n  .bpg-label:hover::after {\n    width: 60px;\n  }\n\n  \/* ── WHY BOX ── *\/\n  .bpg-why-box {\n    background: #fcfcfc;\n    border: 1px solid #eee;\n    border-radius: 12px;\n    padding: 30px;\n    margin-bottom: 40px;\n    transition: all 0.4s ease;\n  }\n\n  .bpg-why-box:hover {\n    border-color: #ddd;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.04);\n  }\n\n  .bpg-why-title {\n    font-size: 1.3rem;\n    font-weight: 800;\n    margin-bottom: 20px;\n    display: block;\n    color: #1a1a1a;\n    letter-spacing: -0.02em;\n  }\n\n  .bpg-why-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n\n  .bpg-why-list li {\n    margin-bottom: 15px;\n    display: flex;\n    align-items: flex-start;\n    transition: all 0.3s ease;\n    padding: 8px 10px;\n    border-radius: 8px;\n  }\n\n  .bpg-why-list li:last-child {\n    margin-bottom: 0;\n  }\n\n  .bpg-why-list li:hover {\n    background: rgba(0,0,0,0.02);\n    transform: translateX(6px);\n  }\n\n  .bpg-check {\n    margin-right: 15px;\n    color: #1a1a1a;\n    font-weight: 900;\n    font-size: 1.1rem;\n    line-height: 1.4;\n    transition: transform 0.3s ease;\n  }\n\n  .bpg-why-list li:hover .bpg-check {\n    transform: scale(1.3);\n    color: #1C7E97;\n  }\n\n  \/* ── HIGHLIGHT CARDS — GLASS MORPHISM + LIFT ── *\/\n  .bpg-highlight-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 15px;\n  }\n\n  .bpg-highlight-card {\n    background: rgba(255,255,255,0.85);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    padding: 20px 15px;\n    border-radius: 10px;\n    border: 1px solid #f0f0f0;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.02);\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .bpg-highlight-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, transparent, #1C7E97, #5DC4D9, #1C7E97, transparent);\n    transform: scaleX(0);\n    transition: transform 0.5s ease;\n  }\n\n  .bpg-highlight-card:hover {\n    border-color: rgba(28,126,151,0.25);\n    box-shadow: 0 12px 30px rgba(28,126,151,0.08);\n    transform: translateY(-4px);\n  }\n\n  .bpg-highlight-card:hover::before {\n    transform: scaleX(1);\n  }\n\n  .bpg-card-head {\n    display: flex;\n    align-items: center;\n    font-weight: 800;\n    margin-bottom: 8px;\n    font-size: 1rem;\n    color: #1a1a1a;\n  }\n\n  .bpg-card-icon {\n    margin-right: 8px;\n    font-size: 1.1rem;\n    transition: transform 0.3s ease;\n    display: inline-block;\n  }\n\n  .bpg-highlight-card:hover .bpg-card-icon {\n    transform: scale(1.25) rotate(-5deg);\n    filter: drop-shadow(0 0 3px rgba(28,126,151,0.4));\n  }\n\n  \/* ── EXPERT FRAME — ANIMATED BORDER ── *\/\n  .bpg-expert-frame {\n    padding: 35px 25px 25px;\n    border-radius: 12px;\n    margin: 50px 0;\n    position: relative;\n    background: #fff;\n    border: 2px solid transparent;\n    background-clip: padding-box;\n  }\n\n  .bpg-expert-frame::before {\n    content: '';\n    position: absolute;\n    inset: -2px;\n    border-radius: 14px;\n    background: linear-gradient(\n      var(--expert-angle, 0deg),\n      #155E72 0%, #1C7E97 15%, #5DC4D9 25%, #2EACC7 35%,\n      #155E72 50%, #1C7E97 65%, #5DC4D9 75%, #2EACC7 85%, #155E72 100%\n    );\n    z-index: -1;\n    animation: expertBorder 8s linear infinite;\n  }\n\n  @property --expert-angle {\n    syntax: '\u003cangle\u003e';\n    initial-value: 0deg;\n    inherits: false;\n  }\n\n  @keyframes expertBorder {\n    to { --expert-angle: 360deg; }\n  }\n\n  .bpg-expert-tag {\n    position: absolute;\n    top: -12px;\n    left: 25px;\n    background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7);\n    color: #fff;\n    padding: 4px 15px;\n    font-size: 0.75rem;\n    font-weight: 900;\n    text-transform: uppercase;\n    border-radius: 50px;\n    letter-spacing: 0.05em;\n    z-index: 2;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-expert-frame:hover .bpg-expert-tag {\n    padding: 4px 20px;\n    letter-spacing: 0.12em;\n  }\n\n  .bpg-expert-row {\n    margin-bottom: 15px;\n    padding: 12px 10px;\n    border-bottom: 1px solid #f5f5f5;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-expert-row:last-child {\n    border-bottom: none;\n    margin-bottom: 0;\n    padding-bottom: 0;\n  }\n\n  .bpg-expert-row:hover {\n    background: #fafafa;\n    transform: translateX(4px);\n  }\n\n  .bpg-expert-topic {\n    font-weight: 900;\n    font-size: 0.75rem;\n    text-transform: uppercase;\n    color: #888;\n    display: block;\n    margin-bottom: 4px;\n    transition: color 0.3s ease;\n  }\n\n  .bpg-expert-row:hover .bpg-expert-topic {\n    color: #1C7E97;\n  }\n\n  \/* ── TECH TABLE ── *\/\n  .bpg-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-bottom: 20px;\n  }\n\n  .bpg-table tr {\n    border-bottom: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-table tr:hover {\n    background: rgba(28,126,151,0.04);\n  }\n\n  .bpg-table td {\n    padding: 14px 8px;\n    font-size: 0.9rem;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-table tr:hover .bpg-table-value {\n    color: #155E72;\n    font-weight: 800;\n  }\n\n  .bpg-table-label { color: #666; font-weight: 600; width: 40%; }\n  .bpg-table-value { font-weight: 700; text-align: right; color: #1a1a1a; }\n\n  \/* ── RESPONSIVE ── *\/\n  @media (max-width: 600px) {\n    .bpg-header-area { grid-template-columns: 1fr; }\n    .bpg-tile-cpu { grid-column: span 1; font-size: 1.3rem; }\n    .bpg-highlight-grid { grid-template-columns: 1fr; }\n    .bpg-expert-frame { padding: 30px 15px 15px; }\n  }\n\n  @keyframes ucRotate {\n    0% { opacity: 0; transform: translateX(-50%) translateY(4px); }\n    3.0% { opacity: 1; transform: translateX(-50%) translateY(0); }\n    22.0% { opacity: 1; transform: translateX(-50%) translateY(0); }\n    25.0% { opacity: 0; transform: translateX(-50%) translateY(-4px); }\n    100% { opacity: 0; transform: translateX(-50%) translateY(-4px); }\n  }\n\n  .bpg-uc {\n    animation: ucRotate 8s ease-in-out infinite;\n  }\n  .bpg-uc:nth-child(1) { animation-delay: 0s; }\n  .bpg-uc:nth-child(2) { animation-delay: 2s; }\n  .bpg-uc:nth-child(3) { animation-delay: 4s; }\n  .bpg-uc:nth-child(4) { animation-delay: 6s; }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bpg-container\"\u003e\n\n  \u003cdiv class=\"bpg-header-area\"\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-cpu\"\u003e\n      \u003cdiv class=\"bpg-usecase-tag\"\u003e\n        \u003cspan class=\"bpg-uc\"\u003e3D-Rendering\u003c\/span\u003e\n        \u003cspan class=\"bpg-uc\"\u003eErweitertes Multitasking\u003c\/span\u003e\n        \u003cspan class=\"bpg-uc\"\u003eVideoschnitt\u003c\/span\u003e\n        \u003cspan class=\"bpg-uc\"\u003eLokale LLMs\u003c\/span\u003e\n      \u003c\/div\u003e\n      Intel Core Ultra 9 285H\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-mem\"\u003e32 GB DDR5-5600 RAM\u003c\/div\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-mem\"\u003e1 TB NVMe SSD\u003c\/div\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-special\"\u003e🧠 99 TOPS (13 NPU)\u003c\/div\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-special\"\u003e🎨 Arc Graphics (Battlemage)\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bpg-intro-text\"\u003e\n    Der Geekom IT15 ist das Intel-Flaggschiff im Sortiment: Intel Core Ultra 9 285H mit Arc-Battlemage-Grafik und 99 TOPS KI-Plattform in einem 600 g leichten Aluminium-Kunststoff-Gehäuse. Damit deckt der IT15 anspruchsvolle 3D-Rendering-, KI- und Videoschnitt-Workflows ab, die sonst nur Workstations mit dedizierter GPU bewältigen. 32 GB DDR5 Dual Channel ab Werk, ausbaubar auf 128 GB.\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bpg-why-box\"\u003e\n    \u003cdiv class=\"bpg-why-title\"\u003eFür wen ist der IT15 gemacht?\u003c\/div\u003e\n    \u003cul class=\"bpg-why-list\"\u003e\n      \u003cli\u003e\n\u003cspan class=\"bpg-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cb\u003e3D-Artists und Render-Profis:\u003c\/b\u003e 16 Kerne und Battlemage-Arc-GPU mit Hardware-Raytracing. Blender Cycles, Cinema 4D und Unreal-Engine-Viewports profitieren von 5,4 GHz Boost und neuer Xe-Architektur.\u003c\/span\u003e\n\u003c\/li\u003e\n      \u003cli\u003e\n\u003cspan class=\"bpg-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cb\u003ePower-User mit Single-Core-Anspruch:\u003c\/b\u003e Die höchste Single-Core-Leistung im BuyPlugGo-Sortiment (~4500 SC). Compilieren, Container, parallele Workloads und Videokonferenzen ohne Engpass.\u003c\/span\u003e\n\u003c\/li\u003e\n      \u003cli\u003e\n\u003cspan class=\"bpg-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cb\u003eVideoeditoren und KI-Anwender:\u003c\/b\u003e Quick Sync mit AV1-Encoding für schnelle Exports, 99 TOPS Plattform-KI für lokale Inferenz. DaVinci Resolve, Premiere Pro und Stable Diffusion auf einem System.\u003c\/span\u003e\n\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cspan class=\"bpg-label\"\u003eTechnologische Highlights\u003c\/span\u003e\n  \u003cdiv class=\"bpg-highlight-grid\"\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e🧱\u003c\/span\u003e 3D-Rendering beschleunigt\u003c\/span\u003e\n      Battlemage-Arc-GPU mit Hardware-Raytracing und 8 Xe-Cores. Blender-Cycles und Unreal-Viewports flüssig, AV1-Encoding für Video-Exporte ohne CPU-Last.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e⚡\u003c\/span\u003e Höchste Single-Core-Leistung\u003c\/span\u003e\n      Mit ~4500 Single-Core-Punkten ist der 285H die schnellste CPU im BuyPlugGo-Sortiment. Tools mit starker Single-Thread-Abhängigkeit – Compilierung, Skripte, Office-Makros, Browser – laufen messbar schneller als auf vergleichbaren AMD-Top-Modellen.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e🧠\u003c\/span\u003e 99 TOPS KI-Plattform\u003c\/span\u003e\n      CPU, Battlemage-GPU und NPU teilen sich 99 TOPS KI-Last. Copilot+, Stable Diffusion und lokale LLMs profitieren von der Verteilung über drei Beschleuniger.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e📡\u003c\/span\u003e Wi-Fi 7 + BT 5.4\u003c\/span\u003e\n      802.11be mit Tri-Band und Multi-Link Operation. Bluetooth 5.4 für LE Audio und verbesserte Reichweite, 2,5G LAN für kabelgebundene Hochlast.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bpg-expert-frame\"\u003e\n    \u003cspan class=\"bpg-expert-tag\"\u003eEhrliche Einschätzung\u003c\/span\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003eLeistungsklasse\u003c\/span\u003e\n      High-End Workstation ★★★★★☆. Der Core Ultra 9 285H auf 3 nm ist Intels aktuelles Mobile-Flaggschiff. 99 TOPS, 5,4 GHz Boost und Battlemage-GPU positionieren den IT15 als leistungsstärkstes Intel-System im Sortiment.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003eCPU \u0026amp; RAM-Einordnung\u003c\/span\u003e\n      ~4500 SC \/ ~34400 MC bei 32 GB DDR5-5600 Dual Channel. Der höchste Single-Core-Wert im BuyPlugGo-Portfolio. 16 Kerne bei 16 Threads (Arrow Lake ohne Hyperthreading auf E-Cores). Upgrade auf 128 GB (2 × 64 GB) möglich.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003eGrafik-Limit\u003c\/span\u003e\n      Intel Arc (Battlemage, 8 Xe-Cores, 2200 MHz) bietet GPU-Compute, Raytracing und AV1-Encoding auf aktuellem Stand. Für schwere GPU-Rendering-Aufgaben, intensives Gaming in 4K oder großes KI-Training bleibt eine dedizierte GPU überlegen. HDMI 2.0 statt 2.1 begrenzt die maximale Monitorfrequenz über HDMI auf 4K@60Hz.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003ePhysische Präsenz\u003c\/span\u003e\n      117 × 112 × 46 mm bei 600 g im schwarzen Aluminium-Kunststoff-Gehäuse. Gleiche Grundfläche wie der IT12, trotz massivem Leistungssprung. VESA-fähig, Kensington Lock, Wake-on-LAN, Auto Power On.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cspan class=\"bpg-label\"\u003eTechnische Daten im Überblick\u003c\/span\u003e\n  \u003ctable class=\"bpg-table\"\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eProzessor\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003eIntel Core Ultra 9 285H (16C\/16T, bis 5,4 GHz)\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eArbeitsspeicher\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003e32 GB DDR5-5600 Dual Channel · max. 128 GB\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eFestplatte\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003e1 TB PCIe 4.0 NVMe + 1× M.2 2242 SATA · max. 6 TB\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eGrafik\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003eIntel Arc (Battlemage, 8 Xe-Cores, 2200 MHz)\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eAnschlüsse\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003e1× USB-A 2.0, 3× USB-A 3.2, 2× USB-C 4.0, 2× HDMI 2.0, SD-Slot, Kensington Lock\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eNetzwerk\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003e1× 2,5G LAN, Wi-Fi 7, BT 5.4\u003c\/td\u003e\n\u003c\/tr\u003e\n  \u003c\/table\u003e\n\n\u003c\/div\u003e","brand":"Geekom","offers":[{"title":"Default Title","offer_id":57244047933785,"sku":"GEEKOM_IT15","price":1329.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0997\/7351\/4073\/files\/1_1d72a199-b014-4737-aa59-fcf39e191417.jpg?v=1770486222"},{"product_id":"mini-pc-bosgame-m7-core-ultra-9-285h-32gb-ddr5-1tb-gaming-oculink","title":"Bosgame M7","description":"\u003cstyle\u003e\n  .bpg-container {\n    font-family: inherit;\n    color: #1a1a1a;\n    line-height: 1.6;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 15px;\n  }\n\n  \/* ── HEADER GRID ── *\/\n  .bpg-header-area {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n    margin-bottom: 35px;\n  }\n\n  .bpg-tile {\n    background: #fcfcfc;\n    border: 1px solid #eee;\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    text-align: center;\n  }\n\n  \/* ── CPU TILE — FLOWING GRADIENT BORDER ── *\/\n  .bpg-tile-cpu {\n    grid-column: span 2;\n    padding: 22px 15px;\n    font-size: 1.4rem;\n    font-weight: 900;\n    letter-spacing: -0.02em;\n    background: #fff;\n    border: none;\n    position: relative;\n    overflow: visible;\n    z-index: 1;\n  }\n\n  .bpg-tile-cpu::before {\n    content: '';\n    position: absolute;\n    inset: -1px;\n    border-radius: 11px;\n    background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97);\n    background-size: 300% 100%;\n    background-position: 0% 50%;\n    z-index: -2;\n    transition: background-position 0.4s ease;\n  }\n\n  .bpg-tile-cpu::after {\n    content: '';\n    position: absolute;\n    inset: 1px;\n    border-radius: 10px;\n    background: #fff;\n    z-index: -1;\n  }\n\n  @keyframes borderFlow {\n    0% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n  }\n\n  .bpg-tile-cpu:hover::before {\n    background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9);\n    background-size: 300% 100%;\n    animation: borderFlow 3s ease infinite;\n    filter: brightness(1.1);\n  }\n  .bpg-tile-cpu:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 30px rgba(28,126,151,0.12);\n  }\n\n  .bpg-usecase-tag {\n    position: absolute;\n    top: -10px;\n    z-index: 2;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .bpg-uc {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7);\n    color: #fff;\n    font-size: 0.65rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    padding: 3px 12px;\n    border-radius: 20px;\n    letter-spacing: 0.08em;\n    white-space: nowrap;\n    opacity: 0;\n  }\n\n  .bpg-uc:first-child {\n    opacity: 1;\n  }\n\n  \/* ── RAM \/ SSD TILES — SHIMMER ON HOVER ── *\/\n  .bpg-tile-mem {\n    padding: 12px;\n    font-size: 0.95rem;\n    font-weight: 700;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .bpg-tile-mem::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 60%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n    transition: none;\n    pointer-events: none;\n  }\n\n  .bpg-tile-mem:hover {\n    border-color: #1C7E97;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(28,126,151,0.10);\n  }\n\n  .bpg-tile-mem:hover::after {\n    animation: shimmer 0.6s ease forwards;\n  }\n\n  @keyframes shimmer {\n    to { left: 120%; }\n  }\n\n  \/* ── SPECIAL TILES — PULSE BORDER ON HOVER ── *\/\n  .bpg-tile-special {\n    padding: 10px;\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: #555;\n    background: #f9f9f9;\n    position: relative;\n  }\n\n  .bpg-tile-special:hover {\n    border-color: #1C7E97;\n    color: #155E72;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 14px rgba(28,126,151,0.08);\n    animation: tilePulse 1.5s ease infinite;\n  }\n\n  @keyframes tilePulse {\n    0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); }\n    50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); }\n  }\n\n  \/* ── INTRO TEXT — ANIMATED BORDER LEFT ── *\/\n  .bpg-intro-text {\n    font-size: 1.1rem;\n    font-weight: 400;\n    margin-bottom: 40px;\n    color: #333;\n    border-left: 4px solid #1a1a1a;\n    padding-left: 20px;\n    background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%);\n    padding-top: 10px;\n    padding-bottom: 10px;\n    position: relative;\n    transition: all 0.4s ease;\n  }\n\n  .bpg-intro-text:hover {\n    border-left-color: #1C7E97;\n    border-left-width: 6px;\n    padding-left: 22px;\n    background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%);\n  }\n\n  \/* ── SECTION LABELS — DRAW-IN LINE ── *\/\n  .bpg-label {\n    font-size: 0.85rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    color: #888;\n    margin: 50px 0 20px 0;\n    display: block;\n    text-align: center;\n    position: relative;\n    padding-bottom: 10px;\n  }\n\n  .bpg-label::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #2EACC7, #1C7E97, #2EACC7);\n    transition: width 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  }\n\n  .bpg-label:hover::after {\n    width: 60px;\n  }\n\n  \/* ── WHY BOX ── *\/\n  .bpg-why-box {\n    background: #fcfcfc;\n    border: 1px solid #eee;\n    border-radius: 12px;\n    padding: 30px;\n    margin-bottom: 40px;\n    transition: all 0.4s ease;\n  }\n\n  .bpg-why-box:hover {\n    border-color: #ddd;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.04);\n  }\n\n  .bpg-why-title {\n    font-size: 1.3rem;\n    font-weight: 800;\n    margin-bottom: 20px;\n    display: block;\n    color: #1a1a1a;\n    letter-spacing: -0.02em;\n  }\n\n  .bpg-why-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n\n  .bpg-why-list li {\n    margin-bottom: 15px;\n    display: flex;\n    align-items: flex-start;\n    transition: all 0.3s ease;\n    padding: 8px 10px;\n    border-radius: 8px;\n  }\n\n  .bpg-why-list li:last-child {\n    margin-bottom: 0;\n  }\n\n  .bpg-why-list li:hover {\n    background: rgba(0,0,0,0.02);\n    transform: translateX(6px);\n  }\n\n  .bpg-check {\n    margin-right: 15px;\n    color: #1a1a1a;\n    font-weight: 900;\n    font-size: 1.1rem;\n    line-height: 1.4;\n    transition: transform 0.3s ease;\n  }\n\n  .bpg-why-list li:hover .bpg-check {\n    transform: scale(1.3);\n    color: #1C7E97;\n  }\n\n  \/* ── HIGHLIGHT CARDS — GLASS MORPHISM + LIFT ── *\/\n  .bpg-highlight-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 15px;\n  }\n\n  .bpg-highlight-card {\n    background: rgba(255,255,255,0.85);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    padding: 20px 15px;\n    border-radius: 10px;\n    border: 1px solid #f0f0f0;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.02);\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .bpg-highlight-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, transparent, #1C7E97, #5DC4D9, #1C7E97, transparent);\n    transform: scaleX(0);\n    transition: transform 0.5s ease;\n  }\n\n  .bpg-highlight-card:hover {\n    border-color: rgba(28,126,151,0.25);\n    box-shadow: 0 12px 30px rgba(28,126,151,0.08);\n    transform: translateY(-4px);\n  }\n\n  .bpg-highlight-card:hover::before {\n    transform: scaleX(1);\n  }\n\n  .bpg-card-head {\n    display: flex;\n    align-items: center;\n    font-weight: 800;\n    margin-bottom: 8px;\n    font-size: 1rem;\n    color: #1a1a1a;\n  }\n\n  .bpg-card-icon {\n    margin-right: 8px;\n    font-size: 1.1rem;\n    transition: transform 0.3s ease;\n    display: inline-block;\n  }\n\n  .bpg-highlight-card:hover .bpg-card-icon {\n    transform: scale(1.25) rotate(-5deg);\n    filter: drop-shadow(0 0 3px rgba(28,126,151,0.4));\n  }\n\n  \/* ── EXPERT FRAME — ANIMATED BORDER ── *\/\n  .bpg-expert-frame {\n    padding: 35px 25px 25px;\n    border-radius: 12px;\n    margin: 50px 0;\n    position: relative;\n    background: #fff;\n    border: 2px solid transparent;\n    background-clip: padding-box;\n  }\n\n  .bpg-expert-frame::before {\n    content: '';\n    position: absolute;\n    inset: -2px;\n    border-radius: 14px;\n    background: linear-gradient(\n      var(--expert-angle, 0deg),\n      #155E72 0%, #1C7E97 15%, #5DC4D9 25%, #2EACC7 35%,\n      #155E72 50%, #1C7E97 65%, #5DC4D9 75%, #2EACC7 85%, #155E72 100%\n    );\n    z-index: -1;\n    animation: expertBorder 8s linear infinite;\n  }\n\n  @property --expert-angle {\n    syntax: '\u003cangle\u003e';\n    initial-value: 0deg;\n    inherits: false;\n  }\n\n  @keyframes expertBorder {\n    to { --expert-angle: 360deg; }\n  }\n\n  .bpg-expert-tag {\n    position: absolute;\n    top: -12px;\n    left: 25px;\n    background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7);\n    color: #fff;\n    padding: 4px 15px;\n    font-size: 0.75rem;\n    font-weight: 900;\n    text-transform: uppercase;\n    border-radius: 50px;\n    letter-spacing: 0.05em;\n    z-index: 2;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-expert-frame:hover .bpg-expert-tag {\n    padding: 4px 20px;\n    letter-spacing: 0.12em;\n  }\n\n  .bpg-expert-row {\n    margin-bottom: 15px;\n    padding: 12px 10px;\n    border-bottom: 1px solid #f5f5f5;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-expert-row:last-child {\n    border-bottom: none;\n    margin-bottom: 0;\n    padding-bottom: 0;\n  }\n\n  .bpg-expert-row:hover {\n    background: #fafafa;\n    transform: translateX(4px);\n  }\n\n  .bpg-expert-topic {\n    font-weight: 900;\n    font-size: 0.75rem;\n    text-transform: uppercase;\n    color: #888;\n    display: block;\n    margin-bottom: 4px;\n    transition: color 0.3s ease;\n  }\n\n  .bpg-expert-row:hover .bpg-expert-topic {\n    color: #1C7E97;\n  }\n\n  \/* ── TECH TABLE ── *\/\n  .bpg-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-bottom: 20px;\n  }\n\n  .bpg-table tr {\n    border-bottom: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-table tr:hover {\n    background: rgba(28,126,151,0.04);\n  }\n\n  .bpg-table td {\n    padding: 14px 8px;\n    font-size: 0.9rem;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-table tr:hover .bpg-table-value {\n    color: #155E72;\n    font-weight: 800;\n  }\n\n  .bpg-table-label { color: #666; font-weight: 600; width: 40%; }\n  .bpg-table-value { font-weight: 700; text-align: right; color: #1a1a1a; }\n\n  \/* ── RESPONSIVE ── *\/\n  @media (max-width: 600px) {\n    .bpg-header-area { grid-template-columns: 1fr; }\n    .bpg-tile-cpu { grid-column: span 1; font-size: 1.3rem; }\n    .bpg-highlight-grid { grid-template-columns: 1fr; }\n    .bpg-expert-frame { padding: 30px 15px 15px; }\n  }\n\n  @keyframes ucRotate {\n    0% { opacity: 0; transform: translateX(-50%) translateY(4px); }\n    3.0% { opacity: 1; transform: translateX(-50%) translateY(0); }\n    22.0% { opacity: 1; transform: translateX(-50%) translateY(0); }\n    25.0% { opacity: 0; transform: translateX(-50%) translateY(-4px); }\n    100% { opacity: 0; transform: translateX(-50%) translateY(-4px); }\n  }\n\n  .bpg-uc {\n    animation: ucRotate 8s ease-in-out infinite;\n  }\n  .bpg-uc:nth-child(1) { animation-delay: 0s; }\n  .bpg-uc:nth-child(2) { animation-delay: 2s; }\n  .bpg-uc:nth-child(3) { animation-delay: 4s; }\n  .bpg-uc:nth-child(4) { animation-delay: 6s; }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bpg-container\"\u003e\n\n  \u003cdiv class=\"bpg-header-area\"\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-cpu\"\u003e\n      \u003cdiv class=\"bpg-usecase-tag\"\u003e\n        \u003cspan class=\"bpg-uc\"\u003eGaming\u003c\/span\u003e\n        \u003cspan class=\"bpg-uc\"\u003e3D-Rendering\u003c\/span\u003e\n        \u003cspan class=\"bpg-uc\"\u003eVideoschnitt\u003c\/span\u003e\n        \u003cspan class=\"bpg-uc\"\u003eVirtualisierung\u003c\/span\u003e\n      \u003c\/div\u003e\n      Intel Core Ultra 9 285H\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bpg-tile bpg-tile-mem\"\u003e32 GB DDR5-5600 RAM\u003c\/div\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-mem\"\u003e1 TB NVMe SSD\u003c\/div\u003e\n\n    \u003cdiv class=\"bpg-tile bpg-tile-special\"\u003e🔗 OCuLink (PCIe 4.0 ×4)\u003c\/div\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-special\"\u003e⚡ Thunderbolt 4\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bpg-intro-text\"\u003e\n    Der Bosgame M7 ist der vielseitigste Intel-Mini-PC im Sortiment – mit zwei externen Erweiterungspfaden gleichzeitig: OCuLink für Gaming mit Desktop-GPU, Thunderbolt 4 für Docking und externe SSDs. Dafür brauchst du sonst entweder einen Tower oder zwei separate Geräte. Hier bekommst du beides in einem 0,75-kg-Gehäuse.\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bpg-why-box\"\u003e\n    \u003cspan class=\"bpg-why-title\"\u003eFür wen ist der M7 gemacht?\u003c\/span\u003e\n    \u003cul class=\"bpg-why-list\"\u003e\n      \u003cli\u003e\n        \u003cspan class=\"bpg-check\"\u003e✓\u003c\/span\u003e\n        \u003cspan\u003e\u003cb\u003eGamer mit GPU-Upgrade-Plan:\u003c\/b\u003e Über OCuLink schließt du eine Desktop-Grafikkarte direkt an PCIe 4.0 an – ohne Thunderbolt-Verluste. Eine RX 7600 XT oder RTX 4070 läuft nahezu mit nativer Bandbreite, der Mini-PC bleibt kompakt.\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cspan class=\"bpg-check\"\u003e✓\u003c\/span\u003e\n        \u003cspan\u003e\u003cb\u003eProfis, die Docking + eGPU brauchen:\u003c\/b\u003e Thunderbolt 4 übernimmt Dockingstation, externe NVMe-SSD oder Multi-Monitor-Setup über ein einziges Kabel – während OCuLink unberührt für deine GPU bereit steht. Beide Pfade gleichzeitig.\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cspan class=\"bpg-check\"\u003e✓\u003c\/span\u003e\n        \u003cspan\u003e\u003cb\u003e3D-Rendering und Videoschnitt:\u003c\/b\u003e 16 Kerne, AV1-Encoding via Arc Xe2 und drei M.2-Slots für bis zu 12 TB Speicher. Premiere, Blender und DaVinci skalieren auf der CPU – für lange GPU-Renderings schaltest du über OCuLink dazu.\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cspan class=\"bpg-label\"\u003eTechnologische Highlights\u003c\/span\u003e\n  \u003cdiv class=\"bpg-highlight-grid\"\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e🎮\u003c\/span\u003e Gaming mit Desktop-GPU\u003c\/span\u003e\n      Per OCuLink schließt du eine RX 7600 XT, RTX 4070 oder vergleichbare GPU direkt an PCIe 4.0 ×4 an. AAA-Gaming in 1440p oder 4K mit Settings, die jede iGPU sprengen würden.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e🔗\u003c\/span\u003e OCuLink + TB4 parallel\u003c\/span\u003e\n      Zwei Erweiterungspfade gleichzeitig. OCuLink für die GPU, Thunderbolt 4 für Dockingstation, externe SSD oder Monitor-Setup. Kein Entweder-Oder.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e🎨\u003c\/span\u003e 3D-Rendering und Videoschnitt\u003c\/span\u003e\n      16 Kerne für CPU-lastige Workflows in Premiere, Blender oder DaVinci. AV1-Encoding via Arc Xe2 entlastet die CPU bei der Videokodierung spürbar.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e🌐\u003c\/span\u003e Homelab und Virtualisierung\u003c\/span\u003e\n      Dual 2.5G LAN ermöglicht Link-Aggregation auf 5 Gbps oder zwei getrennte Netzwerksegmente. Drei M.2-Slots mit bis zu 12 TB für VMs, Container und Backup-Pools.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bpg-expert-frame\"\u003e\n    \u003cspan class=\"bpg-expert-tag\"\u003eEhrliche Einschätzung\u003c\/span\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003eLeistungsklasse\u003c\/span\u003e\n      High-End-Klasse – einer der leistungsstärksten Intel-Mini-PCs im Sortiment. Für CPU-lastige Workflows und Erweiterbarkeit gleichermaßen geeignet.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003eCPU \u0026amp; RAM-Einordnung\u003c\/span\u003e\n      RAM ist nachrüstbar bis 128 GB – das System wächst mit den Anforderungen. Zwei M.2-Slots erlauben RAID oder getrennte System- und Daten-SSDs.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003eGrafik-Limit\u003c\/span\u003e\n      Die integrierte Arc Xe2 reicht für 1080p-Gaming und kreative Tools. Für 1440p in hohen Settings oder professionelles 3D-Rendering ist OCuLink mit dedizierter GPU der vorgesehene Pfad.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003ePhysische Präsenz\u003c\/span\u003e\n      0,75 kg im kompakten Gehäuse. Unter Volllast werden die Lüfter hörbar – dafür läuft die CPU dauerhaft im Turbo. Für durchgängig leisen Betrieb empfehlen wir den PL2-Modus.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cspan class=\"bpg-label\"\u003eTechnische Daten im Überblick\u003c\/span\u003e\n  \u003ctable class=\"bpg-table\"\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eProzessor\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003eIntel Core Ultra 9 285H (bis 5,4 GHz)\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eArbeitsspeicher\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003e32 GB DDR5-5600 DC · max. 128 GB\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eFestplatte\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003e1 TB PCIe 4.0 NVMe · 1× M.2 PCIe4×4 + 2× M.2 PCIe4×2 (max. 12 TB)\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eGrafik\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003eIntel Arc Graphics Xe2\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eAnschlüsse\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003eTB4 (40 Gbps), OCuLink, HDMI 2.1, DP 1.4\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eNetzwerk\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003e2× 2,5G LAN, Wi-Fi 6E, Bluetooth 5.4\u003c\/td\u003e\n\u003c\/tr\u003e\n  \u003c\/table\u003e\n\n\u003c\/div\u003e","brand":"Bosgame","offers":[{"title":"Default Title","offer_id":58026350182745,"sku":"BOSGAME_M7","price":1119.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0997\/7351\/4073\/files\/1.png?v=1779182272"},{"product_id":"mini-pc-bosgame-vta-439-ryzen-ai-9-hx-470-32gb-ddr5-1tb-gaming-oculink","title":"Bosgame VTA-439","description":"\u003cstyle\u003e\n  .bpg-container {\n    font-family: inherit;\n    color: #1a1a1a;\n    line-height: 1.6;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 15px;\n  }\n\n  \/* ── HEADER GRID ── *\/\n  .bpg-header-area {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n    margin-bottom: 35px;\n  }\n\n  .bpg-tile {\n    background: #fcfcfc;\n    border: 1px solid #eee;\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    text-align: center;\n  }\n\n  \/* ── CPU TILE — FLOWING GRADIENT BORDER ── *\/\n  .bpg-tile-cpu {\n    grid-column: span 2;\n    padding: 22px 15px;\n    font-size: 1.4rem;\n    font-weight: 900;\n    letter-spacing: -0.02em;\n    background: #fff;\n    border: none;\n    position: relative;\n    overflow: visible;\n    z-index: 1;\n  }\n\n  .bpg-tile-cpu::before {\n    content: '';\n    position: absolute;\n    inset: -1px;\n    border-radius: 11px;\n    background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97);\n    background-size: 300% 100%;\n    background-position: 0% 50%;\n    z-index: -2;\n    transition: background-position 0.4s ease;\n  }\n\n  .bpg-tile-cpu::after {\n    content: '';\n    position: absolute;\n    inset: 1px;\n    border-radius: 10px;\n    background: #fff;\n    z-index: -1;\n  }\n\n  @keyframes borderFlow {\n    0% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n  }\n\n  .bpg-tile-cpu:hover::before {\n    background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9);\n    background-size: 300% 100%;\n    animation: borderFlow 3s ease infinite;\n    filter: brightness(1.1);\n  }\n  .bpg-tile-cpu:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 30px rgba(28,126,151,0.12);\n  }\n\n  .bpg-usecase-tag {\n    position: absolute;\n    top: -10px;\n    z-index: 2;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .bpg-uc {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7);\n    color: #fff;\n    font-size: 0.65rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    padding: 3px 12px;\n    border-radius: 20px;\n    letter-spacing: 0.08em;\n    white-space: nowrap;\n    opacity: 0;\n  }\n\n  .bpg-uc:first-child {\n    opacity: 1;\n  }\n\n  \/* ── RAM \/ SSD TILES — SHIMMER ON HOVER ── *\/\n  .bpg-tile-mem {\n    padding: 12px;\n    font-size: 0.95rem;\n    font-weight: 700;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .bpg-tile-mem::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 60%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n    transition: none;\n    pointer-events: none;\n  }\n\n  .bpg-tile-mem:hover {\n    border-color: #1C7E97;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(28,126,151,0.10);\n  }\n\n  .bpg-tile-mem:hover::after {\n    animation: shimmer 0.6s ease forwards;\n  }\n\n  @keyframes shimmer {\n    to { left: 120%; }\n  }\n\n  \/* ── SPECIAL TILES — PULSE BORDER ON HOVER ── *\/\n  .bpg-tile-special {\n    padding: 10px;\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: #555;\n    background: #f9f9f9;\n    position: relative;\n  }\n\n  .bpg-tile-special:hover {\n    border-color: #1C7E97;\n    color: #155E72;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 14px rgba(28,126,151,0.08);\n    animation: tilePulse 1.5s ease infinite;\n  }\n\n  @keyframes tilePulse {\n    0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); }\n    50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); }\n  }\n\n  \/* ── INTRO TEXT — ANIMATED BORDER LEFT ── *\/\n  .bpg-intro-text {\n    font-size: 1.1rem;\n    font-weight: 400;\n    margin-bottom: 40px;\n    color: #333;\n    border-left: 4px solid #1a1a1a;\n    padding-left: 20px;\n    background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%);\n    padding-top: 10px;\n    padding-bottom: 10px;\n    position: relative;\n    transition: all 0.4s ease;\n  }\n\n  .bpg-intro-text:hover {\n    border-left-color: #1C7E97;\n    border-left-width: 6px;\n    padding-left: 22px;\n    background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%);\n  }\n\n  \/* ── SECTION LABELS — DRAW-IN LINE ── *\/\n  .bpg-label {\n    font-size: 0.85rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    color: #888;\n    margin: 50px 0 20px 0;\n    display: block;\n    text-align: center;\n    position: relative;\n    padding-bottom: 10px;\n  }\n\n  .bpg-label::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #2EACC7, #1C7E97, #2EACC7);\n    transition: width 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  }\n\n  .bpg-label:hover::after {\n    width: 60px;\n  }\n\n  \/* ── WHY BOX ── *\/\n  .bpg-why-box {\n    background: #fcfcfc;\n    border: 1px solid #eee;\n    border-radius: 12px;\n    padding: 30px;\n    margin-bottom: 40px;\n    transition: all 0.4s ease;\n  }\n\n  .bpg-why-box:hover {\n    border-color: #ddd;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.04);\n  }\n\n  .bpg-why-title {\n    font-size: 1.3rem;\n    font-weight: 800;\n    margin-bottom: 20px;\n    display: block;\n    color: #1a1a1a;\n    letter-spacing: -0.02em;\n  }\n\n  .bpg-why-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n\n  .bpg-why-list li {\n    margin-bottom: 15px;\n    display: flex;\n    align-items: flex-start;\n    transition: all 0.3s ease;\n    padding: 8px 10px;\n    border-radius: 8px;\n  }\n\n  .bpg-why-list li:last-child {\n    margin-bottom: 0;\n  }\n\n  .bpg-why-list li:hover {\n    background: rgba(0,0,0,0.02);\n    transform: translateX(6px);\n  }\n\n  .bpg-check {\n    margin-right: 15px;\n    color: #1a1a1a;\n    font-weight: 900;\n    font-size: 1.1rem;\n    line-height: 1.4;\n    transition: transform 0.3s ease;\n  }\n\n  .bpg-why-list li:hover .bpg-check {\n    transform: scale(1.3);\n    color: #1C7E97;\n  }\n\n  \/* ── HIGHLIGHT CARDS — GLASS MORPHISM + LIFT ── *\/\n  .bpg-highlight-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 15px;\n  }\n\n  .bpg-highlight-card {\n    background: rgba(255,255,255,0.85);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    padding: 20px 15px;\n    border-radius: 10px;\n    border: 1px solid #f0f0f0;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.02);\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .bpg-highlight-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, transparent, #1C7E97, #5DC4D9, #1C7E97, transparent);\n    transform: scaleX(0);\n    transition: transform 0.5s ease;\n  }\n\n  .bpg-highlight-card:hover {\n    border-color: rgba(28,126,151,0.25);\n    box-shadow: 0 12px 30px rgba(28,126,151,0.08);\n    transform: translateY(-4px);\n  }\n\n  .bpg-highlight-card:hover::before {\n    transform: scaleX(1);\n  }\n\n  .bpg-card-head {\n    display: flex;\n    align-items: center;\n    font-weight: 800;\n    margin-bottom: 8px;\n    font-size: 1rem;\n    color: #1a1a1a;\n  }\n\n  .bpg-card-icon {\n    margin-right: 8px;\n    font-size: 1.1rem;\n    transition: transform 0.3s ease;\n    display: inline-block;\n  }\n\n  .bpg-highlight-card:hover .bpg-card-icon {\n    transform: scale(1.25) rotate(-5deg);\n    filter: drop-shadow(0 0 3px rgba(28,126,151,0.4));\n  }\n\n  \/* ── EXPERT FRAME — ANIMATED BORDER ── *\/\n  .bpg-expert-frame {\n    padding: 35px 25px 25px;\n    border-radius: 12px;\n    margin: 50px 0;\n    position: relative;\n    background: #fff;\n    border: 2px solid transparent;\n    background-clip: padding-box;\n  }\n\n  .bpg-expert-frame::before {\n    content: '';\n    position: absolute;\n    inset: -2px;\n    border-radius: 14px;\n    background: linear-gradient(\n      var(--expert-angle, 0deg),\n      #155E72 0%, #1C7E97 15%, #5DC4D9 25%, #2EACC7 35%,\n      #155E72 50%, #1C7E97 65%, #5DC4D9 75%, #2EACC7 85%, #155E72 100%\n    );\n    z-index: -1;\n    animation: expertBorder 8s linear infinite;\n  }\n\n  @property --expert-angle {\n    syntax: '\u003cangle\u003e';\n    initial-value: 0deg;\n    inherits: false;\n  }\n\n  @keyframes expertBorder {\n    to { --expert-angle: 360deg; }\n  }\n\n  .bpg-expert-tag {\n    position: absolute;\n    top: -12px;\n    left: 25px;\n    background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7);\n    color: #fff;\n    padding: 4px 15px;\n    font-size: 0.75rem;\n    font-weight: 900;\n    text-transform: uppercase;\n    border-radius: 50px;\n    letter-spacing: 0.05em;\n    z-index: 2;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-expert-frame:hover .bpg-expert-tag {\n    padding: 4px 20px;\n    letter-spacing: 0.12em;\n  }\n\n  .bpg-expert-row {\n    margin-bottom: 15px;\n    padding: 12px 10px;\n    border-bottom: 1px solid #f5f5f5;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-expert-row:last-child {\n    border-bottom: none;\n    margin-bottom: 0;\n    padding-bottom: 0;\n  }\n\n  .bpg-expert-row:hover {\n    background: #fafafa;\n    transform: translateX(4px);\n  }\n\n  .bpg-expert-topic {\n    font-weight: 900;\n    font-size: 0.75rem;\n    text-transform: uppercase;\n    color: #888;\n    display: block;\n    margin-bottom: 4px;\n    transition: color 0.3s ease;\n  }\n\n  .bpg-expert-row:hover .bpg-expert-topic {\n    color: #1C7E97;\n  }\n\n  \/* ── TECH TABLE ── *\/\n  .bpg-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-bottom: 20px;\n  }\n\n  .bpg-table tr {\n    border-bottom: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-table tr:hover {\n    background: rgba(28,126,151,0.04);\n  }\n\n  .bpg-table td {\n    padding: 14px 8px;\n    font-size: 0.9rem;\n    transition: all 0.3s ease;\n  }\n\n  .bpg-table tr:hover .bpg-table-value {\n    color: #155E72;\n    font-weight: 800;\n  }\n\n  .bpg-table-label { color: #666; font-weight: 600; width: 40%; }\n  .bpg-table-value { font-weight: 700; text-align: right; color: #1a1a1a; }\n\n  \/* ── RESPONSIVE ── *\/\n  @media (max-width: 600px) {\n    .bpg-header-area { grid-template-columns: 1fr; }\n    .bpg-tile-cpu { grid-column: span 1; font-size: 1.3rem; }\n    .bpg-highlight-grid { grid-template-columns: 1fr; }\n    .bpg-expert-frame { padding: 30px 15px 15px; }\n  }\n\n  @keyframes ucRotate {\n    0% { opacity: 0; transform: translateX(-50%) translateY(4px); }\n    3.0% { opacity: 1; transform: translateX(-50%) translateY(0); }\n    22.0% { opacity: 1; transform: translateX(-50%) translateY(0); }\n    25.0% { opacity: 0; transform: translateX(-50%) translateY(-4px); }\n    100% { opacity: 0; transform: translateX(-50%) translateY(-4px); }\n  }\n\n  .bpg-uc {\n    animation: ucRotate 8s ease-in-out infinite;\n  }\n  .bpg-uc:nth-child(1) { animation-delay: 0s; }\n  .bpg-uc:nth-child(2) { animation-delay: 2s; }\n  .bpg-uc:nth-child(3) { animation-delay: 4s; }\n  .bpg-uc:nth-child(4) { animation-delay: 6s; }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bpg-container\"\u003e\n  \u003cdiv class=\"bpg-header-area\"\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-cpu\"\u003e\n      \u003cdiv class=\"bpg-usecase-tag\"\u003e\n        \u003cspan class=\"bpg-uc\"\u003eGaming\u003c\/span\u003e\n        \u003cspan class=\"bpg-uc\"\u003eLokale LLMs\u003c\/span\u003e\n        \u003cspan class=\"bpg-uc\"\u003eVideoschnitt\u003c\/span\u003e\n        \u003cspan class=\"bpg-uc\"\u003eErweitertes Multitasking\u003c\/span\u003e\n      \u003c\/div\u003e\n      AMD Ryzen AI 9 HX 470\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-mem\"\u003e32 GB DDR5-5600 RAM\u003c\/div\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-mem\"\u003e1 TB NVMe SSD\u003c\/div\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-special\"\u003e🔗 OCuLink (PCIe 4.0 ×4)\u003c\/div\u003e\n    \u003cdiv class=\"bpg-tile bpg-tile-special\"\u003e🌐 Dual 2,5G LAN · Wi-Fi 7\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bpg-intro-text\"\u003e\n    Der Bosgame VTA-439 vereint Gaming-iGPU, OCuLink-Erweiterung und 86 TOPS KI-Leistung in einem 0,75-kg-Mini-PC. Die Radeon 890M reicht für 1080p-Gaming auf hohen Details, der OCuLink-Port hebt das System zur vollwertigen Gaming-Station mit externer GPU, und die 50-TOPS-NPU lässt lokale Sprachmodelle und Bildgeneratoren ohne Cloud laufen.\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bpg-why-box\"\u003e\n    \u003cspan class=\"bpg-why-title\"\u003eFür wen ist der VTA-439 gemacht?\u003c\/span\u003e\n    \u003cul class=\"bpg-why-list\"\u003e\n      \u003cli\u003e\n        \u003cspan class=\"bpg-check\"\u003e✓\u003c\/span\u003e\n        \u003cspan\u003e\u003cb\u003eGamer ohne dedizierten Tower:\u003c\/b\u003e Die Radeon 890M (16 CU, RDNA 3.5) ist die stärkste iGPU unter den Strix-Point-Modellen und liefert 1080p auf hohen Details. Sobald mehr nötig ist, hängt eine externe GPU per OCuLink an – ohne Bandbreitenverlust gegenüber Thunderbolt.\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cspan class=\"bpg-check\"\u003e✓\u003c\/span\u003e\n        \u003cspan\u003e\u003cb\u003eKI-Tüftler und Power-User mit lokalem Anspruch:\u003c\/b\u003e 86 TOPS gesamt (50 NPU) reichen für lokale LLMs bis 8B–13B Parameter, Stable-Diffusion-Bildgenerierung und Audio-Transkription. Windows Copilot+ wird vollständig genutzt, die Cloud bleibt außen vor.\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cspan class=\"bpg-check\"\u003e✓\u003c\/span\u003e\n        \u003cspan\u003e\u003cb\u003eMultitasker mit Netzwerk-Anspruch:\u003c\/b\u003e Dual 2,5G LAN für Link-Aggregation oder getrennte Subnetze, Wi-Fi 7 für Tri-Band-Verbindungen. 12 Kerne und 24 Threads ziehen virtuelle Maschinen, IDE und Browser-Tabs parallel ohne spürbare Last.\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cspan class=\"bpg-label\"\u003eTechnologische Highlights\u003c\/span\u003e\n  \u003cdiv class=\"bpg-highlight-grid\"\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e🎮\u003c\/span\u003e Gaming bis 1080p Ultra\u003c\/span\u003e\n      Die 890M mit 16 CU und 2900 MHz auf RDNA-3.5-Basis liefert aktuelle Titel in 1080p auf hohen Details, mit FSR-Upscaling auch in 1440p. AV1-Encoding für Streaming hardwarebeschleunigt.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e🧠\u003c\/span\u003e Lokale LLMs ohne Cloud\u003c\/span\u003e\n      86 TOPS Gesamt-KI-Leistung mit dedizierter 50-TOPS-NPU. Sprachmodelle, Bildgenerierung und Transkription laufen vollständig lokal – Datenschutz und Latenz unter eigener Kontrolle.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e🔗\u003c\/span\u003e Mit eGPU mitwachsen\u003c\/span\u003e\n      OCuLink PCIe 4.0 ×4 für externe Grafikkarten ohne Thunderbolt-Engpass. Das System startet als Allrounder und wird bei Bedarf zur 1440p- oder 4K-Gaming-Station.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-highlight-card\"\u003e\n      \u003cspan class=\"bpg-card-head\"\u003e\u003cspan class=\"bpg-card-icon\"\u003e📡\u003c\/span\u003e Netzwerk- und Funkprofi\u003c\/span\u003e\n      Wi-Fi 7 mit Multi-Link-Operation, zwei 2,5G-Ethernet-Ports für Link-Aggregation (5 Gbps) oder klare Subnetz-Trennung. Auch bei vollem Heimnetz keine Engpässe.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bpg-expert-frame\"\u003e\n    \u003cspan class=\"bpg-expert-tag\"\u003eEhrliche Einschätzung\u003c\/span\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003eLeistungsklasse\u003c\/span\u003e\n      High-End Workstation. Der HX 470 liegt knapp unterhalb des HX 370 aus dem M6, bietet aber dieselbe Radeon 890M und identisches OCuLink-Setup. Eine überzeugende Plattform für Gaming, Kreativarbeit und KI-Nutzung.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003eCPU \u0026amp; RAM-Einordnung\u003c\/span\u003e\n      12C\/24T bei bis zu 5,1 GHz. ~4300 SC und ~38000 MC. 32 GB DDR5-5600 Dual Channel (2× SO-DIMM, max. 96 GB) – aufrüstbar. Für Multitasking mit virtuellen Maschinen, Entwicklungsumgebungen und parallelem Rendering gut aufgestellt.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003eGrafik-Limit\u003c\/span\u003e\n      Die Radeon 890M schlägt ältere Einsteiger-Grafikkarten im Bereich GTX 1650\/1660. Für 1440p oder 4K-Gaming in hohen Details bleibt die OCuLink-eGPU der richtige Weg. Ohne eGPU ist 4K-Gaming in hohen Details eingeschränkt.\n    \u003c\/div\u003e\n    \u003cdiv class=\"bpg-expert-row\"\u003e\n      \u003cspan class=\"bpg-expert-topic\"\u003ePhysische Präsenz\u003c\/span\u003e\n      154 × 152 × 50 mm, 0,75 kg. Identisches Gehäuse zum M6\/M7. Aluminium-Kunststoff in Blau-Schwarz. Kein integrierter Lautsprecher, externes Netzteil (19 V \/ 6,3 A).\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cspan class=\"bpg-label\"\u003eTechnische Daten im Überblick\u003c\/span\u003e\n  \u003ctable class=\"bpg-table\"\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eProzessor\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003eAMD Ryzen AI 9 HX 470 (bis 5,1 GHz)\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eArbeitsspeicher\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003e32 GB DDR5-5600 DC · max. 96 GB\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eFestplatte\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003e1 TB PCIe 4.0 NVMe · 1× M.2 PCIe4×4 + 2× M.2 PCIe4×2 (max. 12 TB)\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eGrafik\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003eAMD Radeon 890M (RDNA 3.5, 16 CU, 2900 MHz)\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eAnschlüsse\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003eOCuLink PCIe 4.0, HDMI 2.0, DP 1.4, 2× USB-C 4.0\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd class=\"bpg-table-label\"\u003eNetzwerk\u003c\/td\u003e\n\u003ctd class=\"bpg-table-value\"\u003e2× 2,5G LAN, Wi-Fi 7, Bluetooth 5.4\u003c\/td\u003e\n\u003c\/tr\u003e\n  \u003c\/table\u003e\n\n\u003c\/div\u003e\n","brand":"Bosgame","offers":[{"title":"Default Title","offer_id":58096324149593,"sku":"BOSGAME_VTA439","price":1269.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0997\/7351\/4073\/files\/2_f557008a-85be-47d3-954e-206864db8755.png?v=1779386598"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0997\/7351\/4073\/collections\/PixelBin-AI-Editor-17671800666357.png?v=1771504254","url":"https:\/\/buypluggo.de\/collections\/high-end-workstation.oembed","provider":"BuyPlugGo","version":"1.0","type":"link"}