Společenská zodpovědnost

<!DOCTYPE html> <html lang="cs" class=""> <head>  <script> // Initialize the dataLayer array. window.dataLayer = window.dataLayer || []; // Define the gtag function for pushing arguments to dataLayer. function gtag() { dataLayer.push(arguments); } // Set the default consent configuration for various storage types. // Setting these to 'denied' means the user's consent is required. gtag('consent', 'default', { ad_storage: "denied", analytics_storage: "denied", functionality_storage: "denied", personalization_storage: "denied", security_storage: "denied", ad_user_data: "denied", ad_personalization: "denied", 'wait_for_update': 500 } ); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push( {'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-MV23FN23');</script>    <title>Společenská zodpovědnost</title> <meta http-equiv="X-UA-Compatible" content="IE=11"/> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0"/> <link rel="icon" href="/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/rbr-fav.ico" type="image/x-icon"/>   <link rel="apple-touch-icon" href="/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/apple-icon-144x144.png"/> <link rel="preload" href="https://www.kia.com/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/logo_kia_white-rbr.png" as="image"/> <link rel="preload" href="https://www.kia.com/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/logo_kia_black-rbr.png" as="image"/> <link rel="preconnect" href="https://releases.flowplayer.org"/> <link rel="alternate" href="https://www.kia.com/sk/o-nas/" hreflang="sk-SK"/> <link rel="alternate" href="https://www.kia.com/dk/om-kia/" hreflang="da-DK"/> <link rel="alternate" href="https://www.kia.com/cz/o-kia/partnerstvi/" hreflang="cs-CZ"/> <link rel="alternate" href="https://www.kia.com/gr/sxetika-me-ti-kia/" hreflang="el-GR"/> <link rel="alternate" href="https://www.kia.com/ie/about-kia/" hreflang="en-IE"/> <link rel="alternate" href="https://www.kia.com/is/um-kia/" hreflang="is-IS"/> <link rel="alternate" href="https://www.kia.com/mt/about-kia/" hreflang="mt-MT"/> <link rel="alternate" href="https://www.kia.com/lu/decouvrir-kia/" hreflang="fr-LU"/> <link rel="alternate" href="https://www.kia.com/fr/decouvrir-kia/" hreflang="fr-FR"/> <link rel="alternate" href="https://www.kia.com/de/ueber-kia/" hreflang="de-DE"/> <link rel="alternate" href="https://www.kia.com/pl/swiat-kia/" hreflang="pl-PL"/> <link rel="alternate" href="https://www.kia.com/hu/rolunk/" hreflang="hu-HU"/> <link rel="alternate" href="https://www.kia.com/at/ueber-kia/" hreflang="de-AT"/> <link rel="alternate" href="https://www.kia.com/it/tutto-su-kia/" hreflang="it-IT"/> <link rel="alternate" href="https://www.kia.com/nl/over-kia/" hreflang="nl-NL"/> <link rel="alternate" href="https://www.kia.com/no/om-kia/" hreflang="nn-NO"/> <link rel="alternate" href="https://www.kia.com/be/nl/ontdek-kia/" hreflang="nl-BE"/> <link rel="alternate" href="https://www.kia.com/be/fr/decouvrir-kia/" hreflang="fr-BE"/> <link rel="alternate" href="https://www.kia.com/fi/tietoa-kiasta/" hreflang="fi-FI"/> <link rel="alternate" href="https://www.kia.com/se/om-kia/" hreflang="sv-SE"/> <link rel="alternate" href="https://www.kia.com/es/todo-sobre-kia/" hreflang="es-ES"/>  <script id="onetrust_autoblock_script" type="text/javascript" src="https://cdn.cookielaw.org/consent/d7e65e73-9783-4337-b883-e9e29f3913a2/OtAutoBlock.js" async></script> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="d7e65e73-9783-4337-b883-e9e29f3913a2" async> </script> <script type="text/javascript" src="/ruxitagentjs_ICA2NVfqru_10257230921194352.js" data-dtconfig="rid=RID_-201379525|rpid=-689188637|domain=kia.com|reportUrl=/rb_c705f08c-e9df-492c-bd16-fbf35d1f9647|uam=1|app=2e0d640b429b66ae|coo=1|featureHash=ICA2NVfqru|srsr=0|vcv=2|rdnt=1|uxrgce=1|bp=3|cuc=u5wmqwhk|mel=100000|dpvc=1|ssv=4|lastModification=1732399687471|dtVersion=10257230921194352|tp=500,50,0,1|uxdcw=1500|agentUri=/ruxitagentjs_ICA2NVfqru_10257230921194352.js"></script><script type="text/javascript" class="cookieLocation_top" data-cookielocation="top"> function IEdetection() { var ua = window.navigator.userAgent; var msie = ua.indexOf('MSIE '); if (msie > 0) { // IE 10 or older, return version number return ('IE ' + parseInt(ua.substring( msie + 5, ua.indexOf('.', msie)), 10)); } var trident = ua.indexOf('Trident/'); if (trident > 0) { // IE 11, return version number var rv = ua.indexOf('rv:'); return ('IE ' + parseInt(ua.substring( rv + 3, ua.indexOf('.', rv)), 10)); } var edge = ua.indexOf('Edge/'); if (edge > 0) { //Edge (IE 12+), return version number return ('IE ' + parseInt(ua.substring( edge + 5, ua.indexOf('.', edge)), 10)); } // User uses other browser return ('Not IE'); } function OptanonWrapper() { var isNewBanner= false; if(isNewBanner ===true && !window.eut.COUNTRY == 'dk'){ var button = document.querySelector('#accept-recommended-btn-handler').cloneNode(true) button.style.display = 'inline-block'; var savePrefencesWrapper = document.querySelector('.save-preference-btn-container') var logo = document.querySelector('.pc-footer-logo') if (savePrefencesWrapper.querySelector('#accept-recommended-btn-handler') === null) { savePrefencesWrapper.appendChild(button) } } if ((document.referrer).indexOf('kia.com') == -1 && OptanonActiveGroups.indexOf(',2,') == -1) { sessionStorage.referrerUrl = document.referrer; sessionStorage.cmpId = location.search.concat("&").substring(location.search.concat("&").indexOf("cmpid")).split("&")[0].split("=")[1]; sessionStorage.pageName = $('meta[name=kia_metrics_pagename]').attr("content"); sessionStorage.pageUrl = location.href; } if (jQuery('.cookieLocation_top').length > 0) { if (jQuery('.optanon-alert-box-wrapper').css('display') == "block") { jQuery('#eut_header').animate({ 'margin-top': jQuery('.optanon-alert-box-wrapper').height() }, 500); } else { jQuery('#eut_header').animate({ 'margin-top': 0 }, 500); } } jQuery('.optanon-alert-box-close').click(function (e) { animateBar(); }); var checkCookieStatus, cookieSetCounter = 0; var acceptButtonList = ['.optanon-allow-all','#onetrust-accept-btn-handler'], acceptButtonElementList = []; acceptButtonList.forEach(function(element, i){ if(document.querySelector(element)){ acceptButtonElementList.push(element); } }); function cookieStatus() { cookieSetCounter++; if (cookieSetCounter > 12) { clearInterval(checkCookieStatus); eut.loading.close(); } else { if (OptanonActiveGroups.length > 3) { clearInterval(checkCookieStatus); window.location.reload(true); } } } var selectorForClickHandler = (acceptButtonElementList && acceptButtonElementList.length > 0)? function(){ return acceptButtonElementList.join(',')+",.optanon-white-button-middle"; }(): function(){ return ".optanon-white-button-middle"; }(); jQuery(selectorForClickHandler).off('click').on("click", function (e) { animateBar(); if (OptanonActiveGroups.length <= 3 && eut.COUNTRY == "de") { eut.loading.open(); jQuery('.eut_loading_dim').css('top', '0'); jQuery('.eut_loading_dim .loading').css('top', '30px'); checkCookieStatus = setInterval(cookieStatus, 300); } var satellite = window._satellite || { track: function () { } }; satellite.track('acceptcookies_btn'); }); jQuery('#accept-recommended-btn-handler,.save-preference-btn-handler').off('click').on("click", function (e) { var satellite = window._satellite || { track: function () { } }; satellite.track('acceptcookies_btn'); }); function animateBar() { if (jQuery('.cookieLocation_top').length > 0) { jQuery('.optanon-alert-box-wrapper').css('display', 'none'); jQuery('#eut_header').animate({ 'margin-top': 0 }, 500); } } if(isNewBanner ===true){ if(!getCookie("OptanonAlertBoxClosed")){ var banner = document.getElementById("onetrust-banner-sdk"); var prefpc = document.getElementById("onetrust-pc-sdk"); var filter = document.getElementsByClassName("onetrust-pc-dark-filter")[0]; // banner.style = "display: none;"; // prefpc.style = "display: block !important;"; // filter.style = "display: block !important;"; if (!document.all) { banner.setAttribute('style', 'display: none'); prefpc.setAttribute('style', 'display: block!important'); filter.setAttribute('style', 'display: block!important'); } else { banner.style = 'display: none;'; prefpc.style = 'display: block !important;'; filter.style = 'display: block !important;'; } } function getCookie(name) { var value = "; " + document.cookie; var parts = value.split("; " + name + "="); if (parts.length == 2) return parts.pop().split(";").shift(); } }else{ var browserResult = IEdetection(); if(browserResult && browserResult !== "Not IE"){ var checkExist = setInterval(function() { if (jQuery('.cookieLocation_top').length > 0 && jQuery('.optanon-alert-box-wrapper').css('display', 'block') ){ setTimeout(function(){ document.querySelector(".otFlat#onetrust-banner-sdk").style.overflowY = "hidden"; },2000); clearInterval(checkExist); } }, 100); } } } window.sat_track = false; </script> <script type="text/plain" class="optanon-category-3"> window.isCookieAccepted = "true"; </script> <script type="text/plain" class="optanon-category-4"> window.isCookieAccepted_Pixel = "true"; </script> <script> function safeAdd(v, t) { if (!v) return undefined; if (t === "int") return parseInt(v) ? parseInt(v) : undefined; if (t === "array") return Array.isArray(v) ? v : undefined; if (t === "boolean") return typeof v === "boolean" ? v : undefined; return v; } </script>  <link rel="stylesheet" href="/etc.clientlibs/foundation/clientlibs/main.min.39205c3cfe26e0ca5a90b94431363384.css" type="text/css"/> <script src="/etc.clientlibs/clientlibs/granite/jquery.min.3e24d4d067ac58228b5004abb50344ef.js"></script> <script src="/etc.clientlibs/clientlibs/granite/utils.min.3b86602c4e1e0b41d9673f674a75cd4b.js"></script> <script src="/etc.clientlibs/clientlibs/granite/jquery/granite.min.011c0fc0d0cf131bdff879743a353002.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/jquery.min.dd9b395c741ce2784096e26619e14910.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/shared.min.e9d9a3990d7779c2e8e3361187f3d36b.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/main.min.be53d5d2acc50492007c4929cbe3ee9e.js"></script> <meta name="kia_metrics_pagename" content="about-kia|spolecenska-zodpovednost"/> <script id="scriptNameScript" data-scriptname="ENdd8b8f818d234622b9727b30629d3c4a"> var getScriptName = $("script#scriptNameScript").attr("data-scriptName"); function wait(method){ document.querySelector("#onetrust_autoblock_script").onload = function() { method(); } } function waitForElement(){ if(typeof _satellite !== "undefined"){ setTimeout(_satellite.pageBottom(), 500); if(eut && eut.analytics){ eut.analytics.track = window._satellite.track; } } else{ setTimeout(waitForElement, 0); } } wait(function(){ $.getScript("//assets.adobedtm.com/launch-"+getScriptName+".min.js") .done(function(script, textStatus) { waitForElement(); }) .fail(function(jqxhr, settings, exception) { console.log("loading script failed."); }); }); </script> <link rel="canonical" href="https://www.kia.com/cz/o-kia/partnerstvi/"/>  <meta charset="utf-8"/> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <meta name="keywords"/> <meta name="description" content="Společenská zodpovědnost"/> <meta name="title" content="Společenská zodpovědnost"/> <meta property="og:title" content="Společenská zodpovědnost"/> <meta property="og:description"/> <meta property="og:url" content="https://www.kia.com/cz/o-kia/partnerstvi/"/> <meta property="og:image" content="https://www.kia.com/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/kia-company-logo.jpg"/> <meta name="twitter:title" content="Společenská zodpovědnost"/> <meta name="twitter:description" content="Společenská zodpovědnost"/> <meta name="twitter:url" content="https://www.kia.com/cz/o-kia/partnerstvi/"/> <meta name="robots" content='Noindex, Nofollow, NOODP, NOYDIR'/> <meta name="format-detection" content="telephone=no"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:image" content="https://www.kia.com"/>   <script src="https://kia.searchready.cz/serp-dist/searchready.bundle.js?clientConfigURL=https://kia.searchready.cz/api/serp/config/full-serp-cs.json" type="text/javascript"></script> <script type="text/javascript"> Granite.I18n.setLocale('cz-cs'); window.eut = { COUNTRY: 'cz', LANGUAGE: 'cs', LOCATION: 'cz-cs', EDIT_MODE: 'false', PREVIEW_MODE: 'false', CURRENCY: 'Kč', INCOMPATIBLE_PAGE: '', MODEL_ID: '', EXCLUSIONS: [], CURRENCY_COUNTRY : 'de', FREESPEE: '' }; //Adobe DTM Variable (Analytics) window.dtmDataLayer = {}; </script>   <script src="/etc.clientlibs/settings/wcm/designs/eut/clientlib/libs/libs.min.995f851ba5c3aeff77d1461aab19bf55.js"></script> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/eutSpec/clientlib/cz/libs/common.min.4148863665f584b37d80e80076762bb3.css" type="text/css"/> <script src="/etc.clientlibs/settings/wcm/designs/eutSpec/clientlib/cz/libs/common.min.a95715e827b577e949911b2e1dc318cc.js"></script> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/eut/clientlib/libs/components.min.ccef0a3702825756c55e428b85a88f4f.css" type="text/css"/> </head> <body class="bg_white">   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MV23FN23" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="accessbility"><a href="#contents">Go to content</a></div>  <header id="eut_header" class="lang " data-is-homepage="false"> <div class="eut_header eut_header-de"> <div class="eut_header-xl-hidden--cta-buttons"> <ul class="eut_header-xl-hidden-cta-buttons__ctaList"> <li class="eut_configurator eut_configuratorBuyButton gnbListItem--right" data-gnb-item="buyButton"> <a href="/cz/onlineprodej/instantly-available" class="eut_cmpe_btn icon buy ctaButton ctaButton_secondary"> <img src="/content/dam/kwcms/kme/global/en/assets/common/icon-shopping-cart.png"/>Online prodej</a> </li> <li class="eut_configurator eut_configuratorCarButton" data-gnb-item="carButton"> <a href="https://www.kia.com/cz/prodej/konfigurator/" class="eut_cmpe_btn icon ctaButton" onclick="eut.analytics.prop({internal_link: 'conversion|GNB|car configurator'}).track( 'internal_link' );"><span class="configurator"></span>Konfigurátor</a> </li> </ul> </div> <div class="eut_header_utilityBar eut_header--rbr-spacing">  <div id="eut_util"> <ul class="util_menu"> <li> <a class="optanon-toggle-display">Nastavení cookies</a> </li> <li><a href="https://www.kia.com/cz/guestbooking/new-appointment/">Objednat servis</a></li> <li><a href="https://www.kia.com/cz/prodej/ceniky-katalogy/" target="_self">Ceníky a katalogy</a></li> <li><a href="https://www.kia.com/cz/hledat-dealera/">Hledat Dealera</a></li> <li><a href="https://www.kia.com/cz/kontakty/">Kontaktujte nás</a></li> </ul> </div>   <div data-id="eut_util_right" class="eut_util_right xl-only">   <ul class="util_menu login_menu" style="z-index: 100"> <li> <a class="myPage" href="/cz/onlineprodej/my-page/?active=1.0" target="_self">Můj účet Kia</a> <div class="omenu"> <div class="nmenu"><a href="/cz/mykia/garage/" target="_blank">MyKia</a></div> <div class="nmenu"><a href="../../www.kiacharge.com/web/cs/kia-cz.html" target="_blank">Kia Charge</a></div> <div class="nmenu"><a href="/cz/prodej/live-showroom/live-showroom/" target="_self">Online konzultace</a></div> </div> </li> <li> <a href="https://eu-account.kia.com/auth/realms/eukiaidm/protocol/openid-connect/logout?redirect_uri=https://www.kia.com/cz/" target="_self" class="logout user"><img alt="profile Icon"/>ODHLÁŠENÍ</a> </li> </ul>  <ul class="util_menu logout_menu"> <li> <a href="https://eu-account.kia.com/auth/realms/eukiaidm/protocol/openid-connect/auth?ui_locales=cs&scope=openid%20profile%20email%20phone&response_type=code&client_id=kia-default&redirect_uri=https://www.kia.com/api/bin/oneid/login&state=aHR0cHM6Ly93d3cua2lhLmNvbTo0NDMvY3ovby1raWEvcGFydG5lcnN0dmkvP190bT0xNzMyMjIzMzk2NTg2_default" target="_self" class="login user"> PŘIHLÁŠENÍ</a> </li> </ul> <link rel="stylesheet" href="/etc.clientlibs/eut/components/content/pageComponent/util_search/clientlibs.min.331af619dba0405ae216ea23fc1acf2d.css" type="text/css"/> <script src="/etc.clientlibs/eut/components/content/pageComponent/util_search/clientlibs.min.281cd2e6adda3f2ddf50810c367d8810.js"></script> </div> <div id="eut_util_search"> <div class="u_sch_box"> <form class="eut_util_searchForm" action="/cz/hledani/vysledky-vyhledavani/" method="get"> <div class="eut_form_plugin"> <button type="submit" title="Hledat">"Hledat"</button> <label for="header_search_input" class="eut_text">"Hledat"</label> <input type="text" title="Hledat klíčové slovo" id="header_search_input" placeholder="Hledat" name="keyword"/> </div> </form> </div> </div>   <div class="country-selector__wrapper xl-only"> <span class="country-list init-country"><a>CHANGE COUNTRY</a></span> <div class="overlaY"></div> <ul class="country-selector"> <li class="country-list" countrycode="eu"> <a class="countryLink" href="https://www.kia.com/eu/"><span class="countryName Europe"></span>Europe</a> </li> <li class="country-list"> <a class="countryLink" href="https://www.kia-albania.com/"><span class="countryName Albania"></span>Albania</a> </li> <li class="country-list" countrycode="at"> <a class="countryLink" href="https://www.kia.com/at/"><span class="countryName Austria"></span>Austria</a> </li> <li class="country-list" countrycode="az"> <a class="countryLink" href="https://www.kia.com/az/"><span class="countryName Azerbaijan"></span>Azerbaijan</a> </li> <li class="country-list" countrycode="be"> <a class="countryLink" href="https://www.kia.com/be/nl/"><span class="countryName Belgium (Dutch)"></span>Belgium (Dutch)</a> </li> <li class="country-list" countrycode="be"> <a class="countryLink" href="https://www.kia.com/be/fr/"><span class="countryName Belgium (French)"></span>Belgium (French)</a> </li> <li class="country-list" countrycode="ba"> <a class="countryLink" href="https://www.kia.com/ba/"><span class="countryName Bosnia-Herzegovina"></span>Bosnia-Herzegovina</a> </li> <li class="country-list" countrycode="bg"> <a class="countryLink" href="https://www.kia.com/bg/"><span class="countryName Bulgaria"></span>Bulgaria</a> </li> <li class="country-list"> <a class="countryLink" href="https://kiacanarias.es/"><span class="countryName Canary Islands"></span>Canary Islands</a> </li> <li class="country-list" countrycode="hr"> <a class="countryLink" href="https://www.kia.com/hr/"><span class="countryName Croatia"></span>Croatia</a> </li> <li class="country-list"> <a class="countryLink" href="https://kia.com.cy/"><span class="countryName Cyprus"></span>Cyprus</a> </li> <li class="country-list" countrycode="cz"> <a class="countryLink" href="https://www.kia.com/cz/o-kia/partnerstvi/"><span class="countryName Czech Republic"></span>Česká republika</a> </li> <li class="country-list" countrycode="dk"> <a class="countryLink" href="https://www.kia.com/dk/"><span class="countryName Denmark"></span>Denmark</a> </li> <li class="country-list"> <a class="countryLink" href="https://www.kia.ee/"><span class="countryName Estonia"></span>Estonia</a> </li> <li class="country-list" countrycode="fi"> <a class="countryLink" href="https://www.kia.com/fi/"><span class="countryName Finland"></span>Finland</a> </li> <li class="country-list" countrycode="fr"> <a class="countryLink" href="https://www.kia.com/fr/"><span class="countryName France"></span>France</a> </li> <li class="country-list" countrycode="ge"> <a class="countryLink" href="https://www.kia.com/ge"><span class="countryName Georgia"></span>Georgia</a> </li> <li class="country-list" countrycode="de"> <a class="countryLink" href="https://www.kia.com/de/"><span class="countryName Germany"></span>Germany</a> </li> <li class="country-list" countrycode="gi"> <a class="countryLink" href="https://www.kia.com/gi/"><span class="countryName Gibraltar"></span>Gibraltar</a> </li> <li class="country-list" countrycode="gr"> <a class="countryLink" href="https://www.kia.com/gr/"><span class="countryName Greece"></span>Greece</a> </li> <li class="country-list" countrycode="hu"> <a class="countryLink" href="https://www.kia.com/hu/"><span class="countryName Hungary"></span>Hungary</a> </li> <li class="country-list" countrycode="is"> <a class="countryLink" href="https://www.kia.com/is/"><span class="countryName Iceland"></span>Iceland</a> </li> <li class="country-list" countrycode="ie"> <a class="countryLink" href="https://www.kia.com/ie/"><span class="countryName Ireland"></span>Ireland</a> </li> <li class="country-list" countrycode="it"> <a class="countryLink" href="https://www.kia.com/it/"><span class="countryName Italy"></span>Italy</a> </li> <li class="country-list" countrycode="lv"> <a class="countryLink" href="https://www.kia.com/lv/"><span class="countryName Latvia"></span>Latvia</a> </li> <li class="country-list" countrycode="lt"> <a class="countryLink" href="https://www.kia.com/lt/"><span class="countryName Lithuania"></span>Lithuania</a> </li> <li class="country-list" countrycode="lu"> <a class="countryLink" href="https://www.kia.com/lu/"><span class="countryName Luxembourg"></span>Luxembourg</a> </li> <li class="country-list" countrycode="ht"> <a class="countryLink" href="https://www.kiamotors.com.mk"><span class="countryName Macedonia"></span>Macedonia</a> </li> <li class="country-list" countrycode="mt"> <a class="countryLink" href="https://www.kia.com/mt/"><span class="countryName Malta"></span>Malta</a> </li> <li class="country-list" countrycode="ht"> <a class="countryLink" href="https://kia.md"><span class="countryName Moldova"></span>Moldova</a> </li> <li class="country-list" countrycode="me"> <a class="countryLink" href="https://www.kia.com/me/"><span class="countryName Montenegro"></span>Montenegro</a> </li> <li class="country-list" countrycode="nl"> <a class="countryLink" href="https://www.kia.com/nl/"><span class="countryName Netherlands"></span>Netherlands</a> </li> <li class="country-list" countrycode="no"> <a class="countryLink" href="https://www.kia.com/no/"><span class="countryName Norway"></span>Norway</a> </li> <li class="country-list" countrycode="pl"> <a class="countryLink" href="https://www.kia.com/pl/"><span class="countryName Poland"></span>Poland</a> </li> <li class="country-list" countrycode="pt"> <a class="countryLink" href="https://www.kia.com/pt/"><span class="countryName Portugal"></span>Portugal</a> </li> <li class="country-list" countrycode="ro"> <a class="countryLink" href="https://www.kia.com/ro/"><span class="countryName Romania"></span>Romania</a> </li> <li class="country-list" countrycode="rs"> <a class="countryLink" href="https://www.kia.com/rs/"><span class="countryName Serbia"></span>Serbia</a> </li> <li class="country-list" countrycode="sk"> <a class="countryLink" href="https://www.kia.com/sk/"><span class="countryName Slovakia"></span>Slovakia</a> </li> <li class="country-list" countrycode="es"> <a class="countryLink" href="https://www.kia.com/es/"><span class="countryName Spain"></span>Spain</a> </li> <li class="country-list" countrycode="si"> <a class="countryLink" href="https://www.kia.com/si/"><span class="countryName Slovenia"></span>Slovenia</a> </li> <li class="country-list" countrycode="se"> <a class="countryLink" href="https://www.kia.com/se/"><span class="countryName Sweden"></span>Sweden</a> </li> <li class="country-list" countrycode="ch"> <a class="countryLink" href="https://www.kia.com/ch/"><span class="countryName Switzerland"></span>Switzerland</a> </li> <li class="country-list" countrycode="tr"> <a class="countryLink" href="https://www.kia.com/tr"><span class="countryName Turkey"></span>Turkey</a> </li> <li class="country-list" countrycode="ua"> <a class="countryLink" href="https://www.kia.com/ua"><span class="countryName Ukraine"></span>Ukraine</a> </li> <li class="country-list" countrycode="uk"> <a class="countryLink" href="https://www.kia.com/uk/"><span class="countryName United Kingdom"></span>United Kingdom</a> </li> </ul> </div>  </div> <div class="eut_header_navigation eut_header--rbr-spacing"> <button type="button" class="eut_gnb_opener" title="open menu"><span class="sr-only">open menu</span></button>  <div class="eut_select_language"> <p> <a href="https://www.kia.com/cz/o-kia/partnerstvi.html" class="active"> cs </a> </p> </div>   <input type="hidden" id="checkDisclaimer" value="false"/> <nav class="gnbNavigation"> <ul id="eut_gnb"> <li class="gnbListItem gnbListItem--left eut_nav_newcar"> <a href="#">Modely</a> <div class="eut_nav_dth2"> <ul class="newcar_category eut_header--rbr-spacing"> <li class="category active"> <a href="javascript:;" data-category="all"> Všechny automobily </a> </li> <li class="category"> <a href="javascript:;" data-category="173"> Malé </a> </li> <li class="category"> <a href="javascript:;" data-category="174"> Rodina Ceed </a> </li> <li class="category"> <a href="javascript:;" data-category="168"> SUV </a> </li> <li class="category"> <a href="javascript:;" data-category="201"> Crossover </a> </li> <li class="category"> <a href="javascript:;" data-category="200"> Manažerské </a> </li> <li class="category"> <a href="javascript:;" data-category="202"> Eko </a> </li>  <li class="explore_range"> <div> <a href="https://www.kia.com/cz/modely/kia-range/" class="eut_cmpe_btn small gray hide-before-pseudoelement"> Všechny modely </a> </div> </li>  </ul> <div class="eut_header--rbr-spacing"> <div> <ul class="newcar_list"> <li class="category_item 173 " data-model-id="G6-S6-*">  <a href="https://www.kia.com/cz/modely/picanto/objevte/">  <span class="img_area"> <picture class="lazy">  <source data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/picanto_icon.png" media="(max-width: 1024px)"/>  <img data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/picanto_icon.png" alt="Picanto-MY22"/> </picture> </span> <strong translate="no">Picanto</strong>  <span class="price"> Od 319 980 Kč </span> </a> </li> <li class="category_item 201 " data-model-id="H8-W5-*">  <a href="https://www.kia.com/cz/modely/stonic/objevte/" target="_self">  <span class="img_area"> <picture class="lazy">  <source data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/stonic_icon.png" media="(max-width: 1024px)"/>  <img data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/stonic_icon.png" alt="Kia Stonic"/> </picture> </span> <strong translate="no">Stonic</strong>  <span class="price"> Od 414 980 Kč </span> </a> </li> <li class="category_item 168 " data-model-id="HW-W5-*">  <a href="https://www.kia.com/cz/modely/sportage/objevte/" target="_self">  <span class="img_area"> <picture class="lazy">  <source data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/Sportage_icon.png" media="(max-width: 1024px)"/>  <img data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/Sportage_icon.png" alt="Kia Sportage"/> </picture> </span> <strong translate="no">Sportage</strong>  <span class="price"> Od 634 980 Kč </span> </a> </li> <li class="category_item 168 " data-model-id="JY-W5-EV1">  <a href="https://www.kia.com/cz/modely/zcela-nova-sportage/discover/" target="_self">  <span class="img_area"> <picture class="lazy">  <source data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/SportageHEV.png" media="(max-width: 1024px)"/>  <img data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/SportageHEV.png" alt="Sportage HEV"/> </picture> </span> <strong translate="no">Sportage HEV</strong>  <span class="price"> Od 849 980 Kč </span> </a> </li> <li class="category_item 168 " data-model-id="JY-W5-EV2">  <a href="https://www.kia.com/cz/modely/sportage/objevte/" target="_self">  <span class="img_area"> <picture class="lazy">  <source data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/SportagePHEV.png" media="(max-width: 1024px)"/>  <img data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/SportagePHEV.png" alt="Sportage PHEV"/> </picture> </span> <strong translate="no">Sportage PHEV</strong>  <span class="price"> Od 1 179 980 Kč </span> </a> </li> <li class="category_item 168 " data-model-id="9V-W5-*">  <a href="https://www.kia.com/cz/modely/ev-3/objevte/" target="_self">  <span class="img_area"> <picture class="lazy">  <source data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/EV3_icon.png" media="(max-width: 1024px)"/>  <img data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/EV3_icon.png" alt="EV3"/> </picture> </span> <strong translate="no">EV3</strong>  <span class="price"> Od 899 980 Kč </span> </a> </li> <li class="category_item 202 " data-model-id="AS-W5-*">  <a href="https://www.kia.com/cz/modely/ev6/digital-objevte/" target="_self">  <span class="img_area"> <picture class="lazy">  <source data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/EV6-PE.png" media="(max-width: 1024px)"/>  <img data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/EV6-PE.png" alt="Kia EV6 PE"/> </picture> </span> <strong translate="no">EV6</strong>  <span class="price"> Od 1 169 980 Kč </span> </a> </li> <li class="category_item 174 " data-model-id="J7-S6-*">  <a href="https://www.kia.com/cz/modely/cd-hb/discover/" target="_self">  <span class="img_area"> <picture class="lazy">  <source data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/Ceed_pohon.png" media="(max-width: 1024px)"/>  <img data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/Ceed_pohon.png" alt="Ceed"/> </picture> </span> <strong translate="no">Ceed</strong>  <span class="price"> Od 434 980 Kč </span> </a> </li> <li class="category_item 174 " data-model-id="J7-W5-*">  <a href="https://www.kia.com/cz/modely/cd-sw/objevte/" target="_self">  <span class="img_area"> <picture class="lazy">  <source data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/ceedSW_icon.png" media="(max-width: 1024px)"/>  <img data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/ceedSW_icon.png" alt="Ceed SW"/> </picture> </span> <strong translate="no">Ceed SW</strong>  <span class="price"> Od 459 980 Kč </span> </a> </li> <li class="category_item 174 " data-model-id="J7-Q1-*">  <a href="https://www.kia.com/cz/modely/cd-proceed/objevte/" target="_self">  <span class="img_area"> <picture class="lazy">  <source data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/ProCeed_pohon.png" media="(max-width: 1024px)"/>  <img data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/ProCeed_pohon.png" alt="Proceed"/> </picture> </span> <strong translate="no">Proceed</strong>  <span class="price"> Od 669 980 Kč </span> </a> </li> <li class="category_item 174 " data-model-id="J7-S8-*">  <a href="https://www.kia.com/cz/modely/cd-cuv/discover/" target="_self">  <span class="img_area"> <picture class="lazy">  <source data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/XCeed_icon.png" media="(max-width: 1024px)"/>  <img data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/XCeed_icon.png" alt="XCeed"/> </picture> </span> <strong translate="no">XCeed</strong>  <span class="price"> Od 504 980 Kč </span> </a> </li> <li class="category_item 202 " data-model-id="0T-W5-EV1">  <a href="https://www.kia.com/cz/modely/niro-ev/objevte/" target="_self">  <span class="img_area"> <picture class="lazy">  <source data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/NiroHEV.png" media="(max-width: 1024px)"/>  <img data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/NiroHEV.png" alt="Kia Niro HEV"/> </picture> </span> <strong translate="no">Niro HEV</strong>  <span class="price"> Od 799 980 Kč </span> </a> </li> <li class="category_item 202 " data-model-id="0T-W5-EV2">  <a href="https://www.kia.com/cz/modely/niro-ev/objevte/" target="_self">  <span class="img_area"> <picture class="lazy">  <source data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/NiroPHEV.png" media="(max-width: 1024px)"/>  <img data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/NiroPHEV.png" alt="Kia Niro PHEV"/> </picture> </span> <strong translate="no">Niro PHEV</strong>  <span class="price"> Od 1 049 980 Kč </span> </a> </li> <li class="category_item 202 " data-model-id="TO-W5-*">  <a href="https://www.kia.com/cz/modely/niro-ev/objevte/" target="_self">  <span class="img_area"> <picture class="lazy">  <source data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/NiroEV.png" media="(max-width: 1024px)"/>  <img data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/NiroEV.png" alt="Kia Niro EV"/> </picture> </span> <strong translate="no">Niro EV</strong>  <span class="price"> Od 1 109 980 Kč </span> </a> </li> <li class="category_item 168 200 202 " data-model-id="DO-W7-*">  <a href="https://www.kia.com/cz/modely/ev9/objevte/" target="_self">  <span class="img_area"> <picture class="lazy">  <source data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/EV9.png" media="(max-width: 1024px)"/>  <img data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/EV9.png" alt="Kia EV9"/> </picture> </span> <strong translate="no">EV9</strong>  <span class="price"> Od 1 809 980 Kč </span> </a> </li> <li class="category_item 168 200 " data-model-id="GZ-W5-*">  <a href="https://www.kia.com/cz/modely/sorento/objevte/" target="_self">  <span class="img_area"> <picture class="lazy">  <source data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/Sorento_icon.png" media="(max-width: 1024px)"/>  <img data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/Sorento_icon.png" alt="Sorento"/> </picture> </span> <strong translate="no">Sorento</strong>  <span class="price"> Od 1 199 980 Kč </span> </a> </li> <li class="category_item 168 200 " data-model-id="HC-W5-EV1">  <a href="https://www.kia.com/cz/modely/sorento/objevte/">  <span class="img_area"> <picture class="lazy">  <source data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/SorentoHEV.png" media="(max-width: 1024px)"/>  <img data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/SorentoHEV.png" alt="Sorento HEV"/> </picture> </span> <strong translate="no">Sorento HEV</strong>  <span class="price"> Od 1 199 980 Kč </span> </a> </li> <li class="category_item 168 200 202 " data-model-id="HC-W5-EV2">  <a href="https://www.kia.com/cz/modely/sorento/objevte/" target="_self">  <span class="img_area"> <picture class="lazy">  <source data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/SorentoPHEV.png" media="(max-width: 1024px)"/>  <img data-srcset="/content/dam/kwcms/kme/cz/cs/assets/gnb/2024/SorentoPHEV.png" alt="Sorento-PHEV"/> </picture> </span> <strong translate="no">Sorento PHEV</strong>  <span class="price"> Od 1 534 980 Kč </span> </a> </li> <li class="category_item"> <a href="https://www.kia.com/cz/o-kia/kia-concept-cars/ev4-concept/" target="_self"> <span class="img_area"> <picture class=""> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-ev4-ev-my25-v1-520x260.png" media="(max-width: 1024px)" srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-ev4-ev-my25-v1-520x260.png"/> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-ev4-ev-my25-v1-268x134.png" alt="EV4" srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-ev4-ev-my25-v1-520x260.png" class="fade-in"/> </picture> </span> <strong>EV4</strong> </a> </li> <li class="category_item"> <a href="https://www.kia.com/cz/o-kia/pbv/about/" target="_self"> <span class="img_area"> <picture class=""> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-pvb-ev-my25-v1-520x260.png" media="(max-width: 1024px)" srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-pvb-ev-my25-v1-520x260.png"/> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-pvb-ev-my25-v1-268x134.png" alt="PBV" srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-pvb-ev-my25-v1-520x260.png" class="fade-in"/> </picture> </span> <strong>PBV</strong> </a> </li> </ul> <p class="txt_vat">Všechny ceny zahrnují montáž a DPH</p> </div> </div> </div> </li> <li class="gnbListItem gnbListItem--left "> <a href="#">Chci vůz Kia</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia.com/cz/o-kia/kia-zazitek/technologie/elektrifikace/">Elektromobilita</a> </li> <li> <a href="https://www.kia.com/cz/prodej/ev/objevte/">Elektromobily Kia</a> </li> <li> <a href="https://www.kia.com/cz/o-kia/pbv/with-kia-pbv/about/">PBV</a> </li> <li> <a href="https://www.kia.com/cz/prodej/konfigurator/">Konfigurátor</a> </li> <li> <a href="https://www.kia.com/cz/prodej/akcni-nabidky/">Akční nabídky</a> </li> <li> <a href="https://www.kia.com/cz/prodej/ceniky-katalogy/" target="_self">Ceníky / katalogy</a> </li> <li> <a href="https://www.kia.com/cz/onlineprodej/">Online prodej</a> </li> <li> <a href="https://www.kia.com/cz/servis/warranty-guides/kia-7-year-warranty/">7 letá záruka Kia</a> </li> <li> <a href="https://www.kia.com/cz/prodej/nabidka-financovani/">Financování</a> </li> <li> <a href="https://www.kia.com/cz/prodej/live-showroom/">Online konzultace - live showroom</a> </li> </ul> </li> <li class="gnbListItem gnbListItem--left "> <a href="#">Vozy ihned</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia.com/cz/vozy-ihned/skladove-vozy/">Skladové vozy</a> </li> <li> <a href="https://www.kia.com/cz/vozy-ihned/ojete-vozy/">Ojeté vozy</a> </li> </ul> </li> <li class="gnbListItem--filler"></li> <li class="gnbListItem gnbListItem--right"> <a href="#">Kia Business</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia.com/cz/pro-firmy/kia-business/">Kia Business</a> </li> <li> <a href="https://www.kia.com/cz/prodej/akcni-nabidky/kia-lease/" target="_self">Kia Lease | Operativní leasing</a> </li> <li> <a href="https://www.kia.com/cz/pro-firmy/zvyhodnene-podminky-nakupu/">Zvýhodněné podmínky nákupu</a> </li> </ul> </li> <li class="gnbListItem gnbListItem--right"> <a href="#">Servis</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia.com/cz/servis/servisni-nabidky/" target="_self">Servisní nabídky</a> </li> <li> <a href="https://www.kia.com/cz/servis/service-and-maintenance/" target="_self">Kia servis a údržba</a> </li> <li> <a href="https://www.kia.com/cz/servis/ev-services/" target="_self">Služby EV</a> </li> <li> <a href="https://www.kia.com/cz/servis/parts-and-accessories/" target="_self">Náhradní díly a příslušenství</a> </li> <li> <a href="https://www.kia.com/cz/servis/warranty-guides/" target="_self">Záruka a návody</a> </li> <li> <a href="https://www.kia.com/cz/servis/connectivity/" target="_self">Konektivita</a> </li> <li> <a href="https://www.kia.com/cz/servis/informace-pro-zachranare/" target="_self">Informace pro záchranáře</a> </li> <li> <a href="https://www.kia.com/cz/servis/udrzitelnost/">Udržitelnost </a> </li> </ul> </li> <li class="gnbListItem gnbListItem--right"> <a href="#">O Kia</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia.com/cz/o-kia/znacka/">Značka Kia</a> </li> <li> <a href="https://www.kia.com/cz/o-kia/sustainability/">Udržitelnost</a> </li> <li> <a href="https://www.kia.com/cz/o-kia/kariera/" target="_blank">Kariéra</a> </li> <li> <a href="https://www.kia-express.cz/">Tiskové zprávy a novinky</a> </li> <li> <a href="https://www.kia.com/cz/o-kia/kia-zazitek/">Kia zážitek</a> </li> <li> <a href="https://www.kia.com/cz/o-kia/svetmoznosti/">#inspiredbykia</a> </li> <li> <a href="https://dam.kia.cz/dokumenty/magazin/Kia_2stranky_2023_ZMENSENY.pdf">Magazín Kia Move</a> </li> <li> <a href="https://www.kia.com/cz/o-kia/partnerstvi/">Společenská zodpovědnost</a> </li> </ul> </li> <li class="gnbListItem gnbListItem--right"> <a href="#">MyKia</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia.com/cz/mykia/garage/">Můj vůz</a> </li> <li> <a href="https://www.kia.com/cz/mykia/schedule/">Časový plán</a> </li> <li> <a href="https://www.kia.com/cz/mykia/toolbox/">Návody</a> </li> <li> <a href="https://www.kia.com/cz/mykia/dealer/">Můj dealer</a> </li> <li> <a href="https://www.kia.com/cz/mykia/profile/">Můj profil</a> </li> <li> <a href="https://www.kia.com/cz/mykia/inbox/">Doručená pošta</a> </li> </ul> </li> <li class="gnbListItem gnbListItem--right"> <a href="#"></a> <ul class="eut_nav_dth2"> </ul> </li> <li class="eut_configurator eut_configuratorBuyButton gnbListItem--right gnbListItem--extra-item" data-gnb-item="buyButton"> <a href="/cz/onlineprodej/instantly-available" class="eut_cmpe_btn icon buy ctaButton ctaButton_secondary"> <img src="/content/dam/kwcms/kme/global/en/assets/common/icon-shopping-cart.png" alt="shoppingCart Icon"/>Online prodej</a> </li> <li class="eut_configurator eut_configuratorCarButton gnbListItem--right gnbListItem--extra-item" data-gnb-item="carButton"> <a href="https://www.kia.com/cz/prodej/konfigurator/" class="eut_cmpe_btn icon ctaButton" onclick="eut.analytics.prop({internal_link: 'conversion|GNB|car configurator'}).track( 'internal_link' );"><span class="configurator"></span>Konfigurátor</a> </li> </ul> <div class="eut_nav_logo"> <div itemscope itemtype="http://schema.org/Organization" class="header_logo"> <a itemprop="url" href="https://www.kia.com/cz/uvodni-stranka/"> <img class="eut_nav_logo__whiteLogo" itemprop="logo" src="/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/logo_kia_white-rbr.png" alt="Kia"/> <img class="eut_nav_logo__blackLogo" itemprop="logo" src="/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/logo_kia_black-rbr.png" alt="Kia"/> </a>  </div> </div> </nav>  <div class="xl-hidden eut_header_navigation__searchButton"></div> </div> <div class="eut_header_navigation--xl-hidden xl-hidden">  <div class="country-selector__wrapper"> <span class="country-list init-country"><a>CHANGE COUNTRY</a></span> <div class="overlaY"></div> <ul class="country-selector"> <li class="country-list" countrycode="eu"> <a class="countryLink" href="https://www.kia.com/eu/"><span class="countryName Europe"></span>Europe</a> </li> <li class="country-list"> <a class="countryLink" href="https://www.kia-albania.com/"><span class="countryName Albania"></span>Albania</a> </li> <li class="country-list" countrycode="at"> <a class="countryLink" href="https://www.kia.com/at/"><span class="countryName Austria"></span>Austria</a> </li> <li class="country-list" countrycode="az"> <a class="countryLink" href="https://www.kia.com/az/"><span class="countryName Azerbaijan"></span>Azerbaijan</a> </li> <li class="country-list" countrycode="be"> <a class="countryLink" href="https://www.kia.com/be/nl/"><span class="countryName Belgium (Dutch)"></span>Belgium (Dutch)</a> </li> <li class="country-list" countrycode="be"> <a class="countryLink" href="https://www.kia.com/be/fr/"><span class="countryName Belgium (French)"></span>Belgium (French)</a> </li> <li class="country-list" countrycode="ba"> <a class="countryLink" href="https://www.kia.com/ba/"><span class="countryName Bosnia-Herzegovina"></span>Bosnia-Herzegovina</a> </li> <li class="country-list" countrycode="bg"> <a class="countryLink" href="https://www.kia.com/bg/"><span class="countryName Bulgaria"></span>Bulgaria</a> </li> <li class="country-list"> <a class="countryLink" href="https://kiacanarias.es/"><span class="countryName Canary Islands"></span>Canary Islands</a> </li> <li class="country-list" countrycode="hr"> <a class="countryLink" href="https://www.kia.com/hr/"><span class="countryName Croatia"></span>Croatia</a> </li> <li class="country-list"> <a class="countryLink" href="https://kia.com.cy/"><span class="countryName Cyprus"></span>Cyprus</a> </li> <li class="country-list" countrycode="cz"> <a class="countryLink" href="https://www.kia.com/cz/o-kia/partnerstvi/"><span class="countryName Czech Republic"></span>Česká republika</a> </li> <li class="country-list" countrycode="dk"> <a class="countryLink" href="https://www.kia.com/dk/"><span class="countryName Denmark"></span>Denmark</a> </li> <li class="country-list"> <a class="countryLink" href="https://www.kia.ee/"><span class="countryName Estonia"></span>Estonia</a> </li> <li class="country-list" countrycode="fi"> <a class="countryLink" href="https://www.kia.com/fi/"><span class="countryName Finland"></span>Finland</a> </li> <li class="country-list" countrycode="fr"> <a class="countryLink" href="https://www.kia.com/fr/"><span class="countryName France"></span>France</a> </li> <li class="country-list" countrycode="ge"> <a class="countryLink" href="https://www.kia.com/ge"><span class="countryName Georgia"></span>Georgia</a> </li> <li class="country-list" countrycode="de"> <a class="countryLink" href="https://www.kia.com/de/"><span class="countryName Germany"></span>Germany</a> </li> <li class="country-list" countrycode="gi"> <a class="countryLink" href="https://www.kia.com/gi/"><span class="countryName Gibraltar"></span>Gibraltar</a> </li> <li class="country-list" countrycode="gr"> <a class="countryLink" href="https://www.kia.com/gr/"><span class="countryName Greece"></span>Greece</a> </li> <li class="country-list" countrycode="hu"> <a class="countryLink" href="https://www.kia.com/hu/"><span class="countryName Hungary"></span>Hungary</a> </li> <li class="country-list" countrycode="is"> <a class="countryLink" href="https://www.kia.com/is/"><span class="countryName Iceland"></span>Iceland</a> </li> <li class="country-list" countrycode="ie"> <a class="countryLink" href="https://www.kia.com/ie/"><span class="countryName Ireland"></span>Ireland</a> </li> <li class="country-list" countrycode="it"> <a class="countryLink" href="https://www.kia.com/it/"><span class="countryName Italy"></span>Italy</a> </li> <li class="country-list" countrycode="lv"> <a class="countryLink" href="https://www.kia.com/lv/"><span class="countryName Latvia"></span>Latvia</a> </li> <li class="country-list" countrycode="lt"> <a class="countryLink" href="https://www.kia.com/lt/"><span class="countryName Lithuania"></span>Lithuania</a> </li> <li class="country-list" countrycode="lu"> <a class="countryLink" href="https://www.kia.com/lu/"><span class="countryName Luxembourg"></span>Luxembourg</a> </li> <li class="country-list" countrycode="ht"> <a class="countryLink" href="https://www.kiamotors.com.mk"><span class="countryName Macedonia"></span>Macedonia</a> </li> <li class="country-list" countrycode="mt"> <a class="countryLink" href="https://www.kia.com/mt/"><span class="countryName Malta"></span>Malta</a> </li> <li class="country-list" countrycode="ht"> <a class="countryLink" href="https://kia.md"><span class="countryName Moldova"></span>Moldova</a> </li> <li class="country-list" countrycode="me"> <a class="countryLink" href="https://www.kia.com/me/"><span class="countryName Montenegro"></span>Montenegro</a> </li> <li class="country-list" countrycode="nl"> <a class="countryLink" href="https://www.kia.com/nl/"><span class="countryName Netherlands"></span>Netherlands</a> </li> <li class="country-list" countrycode="no"> <a class="countryLink" href="https://www.kia.com/no/"><span class="countryName Norway"></span>Norway</a> </li> <li class="country-list" countrycode="pl"> <a class="countryLink" href="https://www.kia.com/pl/"><span class="countryName Poland"></span>Poland</a> </li> <li class="country-list" countrycode="pt"> <a class="countryLink" href="https://www.kia.com/pt/"><span class="countryName Portugal"></span>Portugal</a> </li> <li class="country-list" countrycode="ro"> <a class="countryLink" href="https://www.kia.com/ro/"><span class="countryName Romania"></span>Romania</a> </li> <li class="country-list" countrycode="rs"> <a class="countryLink" href="https://www.kia.com/rs/"><span class="countryName Serbia"></span>Serbia</a> </li> <li class="country-list" countrycode="sk"> <a class="countryLink" href="https://www.kia.com/sk/"><span class="countryName Slovakia"></span>Slovakia</a> </li> <li class="country-list" countrycode="es"> <a class="countryLink" href="https://www.kia.com/es/"><span class="countryName Spain"></span>Spain</a> </li> <li class="country-list" countrycode="si"> <a class="countryLink" href="https://www.kia.com/si/"><span class="countryName Slovenia"></span>Slovenia</a> </li> <li class="country-list" countrycode="se"> <a class="countryLink" href="https://www.kia.com/se/"><span class="countryName Sweden"></span>Sweden</a> </li> <li class="country-list" countrycode="ch"> <a class="countryLink" href="https://www.kia.com/ch/"><span class="countryName Switzerland"></span>Switzerland</a> </li> <li class="country-list" countrycode="tr"> <a class="countryLink" href="https://www.kia.com/tr"><span class="countryName Turkey"></span>Turkey</a> </li> <li class="country-list" countrycode="ua"> <a class="countryLink" href="https://www.kia.com/ua"><span class="countryName Ukraine"></span>Ukraine</a> </li> <li class="country-list" countrycode="uk"> <a class="countryLink" href="https://www.kia.com/uk/"><span class="countryName United Kingdom"></span>United Kingdom</a> </li> </ul> </div>   <div data-id="eut_util_right" class="eut_util_right">   <ul class="util_menu login_menu" style="z-index: 100"> <li> <a class="myPage" href="/cz/onlineprodej/my-page/?active=1.0" target="_self">Můj účet Kia</a> <div class="omenu"> <div class="nmenu"><a href="/cz/mykia/garage/" target="_blank">MyKia</a></div> <div class="nmenu"><a href="../../www.kiacharge.com/web/cs/kia-cz.html" target="_blank">Kia Charge</a></div> <div class="nmenu"><a href="/cz/prodej/live-showroom/live-showroom/" target="_self">Online konzultace</a></div> </div> </li> <li> <a href="https://eu-account.kia.com/auth/realms/eukiaidm/protocol/openid-connect/logout?redirect_uri=https://www.kia.com/cz/" target="_self" class="logout user"><img alt="profile Icon"/>ODHLÁŠENÍ</a> </li> </ul>  <ul class="util_menu logout_menu"> <li> <a href="https://eu-account.kia.com/auth/realms/eukiaidm/protocol/openid-connect/auth?ui_locales=cs&scope=openid%20profile%20email%20phone&response_type=code&client_id=kia-default&redirect_uri=https://www.kia.com/api/bin/oneid/login&state=aHR0cHM6Ly93d3cua2lhLmNvbTo0NDMvY3ovby1raWEvcGFydG5lcnN0dmkvP190bT0xNzMyMjIzMzk3OTEw_default" target="_self" class="login user"> PŘIHLÁŠENÍ</a> </li> </ul> </div>  </div> </div> </header>   <div id="eut_container"> <div id="contents"> <div class="par parsys"><div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { /* PLEASE LOCALIZE BEGIN */ const videoPopupCTA = 'Objevte' /* English default: Discover */ /* PLEASE LOCALIZE END */ const scriptID = 'page-settings'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = `<center>FREECODE: PAGE SETTINGS videoPopupCTA = "${videoPopupCTA}" (please localize) </center>`; script.before(pre); } else { document.documentElement.style.setProperty('--videoPopupCTA', "'" + videoPopupCTA + "'"); } }); } </script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section ">  <script> { const scriptID = 'load-references'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE: LOAD REFERENCES</center>'; script.before(pre); } }); } </script> <link href="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/3/freecoding/kia-connect.css" rel="stylesheet"/>  <style> </style> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const scriptID = 'commons'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE: COMMONS</center>'; script.before(pre); } }); } /* used by visuals and chatpers */ const elementIsVisibleInViewport = (el, partiallyVisible = false) => { const { top, left, bottom, right } = el.getBoundingClientRect(); const { innerHeight, innerWidth } = window; return partiallyVisible ? top < innerHeight && bottom > 0 && left < innerWidth && right > 0 /*((top > 0 && top < innerHeight) || (bottom > 0 && bottom < innerHeight)) && ((left > 0 && left < innerWidth) || (right > 0 && right < innerWidth))*/ : top >= 0 && left >= 0 && bottom <= innerHeight && right <= innerWidth; }; /* used by visuals */ let intersectVisualObserver; if ("IntersectionObserver" in window) { intersectVisualObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { const sectionContainer = entry.target; const video = sectionContainer.querySelector('picture video'); if(video && video.dataset.playOnIntersect) { if (entry.isIntersecting) { const contentRect = video.parentElement.getBoundingClientRect(); const pictureRatio = contentRect.width / contentRect.height; video.setAttribute('src', pictureRatio >= 1 ? video.dataset.landscape : video.dataset.portrait); video.load(); videoResizeObserver.observe(video); } else { videoResizeObserver.unobserve(video); video.setAttribute('src', ''); video.removeAttribute('src'); } } if (entry.isIntersecting) sectionContainer.classList.add('k-intersecting'); else sectionContainer.classList.remove('k-intersecting'); }); }); } /* used by chapters */ let cachedHash = false; if(document.location.hash.startsWith('#')) { cachedHash = document.location.hash; /* delay hash navigation until page is loaded */ history.replaceState('', '', '#'); } /* used by visuals and stage */ const videoResizeObserver = new ResizeObserver((entries) => { for (const entry of entries) { if(entry.contentRect.width / entry.contentRect.height >= 1) { if(entry.target.dataset.landscape && entry.target.src != entry.target.dataset.landscape) entry.target.setAttribute('src', entry.target.dataset.landscape); } else { if(entry.target.dataset.portrait && entry.target.src != entry.target.dataset.portrait) entry.target.setAttribute('src', entry.target.dataset.portrait); } } }); </script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const scriptID = 'k-teaser-definitions'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE: TEASER</center>'; script.before(pre); } }); } const modifyTeaser = (sectionContainer, useBackgroundVideo, mouseOver) => { Array.from(sectionContainer.querySelectorAll('.elp-teaser_image')).forEach((sectionContainer,index) => { sectionContainer.classList.add('k-modified'); let isVideo = false; let imgSrc = ''; let img = sectionContainer.querySelector('img'); imgSrc = img.src; const picture = document.createElement('picture'); const imgSrcPrefix = /.*\/(.*?)portrait\.jpg/g.exec(imgSrc)?.[1] ?? ''; picture.innerHTML = ` <source media="(min-width: 1025px)" srcset="${imgSrc}/jcr:content/renditions/${imgSrcPrefix}landscape.jpg 1x, ${img.src}/jcr:content/renditions/${imgSrcPrefix}landscape@2x.jpg 2x"> <source media="(min-width: 768px) and (min-aspect-ratio: 4/3)" srcset="${imgSrc}/jcr:content/renditions/${imgSrcPrefix}landscape.jpg 1x, ${img.src}/jcr:content/renditions/${imgSrcPrefix}landscape@2x.jpg 2x"> <source media="(min-width: 768px) and (max-aspect-ratio: 4/3)" srcset="${imgSrc}/jcr:content/renditions/${imgSrcPrefix}portrait-large.jpg 1x, ${imgSrc}/jcr:content/renditions/${imgSrcPrefix}portrait-large@2x.jpg 2x"> <source media="(max-width: 767px) and (min-aspect-ratio: 4/3)" srcset="${imgSrc}/jcr:content/renditions/${imgSrcPrefix}landscape.jpg 1x, ${imgSrc}/jcr:content/renditions/${imgSrcPrefix}landscape.jpg 2x"> <source media="(max-width: 767px) and (max-aspect-ratio: 4/3)" srcset="${imgSrc} 1x, ${imgSrc}/jcr:content/renditions/${imgSrcPrefix}portrait@2x.jpg 2x"> `; img.setAttribute('onerror', ` console.warn("image rendition missing for", this, "fallback to image default source"); this.parentNode.children[0].srcset = this.parentNode.children[1].srcset = this.parentNode.children[2].srcset = this.parentNode.children[3].srcset = this.parentNode.children[4].srcset = this.src;`); img.setAttribute('loading', 'lazy'); picture.appendChild(img.cloneNode(true)); img.parentNode.replaceChild(picture, img); if(useBackgroundVideo){ fetch(img.src + '/jcr:content/metadata/Iptc4xmpExt:LocationShown').then(res => { if(res.ok) { res.json().then(json => { if(json) { const video = document.createElement('video'); video.dataset.portrait = json.portrait; video.dataset.landscape = json.landscape; video.muted = true; video.setAttribute('muted', ""); video.setAttribute('loop', ""); video.setAttribute('playsinline', ""); video.setAttribute('autoplay', ""); video.setAttribute('disablePictureInPicture', ""); video.setAttribute('preload', "auto"); if(mouseOver) { if(window.matchMedia("(any-hover: hover)").matches) { const contentRect = picture.getBoundingClientRect(); const pictureRatio = contentRect.width / contentRect.height; video.addEventListener("mouseover", _ => {video.setAttribute('src', pictureRatio >= 1 ? video.dataset.landscape : video.dataset.portrait); video.load();}, false); video.addEventListener("mouseout", _ => {video.setAttribute('src', ''); video.removeAttribute('src');}, false); } else { video.dataset.playOnIntersect = true; if(elementIsVisibleInViewport(picture, true)){ const contentRect = picture.getBoundingClientRect(); const pictureRatio = contentRect.width / contentRect.height; video.setAttribute('src', pictureRatio >= 1 ? video.dataset.landscape : video.dataset.portrait); video.load(); videoResizeObserver.observe(video); } } } else if (intersectVisualObserver) { video.dataset.playOnIntersect = true; if(elementIsVisibleInViewport(picture, true)){ const contentRect = picture.getBoundingClientRect(); const pictureRatio = contentRect.width / contentRect.height; video.setAttribute('src', pictureRatio >= 1 ? video.dataset.landscape : video.dataset.portrait); video.load(); videoResizeObserver.observe(video); } } else { const contentRect = picture.getBoundingClientRect(); const pictureRatio = contentRect.width / contentRect.height; video.setAttribute('src', pictureRatio >= 1 ? json.landscape : json.portrait); video.load(); videoResizeObserver.observe(video); } picture.appendChild(video); } }); } }); } if (intersectVisualObserver) intersectVisualObserver.observe(sectionContainer); }); } </script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const scriptID = 'k-header-definitions'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE MODIFICATIONS FOR HEADER</center>'; script.before(pre); } }); } let headerOverlayObserver = new MutationObserver(function(entries, observer) { entries.forEach(function(mutation) { if (mutation.type === "attributes" && mutation.attributeName === "class") { if(mutation.target.classList.contains('active')) { const video = mutation.target.closest('.visual-media-image').querySelector('picture video'); if(video) video.pause(); } else { const video = mutation.target.closest('.visual-media-image').querySelector('picture video'); if(video) video.play(); } } }); }); const modifyHeader = (sectionContainer, useBackgroundVideo) => { const copy = sectionContainer.querySelector('.text.section'); let isVideo = false; let imgSrc = ''; let img = sectionContainer.querySelector('.visual-media-image img'); if(img) { imgSrc = img.src; } else { isVideo = true; const videoData = JSON.parse(sectionContainer.querySelector('.visual-media-video [data-component]').dataset.component); imgSrc = videoData.path[0].poster; img = document.createElement('img'); img.setAttribute('alt', videoData.title); img.src = imgSrc; } const picture = document.createElement('picture'); picture.innerHTML = ` <source media="(min-aspect-ratio: 7/10)" srcset="${img.src}/jcr:content/renditions/landscape.jpg 1x, ${img.src}/jcr:content/renditions/landscape@2x.jpg 2x"> <source media="(max-aspect-ratio: 7/10) and (max-width: 390px)" srcset="${img.src} 1x, ${img.src}/jcr:content/renditions/portrait@2x.jpg 2x"> <source media="(max-aspect-ratio: 7/10)" srcset="${img.src}/jcr:content/renditions/portrait@2x.jpg 1x, ${img.src}/jcr:content/renditions/portrait@2x.jpg 2x"> `; img.setAttribute('onerror', 'console.warn("image rendition missing for", this, "fallback to image default source"); this.parentNode.children[0].srcset = this.parentNode.children[1].srcset = this.parentNode.children[2].srcset = this.src;'); if(isVideo) { const imageContainer = document.createElement('div'); imageContainer.classList.add('visual-media-image'); const videoContainer = sectionContainer.querySelector('.visual-media-video'); imageContainer.appendChild(videoContainer.cloneNode(true)); videoContainer.parentNode.replaceChild(imageContainer, videoContainer); imageContainer.appendChild(picture); picture.appendChild(img); console.log(sectionContainer.querySelector('.trailer')) headerOverlayObserver.observe(sectionContainer.querySelector('.trailer'), { attributes: true, childList: false, subtree: false }); } else { const imageContainer = sectionContainer.querySelector('.visual-media-image'); const videoContainer = sectionContainer.querySelector('.visual-media-video'); imageContainer.prepend(videoContainer); picture.appendChild(img.cloneNode(true)); img.parentNode.replaceChild(picture, img); } picture.parentNode.appendChild(copy); if(useBackgroundVideo){ fetch(img.src + '/jcr:content/metadata/Iptc4xmpExt:LocationShown').then(res => { if(res.ok){ res.text().then(text => { if(text) { const video = document.createElement('video'); video.muted = true; video.setAttribute('muted', ""); video.setAttribute('loop', ""); video.setAttribute('playsinline', ""); video.setAttribute('autoplay', ""); video.setAttribute('disablePictureInPicture', ""); video.setAttribute('preload', "auto"); video.setAttribute('src', text); picture.appendChild(video); } }); } }); } } </script> <style> @media (min-width: 768px) { .k-header .column_control>ul>li>.visual.image.section { grid-area: 1 / c0 / 1 / c13; margin: 0; } .k-header .column_control>ul>li>:not(.visual.image.section){ grid-area: 1 / c3 / 1 / c10; } } @media (max-width: 767px) { .k-header .column_control>ul>li>.visual.image.section { grid-area: 1 / c0 / 1 / c7; margin: 0; } .k-header .column_control>ul>li>:not(.visual.image.section){ grid-area: 1 / c1 / 1 / c6; } } .k-header .inner_offer { margin-top: 0; margin-bottom: 0; } .k-header .column_control>ul, .k-header .column_control>li { height: 100%; } .k-header .visual-container, .k-header .inner-container, .k-header .visual-media { height: 100%; } .k-header .visual-media { display: flex; flex-direction: column; height: 100%; } .k-header .visual-media-image { flex-grow: 1; overflow: hidden; display: flex; flex-direction: column; position: relative; justify-content: space-between; } .k-header .visual-media-video { position: relative; height: auto; width: 100%; display: block; flex-grow: 5; } .k-header .video-maincontainer * { background-image: none !important; } .k-header picture { display: block; height: 100%; width: 100%; position: relative; position: absolute; } .k-header .visual-media-video picture { position: absolute; } .k-header picture img { display: block; height: 100%; width: 100%; object-fit: cover; } .k-header picture video { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; object-fit: cover; } .k-header .fp-controls { display:none !important; } .k-header .visual-player-container { padding-top: 0px !important; padding-bottom: 102px !important; } .k-header .btn-container { padding-bottom:102px !important; } .k-header .video-maincontainer{ display: flex; flex-direction: column; justify-content: center; } @media (min-width: 1440px) { .k-header .column_control { height: calc(100vh - 80px - 32px); } } @media (max-width: 1439px) { .k-header .column_control { height: calc(100vh - 60px); } .space-container-top .k-header .column_control { height: calc(100vh - 60px - 67px); margin-top: 7px; } .mobile-menu-active .k-header .column_control { height: calc(100vh); } } .k-header .text.section { color: #FFF; position: relative; flex-grow: 1; } .k-header .text.section .elp-text { bottom: 0; position: absolute } .k-header .disclaimer .visual-disclaimer { margin-bottom: 20px; } @media (min-width: 1025px) { .k-header .disclaimer .visual-disclaimer { margin-left: 30px; margin-right: 30px; } } .k-header .visual-media-image::after { content: ""; background-color: white; width: 24px; height: 24px; position: relative; margin: 20px auto 20px auto; animation: arrow-down infinite 1.5s; background: url(https://www.kia.com/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/icon-arrow-down-light.svg); background-size: cover; display: block; } @keyframes arrow-down { 0% { transform: translateY(0); } 30% { transform: translateY(20%); } 60% { transform: translateY(0); } } .k-header .visual-media-image .text.section .elp-text{ display: grid; grid-auto-rows: auto; width:100%; margin: 0; } @media (min-width: 1025px) { .k-header .visual-media-image .text.section .elp-text { grid-template-columns: 80px repeat(11, 1fr 40px) 1fr 80px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13'; } } @media (min-width: 768px) and (max-width: 1024px) { .k-header .visual-media-image .text.section .elp-text { grid-template-columns: 30px repeat(11, 1fr 20px) 1fr 30px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13'; } } @media (min-width: 481px) and (max-width: 767px) { .k-header .visual-media-image .text.section .elp-text{ grid-template-columns: 30px repeat(5, 1fr 20px) 1fr 30px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7'; } } @media (max-width: 480px) { .k-header .visual-media-image .text.section .elp-text{ grid-template-columns: 15px repeat(5, 1fr 20px) 1fr 15px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7'; } } @media (min-width: 768px) { .k-header .visual-media-image .text.section .elp-text>*{ grid-area: 1 / c3 / 1 / c10; } } @media (max-width: 767px) { .k-header .visual-media-image .text.section .elp-text>*{ grid-area: 1 / c1 / 1 / c6; } } /* fix for language specific video overlay */ .k-header .visual-media-video .trailer.trailer.active { position: fixed; } .k-header .visual-media-video .trailer.trailer.active .iframe-container { position: relative; } </style> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const scriptID = 'k-visual-definitions'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE: VISUAL</center>'; script.before(pre); const style = document.createElement('style'); style.innerHTML = `.visual-media { max-height: 500px !important; }`; script.before(style); } }); } const modifyVisual = (sectionContainer, useBackgroundVideo, mouseOver) => { Array.from(sectionContainer.querySelectorAll('.visual.image')).forEach((sectionContainer,index) => { sectionContainer.classList.add('k-modified'); let isVideo = false; let imgSrc = ''; let img = sectionContainer.querySelector('.visual-media-image img'); if(img) { imgSrc = img.src; } else { isVideo = true; const videoData = JSON.parse(sectionContainer.querySelector('.visual-media-video [data-component]').dataset.component); imgSrc = videoData.path[0].poster; img = document.createElement('img'); img.setAttribute('alt', videoData.title); img.src = imgSrc; } const picture = document.createElement('picture'); const imgSrcPrefix = /.*\/(.*?)portrait\.jpg/g.exec(imgSrc)?.[1] ?? ''; picture.innerHTML = ` <source media="(min-width: 1025px)" srcset="${imgSrc}/jcr:content/renditions/${imgSrcPrefix}landscape.jpg 1x, ${img.src}/jcr:content/renditions/${imgSrcPrefix}landscape@2x.jpg 2x"> <source media="(min-width: 768px) and (min-aspect-ratio: 4/3)" srcset="${imgSrc}/jcr:content/renditions/${imgSrcPrefix}landscape.jpg 1x, ${img.src}/jcr:content/renditions/${imgSrcPrefix}landscape@2x.jpg 2x"> <source media="(min-width: 768px) and (max-aspect-ratio: 4/3)" srcset="${imgSrc}/jcr:content/renditions/${imgSrcPrefix}portrait-large.jpg 1x, ${imgSrc}/jcr:content/renditions/${imgSrcPrefix}portrait-large@2x.jpg 2x"> <source media="(max-width: 767px) and (min-aspect-ratio: 4/3)" srcset="${imgSrc}/jcr:content/renditions/${imgSrcPrefix}landscape.jpg 1x, ${imgSrc}/jcr:content/renditions/${imgSrcPrefix}landscape.jpg 2x"> <source media="(max-width: 767px) and (max-aspect-ratio: 4/3)" srcset="${imgSrc} 1x, ${imgSrc}/jcr:content/renditions/${imgSrcPrefix}portrait@2x.jpg 2x"> `; img.setAttribute('onerror', ` console.warn("image rendition missing for", this, "fallback to image default source"); this.parentNode.children[0].srcset = this.parentNode.children[1].srcset = this.parentNode.children[2].srcset = this.parentNode.children[3].srcset = this.parentNode.children[4].srcset = this.src;`); img.setAttribute('loading', 'lazy'); if(isVideo) { const imageContainer = document.createElement('div'); imageContainer.classList.add('visual-media-image'); const videoContainer = sectionContainer.querySelector('.visual-media-video'); imageContainer.appendChild(videoContainer.cloneNode(true)); videoContainer.parentNode.replaceChild(imageContainer, videoContainer); imageContainer.appendChild(picture); picture.appendChild(img); } else { const imageContainer = sectionContainer.querySelector('.visual-media-image'); const videoContainer = sectionContainer.querySelector('.visual-media-video'); imageContainer.prepend(videoContainer); picture.appendChild(img.cloneNode(true)); img.parentNode.replaceChild(picture, img); } if(useBackgroundVideo){ fetch(img.src + '/jcr:content/metadata/Iptc4xmpExt:LocationShown').then(res => { if(res.ok) { res.json().then(json => { if(json) { const video = document.createElement('video'); video.dataset.portrait = json.portrait; video.dataset.landscape = json.landscape; video.muted = true; video.setAttribute('muted', ""); video.setAttribute('loop', ""); video.setAttribute('playsinline', ""); video.setAttribute('autoplay', ""); video.setAttribute('disablePictureInPicture', ""); video.setAttribute('preload', "auto"); if(mouseOver) { if(window.matchMedia("(any-hover: hover)").matches) { const contentRect = picture.getBoundingClientRect(); const pictureRatio = contentRect.width / contentRect.height; video.addEventListener("mouseover", _ => {video.setAttribute('src', pictureRatio >= 1 ? video.dataset.landscape : video.dataset.portrait); video.load();}, false); video.addEventListener("mouseout", _ => {video.setAttribute('src', ''); video.removeAttribute('src');}, false); } else { video.dataset.playOnIntersect = true; if(elementIsVisibleInViewport(picture, true)){ const contentRect = picture.getBoundingClientRect(); const pictureRatio = contentRect.width / contentRect.height; video.setAttribute('src', pictureRatio >= 1 ? video.dataset.landscape : video.dataset.portrait); video.load(); videoResizeObserver.observe(video); } } } else if (intersectVisualObserver) { video.dataset.playOnIntersect = true; if(elementIsVisibleInViewport(picture, true)){ const contentRect = picture.getBoundingClientRect(); const pictureRatio = contentRect.width / contentRect.height; video.setAttribute('src', pictureRatio >= 1 ? video.dataset.landscape : video.dataset.portrait); video.load(); videoResizeObserver.observe(video); } } else { const contentRect = picture.getBoundingClientRect(); const pictureRatio = contentRect.width / contentRect.height; video.setAttribute('src', pictureRatio >= 1 ? json.landscape : json.portrait); video.load(); videoResizeObserver.observe(video); } picture.appendChild(video); } }); } }); } if (intersectVisualObserver) intersectVisualObserver.observe(sectionContainer); }); } </script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const scriptID = 'k-chapters-definitions'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE: CHAPTERS</center>'; script.before(pre); const style = document.createElement('style'); style.innerHTML = `.container { padding: 50px !important; background-image: linear-gradient(#F3C300, #C7C8CA) !important; }`; script.before(style); } }); } const modifyChapters = (sectionContainer, active) => { const collapsible = sectionContainer.closest('.k-chapter-collapsible'); if(active) collapsible.classList.add('k-chapter-active'); if(cachedHash) { let isHashForChapter = cachedHash === '#' + collapsible.id; let isHashForChapterContent = cachedHash.startsWith('#' + collapsible.id + '-') if(isHashForChapter || isHashForChapterContent) { collapsible.classList.add('k-chapter-active'); history.replaceState('', '', '#' + collapsible.id); /*sectionContainer.scrollIntoView({ behavior: 'smooth', block: "start", inline: "start" });*/ console.log('scrolling to and opening', sectionContainer, 'within', collapsible); let scrollTimeout; let failsafeTimeout; let scrollListener = function(e) { clearTimeout(scrollTimeout); console.log('Scroll ended', elementIsVisibleInViewport(sectionContainer, true)); scrollTimeout = setTimeout(function() { if(elementIsVisibleInViewport(sectionContainer, true)) { console.log('Target visible'); clearInterval(failsafeTimeout); document.removeEventListener('scroll', scrollListener); let target; if(isHashForChapterContent){ history.replaceState('', '', cachedHash); target = collapsible.querySelector(document.location.hash) ?? sectionContainer.querySelector('.k-chapter .teaser'); } else target = sectionContainer.querySelector('.k-chapter .teaser'); target.scrollIntoView({ behavior: 'smooth', block: "start", inline: "start" }); } else { failsafeTimeout = setTimeout(function() { document.removeEventListener('scroll', scrollListener); }, 4000); } }, 2000); }; document.addEventListener('scroll', scrollListener); } } sectionContainer.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function (e) { e.preventDefault(); let target = document.querySelector(this.getAttribute('href')); const isActive = target.classList.contains('k-chapter-active') target.classList.toggle('k-chapter-active'); if(!isActive) { target = target.querySelector('.k-chapter .teaser'); } target.scrollIntoView({ behavior: 'smooth', block: "start", inline: "start" }); }); }); } </script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { let parallaxElements = []; let intersectSectionObserver; if ("IntersectionObserver" in window) { intersectSectionObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { const sectionContainer = entry.target; if (entry.isIntersecting) { sectionContainer.classList.add('k-intersecting'); } else { sectionContainer.classList.remove('k-intersecting'); } parallaxElements = Array.from(document.querySelectorAll( `.k-chapter-collapsible.k-intersecting .k-chapter picture:nth-of-type(1) img` )); }); }); } const scriptID = 'k-parallax-definitions'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE: PARALLAX EFFECTS</center>'; script.before(pre); } }); window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const animateParallaxElements = () => { const elements = parallaxElements; elements.forEach((element,index) => { element.scrollInFactor = 0; element.scrollOutFactor = 0; const rect = element.getBoundingClientRect(); if(rect.height > 0) { element.scrollInFactor = Math.min(1, Math.max(0, (window.innerHeight - rect.top) / rect.height)); element.scrollOutFactor = Math.min(1, Math.max(0, rect.bottom / rect.height)); } }); requestAnimationFrame(() => { elements.forEach((element,index) => { const yValue = (1 - element.scrollInFactor) * (1 - element.scrollInFactor) * -30; const scaleValue = 1 + (1 - element.scrollOutFactor)/4; const brightnessValue = 0.4 + 0.6 * element.scrollOutFactor * (1 - (1 - element.scrollInFactor) * (1 - element.scrollInFactor)); element.style.transform = 'translate3D(0,' + yValue + 'vh, 0) scale(' + scaleValue + ')'; element.style.filter = 'brightness(' + brightnessValue + ')'; }); animateParallaxElements(); }); }; animateParallaxElements(); Array.from(document.querySelectorAll('.parsys>*')).forEach((sectionContainer,index) => { if (intersectSectionObserver) intersectSectionObserver.observe(sectionContainer); }); Array.from(document.querySelectorAll('.parsys .column_control>ul>li>*')).forEach((sectionContainer,index) => { if (intersectSectionObserver) intersectSectionObserver.observe(sectionContainer); }); } }); } </script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section ">  <script src="/content/dam/kwcms/kme/global/en/assets/vehicles/elp/1/freecoding/swiper-element-bundle.min.js"></script>  <script> { const scriptID = 'k-slider-definitions'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE MODIFICATIONS FOR SLIDER</center>'; script.before(pre); } }); } const modifySlider = (sectionContainer, sliderConfiguration) => { const slider = document.createElement('swiper-container'); slider.setAttribute('init', 'false'); Array.from(sectionContainer.querySelector('li').children).forEach((element,index) => { const slide = document.createElement('swiper-slide'); slide.appendChild(element); slider.appendChild(slide); }); sectionContainer.querySelector('li').appendChild(slider); const nextButton = document.createElement('div'); nextButton.classList.add('k-slider-next'); const prevButton = document.createElement('div'); prevButton.classList.add('k-slider-prev'); sectionContainer.querySelector('li').appendChild(nextButton); sectionContainer.querySelector('li').appendChild(prevButton); sliderConfiguration.navigation = { nextEl: nextButton, prevEl: prevButton } Object.assign(slider, sliderConfiguration); slider.initialize(); } </script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const scriptID = 'k-dropdown-definitions'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE MODIFICATIONS FOR DROPDOWNS</center>'; script.before(pre); } }); } const modifyDropdown = (sectionContainer) => { Array.from(sectionContainer.querySelectorAll('.elp-teaser_action')).forEach((element,index) => { element.addEventListener('click', (e) => { e.preventDefault(); if(sectionContainer.dataset.active == index + 1) sectionContainer.dataset.active = 0; else sectionContainer.dataset.active = index + 1; }); }); sectionContainer.dataset.active = 0; } </script> </div></div> <div class="ghost section"> </div> <div class="eutIh1 common section"> <div class="eut_cmly_section bg_none eut_lymg_txs eut_lymg_bxs eut_lypd_txs eut_lypd_bxs "> <div class="eut_ih1 eut_ih_full eut_ih_default"> <div class="ih_slide" data-ix-options="view-length:1;"> <div class="ix-list-viewport"> <ul class="ix-list-items"> <li class="ix-list-item eut_slide_item"> <div> <div class=" no-gradient " data-target="_self"> <div class="ih_pic eut_component_item" data-component='{"disableImageGradient":"true","title":"Společenská odpovědnost Kia", "button":"", "type":"image", "vendor":"", "path":[{"pc":"/content/dam/kwcms/kme/cz/cs/assets/contents/about-kia/CSR/adapteara-767x1024.png", "alt":""}]}'>  <a target="_self" onclick="satelliteTrack(event)" class="satellite-track"> <picture> <source srcset="/content/dam/kwcms/kme/cz/cs/assets/contents/about-kia/CSR/adapteara-767x1024.png" media="(max-width: 767px)"/>  <source srcset="/content/dam/kwcms/kme/cz/cs/assets/contents/about-kia/CSR/adapteara-1024x1024.png" media="(max-width: 1024px)"/>  <img src="/content/dam/kwcms/kme/cz/cs/assets/contents/about-kia/CSR/adapteara-1920x1280.png" alt="ihBase"/> </picture> </a> </div> <div class="ih_content "> <div class="cont eut_ctva_bottom eut_ctva_left bottom-left eut_ctha_l "> <div class="most_cont"> <h2 class="headline txt_fff ">Společenská odpovědnost Kia</h2> <div class="button_group"> </div> </div> </div> </div> </div> </div> </li> </ul> </div> </div> </div> <script src="/etc.clientlibs/settings/wcm/designs/eut/clientlib/libs/components/video-carousel.min.058b986ff27349c606f71281953cef2c.js"></script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <div id="start"></div> </div></div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/>  <div class="visual-container "> <div class="inner-container"> <div class="visual-media">  <div class="visual-media-image" style="--visual-aspect-ratio: 1.5;"> <img alt="CSR" src="/content/dam/kwcms/kme/cz/cs/assets/contents/about-kia/CSR/nase-dite-dar.png"/> </div> <div class="visual-media-video">  </div> <div class="disclaimer">  </div> </div> <div class="visual-description">  </div> </div> </div> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/visual/visual-author.min.f1b8aa9e7809111f3a3cf2413accf4ac.css" type="text/css"/> <script src="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/visual/visual-author.min.32cc8dbf24868690ff840872c2832035.js"></script>  </div> <div class="text section"> <div class="elp-text"> <div data-title="Aktualizace">Aktualizace</div> <div class="link-reverse"><h2 style="text-align: left;">Nadace Naše dítě</h2> </div> </div> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/text.min.8dd7f21a0a13d089f55f66c4c0745bf9.css" type="text/css"/> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__description elp-teaser_description"><p>Kia je dlouholetým partnerem Nadace Naše dítě, která již od roku 1993 pomáhá týraným, opuštěným a handicapovaným dětem. Vzájemná spolupráce začala již v roce 2009 a od té doby Kia spolu s Nadací Naše dítě podpořili přes 200 projektů částkou přesahující 5 milionů korun. </p> <p>Prostřednictvím Nadace Naše dítě, je částka rozdělena na pomoc rodinám a organizacím, které se starají o děti s omezenou schopností pohybu a socializace následkem mozkové obrny či poruchy autistického spektra.</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="#features-on-demand" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Zjistit více'}).track( 'internal_link' );">Zjistit více</a> <a class="cmp-teaser__action-link elp-teaser_action" href="#features-on-demand" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Ukázat méně'}).track( 'internal_link' );">Ukázat méně</a> </div> </div> </div> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/teaser.min.a9971ec3e68e0d346ee83c8148f8c178.css" type="text/css"/> </div> </li> </ul> </div> </div> </div> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/columnControl.min.a9aef5557ffa08ddc9f13b8aafb8f6c5.css" type="text/css"/> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'features-on-demand'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-chapter'; // <-- ADDED AS CLASS TO PRECEDING SECTION const fullScreen = true; const useBackgroundVideo = false; const mouseOver = false; const alreadyActive = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.classList.add(sectionClass); let prev = container.previousElementSibling; while(prev) { prev.classList.add(sectionClass); prev = prev.previousElementSibling; } container.closest('.columnControl.section').classList.add('k-chapter-collapsible'); container.closest('.columnControl.section').id = sectionID; container.parentElement.classList.add('k-grid'); container.previousElementSibling.querySelector('.column1 li').classList.add('k-grid'); modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); if(!fullScreen) { const picture = container.parentElement.querySelector('picture'); picture.parentElement.appendChild(picture.cloneNode(true)); } modifyChapters(container.previousElementSibling, alreadyActive); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2> </h2> <p style="text-align: left;">Kia darovala za první pololetí roku 2024 na podporu mobility dětí 252 150 korun.</p> </div> </div> </div> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/>  <div class="visual-container "> <div class="inner-container"> <div class="visual-media">  <div class="visual-media-image" style="--visual-aspect-ratio: 1.5009380863039399;"> <img alt="Kia Connect Store" src="/content/dam/kwcms/kme/cz/cs/assets/contents/about-kia/CSR/nase-dite-pomahame.png"/> </div> <div class="visual-media-video">  </div> <div class="disclaimer">  </div> </div> <div class="visual-description">  </div> </div> </div>  </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'upgrades-0'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = true; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/>  <div class="visual-container "> <div class="inner-container"> <div class="visual-media">  <div class="visual-media-image" style="--visual-aspect-ratio: 1.3333333333333333;"> <img src="/content/dam/kwcms/kme/cz/cs/assets/contents/about-kia/CSR/008162.jpg"/> </div> <div class="visual-media-video">  </div> <div class="disclaimer">  </div> </div> <div class="visual-description">  </div> </div> </div>  </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h4 style="text-align: left;">Dlouholeté partnerství</h4> <p style="text-align: left;"> </p> <p style="text-align: left;">"Kia je pro nás nepostradatelným stabilním dárcem, bez jehož podpory bychom se neobešli. Společně pomáháme už 15 let dětem s mozkovou obrnou, a také dětem s poruchami autistického spektra. Ročně podpoříme okolo stovky dětí s těmito diagnózami a z toho jedné třetině žadatelů můžeme přispět právě díky značce Kia. Nejčastěji jde o finanční příspěvky na rehabilitační cvičení či pobyty, fyzioterapie, ergoterapie, různé kompenzační pomůcky jako jsou vozíčky, zdravotní tříkolky anebo osobní asistence. Pro rodiny s handicapovaným dítětem je velká úleva, že se mají kam obrátit, protože většinu speciálních terapií a pomůcek nehradí zdravotní pojišťovny anebo jen částečně. Všechny tyto nezbytné potřeby však stojí v řádu vyšších desítek tisíc korun. Stejně tak společně se značkou Kia podporujeme organizace, které o děti s těmito diagnózami pečují,“ upřesňuje spolupráci Ivana Kozáková, ředitelka Nadace Naše dítě.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'upgrades-1'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = false; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="ghost section"> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'upgrades-2'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = false; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/>  <div class="visual-container "> <div class="inner-container"> <div class="visual-media">  <div class="visual-media-image" style="--visual-aspect-ratio: 1;"> <img alt="Music on the move" src="/content/dam/kwcms/kme/cz/cs/assets/contents/about-kia/CSR/nadace/nase-dite-logo.png"/> </div> <div class="visual-media-video">  </div> <div class="disclaimer">  </div> </div> <div class="visual-description">  </div> </div> </div>  </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h4>Kia a Nadace Naše dítě</h4> <p> </p> <p>Za dobu 15letého partnerství mezi značkou Kia a nadací bylo darováno přes 5 milionů korun.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="ghost section"> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/>  <div class="visual-container "> <div class="inner-container"> <div class="visual-media">  <div class="visual-media-image" style="--visual-aspect-ratio: 1.5;"> <img src="/content/dam/kwcms/kme/cz/cs/assets/contents/about-kia/CSR/adaptera-most.png"/> </div> <div class="visual-media-video">  </div> <div class="disclaimer">  </div> </div> <div class="visual-description">  </div> </div> </div>  </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2 style="text-align: left;">Adapterra</h2> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__description elp-teaser_description"><p>Partnerství s celorepublikovou soutěží Adapterra Awards, kterou vyhlašuje Nadace Partnerství, navazuje na globální aktivity značky Kia v oblasti udržitelnosti a ochrany vody, a jejím cílem je motivace a edukace české veřejnosti v boji proti suchu.</p> <p> </p> <p>Cena Adapterra Awards, která se vyhlašuje od roku 2019, hledá za pomoci odborné poroty nejlepší adaptační projekty ve 4 hlavních kategoriích: volná krajina, zastavěná území, pracovní prostředí a náš domov. Kia je partnerem Adapterra Awards od roku 2023, kdy poprvé předala jednomu z projektů speciální cenu Kia za Soulad člověka s přírodou. O vítězi ceny rozhoduje hlasování veřejnosti v kombinaci s názory odborné poroty.</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="#digital-key" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Zjistit více'}).track( 'internal_link' );">Zjistit více</a> <a class="cmp-teaser__action-link elp-teaser_action" href="#digital-key" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Ukázat méně'}).track( 'internal_link' );">Ukázat méně</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'digital-key'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-chapter'; // <-- ADDED AS CLASS TO PRECEDING SECTION const fullScreen = true; const useBackgroundVideo = false; const mouseOver = false; const alreadyActive = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.classList.add(sectionClass); let prev = container.previousElementSibling; while(prev) { prev.classList.add(sectionClass); prev = prev.previousElementSibling; } container.closest('.columnControl.section').classList.add('k-chapter-collapsible'); container.closest('.columnControl.section').id = sectionID; container.parentElement.classList.add('k-grid'); container.previousElementSibling.querySelector('.column1 li').classList.add('k-grid'); modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); if(!fullScreen) { const picture = container.parentElement.querySelector('picture'); picture.parentElement.appendChild(picture.cloneNode(true)); } modifyChapters(container.previousElementSibling, alreadyActive); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2>Adapterra awards.</h2> <h2> </h2> <h3> </h3> <h3> </h3> <p style="text-align: left;">Partnerství s celorepublikovou soutěží Adapterra Awards, kterou vyhlašuje Nadace Partnerství, navazuje na globální aktivity značky Kia v oblasti udržitelnosti a ochrany vody, a jejím cílem je motivace a edukace české veřejnosti v boji proti suchu.</p> <p style="text-align: left;"> </p> <p style="text-align: left;">Cena Adapterra Awards, která se vyhlašuje od roku 2019, hledá za pomoci odborné poroty nejlepší adaptační projekty ve 4 hlavních kategoriích: volná krajina, zastavěná území, pracovní prostředí a náš domov. Kia je partnerem Adapterra Awards od roku 2023, kdy poprvé předala jednomu z projektů speciální cenu Kia za Soulad člověka s přírodou. O vítězi ceny rozhoduje hlasování veřejnosti v kombinaci s názory odborné poroty.</p> </div> </div> </div> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/>  <div class="visual-container "> <div class="inner-container"> <div class="visual-media">  <div class="visual-media-image" style="--visual-aspect-ratio: 1.5009380863039399;"> <img src="/content/dam/kwcms/kme/cz/cs/assets/contents/about-kia/CSR/adaptera-eon.png"/> </div> <div class="visual-media-video">  </div> <div class="disclaimer">  <div class="visual-disclaimer"> <div class="light bottom-left"> <p>All vehicles displayed are for illustration purposes only and may differ from the actual vehicle specification. App features and display may vary or change. Apple App Store Symbol and Apple Logo are trademarks of Apple Inc. Google Play and the Google Play logo are trademarks of Google LLC.</p> </div> </div> </div> </div> <div class="visual-description">  </div> </div> </div>  </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'key-0'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = true; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/>  <div class="visual-container "> <div class="inner-container"> <div class="visual-media">  <div class="visual-media-image" style="--visual-aspect-ratio: 1;"> <img src="/content/dam/kwcms/kme/cz/cs/assets/contents/about-kia/CSR/adapterra-kia-most.png"/> </div> <div class="visual-media-video">  </div> <div class="disclaimer">  </div> </div> <div class="visual-description">  </div> </div> </div>  </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2>Adapterra awards.</h2> <h2> </h2> <h3> </h3> <h3> </h3> <p style="text-align: left;">Kia navázala spolupráci s Nadací Partnerství na celostátní soutěži Adapterra Awards, která oceňuje nejlepší adaptační projekty na změnu klimatu </p> <p style="text-align: left;"> </p> <p style="text-align: left;">V rámci partnerství bude udělena cena Kia za ´Soulad člověka s přírodou´ jednomu z finálových projektů, který nejlépe reprezentuje naplnění hodnot a cílů společnosti v oblasti udržitelnosti</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'key-1'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = false; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/>  <div class="visual-container "> <div class="inner-container"> <div class="visual-media">  <div class="visual-media-image" style="--visual-aspect-ratio: 1;"> <img src="/content/dam/kwcms/kme/cz/cs/assets/contents/about-kia/CSR/nadace/adaptera-logp.png"/> </div> <div class="visual-media-video">  </div> <div class="disclaimer">  </div> </div> <div class="visual-description">  </div> </div> </div>  </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2>#SKiaZaVodou</h2> <h2> </h2> <h3> </h3> <h3> </h3> <p style="text-align: left;">Společnou komunikaci na sociálních sítích, kterou do pohybu uvede model Niro EV, zastřeší hashtag #SKiaZaVodou </p> <p style="text-align: left;"> </p> <p style="text-align: left;">Partnerství se stává neoddělitelnou součástí vize společnosti Kia, která se chce stát ʻposkytovatelem trvalého řešení v oblasti udržitelné mobilityʼ </p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'key-2'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = false; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="ghost section"> </div> <div class="ghost section"> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/>  <div class="visual-container "> <div class="inner-container"> <div class="visual-media">  <div class="visual-media-image" style="--visual-aspect-ratio: 1.5;"> <img src="/content/dam/kwcms/kme/cz/cs/assets/contents/about-kia/CSR/loono-srdce-kia.png"/> </div> <div class="visual-media-video">  </div> <div class="disclaimer">  </div> </div> <div class="visual-description">  </div> </div> </div>  </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2 style="text-align: left;">Loono</h2> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__description elp-teaser_description"><p>Stejně jako je hnací silou každého auta motor, tak v případě člověka je tímto motorem jeho srdce. Propojením s organizací Loono se Kia snaží oslovit a edukovat veřejnost v oblasti ochrany zdraví, zejména pak v prevenci kardiovaskulárních onemocnění.</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="#digital-key2" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Zjistit více'}).track( 'internal_link' );">Zjistit více</a> <a class="cmp-teaser__action-link elp-teaser_action" href="#digital-key2" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Ukázat méně'}).track( 'internal_link' );">Ukázat méně</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'digital-key2'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-chapter'; // <-- ADDED AS CLASS TO PRECEDING SECTION const fullScreen = true; const useBackgroundVideo = false; const mouseOver = false; const alreadyActive = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.classList.add(sectionClass); let prev = container.previousElementSibling; while(prev) { prev.classList.add(sectionClass); prev = prev.previousElementSibling; } container.closest('.columnControl.section').classList.add('k-chapter-collapsible'); container.closest('.columnControl.section').id = sectionID; container.parentElement.classList.add('k-grid'); container.previousElementSibling.querySelector('.column1 li').classList.add('k-grid'); modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); if(!fullScreen) { const picture = container.parentElement.querySelector('picture'); picture.parentElement.appendChild(picture.cloneNode(true)); } modifyChapters(container.previousElementSibling, alreadyActive); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2>Osvěta v oblasti péče o zdraví</h2> <h2> </h2> <h3> </h3> <h3> </h3> <p>Medici z Loono zajistili vzdělávací program pro návštěvníky roadshow Kia v Praze a ve Zlíně</p> </div> </div> </div> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/>  <div class="visual-container "> <div class="inner-container"> <div class="visual-media">  <div class="visual-media-image" style="--visual-aspect-ratio: 1.5;"> <img alt="Kia Digital Key" src="/content/dam/kwcms/kme/cz/cs/assets/contents/about-kia/CSR/loono-jsme-tu.png"/> </div> <div class="visual-media-video">  </div> <div class="disclaimer">  </div> </div> <div class="visual-description">  </div> </div> </div>  </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'key-0'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = true; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/>  <div class="visual-container "> <div class="inner-container"> <div class="visual-media">  <div class="visual-media-image" style="--visual-aspect-ratio: 1;"> <img src="/content/dam/kwcms/kme/cz/cs/assets/contents/about-kia/CSR/nadace/loono-logo.png"/> </div> <div class="visual-media-video">  </div> <div class="disclaimer">  </div> </div> <div class="visual-description">  </div> </div> </div>  </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2>Loono</h2> <h2> </h2> <h3> </h3> <h3> </h3> <p>Automobilka Kia navázala spolupráci s neziskovou organizací Loono za účelem osvěty v oblasti péče o zdraví</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'key-1'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = false; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'key-2'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = false; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <div id="pairing"></div> </div></div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="freeCoding common section"> <div class="eut_cmly_section ">  <div id="range"></div> <br><br>  </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <div id="download-the-app"></div> </div></div> <div class="ghost section"> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <div id="support"></div> </div></div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 1.5003990422984836;"> <img src="/content/dam/kwcms/kme/cz/cs/assets/contents/kampane/2024/roadshow/wakeport.png "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/cz/roadshow/">Kia Roadshow</a> </h2> <div class="cmp-teaser__description elp-teaser_description"><p>Kia vyráží na roadshow a dobije i tvoje město. Zažij pohyb, který dobíjí!</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/cz/roadshow/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Zjistit více'}).track( 'internal_link' );">Zjistit více</a> </div> </div> </div> </div> </li> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 1.498802873104549;"> <img src="/content/dam/kwcms/kme/cz/cs/assets/contents/kampane/2024/roadshow/depo.png "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/cz/o-kia/kia-zazitek/technologie/elektrifikace/">Vše o EV</a> </h2> <div class="cmp-teaser__description elp-teaser_description"><p>Poznejte svět elektromobility Kia</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/cz/o-kia/kia-zazitek/technologie/elektrifikace/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Zjistit více'}).track( 'internal_link' );">Zjistit více</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-crossref-1'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-crossref'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> <style> .k-crossref.columnControl.section { padding-top: 20px; padding-bottom: 1px; } .k-crossref.columnControl.section .column_control>ul { margin: 0; display: flex; flex-direction: row; align-items: normal; } .k-crossref.columnControl.section .column_control>ul>li{ width:100%; position: relative; display:block; } .k-crossref.columnControl.section .column_control>ul{ display: grid; grid-auto-rows: minmax(80px, auto); width:100%; position: relative; } @media (min-width: 1025px) { .k-crossref.columnControl.section .column_control>ul{ grid-template-columns: 80px repeat(11, 1fr 40px) 1fr 80px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13'; } } @media (min-width: 768px) and (max-width: 1024px) { .k-crossref.columnControl.section .column_control>ul{ grid-template-columns: 30px repeat(11, 1fr 20px) 1fr 30px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13'; } } @media (min-width: 481px) and (max-width: 767px) { .k-crossref.columnControl.section .column_control>ul{ grid-template-columns: 30px repeat(5, 1fr 20px) 1fr 30px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7'; } } @media (max-width: 480px) { .k-crossref.columnControl.section .column_control>ul{ grid-template-columns: 15px repeat(5, 1fr 20px) 1fr 15px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7'; } } @media (min-width: 768px) { .k-crossref .column_control>ul>li:nth-last-child(1){ grid-area: 1 / c5 / 1 / c8; } .k-crossref .column_control>ul>li:nth-last-child(2){ grid-area: 1 / c3 / 1 / c6; } .k-crossref .column_control>ul>li:nth-last-child(2)+li{ grid-area: 1 / c7 / 1 / c10; } .k-crossref .column_control>ul>li:nth-last-child(3){ grid-area: 1 / c1 / 1 / c4; } .k-crossref .column_control>ul>li:nth-last-child(3)+li{ grid-area: 1 / c5 / 1 / c8; } .k-crossref .column_control>ul>li:nth-last-child(3)+li+li{ grid-area: 1 / c9 / 1 / c12; } .k-crossref .column_control>ul>li .teaser.section, .k-crossref .column_control>ul>li .teaser.section>* { height: 100%; } .k-crossref .column_control>ul>li .teaser.section .cmp-teaser__content { flex-grow: 1; display: flex; flex-direction: column; } .k-crossref .column_control>ul>li .teaser.section .cmp-teaser__description { flex-grow: 1; } } @media (max-width: 767px) { .k-crossref .column_control>ul>li{ grid-area: auto / c1 / span 1 / c6; } } </style> </div></div> <div class="ghost section"> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <link rel="stylesheet" type="text/css" href="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/dev-kia-connect-2.css"/> <script> window.addEventListener("load", function (event) { featureComponentsContainer = document.querySelector( ".features-section .column_control ul" ); console.log('initializing features section', featureComponentsContainer); featureComponentsContainer.classList.add("feature-component"); }); let pgActiveSlideIndex = 1; function showPairGuideItem(index){ for (let i = 0; i < pairingGuideContentItem.length; i++) { pairingGuideContentItem[i].style.display = "none"; } pairingGuideContentItem[index].style.display = "block"; for (let i = 0; i < pairingGuideNavItem.length; i++) { pairingGuideNavItem[i].classList.remove('active-nav-item'); pairingGuideNavItem[i].classList.add('inactive-nav-item'); } pairingGuideNavItem[index].classList.remove('inactive-nav-item'); pairingGuideNavItem[index].classList.add('active-nav-item'); pgActiveSlideIndex = index + 1; setPgVisibility(); } function setPgVisibility(){ if (pgActiveSlideIndex == 1) { pgprev.style.visibility = "hidden"; } else { pgprev.style.visibility = "visible"; } if (pgActiveSlideIndex == 7) { pgnext.style.visibility = "hidden"; } else { pgnext.style.visibility = "visible"; } } function pgprevBtnAction() { if (pgActiveSlideIndex <= 1) return; --pgActiveSlideIndex; setPgVisibility(); showPairGuideItem(pgActiveSlideIndex - 1); } function pgnextBtnAction() { if (pgActiveSlideIndex >= 7) return; ++pgActiveSlideIndex; setPgVisibility(); showPairGuideItem(pgActiveSlideIndex - 1); } </script> </div></div> </div> </div> </div>   <div id="eut_footer"> <div class="f_logo"><img alt="Kia" src="/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/logo_kia_white-rbr.png"/> </div>  <div class="facebookchatbot"> </div>    <div class="sitemapComp"> <div class="sitemap active" title="sitemap"> <div class="inner"> <dl> <dt> Modely </dt>  <dd> <a href="/cz/modely/picanto/objevte/" target="_self"> Picanto </a> </dd> <dd> <a href="/cz/modely/cd-hb/discover/"> Ceed </a> </dd> <dd> <a href="/cz/modely/cd-sw/objevte/"> Ceed Sportswagon </a> </dd> <dd> <a href="/cz/modely/cd-cuv/discover/"> XCeed </a> </dd> <dd> <a href="/cz/modely/cd-proceed/objevte/"> ProCeed </a> </dd> <dd> <a href="/cz/modely/ev-3/objevte/"> EV3 </a> </dd> <dd> <a href="/cz/modely/ev6/digital-objevte/"> EV6 </a> </dd> <dd> <a href="/cz/modely/ev6-gt/objevte/"> EV6 GT </a> </dd> <dd> <a href="/cz/modely/ev9/objevte/"> EV9 </a> </dd> <dd> <a href="/cz/modely/sportage/objevte/"> Sportage </a> </dd> <dd> <a href="/cz/modely/zcela-nova-sportage/discover/"> Sportage HEV </a> </dd> <dd> <a href="/cz/modely/sportage/objevte/"> Sportage PHEV </a> </dd> <dd> <a href="/cz/modely/niro-ev/objevte/"> Niro EV </a> </dd> <dd> <a href="/cz/modely/niro-ev/objevte/"> Niro PHEV </a> </dd> <dd> <a href="/cz/modely/niro-ev/objevte/"> Niro HEV </a> </dd> <dd> <a href="/cz/modely/stonic/objevte/"> Stonic </a> </dd> <dd> <a href="/cz/modely/sorento/objevte/"> Sorento </a> </dd> <dd> <a href="/cz/modely/sorento/objevte/"> Sorento HEV </a> </dd> <dd> <a href="/cz/modely/sorento/objevte/"> Sorento PHEV </a> </dd> </dl> <dl> <dt> Chci vůz Kia </dt>  <dd> <a href="/cz/o-kia/kia-zazitek/technologie/elektrifikace/"> Elektromobilita </a> </dd> <dd> <a href="/cz/prodej/ev/objevte/"> Elektromobily Kia </a> </dd> <dd> <a href="/cz/o-kia/pbv/with-kia-pbv/about/"> PBV </a> </dd> <dd> <a href="/cz/prodej/konfigurator/"> Konfigurátor </a> </dd> <dd> <a href="/cz/prodej/akcni-nabidky/"> Akční nabídky </a> </dd> <dd> <a href="/cz/prodej/ceniky-katalogy/" target="_self"> Ceníky / katalogy </a> </dd> <dd> <a href="/cz/onlineprodej/"> Online prodej </a> </dd> <dd> <a href="/cz/servis/warranty-guides/kia-7-year-warranty/"> 7 letá záruka Kia </a> </dd> <dd> <a href="/cz/prodej/nabidka-financovani/"> Financování </a> </dd> <dd> <a href="/cz/prodej/live-showroom/"> Online konzultace </a> </dd> </dl> <dl> <dt> Vozy ihned </dt>  <dd> <a href="/cz/vozy-ihned/skladove-vozy/"> Skladové vozy </a> </dd> <dd> <a href="/cz/vozy-ihned/ojete-vozy/"> Ojeté vozy </a> </dd> </dl> <dl> <dt> Pro firmy </dt>  <dd> <a href="/cz/pro-firmy/kia-business/"> Kia Business </a> </dd> <dd> <a href="/cz/prodej/akcni-nabidky/kia-lease/" target="_self"> Kia Lease | Operativní leasing </a> </dd> <dd> <a href="/cz/pro-firmy/zvyhodnene-podminky-nakupu/"> Zvýhodněné podmínky nákupu </a> </dd> </dl> <dl> <dt> Servis </dt>  <dd> <a href="/cz/servis/servisni-nabidky/" target="_self"> Servisní nabídky </a> </dd> <dd> <a href="/cz/servis/service-and-maintenance/" target="_self"> Kia servis a údržba </a> </dd> <dd> <a href="/cz/servis/ev-services/" target="_self"> Služby EV </a> </dd> <dd> <a href="/cz/servis/parts-and-accessories/" target="_self"> Náhradní díly a příslušenství </a> </dd> <dd> <a href="/cz/servis/warranty-guides/" target="_self"> Záruka a návody </a> </dd> <dd> <a href="/cz/servis/connectivity/" target="_self"> Konektivita </a> </dd> <dd> <a href="/cz/servis/informace-pro-zachranare/" target="_self"> Informace pro záchranáře </a> </dd> <dd> <a href="/cz/servis/udrzitelnost/"> Udržitelnost </a> </dd> </dl> <dl> <dt> O Kia </dt>  <dd> <a href="/cz/o-kia/znacka/"> Značka Kia </a> </dd> <dd> <a href="/cz/o-kia/sustainability/"> Sustainability </a> </dd> <dd> <a href="/cz/o-kia/kariera/" target="_blank"> Váš zdroj nové Inspirace </a> </dd> <dd> <a href="https://www.kia-express.cz/"> Tiskové zprávy a novinky </a> </dd> <dd> <a href="/cz/o-kia/kia-zazitek/"> Kia zážitek </a> </dd> <dd> <a href="/cz/o-kia/svetmoznosti/"> #inspiredbykia </a> </dd> <dd> <a href="https://dam.kia.cz/dokumenty/magazin/Kia_2stranky_2023_ZMENSENY.pdf"> Magazín Kia Move </a> </dd> <dd> <a href="/cz/o-kia/partnerstvi/"> Společenská zodpovědnost </a> </dd> </dl> <dl> <dt> MyKia </dt>  <dd> <a href="/cz/mykia/garage/"> Můj vůz </a> </dd> <dd> <a href="/cz/mykia/schedule/"> Časový plán </a> </dd> <dd> <a href="/cz/mykia/toolbox/"> Návody </a> </dd> <dd> <a href="/cz/mykia/dealer/"> Můj dealer </a> </dd> <dd> <a href="/cz/mykia/profile/"> Můj profil </a> </dd> <dd> <a href="/cz/mykia/inbox/"> Doručená pošta </a> </dd> </dl> </div> </div> </div>   <div class="footerContent"> <div class="site_info_container"> <div class="site_info"> <ul class="util_menu"> <li class="sns"> <a href="https://www.facebook.com/kiaczech" target="_blank"> <img src="/content/dam/kwcms/kme/global/en/assets/common/icon-sns-facebook-transparent-white.png" width="40" height="40" alt="Kia Czech Facebook" title="Kia Czech Facebook" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"/> </a> <a href="https://twitter.com/KIACzech" target="_blank"> <img src="/content/dam/kwcms/kme/global/en/assets/common/icon-sns-twitter-transparent-white.png" width="40" height="40" alt="Kia Czech Twitter" title="Kia Czech Twitter" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"/> </a> <a href="https://www.youtube.com/KiaCzech" target="_blank"> <img src="/content/dam/kwcms/kme/global/en/assets/common/icon-sns-youtube-transparent-white.png" width="40" height="40" alt="Kia Czech Youtube" title="Kia Czech Youtube" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"/> </a> <a href="http://instagram.com/kiaczech" target="_blank"> <img src="/content/dam/kwcms/kme/global/en/assets/common/icon-sns-instagram-transparent-white.png" width="40" height="40" alt="Kia Czech Instagram" title="Kia Czech Instagram" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"/> </a> </li> </ul> <ul class="util_menu util_menu_right"> <li> <a href="https://www.kia.com/cz/vylouceni-odpovednosti/">Vyloučení odpovědnosti</a> </li> <li> <a href="https://www.kia.com/cz/ochrana-udaju/">Ochrana osobních údajů</a> </li> <li> <a href="https://www.kia.com/cz/cookies/">Cookies </a> </li> <li> <a href="https://www.kia.com/cz/impresum/">Impresum</a> </li> <li> <a href="https://www.kia.com/cz/dsar/">Žádost subjektu údajů o přístup k údajům</a> </li> <li> <a href="https://www.kia.com/cz/kia-connect-pravni-dokumenty/" target="_self">Kia Connect právní dokumenty</a> </li> <li class="last"> <a href="https://www.kia.com/cz/online-naborovy-nastroj/">Online náborový nástroj</a> </li> </ul> </div> </div> </div>  <div class="disclaimer"> </div> <div class="copyright"> <div class="inner"> <div id='eut_breadcrumb'> <ol vocab="http://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://www.kia.com/cz/uvodni-stranka/"> <span property="name">Home</span> </a> <meta property="position" content="0"/> </li> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://www.kia.com/cz/about-kia/kia-company/"> <span property="name">O Kia</span> </a> <meta property="position" content="1"/> </li> </ol> </div>  <p><span>© 2023 Kia Czech s.r.o. </span> <span class="footerRights">VŠECHNA PRÁVA VYHRAZENA</span> </p> </div> </div> </div> <div>  <script type="text/plain" src="https://www.youtube.com/iframe_api" class="optanon-category-4"></script>  <script type="text/javascript" src="//releases.flowplayer.org/7.2.7/commercial/flowplayer.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/>   <script> /** */ function load() { if(window.eut && window.eut.COUNTRY && window.eut.COUNTRY.toLowerCase()==="gr"){ return; } gapi.client.setApiKey('AIzaSyBYEFgRCw_gh-nPdEWQyPRpL50KoCDysi4'); gapi.client.load('urlshortener', 'v1',function(){}); } </script> <script type="text/plain" src="https://apis.google.com/js/client.js?onload=load" class="optanon-category-4"></script> </div> <div> </div>  <span class="eut_nav_dim"></span> <script src="/etc.clientlibs/settings/wcm/designs/eut/clientlib/libs/components.min.72d1bf7e48f3cdc04d7c32a2861d7571.js"></script> </html>

CINXE.COM

Společenská zodpovědnost