{"id":36,"date":"2026-03-29T14:55:05","date_gmt":"2026-03-29T14:55:05","guid":{"rendered":"https:\/\/solartech.life\/?page_id=36"},"modified":"2026-05-04T17:25:08","modified_gmt":"2026-05-04T17:25:08","slug":"kalkulator","status":"publish","type":"page","link":"https:\/\/solartech.life\/srb\/kalkulator\/","title":{"rendered":"\u041a\u0430\u043b\u043a\u0443\u043b\u0430\u0442\u043e\u0440"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"36\" class=\"elementor elementor-36\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f901436 e-con-full e-flex e-con e-parent\" data-id=\"f901436\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66bfc1d elementor-widget elementor-widget-html\" data-id=\"66bfc1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  .kalk-hero {\r\n    font-family: 'Poppins', sans-serif;\r\n    min-height: 100vh;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-image: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url('https:\/\/images.pexels.com\/photos\/29206495\/pexels-photo-29206495.jpeg');\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-attachment: fixed;\r\n    padding: 40px;\r\n    text-align: center;\r\n  }\r\n  .kalk-hero h1 {\r\n    font-family: 'Poppins', sans-serif;\r\n    font-size: 56px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 16px;\r\n    line-height: 1.1;\r\n    letter-spacing: -1px;\r\n  }\r\n  .kalk-hero p {\r\n    font-family: 'Poppins', sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    color: #dddddd;\r\n    max-width: 480px;\r\n    margin: 0;\r\n    line-height: 1.8;\r\n  }\r\n  @media (max-width: 768px) {\r\n    .kalk-hero {\r\n      min-height: 100svh;\r\n      padding: 60px 24px;\r\n      background-attachment: scroll;\r\n    }\r\n    .kalk-hero h1 {\r\n      font-size: 32px;\r\n      letter-spacing: -0.5px;\r\n    }\r\n    .kalk-hero p {\r\n      font-size: 15px;\r\n      max-width: 100%;\r\n    }\r\n  }\r\n<\/style>\r\n<div class=\"kalk-hero\">\r\n  <h1>Izra\u010dunajte va\u0161 prihranek<\/h1>\r\n  <p>Vnesite podatke o va\u0161i strehi in porabi \u2014 rezultat dobite v 10 sekundah.<\/p>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7025053 e-flex e-con-boxed e-con e-parent\" data-id=\"7025053\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bf85de7 e-con-full e-flex e-con e-child\" data-id=\"bf85de7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8571316 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"8571316\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"font-family:'Poppins',sans-serif; background:white; padding:48px 20px;\">\r\n<style>\r\n  .klc-outer {\r\n    max-width:100%;\r\n    margin:0 auto;\r\n    background:white;\r\n    border-radius:16px;\r\n    border:1.5px solid #e0e8f0;\r\n    box-shadow:0 4px 24px rgba(0,0,0,0.05);\r\n    overflow:hidden;\r\n  }\r\n  .klc-header {\r\n    background:black;\r\n    padding:20px 32px;\r\n    border-bottom:1px solid #e0e8f0;\r\n    font-size:10px;\r\n    letter-spacing:2px;\r\n    color:white;\r\n    font-weight:600;\r\n  }\r\n  .klc-body { padding:32px; }\r\n  .klc-grid {\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:20px;\r\n    margin-bottom:20px;\r\n  }\r\n  .klc-field { display:flex; flex-direction:column; gap:5px; }\r\n  .klc-label {\r\n    font-size:9px;\r\n    letter-spacing:2px;\r\n    color:#8a9aaa;\r\n    font-weight:600;\r\n  }\r\n  .klc-input {\r\n    font-size:24px;\r\n    font-weight:700;\r\n    color:#111111;\r\n    background:transparent;\r\n    border:none;\r\n    border-bottom:2px solid #e0e8f0;\r\n    padding:8px 0;\r\n    width:100%;\r\n    outline:none;\r\n    transition:border-color 0.3s;\r\n  }\r\n  .klc-input:focus { border-bottom-color:#2f8fbd; }\r\n  .klc-unit {\r\n    font-size:11px;\r\n    color:#aab0b8;\r\n    margin-top:2px;\r\n  }\r\n  .klc-btn {\r\n    width:100%;\r\n    padding:18px;\r\n    background:black;\r\n    color:#ffffff;\r\n    font-size:14px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n    border:none;\r\n    border-radius:8px;\r\n    cursor:pointer;\r\n    margin-top:8px;\r\n    transition:all 0.3s;\r\n  }\r\n  .klc-btn:hover {\r\n    background:#555555;\r\n    transform:translateY(-1px);\r\n  }\r\n  .klc-note {\r\n    font-size:11px;\r\n    color:#aab0b8;\r\n    text-align:center;\r\n    margin-top:14px;\r\n    line-height:1.6;\r\n  }\r\n  @media (max-width: 768px) {\r\n    .klc-body { padding:20px; }\r\n    .klc-grid { grid-template-columns:1fr; gap:16px; }\r\n    .klc-input { font-size:20px; }\r\n    .klc-btn { font-size:13px; padding:16px; }\r\n  }\r\n<\/style>\r\n<div class=\"klc-outer\">\r\n  <div class=\"klc-header\">IZRA\u010cUN<\/div>\r\n  <div class=\"klc-body\">\r\n    <div class=\"klc-grid\">\r\n      <div class=\"klc-field\">\r\n        <div class=\"klc-label\">MESE\u010cNA PORABA<\/div>\r\n        <input class=\"klc-input\" id=\"poraba\" type=\"number\" value=\"250\">\r\n        <div class=\"klc-unit\">kWh \/ mesec<\/div>\r\n      <\/div>\r\n      <div class=\"klc-field\">\r\n        <div class=\"klc-label\">VELIKOST STREHE<\/div>\r\n        <input class=\"klc-input\" id=\"streha\" type=\"number\" value=\"120\">\r\n        <div class=\"klc-unit\">m\u00b2<\/div>\r\n      <\/div>\r\n      <div class=\"klc-field\">\r\n        <div class=\"klc-label\">POKRITOST STREHE<\/div>\r\n        <input class=\"klc-input\" id=\"odstotek\" type=\"number\" value=\"70\">\r\n        <div class=\"klc-unit\">%<\/div>\r\n      <\/div>\r\n      <div class=\"klc-field\">\r\n        <div class=\"klc-label\">CENA ELEKTRIKE<\/div>\r\n        <input class=\"klc-input\" id=\"cena\" type=\"number\" value=\"0.15\" step=\"0.01\">\r\n        <div class=\"klc-unit\">\u20ac \/ kWh<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"klc-grid\" style=\"grid-template-columns:1fr;\">\r\n      <div class=\"klc-field\">\r\n        <div class=\"klc-label\">CENA SISTEMA<\/div>\r\n        <input class=\"klc-input\" id=\"cenasistema\" type=\"number\" value=\"1200\">\r\n        <div class=\"klc-unit\">\u20ac \/ kW<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <button class=\"klc-btn\"\r\n      onclick=\"izracunaj()\">IZRA\u010cUNAJ<\/button>\r\n    <div class=\"klc-note\">\u26a0 Rezultati so okvirna ocena. Za natan\u010dno ponudbo <a href=\"\/povprasevanje\" style=\"color:#2f8fbd; text-decoration:none;\">nas kontaktirajte<\/a>.<\/div>\r\n  <\/div>\r\n<\/div>\r\n<script>\r\nfunction izracunaj() {\r\n  var poraba = parseFloat(document.getElementById('poraba').value) || 250;\r\n  var streha = parseFloat(document.getElementById('streha').value) || 120;\r\n  var odstotek = parseFloat(document.getElementById('odstotek').value) || 70;\r\n  var cena = parseFloat(document.getElementById('cena').value) || 0.15;\r\n  var cenaSistema = parseFloat(document.getElementById('cenasistema').value) || 1200;\r\n  var letnaPoraba = poraba * 12;\r\n  var maxSistem = streha * (odstotek \/ 100) * 0.15;\r\n  var optimalniSistem = (letnaPoraba \/ 1000) * 1.2;\r\n  var sistem = Math.min(maxSistem, optimalniSistem);\r\n  sistem = Math.round(sistem * 10) \/ 10;\r\n  var letnaProizvodnja = sistem * 1100;\r\n  var pokritost = Math.min(letnaProizvodnja \/ letnaPoraba, 1);\r\n  var letniPrihranek = Math.round(letnaProizvodnja * cena * pokritost * 100) \/ 100;\r\n  var skupnaInvesticija = Math.round(sistem * cenaSistema);\r\n  var povraciloLet = Math.round((skupnaInvesticija \/ letniPrihranek) * 10) \/ 10;\r\n  var co2 = Math.round(letnaProizvodnja * 0.4);\r\n  var drevesa = Math.round(co2 \/ 20);\r\n  var elRezultat = document.getElementById('rezultat');\r\n  var elOpis = document.getElementById('opis');\r\n  var elCo2 = document.getElementById('co2');\r\n  var elLeta = document.getElementById('leta');\r\n  var elEnergija = document.getElementById('energija');\r\n  var elDrevesa = document.getElementById('drevesa');\r\n  var elVizDrevesa = document.getElementById('viz-drevesa');\r\n  var elVizKm = document.getElementById('viz-km');\r\n  var elVizLeti = document.getElementById('viz-leti');\r\n  var elSideLetni = document.getElementById('side-letni');\r\n  var elSideSkupaj = document.getElementById('side-skupaj');\r\n  var elSidePovracilo = document.getElementById('side-povracilo');\r\n  var elSideSistem = document.getElementById('side-sistem');\r\n  function animirajStevilo(el, cilj, prefix, suffix, decimals) {\r\n    if (!el) return;\r\n    var zacetek = 0;\r\n    var korak = cilj \/ 40;\r\n    var trenutni = 0;\r\n    var interval = setInterval(function() {\r\n      trenutni += korak;\r\n      if (trenutni >= cilj) {\r\n        trenutni = cilj;\r\n        clearInterval(interval);\r\n      }\r\n      var vrednost = decimals ? trenutni.toFixed(1) : Math.round(trenutni);\r\n      el.textContent = prefix + vrednost + suffix;\r\n    }, 30);\r\n  }\r\n  animirajStevilo(elRezultat, letniPrihranek, '', ' \u20ac', false);\r\n  if (elOpis) elOpis.textContent = sistem + ' kW sistem';\r\n  animirajStevilo(elCo2, co2, '', ' kg', false);\r\n  if (elLeta) elLeta.textContent = povraciloLet + ' let';\r\n  animirajStevilo(elEnergija, Math.round(letnaProizvodnja), '', ' kWh', false);\r\n  if (elDrevesa) elDrevesa.textContent = drevesa + ' dreves';\r\n  if (elVizDrevesa) elVizDrevesa.textContent = drevesa;\r\n  if (elVizKm) elVizKm.textContent = Math.round(co2 \/ 0.12);\r\n  if (elVizLeti) elVizLeti.textContent = Math.round(letnaProizvodnja \/ letnaPoraba * 100);\r\n  if (elSideLetni) elSideLetni.textContent = letniPrihranek + ' \u20ac';\r\n  if (elSideSkupaj) elSideSkupaj.textContent = skupnaInvesticija + ' \u20ac';\r\n  if (elSidePovracilo) elSidePovracilo.textContent = povraciloLet + ' let';\r\n  if (elSideSistem) elSideSistem.textContent = sistem + ' kW';\r\n  if (typeof updateRoiGraf === 'function') {\r\n    updateRoiGraf(letniPrihranek, skupnaInvesticija, povraciloLet, sistem);\r\n  }\r\n}\r\n<\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc36811 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"dc36811\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"font-family:'Poppins',sans-serif; background:white; padding:48px 20px;\">\r\n<style>\r\n  .rez-wrap {\r\n    max-width: 520px;\r\n    margin: 0 auto;\r\n  }\r\n  .rez-stat-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 12px;\r\n    margin-bottom: 14px;\r\n  }\r\n  .rez-glavni {\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    border: 1.5px solid #e0e8f0;\r\n    box-shadow: 0 4px 24px rgba(0,0,0,0.06);\r\n    overflow: hidden;\r\n    margin-bottom: 14px;\r\n  }\r\n  .rez-glavni-header {\r\n    background: black;\r\n    padding: 16px 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n  }\r\n  .rez-glavni-body {\r\n    padding: 24px;\r\n  }\r\n  .rez-number {\r\n    font-size: 52px;\r\n    font-weight: 700;\r\n    color: #111111;\r\n    line-height: 1;\r\n  }\r\n  @media (max-width: 480px) {\r\n    .rez-stat-grid {\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 8px;\r\n    }\r\n    .rez-glavni-body {\r\n      padding: 16px;\r\n    }\r\n    .rez-number {\r\n      font-size: 38px;\r\n    }\r\n  }\r\n<\/style>\r\n<div class=\"rez-wrap\">\r\n  <!-- GLAVNI REZULTAT -->\r\n  <div class=\"rez-glavni\">\r\n    <div class=\"rez-glavni-header\">\r\n      <div style=\"font-size:10px; letter-spacing:2px; color:white; font-weight:600;\">VA\u0160 PRIHRANEK<\/div>\r\n      <div style=\"font-size:10px; color:rgba(255,255,255,0.6);\">NA LETO<\/div>\r\n    <\/div>\r\n    <div class=\"rez-glavni-body\">\r\n      <div class=\"rez-number\" id=\"rezultat\">\u2013 \u20ac<\/div>\r\n      <div style=\"font-size:13px; color:#8a9aaa; margin-top:6px;\" id=\"opis\">Vnesite podatke in pritisnite Izra\u010dunaj<\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <!-- 4 STAT KARTICE -->\r\n  <div class=\"rez-stat-grid\">\r\n    <div style=\"background:#ffffff; border-radius:12px; border:1.5px solid #e0e8f0; padding:18px 20px;\">\r\n      <div style=\"font-size:9px; letter-spacing:2px; color:#8a9aaa; margin-bottom:8px;\">CO\u2082 PRIHRANEK<\/div>\r\n      <div style=\"font-size:22px; font-weight:700; color:#4caf7d;\" id=\"co2\">\u2013<\/div>\r\n      <div style=\"font-size:11px; color:#aab0b8; margin-top:2px;\">na leto<\/div>\r\n    <\/div>\r\n    <div style=\"background:#ffffff; border-radius:12px; border:1.5px solid #e0e8f0; padding:18px 20px;\">\r\n      <div style=\"font-size:9px; letter-spacing:2px; color:#8a9aaa; margin-bottom:8px;\">POVRA\u010cILNA DOBA<\/div>\r\n      <div style=\"font-size:22px; font-weight:700; color:#2f8fbd;\" id=\"leta\">\u2013<\/div>\r\n      <div style=\"font-size:11px; color:#aab0b8; margin-top:2px;\">investicija<\/div>\r\n    <\/div>\r\n    <div style=\"background:#ffffff; border-radius:12px; border:1.5px solid #e0e8f0; padding:18px 20px;\">\r\n      <div style=\"font-size:9px; letter-spacing:2px; color:#8a9aaa; margin-bottom:8px;\">ENERGIJA \/ LETO<\/div>\r\n      <div style=\"font-size:22px; font-weight:700; color:#111111;\" id=\"energija\">\u2013<\/div>\r\n      <div style=\"font-size:11px; color:#aab0b8; margin-top:2px;\">proizvedeno<\/div>\r\n    <\/div>\r\n    <div style=\"background:#f0f8f4; border-radius:12px; border:1.5px solid #c8ecd8; padding:18px 20px;\">\r\n      <div style=\"font-size:9px; letter-spacing:2px; color:#4caf7d; margin-bottom:8px;\">POSAJENIH DREVES<\/div>\r\n      <div style=\"font-size:22px; font-weight:700; color:#4caf7d;\" id=\"drevesa\">\u2013<\/div>\r\n      <div style=\"font-size:11px; color:#aab0b8; margin-top:2px;\">ekvivalent<\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <!-- STRANSKI SUMMARY -->\r\n  <div style=\"background:#ffffff; border-radius:12px; border:1.5px solid #e0e8f0; padding:18px 20px;\">\r\n    <div style=\"font-size:9px; letter-spacing:2px; color:#8a9aaa; margin-bottom:14px;\">POVZETEK<\/div>\r\n    <div style=\"display:flex; flex-direction:column; gap:10px;\">\r\n      <div style=\"display:flex; justify-content:space-between; align-items:center; padding-bottom:10px; border-bottom:1px solid #f0f4f8;\">\r\n        <span style=\"font-size:12px; color:#8a9aaa;\">Letni prihranek<\/span>\r\n        <span style=\"font-size:14px; font-weight:700; color:#4caf7d;\" id=\"side-letni\">\u2013<\/span>\r\n      <\/div>\r\n      <div style=\"display:flex; justify-content:space-between; align-items:center; padding-bottom:10px; border-bottom:1px solid #f0f4f8;\">\r\n        <span style=\"font-size:12px; color:#8a9aaa;\">Skupna investicija<\/span>\r\n        <span style=\"font-size:14px; font-weight:700; color:#111111;\" id=\"side-skupaj\">\u2013<\/span>\r\n      <\/div>\r\n      <div style=\"display:flex; justify-content:space-between; align-items:center; padding-bottom:10px; border-bottom:1px solid #f0f4f8;\">\r\n        <span style=\"font-size:12px; color:#8a9aaa;\">Povra\u010dilna doba<\/span>\r\n        <span style=\"font-size:14px; font-weight:700; color:#2f8fbd;\" id=\"side-povracilo\">\u2013<\/span>\r\n      <\/div>\r\n      <div style=\"display:flex; justify-content:space-between; align-items:center;\">\r\n        <span style=\"font-size:12px; color:#8a9aaa;\">Velikost sistema<\/span>\r\n        <span style=\"font-size:14px; font-weight:700; color:#111111;\" id=\"side-sistem\">\u2013<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39288ed e-flex e-con-boxed e-con e-parent\" data-id=\"39288ed\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7fc68a1 e-con-full e-flex e-con e-child\" data-id=\"7fc68a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22228f5 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"22228f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .fin-blok {\r\n    background: #ffffff;\r\n    border-radius: 14px;\r\n    padding: 22px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    height: 100%;\r\n    box-sizing: border-box;\r\n    border: 1.5px solid #e0e8f0;\r\n    box-shadow: 0 4px 16px rgba(0,0,0,0.05);\r\n  }\r\n  .fin-card {\r\n    background: #f0f4f8;\r\n    border-radius: 8px;\r\n    padding: 12px;\r\n  }\r\n  @media (max-width: 768px) {\r\n    .fin-blok { padding: 16px; gap: 10px; }\r\n    .fin-card { padding: 10px; }\r\n  }\r\n<\/style>\r\n<div class=\"fin-blok\">\r\n  <p style=\"font-size:9px; color:#8a9aaa; letter-spacing:2px; text-transform:uppercase; margin:0;\">Finan\u010dne ugodnosti<\/p>\r\n  <p style=\"font-size:11px; color:#6a7a8a; line-height:1.6; margin:0;\">Dr\u017eava aktivno spodbuja prehod na obnovljive vire z ugodnimi shemami financiranja.<\/p>\r\n  <div style=\"border-top:1px solid #e0e8f0;\"><\/div>\r\n  <div style=\"display:flex; flex-direction:column; gap:8px;\">\r\n    <div class=\"fin-card\">\r\n      <div style=\"font-size:12px; font-weight:600; color:#4caf7d; margin-bottom:4px;\">Eko sklad<\/div>\r\n      <p style=\"font-size:11px; color:#6a7a8a; line-height:1.6; margin:0;\">Ugodni kredit do <span style=\"color:#1a2a3a; font-weight:600;\">20.000 \u20ac<\/span> z nizko obrestno mero za gospodinjstva.<\/p>\r\n    <\/div>\r\n    <div class=\"fin-card\">\r\n      <div style=\"font-size:12px; font-weight:600; color:#2f8fbd; margin-bottom:4px;\">Subvencija do 25%<\/div>\r\n      <p style=\"font-size:11px; color:#6a7a8a; line-height:1.6; margin:0;\">Nepovratna sredstva krijejo del stro\u0161kov nakupa in monta\u017ee sistema.<\/p>\r\n    <\/div>\r\n    <div class=\"fin-card\">\r\n      <div style=\"font-size:12px; font-weight:600; color:#e8a838; margin-bottom:4px;\">Net metering<\/div>\r\n      <p style=\"font-size:11px; color:#6a7a8a; line-height:1.6; margin:0;\">Vi\u0161ek proizvedene elektrike prodajte nazaj v omre\u017eje in zmanj\u0161ajte ra\u010dun.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99437d5 e-con-full e-flex e-con e-child\" data-id=\"99437d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e94efbf elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"e94efbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/3.9.1\/chart.min.js\"><\/script>\r\n<div style=\"font-family:'Poppins',sans-serif; background:#f8f9fb; padding:48px 20px;\">\r\n<style>\r\n  .graf-wrap {\r\n    display: grid;\r\n    grid-template-columns: 240px 1fr;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    box-shadow: 0 4px 24px rgba(0,0,0,0.06);\r\n    border: 1.5px solid #e0e8f0;\r\n    max-width: 860px;\r\n    margin: 0 auto;\r\n  }\r\n  .graf-levo {\r\n    background: #f0f4f8;\r\n    padding: 28px 24px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    border-right: 1.5px solid #e0e8f0;\r\n  }\r\n  .graf-desno {\r\n    background: #ffffff;\r\n    padding: 24px 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n  .graf-canvas-wrap {\r\n    position: relative;\r\n    height: 240px;\r\n    width: 100%;\r\n  }\r\n  .graf-stat {\r\n    border-top: 1px solid #e0e8f0;\r\n    padding: 14px 0;\r\n  }\r\n  .graf-stat:last-child { padding-bottom: 0; }\r\n  .stat-num {\r\n    font-size: 30px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n  }\r\n  .graf-empty {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 240px;\r\n    color: #aab0b8;\r\n    text-align: center;\r\n    gap: 10px;\r\n  }\r\n  .graf-empty-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 50%;\r\n    background: #f0f4f8;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n  }\r\n  .graf-levo-opis { display: block; }\r\n  @media (max-width: 768px) {\r\n    .graf-wrap {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .graf-levo {\r\n      border-right: none;\r\n      border-bottom: 1.5px solid #e0e8f0;\r\n      padding: 20px 16px;\r\n    }\r\n    .graf-levo-opis { display: none; }\r\n    .graf-stats-row {\r\n      display: flex;\r\n      flex-direction: row;\r\n      gap: 0;\r\n      margin-top: 0;\r\n    }\r\n    .graf-stat {\r\n      border-top: none;\r\n      border-left: 1px solid #e0e8f0;\r\n      padding: 0 16px;\r\n      flex: 1;\r\n    }\r\n    .graf-stat:first-child {\r\n      border-left: none;\r\n      padding-left: 0;\r\n    }\r\n    .stat-num { font-size: 22px; }\r\n    .graf-desno {\r\n      padding: 16px;\r\n    }\r\n    .graf-canvas-wrap {\r\n      height: 200px;\r\n    }\r\n    .graf-empty {\r\n      height: 180px;\r\n    }\r\n  }\r\n<\/style>\r\n<div style=\"text-align:center; margin-bottom:32px;\">\r\n  <div style=\"font-size:9px; letter-spacing:3px; color:#2f8fbd; margin-bottom:10px;\">ANALIZA INVESTICIJE<\/div>\r\n  <h2 style=\"font-size:28px; font-weight:700; color:#1a2a3a; margin:0 0 10px;\">Va\u0161 prihranek skozi leta<\/h2>\r\n  <p style=\"font-size:14px; color:#8a9aaa; max-width:420px; margin:0 auto; line-height:1.7;\">Pritisnite Izra\u010dunaj zgoraj \u2014 graf se posodobi z va\u0161imi podatki.<\/p>\r\n<\/div>\r\n<div class=\"graf-wrap\">\r\n  <div class=\"graf-levo\">\r\n    <div class=\"graf-levo-opis\">\r\n      <p style=\"font-size:9px; color:#8a9aaa; letter-spacing:2px; margin:0 0 8px;\">PRIHRANEK<\/p>\r\n      <h3 style=\"font-size:16px; font-weight:700; color:#1a2a3a; line-height:1.4; margin:0 0 8px;\">Kdaj se investicija povrne?<\/h3>\r\n      <p style=\"font-size:12px; color:#6a7a8a; line-height:1.6; margin:0;\">Graf prikazuje kumulativni prihranek skozi 25 let delovanja sistema.<\/p>\r\n    <\/div>\r\n    <div class=\"graf-stats-row\" style=\"display:flex; flex-direction:column; gap:0; margin-top:20px;\">\r\n      <div class=\"graf-stat\">\r\n        <div class=\"stat-num\" style=\"color:#2f8fbd;\" id=\"graf-povracilo\">\u2013<\/div>\r\n        <div style=\"font-size:10px; color:#8a9aaa; letter-spacing:1.5px; margin-top:6px;\">LET DO POVRNITVE<\/div>\r\n        <div style=\"font-size:11px; color:#6a7a8a; margin-top:4px; line-height:1.4;\" class=\"graf-levo-opis\">To\u010dka kjer prihranki prese\u017eejo investicijo.<\/div>\r\n      <\/div>\r\n      <div class=\"graf-stat\">\r\n        <div class=\"stat-num\" style=\"color:#4caf7d;\" id=\"graf-skupaj\">\u2013<\/div>\r\n        <div style=\"font-size:10px; color:#8a9aaa; letter-spacing:1.5px; margin-top:6px;\">\u20ac SKUPNI PRIHRANEK<\/div>\r\n        <div style=\"font-size:11px; color:#6a7a8a; margin-top:4px; line-height:1.4;\" class=\"graf-levo-opis\">Skupni prihranek v 25 letih delovanja.<\/div>\r\n      <\/div>\r\n      <div class=\"graf-stat\">\r\n        <div class=\"stat-num\" style=\"color:#1a2a3a;\" id=\"graf-sistem\">\u2013<\/div>\r\n        <div style=\"font-size:10px; color:#8a9aaa; letter-spacing:1.5px; margin-top:6px;\">kW SISTEM<\/div>\r\n        <div style=\"font-size:11px; color:#6a7a8a; margin-top:4px; line-height:1.4;\" class=\"graf-levo-opis\">Optimalna velikost za va\u0161 objekt.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"graf-desno\">\r\n    <div id=\"graf-empty\" class=\"graf-empty\">\r\n      <div class=\"graf-empty-icon\">\ud83d\udcca<\/div>\r\n      <div style=\"font-size:13px; font-weight:600; color:#6a7a8a;\">Graf \u010daka na izra\u010dun<\/div>\r\n      <div style=\"font-size:12px; color:#aab0b8;\">Vnesite podatke in pritisnite IZRA\u010cUNAJ<\/div>\r\n    <\/div>\r\n    <div id=\"graf-canvas-wrap\" class=\"graf-canvas-wrap\" style=\"display:none;\">\r\n      <canvas id=\"roiChart\"><\/canvas>\r\n    <\/div>\r\n    <div id=\"graf-legenda\" style=\"display:none; justify-content:center; gap:20px; margin-top:14px; flex-wrap:wrap;\">\r\n      <div style=\"display:flex; align-items:center; gap:8px;\">\r\n        <div style=\"width:28px; height:3px; background:#2f8fbd; border-radius:2px;\"><\/div>\r\n        <span style=\"font-size:12px; color:#6a7a8a;\">Skupni prihranek<\/span>\r\n      <\/div>\r\n      <div style=\"display:flex; align-items:center; gap:8px;\">\r\n        <div style=\"width:28px; border-top:2px dashed #ccc;\"><\/div>\r\n        <span style=\"font-size:12px; color:#6a7a8a;\">Investicija<\/span>\r\n      <\/div>\r\n      <div style=\"display:flex; align-items:center; gap:8px;\">\r\n        <div style=\"width:10px; height:10px; background:#e74c3c; border-radius:50%;\"><\/div>\r\n        <span style=\"font-size:12px; color:#6a7a8a;\">To\u010dka povrnitve<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<\/div>\r\n<script>\r\nvar roiChartInstance = null;\r\nfunction updateRoiGraf(letniPrihranek, skupnaInvesticija, povraciloLet, sistem) {\r\n  var elEmpty = document.getElementById('graf-empty');\r\n  var elCanvasWrap = document.getElementById('graf-canvas-wrap');\r\n  var elLegenda = document.getElementById('graf-legenda');\r\n  var elPovracilo = document.getElementById('graf-povracilo');\r\n  var elSkupaj = document.getElementById('graf-skupaj');\r\n  var elSistem = document.getElementById('graf-sistem');\r\n  if (elPovracilo) elPovracilo.textContent = povraciloLet;\r\n  if (elSkupaj) elSkupaj.textContent = Math.round(letniPrihranek * 25).toLocaleString() + ' \u20ac';\r\n  if (elSistem) elSistem.textContent = sistem + ' kW';\r\n  if (elEmpty) elEmpty.style.display = 'none';\r\n  if (elCanvasWrap) elCanvasWrap.style.display = 'block';\r\n  if (elLegenda) elLegenda.style.display = 'flex';\r\n  var labels = [];\r\n  var prihranki = [];\r\n  var investicija = [];\r\n  var toPovrnitveData = [];\r\n  var i;\r\n  for (i = 0; i <= 25; i++) {\r\n    labels.push('L' + i);\r\n    prihranki.push(Math.round(letniPrihranek * i));\r\n    investicija.push(skupnaInvesticija);\r\n    toPovrnitveData.push(null);\r\n  }\r\n  var povrnitveIndex = Math.round(povraciloLet);\r\n  if (povrnitveIndex >= 0 && povrnitveIndex <= 25) {\r\n    toPovrnitveData[povrnitveIndex] = skupnaInvesticija;\r\n  }\r\n  if (roiChartInstance) {\r\n    roiChartInstance.destroy();\r\n    roiChartInstance = null;\r\n  }\r\n  var ctx = document.getElementById('roiChart').getContext('2d');\r\n  roiChartInstance = new Chart(ctx, {\r\n    type: 'line',\r\n    data: {\r\n      labels: labels,\r\n      datasets: [\r\n        {\r\n          label: 'Skupni prihranek',\r\n          data: prihranki,\r\n          borderColor: '#2f8fbd',\r\n          backgroundColor: 'rgba(47,143,189,0.08)',\r\n          fill: true,\r\n          tension: 0.4,\r\n          borderWidth: 2.5,\r\n          pointRadius: 0,\r\n          pointHoverRadius: 5,\r\n          pointHoverBackgroundColor: '#2f8fbd'\r\n        },\r\n        {\r\n          label: 'Investicija',\r\n          data: investicija,\r\n          borderColor: '#ccc',\r\n          borderDash: [6, 4],\r\n          fill: false,\r\n          borderWidth: 1.5,\r\n          pointRadius: 0,\r\n          tension: 0\r\n        },\r\n        {\r\n          label: 'To\u010dka povrnitve',\r\n          data: toPovrnitveData,\r\n          borderColor: 'transparent',\r\n          backgroundColor: '#e74c3c',\r\n          pointRadius: 8,\r\n          pointHoverRadius: 10,\r\n          showLine: false,\r\n          pointStyle: 'circle'\r\n        }\r\n      ]\r\n    },\r\n    options: {\r\n      responsive: true,\r\n      maintainAspectRatio: false,\r\n      interaction: { mode: 'index', intersect: false },\r\n      plugins: {\r\n        legend: { display: false },\r\n        tooltip: {\r\n          backgroundColor: '#1a2a3a',\r\n          titleColor: '#8a9aaa',\r\n          bodyColor: '#ffffff',\r\n          padding: 12,\r\n          callbacks: {\r\n            label: function(context) {\r\n              if (context.dataset.label === 'To\u010dka povrnitve' && context.parsed.y === null) return null;\r\n              if (context.dataset.label === 'To\u010dka povrnitve') return '\u25cf Investicija povrnjena';\r\n              return context.dataset.label + ': ' + context.parsed.y.toLocaleString() + ' \u20ac';\r\n            }\r\n          }\r\n        }\r\n      },\r\n      scales: {\r\n        x: {\r\n          grid: { display: false },\r\n          ticks: { color: '#aab0b8', font: { size: 11 }, maxTicksLimit: 9 }\r\n        },\r\n        y: {\r\n          grid: { color: '#f0f4f8', drawBorder: false },\r\n          ticks: {\r\n            color: '#aab0b8',\r\n            font: { size: 11 },\r\n            callback: function(value) {\r\n              if (value >= 1000) return (value \/ 1000).toFixed(0) + 'k \u20ac';\r\n              return value + ' \u20ac';\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  });\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c28ab14 e-con-full e-flex e-con e-child\" data-id=\"c28ab14\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96889ed elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-html\" data-id=\"96889ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .sistem-blok {\r\n    background: #ffffff;\r\n    border-radius: 14px;\r\n    padding: 22px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    height: 100%;\r\n    box-sizing: border-box;\r\n    border: 1.5px solid #e0e8f0;\r\n    box-shadow: 0 4px 16px rgba(0,0,0,0.05);\r\n  }\r\n  .sistem-step {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: flex-start;\r\n  }\r\n  .sistem-icon {\r\n    width: 18px;\r\n    height: 18px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    color: #fff;\r\n    flex-shrink: 0;\r\n  }\r\n  @media (max-width: 768px) {\r\n    .sistem-blok { padding: 16px; gap: 10px; }\r\n  }\r\n<\/style>\r\n<div class=\"sistem-blok\">\r\n  <p style=\"font-size:9px; color:#8a9aaa; letter-spacing:2px; text-transform:uppercase; margin:0;\">Kako deluje sistem?<\/p>\r\n  <p style=\"font-size:11px; color:#6a7a8a; line-height:1.6; margin:0;\">Son\u010dna elektrarna pretvori son\u010dno svetlobo v elektriko, ki jo porabite doma ali oddate v omre\u017eje.<\/p>\r\n  <div style=\"border-top:1px solid #e0e8f0;\"><\/div>\r\n  <div style=\"display:flex; flex-direction:column; gap:9px;\">\r\n    <div class=\"sistem-step\">\r\n      <div class=\"sistem-icon\" style=\"background:#2f8fbd;\">1<\/div>\r\n      <p style=\"font-size:11px; color:#6a7a8a; line-height:1.6; margin:0;\"><span style=\"color:#1a2a3a; font-weight:600;\">Paneli<\/span> absorbirajo son\u010dno svetlobo in proizvajajo enosmerni tok (DC).<\/p>\r\n    <\/div>\r\n    <div class=\"sistem-step\">\r\n      <div class=\"sistem-icon\" style=\"background:#2f8fbd;\">2<\/div>\r\n      <p style=\"font-size:11px; color:#6a7a8a; line-height:1.6; margin:0;\"><span style=\"color:#1a2a3a; font-weight:600;\">Inverter<\/span> pretvori enosmerni tok v izmeni\u010dni (AC), primeren za dom.<\/p>\r\n    <\/div>\r\n    <div class=\"sistem-step\">\r\n      <div class=\"sistem-icon\" style=\"background:#2f8fbd;\">3<\/div>\r\n      <p style=\"font-size:11px; color:#6a7a8a; line-height:1.6; margin:0;\"><span style=\"color:#1a2a3a; font-weight:600;\">Elektriko<\/span> porabite doma, vi\u0161ek gre v omre\u017eje ali baterijo.<\/p>\r\n    <\/div>\r\n    <div class=\"sistem-step\">\r\n      <div class=\"sistem-icon\" style=\"background:#4caf7d;\">\u2713<\/div>\r\n      <p style=\"font-size:11px; color:#6a7a8a; line-height:1.6; margin:0;\">Aplikacija prikazuje proizvodnjo in porabo v <span style=\"color:#1a2a3a; font-weight:600;\">realnem \u010dasu<\/span>.<\/p>\r\n    <\/div>\r\n  <\/div>\r\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<div class=\"elementor-element elementor-element-fc72f07 e-flex e-con-boxed e-con e-parent\" data-id=\"fc72f07\" 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-8c0139f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8c0139f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .cta-stik {\r\n    font-family: 'Poppins', sans-serif;\r\n    background: #f2f2f2;\r\n    padding: 80px 20px;\r\n    text-align: center;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    margin: 0;\r\n    overflow: hidden;\r\n  }\r\n  .cta-stik h2 {\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    color: #111111;\r\n    margin: 0 0 16px;\r\n    line-height: 1.2;\r\n  }\r\n  .cta-stik p {\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    color: #444444;\r\n    max-width: 520px;\r\n    margin: 0 auto 32px;\r\n    line-height: 1.7;\r\n  }\r\n  @keyframes slideUp {\r\n    0% {\r\n      transform: translateY(60px);\r\n      opacity: 0;\r\n    }\r\n    100% {\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n    }\r\n  }\r\n  .cta-stik a {\r\n    display: inline-block;\r\n    background: #111111;\r\n    color: #ffffff;\r\n    padding: 16px 40px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border-radius: 50px;\r\n    animation: slideUp 0.7s ease forwards;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n  .cta-stik a:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 10px 24px rgba(0,0,0,0.2);\r\n  }\r\n  @media (max-width: 768px) {\r\n    .cta-stik { padding: 56px 20px; }\r\n    .cta-stik h2 { font-size: 24px; }\r\n    .cta-stik p { font-size: 14px; max-width: 100%; }\r\n    .cta-stik a {\r\n      display: block;\r\n      width: 100%;\r\n      box-sizing: border-box;\r\n      text-align: center;\r\n      padding: 16px 20px;\r\n    }\r\n  }\r\n<\/style>\r\n<div class=\"cta-stik\">\r\n  <h2>Pripravljeni na prehod na son\u010dno energijo?<\/h2>\r\n  <p>Stopite v stik z nami in pridobite brezpla\u010dno ponudbo.<\/p>\r\n  <a href=\"https:\/\/solartech.life\/povprasevanje\/\">Pridobite ponudbo<\/a>\r\n<\/div>\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>Izra\u010dunajte va\u0161 prihranek Vnesite podatke o va\u0161i strehi in porabi \u2014 rezultat dobite v 10 sekundah. IZRA\u010cUN MESE\u010cNA PORABA kWh \/ mesec VELIKOST STREHE m\u00b2 POKRITOST STREHE % CENA ELEKTRIKE \u20ac \/ kWh CENA SISTEMA \u20ac \/ kW IZRA\u010cUNAJ &#x26a0; Rezultati so okvirna ocena. Za natan\u010dno ponudbo nas kontaktirajte. VA\u0160 PRIHRANEK NA LETO \u2013 \u20ac [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/solartech.life\/srb\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solartech.life\/srb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/solartech.life\/srb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/solartech.life\/srb\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/solartech.life\/srb\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":529,"href":"https:\/\/solartech.life\/srb\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":1829,"href":"https:\/\/solartech.life\/srb\/wp-json\/wp\/v2\/pages\/36\/revisions\/1829"}],"wp:attachment":[{"href":"https:\/\/solartech.life\/srb\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}