bosgame

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block;

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

Produktbeschreibung Hochwertiges USB C auf USB C Kabel zum Laden von Smartphones, Tablets, Laptops und anderen Geräten mit USB-C Anschluss. Das robuste Nylon-Geflecht sorgt für eine lange Lebensdauer und schützt das Kabel zuverlässig vor Knicken und Abnutzung. Artikel: kompatibles Zubehör, kein Originalprodukt eines Geräteherstellers Kabellänge: ca. 1 Meter Technische Eigenschaften: USB Type C Stecker auf USB Type C Stecker Unterstützt Stromübertragung bis zu 5A / 100W Robustes und langlebiges Nylon Kabel (Schwarz / Orange) Geeignet zum schnellen Laden kompatibler Geräte Nur Ladefunktion - keine Datenübertragung Hinweis: Dieses Kabel ist ausschließlich zum Laden geeignet. Eine Datenübertragung sowie die Übertragung von Audio- oder Videosignalen wird nicht unterstützt. Lieferumfang: 1 × USB C auf USB C Kabel kompatibel für Tablet, Smartphone, Laptop und weitere Geräte (siehe Produktbild) Weitere Informationen: Nach dem Kauf erhalten Sie eine mit ausgewiesener im PDF-Format per .

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

MINI-PC MIT INTEL CORE ULTRA X7 358H UND 172 TOPS KI-LEISTUNG + 10G ETHERNET Der Intel Core Ultra X7 358H (1,8 nm, 2025) bringt 172 TOPS KI-Gesamtleistung, 10G Ethernet, zwei Thunderbolt-4-Ports und OCuLink in einem 0,73-kg-Gehäuse zusammen. Die Kombination aus Hexa-Channel-RAM, maximaler Konnektivität und Windows 11 Pro macht ihn zur kompakten KI-Workstation für lokale LLMs, Virtualisierung und Homelab-Betrieb.---LEISTUNGDer Intel Core Ultra X7 358H (Panther Lake, 1,8 nm, 2025) arbeitet mit 16 Kernen in einer Hybrid-Architektur aus 4 Performance-, 8 Effizienz- und 4 Low-Power-Effizienz-Kernen bei bis zu 4,8 GHz Boost und 25–80 W TDP. Die Grafik übernimmt Intel Arc Xe3 mit 12 Xe-Cores und 2500 MHz. Der Arbeitsspeicher ist als 64 GB LPDDR5x-9600 in einer Hexa-Channel-Konfiguration (6× 16 GB) verlötet und nicht aufrüstbar. Als Systemlaufwerk ist 1 TB NVMe (PCIe 4.0) verbaut; zwei M.2-Steckplätze ermöglichen einen Ausbau auf maximal 8 TB.ANSCHLÜSSE & KONNEKTIVITÄTZwei Thunderbolt-4-Ports (je 40 Gbps) erlauben externe GPUs, NV

MINI-PC MIT AMD RYZEN 5 7640HS UND RDNA 3 GRAFIKDer Bosgame P3 Mix setzt auf die AMD-Phoenix-Plattform: Ryzen 5 7640HS in 4-nm-Fertigung mit Radeon 760M (RDNA 3) und DDR5-5600. Ein 10-TOPS-NPU ermöglicht lokale KI-Inferenz, Dual 2,5G LAN und Wi-Fi 6E sorgen für zeitgemäße Konnektivität in einem 550-g-Gehäuse mit VESA-Montage.---LEISTUNGDer AMD Ryzen 5 7640HS arbeitet mit 6 Kernen und 12 Threads der Zen-4-Architektur bei bis zu 5,0 GHz Turbotakt. Die 4-nm-Fertigung hält den TDP-Bereich bei 35 bis 54 Watt. 16 GB DDR5-5600 im Dual-Channel-Modus bilden die Standardkonfiguration; optional sind 32 GB verfügbar, aufrüstbar auf maximal 64 GB über zwei SO-DIMM-Slots. Die NVMe-SSD mit PCIe 4.0 ×4 startet bei 512 GB, eine 1-TB-Variante ist erhältlich. Ein zweiter M.2-Slot erlaubt den Ausbau auf 8 TB. Die integrierte Radeon 760M mit 8 Compute Units (RDNA 3, 2600 MHz) übernimmt Grafikausgabe, AV1-Beschleunigung und leichtes Gaming.ANSCHLÜSSE & KONNEKTIVITÄTEin USB-C-4.0-Port mit 20 Gbps dient gleichzeitig als Videoausgang (4K@144Hz / 8

MINI-PC MIT AMD RYZEN AI 9 HX 370 UND OCULINK FÜR EXTERNE GRAFIKKARTENDer Bosgame M6 verbindet den AMD Ryzen AI 9 HX 370 (Strix Point, Zen 5, 12 Kerne, 24 Threads) mit einem OCuLink-Anschluss für externe Grafikkarten. 80 TOPS KI-Gesamtleistung, eine 50-TOPS-NPU und Dual 2.5G LAN machen den M6 zur vielseitigsten Plattform im kompakten Formfaktor.---LEISTUNGDer AMD Ryzen AI 9 HX 370 taktet mit bis zu 5,1 GHz auf 12 Kernen (4× Zen 5, 8× Zen 5c) und 24 Threads. Im Benchmark erreicht der Prozessor ca. 4000 Punkte im Single-Core und ca. 35100 im Multi-Core. Die integrierte Radeon 890M (RDNA 3.5, 16 Compute Units, 2900 MHz) übernimmt Grafikaufgaben ohne externe GPU; über den OCuLink-Port (PCIe 4.0 ×4) lässt sich bei Bedarf eine dedizierte Grafikkarte anbinden.32 GB DDR5-5600 im Dual-Channel-Modus (2 × 16 GB SO-DIMM) liegen vor, aufrüstbar auf max. 96 GB. Die 1 TB NVMe-SSD (PCIe 4.0 ×4, M.2 2280) wird durch zwei weitere M.2-Slots (PCIe 4.0 ×2) ergänzt; insgesamt sind bis zu 12 TB Speicher möglich.ANSCHLÜSSE & KONNEKTIVITÄTVier USB

MINI-PC MIT INTEL CORE ULTRA 9 285H UND OCULINK + THUNDERBOLT 4Der Bosgame M7 kombiniert den Intel Core Ultra 9 285H (Arrow Lake-H, 3 nm) mit der Intel Arc Xe2 iGPU, OCuLink-Anschluss für externe Grafikkarten und Thunderbolt 4 für professionelles Docking. 99 TOPS KI-Leistung, Dual 2,5G LAN und vier gleichzeitige Monitorausgänge machen ihn zur leistungsstärksten Mini-PC-Plattform im Bosgame-Portfolio.---LEISTUNGDer Core Ultra 9 285H bringt 16 Kerne (6 Performance + 10 Efficiency) bei bis zu 5,4 GHz Boost und erreicht ca. 4500 Punkte im Single-Core und rund 34400 im Multi-Core. Die 45–115-W-TDP erlaubt echtes Workstation-Throttling. Die Intel Arc Xe2 iGPU (8 Xe-Cores, 2200 MHz) unterstützt DirectX 12 Ultimate, Hardware-Raytracing und AV1-Encode/Decode. Der Arbeitsspeicher startet mit 32 GB DDR5-5600 Dual Channel (2× SO-DIMM) und ist auf bis zu 128 GB aufrüstbar. Ein primärer M.2-Steckplatz (PCIe 4.0 ×4) und zwei Zusatz-Steckplätze (PCIe 4.0 ×2) nehmen NVMe-SSDs auf, ab Werk 1 TB verbaut, maximal 12 TB Gesamtkapazität.ANSCHLÜSSE

Artikelbeschreibung: Farbe : Weiß - Kabel Länge ca. 1M - Anschluss A : USB Typ-C Stecker - Anschluss B : USB Typ-C Stecker - Strom: 60W (Schnelllade)

✅ CE & ROHS zertifiziert ✅ SICHERHEITSSCHUTZ: Überspannungsschutz, Überhitzungsschutz, Kurzschlussschutz, Überladungsschutz, Multi-Sicherheitsschutzdesign für eine sicherere Verwendung. ✅ Externe Stromversorgung 230 V AC-DC – Eingang 100 ~ 240 V AC, 50 – 60 Hz ✅ Kabellänge: 120 cm ⚡ Marke: Top-Ladegerät

Artikelbeschreibung: Farbe : Schwarz - Kabel Länge ca. 1M - Anschluss A : USB Typ-C Stecker - Anschluss B : USB Typ-C Stecker - Kompatibilität: Geräte mit Typ-C-Anschluss (z.B. Laptop, Handy, Smartphone mobile Geräte…)

Artikelbeschreibung: Farbe : Schwarz - Kabel Länge ca. 1M - Anschluss A : USB Typ-C Stecker - Anschluss B : USB Typ-C Stecker - Kompatibilität: Geräte mit Typ-C-Anschluss (z.B. Laptop, Handy, Smartphone mobile Geräte…)

Artikelbeschreibung: Farbe : Weiß - Kabel Länge ca. 1M - Anschluss A : USB Typ-C Stecker - Anschluss B : USB Typ-C Stecker - Strom: 60W (Schnelllade)

【Desktop-Leistung im kompakten Design】Angetrieben vom AMD Ryzen 5 7640HS Prozessor (6 Kerne, 12 Threads, bis zu 5,0GHz) mit Radeon 760M Grafik bietet dieser Mini PC außergewöhnliche Leistung für anspruchsvolles AAA-Gaming, nahtlose 4K-Videobearbeitung, flüssiges 3D-Rendering und stabiles Live-Streaming. Multitasking zwischen intensiven Workloads wie CAD-Modellierung und Code-Kompilierung gelingt mühelos. 【Hochgeschwindigkeits-Multitasking und großer Speicher】Ausgestattet mit 16GB Dual-Channel DDR5 RAM mit 4800MHz und einer schnellen 512GB PCIe 3.0 SSD bewältigt dieser Mini Computer datenintensive Workflows problemlos. Führen Sie virtuelle Maschinen aus, bearbeiten Sie hochauflösendes Videomaterial oder laden Sie große Spielressourcen sofort – ideal für Entwickler, Content Creator und Power-User. 【Vielseitige Konnektivität und flexible Anzeige】Erweitern Sie Ihren Arbeitsbereich mit Unterstützung für Dual-4K-Displays über HDMI 2.0 und DisplayPort sowie einem zukunftssicheren USB4.0-Anschluss mit 8K-Ausgabe. Perfekt für Multi-Monitor-Setups im Trading, in der Videoproduktion oder im Projektmanagement. Der USB4.0-Port unterstützt zudem externe GPUs (eGPU) für KI-Anwendungen oder schnelle Datenübertragungen mit NVMe-Speicherlösungen. 【Fortschrittliche Netzwerktechnologie】Ausgestattet mit Dual 2.5 Gigabit Ethernet (Unterstützung für 5Gbps Aggregation), ultraschnellem Wi-Fi 6E (bis zu 9,6Gbps im 6GHz-Band) und verbessertem Bluetooth 5.2 (4-fache Reichweite im Vergleich zu BT4.2). Genießen Sie verzögerungsfreies Gaming, unterbrechungsfreies 4K-Streaming und stabile Verbindungen zu allen Geräten. 【Zuverlässiger Support】Ihr Kauf ist durch eine umfassende 1-jährige eingeschränkte Garantie von BOSGAME geschützt. Unterstützt durch ein professionelles Support-Team können Sie mit Vertrauen kaufen, da jederzeit Hilfe verfügbar ist.

➡️【KI-Leistung & neue Generation】Intel Ultra 7 358H Prozessor + Arc Grafikkarte Entwickelt für anspruchsvolle Designer, Entwickler und Profis: 4K-Videobearbeitung, 3D-Rendering, KI-Modelltraining, Softwareentwicklung und intensives Multitasking. Dieser Mini-PC vereint Leistung und flüssig, damit Sie Ihre Kreativität nie verlangsamen, egal ob für den professionellen oder privaten Gebrauch. ➡️【64 GB Ultra-Speed-Speicher & SSD NVMe-Speicher】Maximale Geschwindigkeit im Alltag. Genießen Sie Hochleistungs-Speicher und schnellen SSD-Speicher, um Ihre Software, Spiele und große Dateien im Handumdrehen zu starten. Ideal für Videobearbeitung, 3D-Modellierung, Datenbanken oder mehrere Anwendungen, die gleichzeitig ohne Latenz geöffnet werden. ➡️【WLAN 7 neueste Generation & Dual Ethernet-Ports】Stabile Verbindung, schnell und zuverlässig. Egal, ob Sie bei Telearbeit, Videokonferenzen, 4K/8K-Streaming sind oder einen persönlichen Server/NAS zu Hause verwalten, dieser Mini-PC garantiert Ihnen eine stabile und schnelle, kabelgebundene oder kabellose Netzwerkverbindung, damit Sie nie unterbrochen werden. ➡️【Konfiguration mit mehreren Bildschirmen bis zu 8K】 Unbegrenzte Produktivität und Unterhaltung. Verbinden Sie mehrere Displays gleichzeitig über HDMI, DisplayPort oder Thunderbolt für ein immersives Arbeitserlebnis oder einen Unterhaltungsraum, der eines professionellen Studios würdig ist. Perfekt für Handel, Grafikdesign, Videobearbeitung oder Multi-Fenster-Gaming. ➡️【Kompaktes Design, leise & Multi-OS】Ein Mini-PC, der sich an Ihr Leben anpasst, mit einem reaktionsschnellen After-Sales-Service, diskret, energiesparend und leise, dieser Mini-PC findet seinen Platz sowohl in einem Wohnzimmer, einem Büro als auch im Coworking-Bereich. Unser Kundensupport-Team steht Ihnen bei Fragen vor und nach dem Kauf zur Verfügung, um Ihnen eine ruhige und sorgenfreie Erfahrung zu garantieren.

Produktbeschreibung Hochwertiges USB A auf USB C Kabel zum Laden und zur Datenübertragung für Smartphones, Tablets, Laptops und andere Geräte mit USB C Anschluss. Artikel: kompatibles Zubehör, kein Originalprodukt eines Geräteherstellers Kabellänge: ca. 1 Meter Technische Eigenschaften: USB Type A Stecker auf USB Type C Stecker Geeignet zum schnellen Laden kompatibler Geräte Unterstützt Datenübertragung zwischen Geräten USB-A 3.2 auf USB Type-C Kabel 10Gbps Datenkabel Ladekabel Lieferumfang: 1x USB-Kabel kompatibel mit Tablet, Smartphone und weiteren Geräten (siehe Bild). Weitere Informationen: Nach dem Kauf erhalten Sie eine mit ausgewiesener im PDF Format per .

Leistungskern - Ein Knopfdruck, und der Ryzen 3 5400U (4 Kerne / 8 Threads, bis zu 4,0 GHz) ist in Sekunden einsatzbereit. Ob Sie umfangreiche Dokumentberichte bearbeiten, Daten in Tabellen analysieren oder im Meetingraum eine Präsentation aufrufen – alles läuft flüssig und ruckelfrei. Im Homeoffice oder am Schreibtisch im Büro: Ihr zuverlässiger Arbeitspartner, egal wo Sie arbeiten. Flüssig & effizient - 8 GB DDR4-RAM und 256 GB SSD: Hochfahren in unter zehn Sekunden, Programme öffnen ohne Verzögerung. Große Kundendateien sind im Nu übertragen. Verträge bearbeiten, parallel recherchieren – Multitasking unter Windows 11 Pro fühlt sich mühelos an. Perfekt für Bürodokumente, Media-Speicher und alltägliche Rechenaufgaben. Triple-Screen-Workflow - HDMI für den Hauptmonitor mit Berichten, DP für den Hochformat-Bildschirm mit Dokumenten, USB-C für die große Präsentationsfläche – drei 4K@60Hz-Displays gleichzeitig verwandeln Ihren Schreibtisch in eine Kommandozentrale. Die integrierte Radeon-Grafik (bis zu 1.600 MHz) treibt alle drei Bildschirme zuverlässig an, während Sie Videokonferenzen führen, recherchieren und mitschreiben. (Für 4K auf drei Bildschirmen müssen Monitore und Kabel 4K-Ausgabe unterstützen.) Stets verbunden - Zwei Gigabit-RJ45-Ports für Videokonferenzen in Leitungsqualität; ziehen Sie das Kabel ab, übernimmt Dual-Band Wi‑Fi 5 nahtlos. Bluetooth 5.0 verbindet Maus, Tastatur und Headset im Handumdrehen – der Arbeitsplatz bleibt aufgeräumt. Zuhause am NAS, im Büro im Remote-Meeting: niedrige Latenz, stabile Verbindung – ideal für Produktivität und Heimunterhaltung. Volle Anschlussvielfalt - Kompaktes Gehäuse, durchdachte Ausstattung: 2× USB 3.2 Gen2 (10 Gbit/s) für schnelle Laufwerke, 2× USB 2.0 für Maus und Drucker, USB-C Full-Feature für Monitor und Strom – plus 2× LAN, HDMI 2.0 und DP. Peripherieprobleme? Fehlanzeige. Ein Jahr Garantie mit technischem Support: Bei Fragen sind wir jederzeit für Sie da.

Ryzen 5000 Serie 5300U – Dieser Mini-PC wird vom Ryzen 3 5300U-Prozessor (4 Kerne/8 Threads, bis zu 3,8 GHz) angetrieben, der Office-Dokumente und PPT-Präsentationen bei Konferenzen mühelos mit flüssiger und verzögerungsfreier Leistung verarbeitet. Ob zu Hause oder im Büro – er ist Ihr perfekter Begleiter bei der Arbeit. 16 GB DDR4-RAM + 512 GB SSD – Ausgestattet mit 16 GB DDR4-Arbeitsspeicher und einer 512 GB SSD sorgt dieser Mini-Desktop-PC mit Windows 11 Pro für einen schnellen Start von Anwendungen und effizientes Multitasking. Die SSD beschleunigt zudem die Dateiübertragung und eignet sich somit ideal für die Bearbeitung von Office-Dokumenten, die Speicherung von Medien und alltägliche Computeraufgaben. Unterstützung für drei 4K-Displays und Radeon-Grafikleistung – Um Ihre Arbeitseffizienz zu steigern, unterstützt dieser Ryzen-Mini-PC die Ausgabe auf drei Displays. Er verfügt über einen HDMI-2.0-Anschluss, einen DP-Anschluss und einen USB-Typ-C-Anschluss, die alle eine 4K-Ausgabe bei 60 Hz unterstützen. (Hinweis: Um auf allen drei Bildschirmen eine 4K-Auflösung zu erreichen, müssen auch Ihre Monitore und Kabel die Anforderungen für die 4K-Ausgabe erfüllen.) Ausgestattet mit einer Radeon-Grafikkarte mit einer maximalen Grafikfrequenz von 1500 MHz liefert er zuverlässige Leistung für Büroanwendungen, 4K-Videostreaming und Multitasking. Zwei RJ45-Anschlüsse, Wi-Fi 5 und Bluetooth 5.0 – Ausgestattet mit zwei Gigabit-Ethernet-Anschlüssen, Dualband-Wi-Fi 5 und Bluetooth 5.0. Bluetooth 5.0 ermöglicht eine schnelle drahtlose Verbindung zu Ihren Geräten, während die beiden RJ45-Anschlüsse eine Online-Zusammenarbeit mit geringer Latenz gewährleisten – ideal für die Produktivität im Büro und für Home-Entertainment. Umfangreiche Anschlussmöglichkeiten und zuverlässiger Service – Dieser Ryzen-Mini-PC ist mit 2 × USB 3.2 Typ A (Gen 2, 10 Gbit/s), 2 × USB 2.0 Typ A (480 Mbit/s), 1 × voll funktionsfähigem USB Typ C, 2 × LAN, 1 × HDMI 2.0 und 1 × DP ausgestattet. Außerdem erhalten Sie ab Kaufdatum eine einjährige Garantie sowie technischen Support. Bei Fragen können Sie sich jederzeit gerne an uns wenden.

Produktbeschreibung Hochwertiges USB A auf USB C Kabel zum Laden und zur Datenübertragung für Smartphones, Tablets, Laptops und andere Geräte mit USB C Anschluss. Artikel: kompatibles Zubehör, kein Originalprodukt eines Geräteherstellers Kabellänge: ca. 1 Meter Technische Eigenschaften: USB Type A Stecker auf USB Type C Stecker Geeignet zum schnellen Laden kompatibler Geräte Unterstützt Datenübertragung zwischen Geräten USB-A 3.2 auf USB Type-C Kabel 10Gbps Datenkabel Ladekabel Lieferumfang: 1x USB-Kabel kompatibel mit Tablet, Smartphone und weiteren Geräten (siehe Bild). Weitere Informationen: Nach dem Kauf erhalten Sie eine mit ausgewiesener im PDF Format per .

Ryzen 5000 Serie 5300U – Dieser Mini-PC wird vom Ryzen 3 5300U-Prozessor (4 Kerne/8 Threads, bis zu 3,8 GHz) angetrieben, der Office-Dokumente und PPT-Präsentationen bei Konferenzen mühelos mit flüssiger und verzögerungsfreier Leistung verarbeitet. Ob zu Hause oder im Büro – er ist Ihr perfekter Begleiter bei der Arbeit. 8 GB DDR4-RAM + 256 GB SSD – Ausgestattet mit 8 GB DDR4-Arbeitsspeicher und einer 256 GB SSD sorgt dieser Mini-Desktop-PC mit Windows 11 Pro für einen schnellen Start von Anwendungen und effizientes Multitasking. Die SSD beschleunigt zudem die Dateiübertragung und eignet sich somit ideal für die Bearbeitung von Office-Dokumenten, die Speicherung von Medien und alltägliche Computeraufgaben. Unterstützung für drei 4K-Displays und Radeon-Grafikleistung – Um Ihre Arbeitseffizienz zu steigern, unterstützt dieser Ryzen-Mini-PC die Ausgabe auf drei Displays. Er verfügt über einen HDMI-2.0-Anschluss, einen DP-Anschluss und einen USB-Typ-C-Anschluss, die alle eine 4K-Ausgabe bei 60 Hz unterstützen. (Hinweis: Um auf allen drei Bildschirmen eine 4K-Auflösung zu erreichen, müssen auch Ihre Monitore und Kabel die Anforderungen für die 4K-Ausgabe erfüllen.) Ausgestattet mit einer Radeon-Grafikkarte mit einer maximalen Grafikfrequenz von 1500 MHz liefert er zuverlässige Leistung für Büroanwendungen, 4K-Videostreaming und Multitasking. Zwei RJ45-Anschlüsse, Wi-Fi 5 und Bluetooth 5.0 – Ausgestattet mit zwei Gigabit-Ethernet-Anschlüssen, Dualband-Wi-Fi 5 und Bluetooth 5.0. Bluetooth 5.0 ermöglicht eine schnelle drahtlose Verbindung zu Ihren Geräten, während die beiden RJ45-Anschlüsse eine Online-Zusammenarbeit mit geringer Latenz gewährleisten – ideal für die Produktivität im Büro und für Home-Entertainment. Umfangreiche Anschlussmöglichkeiten und zuverlässiger Service – Dieser Ryzen-Mini-PC ist mit 2 × USB 3.2 Typ A (Gen 2, 10 Gbit/s), 2 × USB 2.0 Typ A (480 Mbit/s), 1 × voll funktionsfähigem USB Typ C, 2 × LAN, 1 × HDMI 2.0 und 1 × DP ausgestattet. Außerdem erhalten Sie ab Kaufdatum eine einjährige Garantie sowie technischen Support. Bei Fragen können Sie sich jederzeit gerne an uns wenden.