{"id":770,"date":"2025-08-18T20:29:33","date_gmt":"2025-08-18T18:29:33","guid":{"rendered":"https:\/\/nrgcar.eu\/boschung\/?page_id=770"},"modified":"2026-02-05T15:19:54","modified_gmt":"2026-02-05T14:19:54","slug":"koltsegkalkulator","status":"publish","type":"page","link":"https:\/\/nrgcar.eu\/boschung\/koltsegkalkulator\/","title":{"rendered":"K\u00f6lts\u00e9gkalkul\u00e1tor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"770\" class=\"elementor elementor-770\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00e2a21 e-flex e-con-boxed e-con e-parent\" data-id=\"00e2a21\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbeb40b elementor-widget elementor-widget-html\" data-id=\"dbeb40b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"usg-wrap\">\n  <style>\n    .usg-wrap{--usg-accent:#FFCC00;--usg-muted:#eff3f7;--usg-text:#0c1b2a;--usg-card:#fff;--usg-radius:18px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--usg-text)}\n    .usg-container{max-width:100%;margin:0 auto;padding:24px}\n    .usg-title{font-size:clamp(22px,3vw,32px);font-weight:700;margin:0 0 8px}\n    .usg-sub{color:#35506b;margin:0 0 24px}\n    .usg-grid{display:grid;gap:18px}\n    @media(min-width:900px){.usg-grid{grid-template-columns:1.2fr 1fr}}\n    .usg-card{background:var(--usg-card);border-radius:var(--usg-radius);box-shadow:0 8px 30px rgba(2,13,32,.08);padding:18px}\n\n    \/* --- USG fejl\u00e9ck\u00e9p + c\u00edms\u00e1v --- *\/\n    .usg-header{position:relative;margin:0 0 10px;border-radius:var(--usg-radius);overflow:hidden;box-shadow:0 8px 30px rgba(2,13,32,.08)}\n    .usg-header img{display:block;width:100%;height:auto;object-fit:cover}\n    .usg-title{\n      position:absolute;left:50%;top:5%;transform:translateX(-50%);\n      margin:0;padding:10px 16px;border-radius:12px;color:#000;\n      font-size:clamp(13px,3vw,32px);font-weight:800;letter-spacing:.2px;text-align:center;line-height:1.2\n    }\n    .usg-sub{margin:50px 0 50px;text-align:center}\n    @media (max-width:599px){\n      .usg-title{top:1%;padding:0 0}\n    }\n\n    \/* c\u00edmsor ikonok *\/\n    .usg-section-title{display:flex;align-items:center;gap:10px;font-weight:700;margin:0 0 12px}\n    .usg-section-title img{width:22px;height:22px;object-fit:contain}\n\n    .usg-row{display:flex;gap:12px;flex-wrap:wrap}\n\n    \/* V\u00e1laszt\u00f3 k\u00e1rty\u00e1k (modellek + akkuk) *\/\n    .usg-choice{\n      position:relative;display:flex;align-items:center;gap:12px;\n      border:1.5px solid #d7e3ef;border-radius:14px;padding:12px;cursor:pointer;\n      transition:.2s;background:#fff;flex:1 1 0;min-width:220px\n    }\n    .usg-choice:hover{border-color:#b7cbe0;box-shadow:0 6px 16px rgba(6,30,61,.06)}\n    .usg-choice.is-active{border-color:var(--usg-accent);box-shadow:0 0 0 4px rgba(39,53,68,.12)}\n\n    \/* overlay input: a TELJES k\u00e1rtya kattinthat\u00f3 *\/\n    .usg-choice input[type=\"checkbox\"]{position:absolute;inset:0;opacity:0;cursor:pointer}\n\n    \/* kerek jel\u00f6l\u0151 *\/\n    .usg-check{\n      width:20px;height:20px;border:2px solid #97b5cf;border-radius:999px;\n      display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;transition:.2s;background:#fff\n    }\n    .usg-choice.is-active .usg-check{border-color:var(--usg-accent);background:var(--usg-accent)}\n    .usg-check::after{content:\"\";width:10px;height:10px;border-radius:999px;background:#fff;opacity:0;transition:.2s}\n    .usg-choice.is-active .usg-check::after{opacity:1}\n\n    .usg-choice .usg-label{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}\n    .usg-choice .usg-name{font-weight:700}\n    .usg-choice .usg-meta{font-size:12px;color:#4a6a89}\n\n    \/* modelk\u00e1rty\u00e1n k\u00e9p jobbra *\/\n    .usg-choice img{width:75px;height:75px;object-fit:contain;border-radius:10px;background:#fff;margin-left:auto}\n\n    .usg-row.stack-vertical{flex-wrap:nowrap;flex-direction:column}\n\n    \/* Cs\u00faszk\u00e1k *\/\n    .usg-controls{display:grid;gap:16px}\n    .usg-range{background:var(--usg-muted);border-radius:14px;padding:14px}\n    .usg-range label{display:flex;justify-content:space-between;gap:10px;font-weight:600;margin-bottom:8px}\n    .usg-out{font-variant-numeric:tabular-nums}\n    .usg-range input[type=range]{-webkit-appearance:none;width:100%;height:8px;border-radius:999px;background:#d9e6f3;outline:none}\n    .usg-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--usg-accent);border:3px solid #fff;box-shadow:0 2px 10px rgba(39,53,68,.35);cursor:pointer}\n    .usg-range input[type=range]::-moz-range-thumb{width:24px;height:24px;border:none;border-radius:50%;background:var(--usg-accent);cursor:pointer}\n\n    \/* Jobb oszlop *\/\n    .usg-right{background:var(--usg-accent);color:#fff;display:flex;flex-direction:column;min-height:100%}\n    .usg-hero{width:100%;aspect-ratio:16\/9;border-radius:var(--usg-radius);overflow:hidden;background:#fff}\n    .usg-hero img{width:100%;height:100%;object-fit:cover;display:block;background:#fff}\n    .usg-spacer{flex:1 1 auto}\n    .usg-result{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;color:#000}\n    .usg-result large{font-size:large;opacity:.95;font-weight:600;letter-spacing:.2px}\n    .usg-amount{font-size:clamp(28px,5vw,44px);font-weight:800;letter-spacing:.3px}\n\n    .usg-hidden{display:none !important}\n\n    @media(max-width:899px){\n      .usg-right{align-items:center}\n      .usg-result{align-self:center}\n    }\n\n    .usg-disclaimer{font-size:12px;color:#4a6a89;text-align:left;margin:20px 0 0;line-height:1.5}\n    .usg-disclaimer p{margin:4px 0}\n  <\/style>\n\n  <div class=\"usg-container\" id=\"usg-app\" data-locale=\"hu-HU\">\n    <div class=\"usg-header\">\n      <img decoding=\"async\" src=\"https:\/\/nrgcar.eu\/wp-content\/uploads\/sites\/7\/2025\/08\/Urban-Sweeper-S2.0-20-3.webp\" alt=\"Utcasepr\u0151g\u00e9p \u2013 Boschung\">\n      <h4 class=\"usg-title\">Utcasepr\u0151g\u00e9p \u00fczemeltet\u00e9si k\u00f6lts\u00e9g kalkul\u00e1tor<\/h4>\n    <\/div>\n\n    <p class=\"usg-sub\">\n      V\u00e1laszd ki a g\u00e9pt\u00edpust, ezut\u00e1n add meg az elektromos \u00e1ram egys\u00e9g\u00e1r\u00e1t \u00e9s az \u00e9ves fut\u00e1steljes\u00edtm\u00e9nyt \u00fczem\u00f3r\u00e1ban, mely alapj\u00e1n kisz\u00e1moljuk a v\u00e1rhat\u00f3 \u00e9ves \u00fczemeltet\u00e9si k\u00f6lts\u00e9gedet.\n    <\/p>\n\n    <div class=\"usg-grid\">\n      <!-- BAL: v\u00e1laszt\u00f3k -->\n      <div class=\"usg-card\">\n        <!-- G\u00c9PT\u00cdPUS -->\n        <div class=\"usg-section\">\n          <div class=\"usg-section-title\">\n            <img decoding=\"async\" src=\"https:\/\/nrgcar.eu\/wp-content\/uploads\/sites\/7\/2025\/08\/truck-ico-nrg-car.webp\" alt=\"\">\n            Utcasepr\u0151g\u00e9p t\u00edpusa\n          <\/div>\n          <div class=\"usg-row\" id=\"usg-models\">\n            <label class=\"usg-choice\" data-value=\"PONY\">\n              <input type=\"checkbox\" class=\"usg-model-input\" value=\"PONY\"\/>\n              <span class=\"usg-check\" aria-hidden=\"true\"><\/span>\n              <div class=\"usg-label\"><span class=\"usg-name\">Pony P3.0<\/span><span class=\"usg-meta\">multifunkci\u00f3s eszk\u00f6zhordoz\u00f3 \u00f6sszker\u00e9k-meghajt\u00e1ssal<\/span><\/div>\n              <img decoding=\"async\" src=\"https:\/\/nrgcar.eu\/wp-content\/uploads\/sites\/7\/2025\/08\/Boschung_Pony_P3.0.webp\" alt=\"Pony P3.0\">\n            <\/label>\n            <label class=\"usg-choice\" data-value=\"S2\">\n              <input type=\"checkbox\" class=\"usg-model-input\" value=\"S2\"\/>\n              <span class=\"usg-check\" aria-hidden=\"true\"><\/span>\n              <div class=\"usg-label\"><span class=\"usg-name\">Urban-Sweeper S2.0<\/span><span class=\"usg-meta\">Nagy teljes\u00edtm\u00e9ny\u0171 sepr\u0151g\u00e9p, alacsony zajhat\u00e1s<\/span><\/div>\n              <img decoding=\"async\" src=\"https:\/\/nrgcar.eu\/wp-content\/uploads\/sites\/7\/2025\/08\/Urban-Sweeper-S2.0-20-3.webp\" alt=\"Urban-Sweeper S2.0\">\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- AKKUMUL\u00c1TOR (csak t\u00edpus ut\u00e1n) -->\n        <div class=\"usg-section usg-hidden\" id=\"usg-battery-section\" style=\"margin-top:16px\">\n          <div class=\"usg-section-title\">\n            <img decoding=\"async\" src=\"https:\/\/nrgcar.eu\/wp-content\/uploads\/sites\/7\/2025\/08\/battery-ico-nrg-car.webp\" alt=\"\">\n            Akkumul\u00e1tor t\u00edpus\n          <\/div>\n          <div class=\"usg-row\" id=\"usg-batteries\">\n            <label class=\"usg-choice\" data-model=\"PONY\" data-cons=\"4.17\" data-val=\"54.4 kWh L\u00edtium-Ion\">\n              <input type=\"checkbox\" class=\"usg-bat-input\" value=\"54.4 kWh L\u00edtium-Ion\"\/>\n              <span class=\"usg-check\" aria-hidden=\"true\"><\/span>\n              <div class=\"usg-label\"><span class=\"usg-name\">54.4 kWh L\u00edtium-Ion<\/span><\/div>\n            <\/label>\n            <label class=\"usg-choice\" data-model=\"S2\" data-cons=\"4.17\" data-val=\"54.4 kWh L\u00edtium-Ion\">\n              <input type=\"checkbox\" class=\"usg-bat-input\" value=\"54.4 kWh L\u00edtium-Ion\"\/>\n              <span class=\"usg-check\" aria-hidden=\"true\"><\/span>\n              <div class=\"usg-label\"><span class=\"usg-name\">54.4 kWh L\u00edtium-Ion<\/span><\/div>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CS\u00daSZK\u00c1K -->\n        <div class=\"usg-card usg-controls\" style=\"margin-top:16px\">\n          <div class=\"usg-range\">\n            <label>\n              <span>Elektromos \u00e1ram egys\u00e9g\u00e1ra (Ft\/kWh)<\/span>\n              <span class=\"usg-out\"><strong id=\"usg-price-out\">100<\/strong> Ft\/kWh<\/span>\n            <\/label>\n            <input type=\"range\" id=\"usg-price\" min=\"50\" max=\"300\" step=\"1\" value=\"100\"\/>\n          <\/div>\n          <div class=\"usg-range\">\n            <label>\n              <span>\u00c9ves \u00fczem\u00f3ra<\/span>\n              <span class=\"usg-out\"><strong id=\"usg-hours-out\">1 000<\/strong> \u00f3ra<\/span>\n            <\/label>\n            <input type=\"range\" id=\"usg-hours\" min=\"0\" max=\"2000\" step=\"10\" value=\"500\"\/>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- JOBB: k\u00e9p + eredm\u00e9ny -->\n      <div class=\"usg-card usg-right\">\n        <div class=\"usg-hero\">\n          <img decoding=\"async\" id=\"usg-hero-img\" src=\"https:\/\/nrgcar.eu\/wp-content\/uploads\/sites\/7\/2025\/08\/nrg-logo-uj-white.webp\" alt=\"\">\n        <\/div>\n        <div class=\"usg-spacer\" aria-hidden=\"true\"><\/div>\n        <div class=\"usg-result\" id=\"usg-result-card\">\n          <large>\u00c9ves \u00fczemeltet\u00e9si k\u00f6lts\u00e9g<\/large>\n          <div class=\"usg-amount\" id=\"usg-total\">0 Ft<\/div>\n        <\/div>\n        <div class=\"usg-spacer\" aria-hidden=\"true\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"usg-disclaimer\">\n    <p>A felt\u00fcntetett fogyaszt\u00e1si \u00e9rt\u00e9kek \u00e9s \u00fczemeltet\u00e9si adatok sz\u00e1m\u00edt\u00e1sa felszerelts\u00e9gi jellemz\u0151kt\u0151l, \n    a haszn\u00e1lat k\u00f6r\u00fclm\u00e9nyeit\u0151l \u00e9s egy\u00e9b k\u00f6rnyezeti t\u00e9nyez\u0151kt\u0151l f\u00fcgg\u0151en v\u00e1ltozhatnak!<\/p>\n    <p>A fenti sz\u00e1m\u00edt\u00e1sok kiz\u00e1r\u00f3lag t\u00e1j\u00e9koztat\u00f3 jelleg\u0171ek \u00e9s nem min\u0151s\u00fclnek aj\u00e1nlatnak vagy k\u00f6telez\u0151 \u00e9rv\u00e9ny\u0171nek!<\/p>\n  <\/div>\n\n  <script>\n    (function(){\n      const $  = (s,c=document)=>c.querySelector(s);\n      const $$ = (s,c=document)=>Array.from(c.querySelectorAll(s));\n      const fmtInt=n=>new Intl.NumberFormat('hu-HU').format(Math.round(n));\n      const fmtFt =n=>new Intl.NumberFormat('hu-HU',{style:'currency',currency:'HUF',maximumFractionDigits:0}).format(Math.round(n));\n\n      const modelsRow = $('#usg-models');\n      const modelCards= $$('#usg-models .usg-choice');\n      const modelInputs=$$('#usg-models .usg-model-input');\n\n      const batSection = $('#usg-battery-section');\n      const batsRow    = $('#usg-batteries');\n      const batCards   = $$('#usg-batteries .usg-choice');\n      const batInputs  = $$('#usg-batteries .usg-bat-input');\n\n      const price=$('#usg-price'), priceOut=$('#usg-price-out');\n      const hours=$('#usg-hours'), hoursOut=$('#usg-hours-out');\n      const total=$('#usg-total');\n      const heroImg=$('#usg-hero-img');\n\n      const DEFAULT_HERO='https:\/\/nrgcar.eu\/wp-content\/uploads\/sites\/7\/2025\/08\/nrg-logo-uj-white.webp';\n\n      const modelImages={\n        PONY:'https:\/\/nrgcar.eu\/wp-content\/uploads\/sites\/7\/2025\/08\/Boschung_Pony_P3.0.webp',\n        S2  :'https:\/\/nrgcar.eu\/wp-content\/uploads\/sites\/7\/2025\/08\/Urban-Sweeper-S2.0-20-3.webp'\n      };\n\n      let state={model:null,battery:null,price:+price.value,hours:+hours.value};\n\n      function setActive(cards,val){cards.forEach(c=>c.classList.toggle('is-active',(c.dataset.value||c.dataset.val)===val));}\n\n      function autoSelectSingleBattery(){\n        const visible = $$('#usg-batteries .usg-choice').filter(el=>el.style.display!=='none');\n        if(visible.length===1){\n          const card=visible[0];\n          const inp =card.querySelector('.usg-bat-input');\n          if(!inp.checked){\n            batInputs.forEach(i=>i.checked=false);\n            batCards.forEach(c=>c.classList.remove('is-active'));\n            inp.checked=true;\n            card.classList.add('is-active');\n            state.battery={label:inp.value,cons:+card.dataset.cons,model:card.dataset.model};\n            compute();\n          }\n        }\n      }\n\n      function filterBatteries(){\n        batCards.forEach(c=>{\n          const ok=state.model && c.dataset.model===state.model;\n          c.style.display=ok?'':'none';\n        });\n        checkWrapBats();\n        autoSelectSingleBattery();\n      }\n\n      function updateModel(inp){\n        modelInputs.forEach(i=>{if(i!==inp) i.checked=false;});\n        const chosen=modelInputs.find(i=>i.checked);\n        state.model=chosen?chosen.value:null;\n\n        setActive(modelCards,state.model);\n        heroImg.src=state.model?modelImages[state.model]:DEFAULT_HERO;\n\n        filterBatteries();\n        batSection.classList.toggle('usg-hidden',!state.model);\n\n        if(!state.model || (state.battery && state.battery.model!==state.model)){\n          state.battery=null;\n          batInputs.forEach(i=>i.checked=false);\n          batCards.forEach(c=>c.classList.remove('is-active'));\n        }\n        autoSelectSingleBattery();\n        compute();\n        checkWrapModels();\n      }\n\n      function updateBattery(inp,card){\n        batInputs.forEach(i=>{if(i!==inp) i.checked=false;});\n        if(!inp.checked){\n          state.battery=null;\n          batCards.forEach(c=>c.classList.remove('is-active'));\n          compute();\n          return;\n        }\n        batCards.forEach(c=>c.classList.remove('is-active'));\n        card.classList.add('is-active');\n        state.battery={label:inp.value,cons:+card.dataset.cons,model:card.dataset.model};\n        compute();\n      }\n\n      function compute(){\n        const cons=state.battery?.cons; \/\/ kWh \/ \u00fczem\u00f3ra\n        if(!state.model || !cons){ total.textContent=fmtFt(0); return; }\n        const r= state.hours * cons * state.price;\n        total.textContent=fmtFt(r);\n      }\n\n      function checkWrapModels(){\n        const items=$$('#usg-models .usg-choice');\n        if(items.length<3){ modelsRow.classList.remove('stack-vertical'); return; }\n        const top=items[0].offsetTop;\n        const wrapped=items.some(it=>it.offsetTop>top);\n        modelsRow.classList.toggle('stack-vertical',wrapped);\n      }\n      function checkWrapBats(){\n        const items=$$('#usg-batteries .usg-choice').filter(el=>el.style.display!=='none');\n        if(items.length<3){ batsRow.classList.remove('stack-vertical'); return; }\n        const top=items[0].offsetTop;\n        const wrapped=items.some(it=>it.offsetTop>top);\n        batsRow.classList.toggle('stack-vertical',wrapped);\n      }\n      function checkWrapAll(){ checkWrapModels(); checkWrapBats(); }\n\n      \/* ESEM\u00c9NYEK \u2013 csak input change (mobilbar\u00e1t) *\/\n      modelCards.forEach(card=>{\n        const inp=card.querySelector('.usg-model-input');\n        inp.addEventListener('change',()=>updateModel(inp));\n      });\n      batCards.forEach(card=>{\n        const inp=card.querySelector('.usg-bat-input');\n        inp.addEventListener('change',()=>updateBattery(inp,card));\n      });\n\n      price.addEventListener('input',e=>{state.price=+e.target.value;priceOut.textContent=fmtInt(state.price);compute();});\n      hours.addEventListener('input',e=>{state.hours=+e.target.value;hoursOut.textContent=fmtInt(state.hours);compute();});\n\n      \/\/ init\n      priceOut.textContent=fmtInt(state.price);\n      hoursOut.textContent=fmtInt(state.hours);\n      filterBatteries();\n      compute();\n      heroImg.src=DEFAULT_HERO;\n\n      window.addEventListener('resize',checkWrapAll);\n      window.addEventListener('load',checkWrapAll);\n      requestAnimationFrame(()=>setTimeout(checkWrapAll,0));\n    })();\n  <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Utcasepr\u0151g\u00e9p \u00fczemeltet\u00e9si k\u00f6lts\u00e9g kalkul\u00e1tor V\u00e1laszd ki a g\u00e9pt\u00edpust, ezut\u00e1n add meg az elektromos \u00e1ram egys\u00e9g\u00e1r\u00e1t \u00e9s az \u00e9ves fut\u00e1steljes\u00edtm\u00e9nyt \u00fczem\u00f3r\u00e1ban, mely alapj\u00e1n kisz\u00e1moljuk a v\u00e1rhat\u00f3 \u00e9ves \u00fczemeltet\u00e9si k\u00f6lts\u00e9gedet. Utcasepr\u0151g\u00e9p t\u00edpusa Pony P3.0multifunkci\u00f3s eszk\u00f6zhordoz\u00f3 \u00f6sszker\u00e9k-meghajt\u00e1ssal Urban-Sweeper S2.0Nagy teljes\u00edtm\u00e9ny\u0171 sepr\u0151g\u00e9p, alacsony zajhat\u00e1s Akkumul\u00e1tor t\u00edpus 54.4 kWh L\u00edtium-Ion 54.4 kWh L\u00edtium-Ion Elektromos \u00e1ram egys\u00e9g\u00e1ra (Ft\/kWh) 100 Ft\/kWh \u00c9ves [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-770","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nrgcar.eu\/boschung\/wp-json\/wp\/v2\/pages\/770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nrgcar.eu\/boschung\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nrgcar.eu\/boschung\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nrgcar.eu\/boschung\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nrgcar.eu\/boschung\/wp-json\/wp\/v2\/comments?post=770"}],"version-history":[{"count":0,"href":"https:\/\/nrgcar.eu\/boschung\/wp-json\/wp\/v2\/pages\/770\/revisions"}],"wp:attachment":[{"href":"https:\/\/nrgcar.eu\/boschung\/wp-json\/wp\/v2\/media?parent=770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}