Nab\u00eddka Slu\u017eeb | Bimmer-Tech<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root {\n --bg-dark: #020617;\n --text-main: #ffffff;\n --text-muted: #94a3b8;\n --accent-glow: rgba(56, 189, 248, 0.6); \n }\n\n body { \n margin: 0; padding: 0; \n font-family: 'Plus Jakarta Sans', sans-serif; \n background-color: var(--bg-dark); \n color: var(--text-main);\n overflow-x: hidden;\n }\n\n \/* --- POZAD\u00cd --- *\/\n .hub-section {\n padding: 100px 20px;\n min-height: 100vh;\n position: relative;\n background: var(--bg-dark);\n overflow: hidden;\n }\n\n .hub-bg-fx {\n position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;\n background: radial-gradient(circle at center, rgba(56, 189, 248, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 30%, rgba(168, 85, 247, 0.06) 0%, transparent 40%);\n animation: rotateBg 60s linear infinite;\n z-index: 0; pointer-events: none;\n }\n @keyframes rotateBg { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n\n .hub-container {\n max-width: 1280px; margin: 0 auto; position: relative; z-index: 2;\n }\n\n \/* --- HLAVI\u010cKA --- *\/\n .hub-header { text-align: center; margin-bottom: 80px; }\n \n .hub-title {\n font-size: 3.5rem; \n font-weight: 800; \n margin: 0; \n line-height: 1.1; \n color: #ffffff;\n text-transform: uppercase;\n letter-spacing: -1px;\n text-shadow: 0 0 40px var(--accent-glow);\n }\n\n \/* --- GRID --- *\/\n .hub-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n }\n\n \/* --- KARTA (DESKTOP LOGIKA) --- *\/\n .hub-card {\n --card-accent: #38bdf8; \n\n position: relative;\n height: 220px; \/* V\u00fdchoz\u00ed v\u00fd\u0161ka pro desktop *\/\n border-radius: 24px;\n text-decoration: none !important;\n background: rgba(15, 23, 42, 0.4);\n border: 1px solid rgba(255, 255, 255, 0.08);\n overflow: hidden;\n transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); \n backdrop-filter: blur(5px);\n padding: 30px;\n display: flex; flex-direction: column;\n }\n\n \/* Desktop Hover: Rozbalen\u00ed *\/\n @media (min-width: 1025px) {\n .hub-card:hover {\n height: 340px; \n border-color: var(--card-accent);\n box-shadow: 0 20px 60px -15px color-mix(in srgb, var(--card-accent) 40%, transparent);\n background: rgba(15, 23, 42, 0.8);\n }\n }\n\n \/* OBR\u00c1ZEK POZAD\u00cd *\/\n .card-bg-Wrapper {\n position: absolute; inset: 0; z-index: 0; overflow: hidden;\n }\n .card-bg-img {\n width: 100%; height: 100%; object-fit: cover;\n opacity: 0.45;\n filter: grayscale(30%) contrast(1.1) blur(1px);\n transition: transform 8s ease, opacity 0.5s ease, filter 0.5s ease;\n }\n \n .hub-card:hover .card-bg-img {\n transform: scale(1.15); \n opacity: 0.75;\n filter: grayscale(0%) contrast(1.2) blur(0px);\n }\n \n .card-bg-Wrapper::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(to bottom, rgba(2,6,23,0.2) 0%, rgba(2,6,23,0.95) 85%);\n }\n\n \/* OBSAH KARTY *\/\n .card-content-wrapper {\n position: relative; z-index: 2;\n height: 100%; display: flex; flex-direction: column;\n }\n\n .card-top-fixed { margin-bottom: auto; }\n\n \/* Popis se skr\u00fdv\u00e1 jen na desktopu *\/\n .card-bottom-reveal {\n transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n @media (min-width: 1025px) {\n .card-bottom-reveal {\n opacity: 0; transform: translateY(40px);\n transition-delay: 0.1s; \n }\n .hub-card:hover .card-bottom-reveal {\n opacity: 1; transform: translateY(0);\n }\n }\n\n \/* IKONA *\/\n .icon-box {\n width: 50px; height: 50px;\n display: flex; align-items: center;\n font-size: 2rem; color: var(--card-accent);\n margin-bottom: 20px; transition: 0.4s;\n filter: drop-shadow(0 0 5px var(--card-accent));\n }\n .hub-card:hover .icon-box {\n filter: drop-shadow(0 0 15px var(--card-accent));\n transform: scale(1.1);\n }\n\n .card-label {\n font-size: 0.7rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;\n color: var(--card-accent); margin-bottom: 8px; display: block; opacity: 1;\n text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n }\n\n .card-title {\n font-size: 1.6rem; color: #fff; margin: 0; font-weight: 800; line-height: 1.2;\n text-shadow: 0 2px 20px rgba(0,0,0,0.8);\n text-transform: uppercase;\n }\n\n .card-desc {\n font-size: 1rem; color: #e2e8f0; margin: 20px 0 0 0; line-height: 1.6;\n text-shadow: 0 2px 10px rgba(0,0,0,1);\n }\n\n .card-arrow {\n margin-top: 25px; display: flex; align-items: center; gap: 10px;\n font-size: 0.9rem; font-weight: 700; text-transform: uppercase;\n color: var(--card-accent);\n text-shadow: 0 2px 10px rgba(0,0,0,0.8);\n }\n .card-arrow i { transition: 0.3s; }\n .hub-card:hover .card-arrow i { transform: translateX(8px); }\n\n\n \/* --- BAREVN\u00c9 VARIANTY --- *\/\n .accent-gold { --card-accent: #fbbd23; }\n .accent-blue { --card-accent: #38bdf8; }\n .accent-teal { --card-accent: #2dd4bf; }\n .accent-red { --card-accent: #f87171; }\n .accent-purple { --card-accent: #a855f7; }\n .accent-cyan { --card-accent: #06b6d4; }\n\n\n \/* ========================================= *\/\n \/* === RESPONZIVITA (MOBIL & TABLET) === *\/\n \/* ========================================= *\/\n\n @media (max-width: 1024px) {\n .hub-section { padding: 60px 20px; }\n .hub-title { font-size: 2.5rem; margin-bottom: 10px; }\n \n \/* Na tabletu 2 sloupce *\/\n .hub-grid { grid-template-columns: 1fr 1fr; gap: 20px; }\n \n \/* Karty jsou \"rozbalen\u00e9\" defaultn\u011b - \u017e\u00e1dn\u00fd hover efekt nutn\u00fd *\/\n .hub-card { \n height: auto; \n min-height: 300px; \/* Dost m\u00edsta pro text *\/\n }\n \n .card-bottom-reveal {\n opacity: 1 !important; \n transform: translateY(0) !important;\n margin-top: 15px;\n }\n \n \/* Pozad\u00ed v\u00edce viditeln\u00e9, proto\u017ee nen\u00ed hover *\/\n .card-bg-img { opacity: 0.6; filter: grayscale(10%); }\n }\n\n @media (max-width: 768px) {\n \/* Na mobilu 1 sloupec *\/\n .hub-grid { grid-template-columns: 1fr; gap: 25px; }\n \n .hub-card { \n min-height: auto; \/* P\u0159izp\u016fsob\u00ed se obsahu *\/\n padding: 25px;\n }\n \n .card-title { font-size: 1.4rem; }\n .icon-box { margin-bottom: 15px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<section class=\"hub-section\">\n <div class=\"hub-bg-fx\"><\/div>\n\n <div class=\"hub-container\">\n \n <div class=\"hub-header\">\n <h1 class=\"hub-title\">Nab\u00eddka Slu\u017eeb<\/h1>\n <\/div>\n\n <div class=\"hub-grid\">\n\n <a href=\"https:\/\/www.bimmer-tech.cz\/Kopie\/ecu-servis\/\" class=\"hub-card accent-blue\">\n <div class=\"card-bg-Wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.bimmer-tech.cz\/mystaging01\/wp-content\/uploads\/2026\/02\/ecu.png\" class=\"card-bg-img\" alt=\"ECU\">\n <\/div>\n <div class=\"card-content-wrapper\">\n <div class=\"card-top-fixed\">\n <div class=\"icon-box\"><i class=\"fa-solid fa-microchip\"><\/i><\/div>\n <span class=\"card-label\">Hardware Lab<\/span>\n <h3 class=\"card-title\">ECU<br>SERVIS<\/h3>\n <\/div>\n <div class=\"card-bottom-reveal\">\n <p class=\"card-desc\">Opravy \u0159\u00edd\u00edc\u00edch jednotek, klonov\u00e1n\u00ed dat a \u0159e\u0161en\u00ed hardwarov\u00fdch z\u00e1vad.<\/p>\n <div class=\"card-arrow\">Detail slu\u017eby <i class=\"fa-solid fa-arrow-right-long\"><\/i><\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.bimmer-tech.cz\/Kopie\/bmw-diagnostika-kodovani\/\" class=\"hub-card accent-teal\">\n <div class=\"card-bg-Wrapper\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551522435-a13afa10f103?q=80&w=2070&auto=format&fit=crop\" class=\"card-bg-img\" alt=\"Diagnostika\">\n <\/div>\n <div class=\"card-content-wrapper\">\n <div class=\"card-top-fixed\">\n <div class=\"icon-box\"><i class=\"fa-solid fa-laptop-medical\"><\/i><\/div>\n <span class=\"card-label\">Software<\/span>\n <h3 class=\"card-title\">BMW DIAGNOSTIKA<br>\/ K\u00d3DOV\u00c1N\u00cd<\/h3>\n <\/div>\n <div class=\"card-bottom-reveal\">\n <p class=\"card-desc\">Profesion\u00e1ln\u00ed diagnostika, aktualizace softwaru a k\u00f3dov\u00e1n\u00ed v\u00fdbavy.<\/p>\n <div class=\"card-arrow\">Zobrazit mo\u017enosti <i class=\"fa-solid fa-arrow-right-long\"><\/i><\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.bimmer-tech.cz\/Kopie\/profesionalni-chiptuning\/\" class=\"hub-card accent-red\">\n <div class=\"card-bg-Wrapper\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486262715619-67b85e0b08d3?q=80&w=2072&auto=format&fit=crop\" class=\"card-bg-img\" alt=\"Tuning\">\n <\/div>\n <div class=\"card-content-wrapper\">\n <div class=\"card-top-fixed\">\n <div class=\"icon-box\"><i class=\"fa-solid fa-gauge-high\"><\/i><\/div>\n <span class=\"card-label\">Performance<\/span>\n <h3 class=\"card-title\">PROFESION\u00c1LN\u00cd<br>CHIPTUNING<\/h3>\n <\/div>\n <div class=\"card-bottom-reveal\">\n <p class=\"card-desc\">Zv\u00fd\u0161en\u00ed v\u00fdkonu, \u00faprava map, V-MAX a ekosyst\u00e9my motoru.<\/p>\n <div class=\"card-arrow\">P\u0159ej\u00edt na tuning <i class=\"fa-solid fa-arrow-right-long\"><\/i><\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.bimmer-tech.cz\/Kopie\/programovani-pameti\/\" class=\"hub-card accent-purple\">\n <div class=\"card-bg-Wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.bimmer-tech.cz\/mystaging01\/wp-content\/uploads\/2026\/02\/jednotka.png\" class=\"card-bg-img\" alt=\"Programov\u00e1n\u00ed\">\n <\/div>\n <div class=\"card-content-wrapper\">\n <div class=\"card-top-fixed\">\n <div class=\"icon-box\"><i class=\"fa-solid fa-memory\"><\/i><\/div>\n <span class=\"card-label\">Deep Tech<\/span>\n <h3 class=\"card-title\">PROGRAMOV\u00c1N\u00cd<br>PAM\u011aT\u00cd<\/h3>\n <\/div>\n <div class=\"card-bottom-reveal\">\n <p class=\"card-desc\">Pr\u00e1ce s EEPROM\/FLASH, opravy bud\u00edk\u016f a imobiliz\u00e9ry.<\/p>\n <div class=\"card-arrow\">V\u00edce o pam\u011btech <i class=\"fa-solid fa-arrow-right-long\"><\/i><\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.bimmer-tech.cz\/Kopie\/poradenstvi-a-it-sluzby\/\" class=\"hub-card accent-cyan\">\n <div class=\"card-bg-Wrapper\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?q=80&w=2070&auto=format&fit=crop\" class=\"card-bg-img\" alt=\"IT Services\">\n <\/div>\n <div class=\"card-content-wrapper\">\n <div class=\"card-top-fixed\">\n <div class=\"icon-box\"><i class=\"fa-solid fa-network-wired\"><\/i><\/div>\n <span class=\"card-label\">Consulting<\/span>\n <h3 class=\"card-title\">PORADENSTV\u00cd<br>& IT SLU\u017dBY<\/h3>\n <\/div>\n <div class=\"card-bottom-reveal\">\n <p class=\"card-desc\">Konzultace, instalace software a technick\u00e1 podpora.<\/p>\n <div class=\"card-arrow\">IT podpora <i class=\"fa-solid fa-arrow-right-long\"><\/i><\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.bimmer-tech.cz\/Kopie\/spoluprace\/\" class=\"hub-card accent-gold\">\n <div class=\"card-bg-Wrapper\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32e7?q=80&w=2032&auto=format&fit=crop\" class=\"card-bg-img\" alt=\"B2B Partnership\">\n <\/div>\n <div class=\"card-content-wrapper\">\n <div class=\"card-top-fixed\">\n <div class=\"icon-box\"><i class=\"fa-solid fa-handshake\"><\/i><\/div>\n <span class=\"card-label\">PRO SERVISY<\/span>\n <h3 class=\"card-title\">PARTNERSTV\u00cd<br>PRO SERVISY<\/h3>\n <\/div>\n <div class=\"card-bottom-reveal\">\n <p class=\"card-desc\">Kompletn\u00ed podpora pro autoservisy, vzd\u00e1len\u00e1 diagnostika a velkoobchodn\u00ed spolupr\u00e1ce.<\/p>\n <div class=\"card-arrow\">V\u00edce informac\u00ed <i class=\"fa-solid fa-arrow-right-long\"><\/i><\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n if (window.matchMedia(\"(min-width: 1025px)\").matches) {\n const cards = document.querySelectorAll(\".hub-card\");\n document.querySelector(\".hub-grid\").onmousemove = e => {\n for(const card of cards) {\n const rect = card.getBoundingClientRect(),\n x = e.clientX - rect.left,\n y = e.clientY - rect.top;\n card.style.setProperty(\"--mouse-x\", `${x}px`);\n card.style.setProperty(\"--mouse-y\", `${y}px`);\n }\n }\n }\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nab\u00eddka Slu\u017eeb | Bimmer-Tech Nab\u00eddka Slu\u017eeb Hardware Lab ECUSERVIS Opravy \u0159\u00edd\u00edc\u00edch jednotek, klonov\u00e1n\u00ed dat a \u0159e\u0161en\u00ed hardwarov\u00fdch z\u00e1vad. Detail slu\u017eby […]<\/p>\n","protected":false},"author":6120,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1565","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bimmer-tech.cz\/Kopie\/wp-json\/wp\/v2\/pages\/1565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bimmer-tech.cz\/Kopie\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bimmer-tech.cz\/Kopie\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bimmer-tech.cz\/Kopie\/wp-json\/wp\/v2\/users\/6120"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bimmer-tech.cz\/Kopie\/wp-json\/wp\/v2\/comments?post=1565"}],"version-history":[{"count":13,"href":"https:\/\/www.bimmer-tech.cz\/Kopie\/wp-json\/wp\/v2\/pages\/1565\/revisions"}],"predecessor-version":[{"id":1708,"href":"https:\/\/www.bimmer-tech.cz\/Kopie\/wp-json\/wp\/v2\/pages\/1565\/revisions\/1708"}],"wp:attachment":[{"href":"https:\/\/www.bimmer-tech.cz\/Kopie\/wp-json\/wp\/v2\/media?parent=1565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Nab\u00eddka Slu\u017eeb | Bimmer-Tech<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root {\n --bg-dark: #020617;\n --text-main: #ffffff;\n --text-muted: #94a3b8;\n --accent-glow: rgba(56, 189, 248, 0.6); \n }\n\n body { \n margin: 0; padding: 0; \n font-family: 'Plus Jakarta Sans', sans-serif; \n background-color: var(--bg-dark); \n color: var(--text-main);\n overflow-x: hidden;\n }\n\n \/* --- POZAD\u00cd --- *\/\n .hub-section {\n padding: 100px 20px;\n min-height: 100vh;\n position: relative;\n background: var(--bg-dark);\n overflow: hidden;\n }\n\n .hub-bg-fx {\n position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;\n background: radial-gradient(circle at center, rgba(56, 189, 248, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 30%, rgba(168, 85, 247, 0.06) 0%, transparent 40%);\n animation: rotateBg 60s linear infinite;\n z-index: 0; pointer-events: none;\n }\n @keyframes rotateBg { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n\n .hub-container {\n max-width: 1280px; margin: 0 auto; position: relative; z-index: 2;\n }\n\n \/* --- HLAVI\u010cKA --- *\/\n .hub-header { text-align: center; margin-bottom: 80px; }\n \n .hub-title {\n font-size: 3.5rem; \n font-weight: 800; \n margin: 0; \n line-height: 1.1; \n color: #ffffff;\n text-transform: uppercase;\n letter-spacing: -1px;\n text-shadow: 0 0 40px var(--accent-glow);\n }\n\n \/* --- GRID --- *\/\n .hub-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n }\n\n \/* --- KARTA (DESKTOP LOGIKA) --- *\/\n .hub-card {\n --card-accent: #38bdf8; \n\n position: relative;\n height: 220px; \/* V\u00fdchoz\u00ed v\u00fd\u0161ka pro desktop *\/\n border-radius: 24px;\n text-decoration: none !important;\n background: rgba(15, 23, 42, 0.4);\n border: 1px solid rgba(255, 255, 255, 0.08);\n overflow: hidden;\n transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); \n backdrop-filter: blur(5px);\n padding: 30px;\n display: flex; flex-direction: column;\n }\n\n \/* Desktop Hover: Rozbalen\u00ed *\/\n @media (min-width: 1025px) {\n .hub-card:hover {\n height: 340px; \n border-color: var(--card-accent);\n box-shadow: 0 20px 60px -15px color-mix(in srgb, var(--card-accent) 40%, transparent);\n background: rgba(15, 23, 42, 0.8);\n }\n }\n\n \/* OBR\u00c1ZEK POZAD\u00cd *\/\n .card-bg-Wrapper {\n position: absolute; inset: 0; z-index: 0; overflow: hidden;\n }\n .card-bg-img {\n width: 100%; height: 100%; object-fit: cover;\n opacity: 0.45;\n filter: grayscale(30%) contrast(1.1) blur(1px);\n transition: transform 8s ease, opacity 0.5s ease, filter 0.5s ease;\n }\n \n .hub-card:hover .card-bg-img {\n transform: scale(1.15); \n opacity: 0.75;\n filter: grayscale(0%) contrast(1.2) blur(0px);\n }\n \n .card-bg-Wrapper::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(to bottom, rgba(2,6,23,0.2) 0%, rgba(2,6,23,0.95) 85%);\n }\n\n \/* OBSAH KARTY *\/\n .card-content-wrapper {\n position: relative; z-index: 2;\n height: 100%; display: flex; flex-direction: column;\n }\n\n .card-top-fixed { margin-bottom: auto; }\n\n \/* Popis se skr\u00fdv\u00e1 jen na desktopu *\/\n .card-bottom-reveal {\n transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n @media (min-width: 1025px) {\n .card-bottom-reveal {\n opacity: 0; transform: translateY(40px);\n transition-delay: 0.1s; \n }\n .hub-card:hover .card-bottom-reveal {\n opacity: 1; transform: translateY(0);\n }\n }\n\n \/* IKONA *\/\n .icon-box {\n width: 50px; height: 50px;\n display: flex; align-items: center;\n font-size: 2rem; color: var(--card-accent);\n margin-bottom: 20px; transition: 0.4s;\n filter: drop-shadow(0 0 5px var(--card-accent));\n }\n .hub-card:hover .icon-box {\n filter: drop-shadow(0 0 15px var(--card-accent));\n transform: scale(1.1);\n }\n\n .card-label {\n font-size: 0.7rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;\n color: var(--card-accent); margin-bottom: 8px; display: block; opacity: 1;\n text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n }\n\n .card-title {\n font-size: 1.6rem; color: #fff; margin: 0; font-weight: 800; line-height: 1.2;\n text-shadow: 0 2px 20px rgba(0,0,0,0.8);\n text-transform: uppercase;\n }\n\n .card-desc {\n font-size: 1rem; color: #e2e8f0; margin: 20px 0 0 0; line-height: 1.6;\n text-shadow: 0 2px 10px rgba(0,0,0,1);\n }\n\n .card-arrow {\n margin-top: 25px; display: flex; align-items: center; gap: 10px;\n font-size: 0.9rem; font-weight: 700; text-transform: uppercase;\n color: var(--card-accent);\n text-shadow: 0 2px 10px rgba(0,0,0,0.8);\n }\n .card-arrow i { transition: 0.3s; }\n .hub-card:hover .card-arrow i { transform: translateX(8px); }\n\n\n \/* --- BAREVN\u00c9 VARIANTY --- *\/\n .accent-gold { --card-accent: #fbbd23; }\n .accent-blue { --card-accent: #38bdf8; }\n .accent-teal { --card-accent: #2dd4bf; }\n .accent-red { --card-accent: #f87171; }\n .accent-purple { --card-accent: #a855f7; }\n .accent-cyan { --card-accent: #06b6d4; }\n\n\n \/* ========================================= *\/\n \/* === RESPONZIVITA (MOBIL & TABLET) === *\/\n \/* ========================================= *\/\n\n @media (max-width: 1024px) {\n .hub-section { padding: 60px 20px; }\n .hub-title { font-size: 2.5rem; margin-bottom: 10px; }\n \n \/* Na tabletu 2 sloupce *\/\n .hub-grid { grid-template-columns: 1fr 1fr; gap: 20px; }\n \n \/* Karty jsou \"rozbalen\u00e9\" defaultn\u011b - \u017e\u00e1dn\u00fd hover efekt nutn\u00fd *\/\n .hub-card { \n height: auto; \n min-height: 300px; \/* Dost m\u00edsta pro text *\/\n }\n \n .card-bottom-reveal {\n opacity: 1 !important; \n transform: translateY(0) !important;\n margin-top: 15px;\n }\n \n \/* Pozad\u00ed v\u00edce viditeln\u00e9, proto\u017ee nen\u00ed hover *\/\n .card-bg-img { opacity: 0.6; filter: grayscale(10%); }\n }\n\n @media (max-width: 768px) {\n \/* Na mobilu 1 sloupec *\/\n .hub-grid { grid-template-columns: 1fr; gap: 25px; }\n \n .hub-card { \n min-height: auto; \/* P\u0159izp\u016fsob\u00ed se obsahu *\/\n padding: 25px;\n }\n \n .card-title { font-size: 1.4rem; }\n .icon-box { margin-bottom: 15px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<section class=\"hub-section\">\n <div class=\"hub-bg-fx\"><\/div>\n\n <div class=\"hub-container\">\n \n <div class=\"hub-header\">\n <h1 class=\"hub-title\">Nab\u00eddka Slu\u017eeb<\/h1>\n <\/div>\n\n <div class=\"hub-grid\">\n\n <a href=\"https:\/\/www.bimmer-tech.cz\/Kopie\/ecu-servis\/\" class=\"hub-card accent-blue\">\n <div class=\"card-bg-Wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.bimmer-tech.cz\/mystaging01\/wp-content\/uploads\/2026\/02\/ecu.png\" class=\"card-bg-img\" alt=\"ECU\">\n <\/div>\n <div class=\"card-content-wrapper\">\n <div class=\"card-top-fixed\">\n <div class=\"icon-box\"><i class=\"fa-solid fa-microchip\"><\/i><\/div>\n <span class=\"card-label\">Hardware Lab<\/span>\n <h3 class=\"card-title\">ECU<br>SERVIS<\/h3>\n <\/div>\n <div class=\"card-bottom-reveal\">\n <p class=\"card-desc\">Opravy \u0159\u00edd\u00edc\u00edch jednotek, klonov\u00e1n\u00ed dat a \u0159e\u0161en\u00ed hardwarov\u00fdch z\u00e1vad.<\/p>\n <div class=\"card-arrow\">Detail slu\u017eby <i class=\"fa-solid fa-arrow-right-long\"><\/i><\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.bimmer-tech.cz\/Kopie\/bmw-diagnostika-kodovani\/\" class=\"hub-card accent-teal\">\n <div class=\"card-bg-Wrapper\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551522435-a13afa10f103?q=80&w=2070&auto=format&fit=crop\" class=\"card-bg-img\" alt=\"Diagnostika\">\n <\/div>\n <div class=\"card-content-wrapper\">\n <div class=\"card-top-fixed\">\n <div class=\"icon-box\"><i class=\"fa-solid fa-laptop-medical\"><\/i><\/div>\n <span class=\"card-label\">Software<\/span>\n <h3 class=\"card-title\">BMW DIAGNOSTIKA<br>\/ K\u00d3DOV\u00c1N\u00cd<\/h3>\n <\/div>\n <div class=\"card-bottom-reveal\">\n <p class=\"card-desc\">Profesion\u00e1ln\u00ed diagnostika, aktualizace softwaru a k\u00f3dov\u00e1n\u00ed v\u00fdbavy.<\/p>\n <div class=\"card-arrow\">Zobrazit mo\u017enosti <i class=\"fa-solid fa-arrow-right-long\"><\/i><\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.bimmer-tech.cz\/Kopie\/profesionalni-chiptuning\/\" class=\"hub-card accent-red\">\n <div class=\"card-bg-Wrapper\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486262715619-67b85e0b08d3?q=80&w=2072&auto=format&fit=crop\" class=\"card-bg-img\" alt=\"Tuning\">\n <\/div>\n <div class=\"card-content-wrapper\">\n <div class=\"card-top-fixed\">\n <div class=\"icon-box\"><i class=\"fa-solid fa-gauge-high\"><\/i><\/div>\n <span class=\"card-label\">Performance<\/span>\n <h3 class=\"card-title\">PROFESION\u00c1LN\u00cd<br>CHIPTUNING<\/h3>\n <\/div>\n <div class=\"card-bottom-reveal\">\n <p class=\"card-desc\">Zv\u00fd\u0161en\u00ed v\u00fdkonu, \u00faprava map, V-MAX a ekosyst\u00e9my motoru.<\/p>\n <div class=\"card-arrow\">P\u0159ej\u00edt na tuning <i class=\"fa-solid fa-arrow-right-long\"><\/i><\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.bimmer-tech.cz\/Kopie\/programovani-pameti\/\" class=\"hub-card accent-purple\">\n <div class=\"card-bg-Wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.bimmer-tech.cz\/mystaging01\/wp-content\/uploads\/2026\/02\/jednotka.png\" class=\"card-bg-img\" alt=\"Programov\u00e1n\u00ed\">\n <\/div>\n <div class=\"card-content-wrapper\">\n <div class=\"card-top-fixed\">\n <div class=\"icon-box\"><i class=\"fa-solid fa-memory\"><\/i><\/div>\n <span class=\"card-label\">Deep Tech<\/span>\n <h3 class=\"card-title\">PROGRAMOV\u00c1N\u00cd<br>PAM\u011aT\u00cd<\/h3>\n <\/div>\n <div class=\"card-bottom-reveal\">\n <p class=\"card-desc\">Pr\u00e1ce s EEPROM\/FLASH, opravy bud\u00edk\u016f a imobiliz\u00e9ry.<\/p>\n <div class=\"card-arrow\">V\u00edce o pam\u011btech <i class=\"fa-solid fa-arrow-right-long\"><\/i><\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.bimmer-tech.cz\/Kopie\/poradenstvi-a-it-sluzby\/\" class=\"hub-card accent-cyan\">\n <div class=\"card-bg-Wrapper\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?q=80&w=2070&auto=format&fit=crop\" class=\"card-bg-img\" alt=\"IT Services\">\n <\/div>\n <div class=\"card-content-wrapper\">\n <div class=\"card-top-fixed\">\n <div class=\"icon-box\"><i class=\"fa-solid fa-network-wired\"><\/i><\/div>\n <span class=\"card-label\">Consulting<\/span>\n <h3 class=\"card-title\">PORADENSTV\u00cd<br>& IT SLU\u017dBY<\/h3>\n <\/div>\n <div class=\"card-bottom-reveal\">\n <p class=\"card-desc\">Konzultace, instalace software a technick\u00e1 podpora.<\/p>\n <div class=\"card-arrow\">IT podpora <i class=\"fa-solid fa-arrow-right-long\"><\/i><\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.bimmer-tech.cz\/Kopie\/spoluprace\/\" class=\"hub-card accent-gold\">\n <div class=\"card-bg-Wrapper\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32e7?q=80&w=2032&auto=format&fit=crop\" class=\"card-bg-img\" alt=\"B2B Partnership\">\n <\/div>\n <div class=\"card-content-wrapper\">\n <div class=\"card-top-fixed\">\n <div class=\"icon-box\"><i class=\"fa-solid fa-handshake\"><\/i><\/div>\n <span class=\"card-label\">PRO SERVISY<\/span>\n <h3 class=\"card-title\">PARTNERSTV\u00cd<br>PRO SERVISY<\/h3>\n <\/div>\n <div class=\"card-bottom-reveal\">\n <p class=\"card-desc\">Kompletn\u00ed podpora pro autoservisy, vzd\u00e1len\u00e1 diagnostika a velkoobchodn\u00ed spolupr\u00e1ce.<\/p>\n <div class=\"card-arrow\">V\u00edce informac\u00ed <i class=\"fa-solid fa-arrow-right-long\"><\/i><\/div>\n <\/div>\n <\/div>\n <\/a>\n\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n if (window.matchMedia(\"(min-width: 1025px)\").matches) {\n const cards = document.querySelectorAll(\".hub-card\");\n document.querySelector(\".hub-grid\").onmousemove = e => {\n for(const card of cards) {\n const rect = card.getBoundingClientRect(),\n x = e.clientX - rect.left,\n y = e.clientY - rect.top;\n card.style.setProperty(\"--mouse-x\", `${x}px`);\n card.style.setProperty(\"--mouse-y\", `${y}px`);\n }\n }\n }\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nab\u00eddka Slu\u017eeb | Bimmer-Tech Nab\u00eddka Slu\u017eeb Hardware Lab ECUSERVIS Opravy \u0159\u00edd\u00edc\u00edch jednotek, klonov\u00e1n\u00ed dat a \u0159e\u0161en\u00ed hardwarov\u00fdch z\u00e1vad. Detail slu\u017eby […]<\/p>\n","protected":false},"author":6120,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1565","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bimmer-tech.cz\/Kopie\/wp-json\/wp\/v2\/pages\/1565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bimmer-tech.cz\/Kopie\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bimmer-tech.cz\/Kopie\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bimmer-tech.cz\/Kopie\/wp-json\/wp\/v2\/users\/6120"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bimmer-tech.cz\/Kopie\/wp-json\/wp\/v2\/comments?post=1565"}],"version-history":[{"count":13,"href":"https:\/\/www.bimmer-tech.cz\/Kopie\/wp-json\/wp\/v2\/pages\/1565\/revisions"}],"predecessor-version":[{"id":1708,"href":"https:\/\/www.bimmer-tech.cz\/Kopie\/wp-json\/wp\/v2\/pages\/1565\/revisions\/1708"}],"wp:attachment":[{"href":"https:\/\/www.bimmer-tech.cz\/Kopie\/wp-json\/wp\/v2\/media?parent=1565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}