{"id":4,"date":"2026-11-07T16:05:09","date_gmt":"2026-11-07T16:05:09","guid":{"rendered":"https:\/\/klima-ptuj.xvenaro.com\/?page_id=4"},"modified":"2026-11-07T16:05:27","modified_gmt":"2026-11-07T16:05:27","slug":"domov","status":"publish","type":"page","link":"https:\/\/klima-ptuj.xvenaro.com\/","title":{"rendered":"Domov"},"content":{"rendered":"\n<style>\n:root{--cyan:#01aefd;--cyan-d:#0090d4;--slate:#353f47;--slate-d:#1f262c;--ink:#10161b;--mist:#f6f6f6}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;overflow-x:clip}body{font-family:'Open Sans',Verdana,sans-serif;color:#fff;background:var(--slate-d);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#prog{position:fixed;top:0;left:0;right:0;height:3px;z-index:1200;background:var(--cyan);transform:scaleX(0);transform-origin:0 50%}header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;box-shadow:0 2px 18px rgb(16 22 27 \/ .08);transition:top .4s ease,box-shadow .3s ease}.bar{max-width:1280px;width:calc(100% - 56px);margin:0 auto;padding:14px 0;display:flex;align-items:center}.logo{display:block;transition:transform .3s ease}.logo:hover{transform:translateY(-2px)}.logo img{height:44px;width:auto}.tools{display:flex;align-items:center;gap:12px;margin-left:12px}nav{margin-left:auto}.lang{position:relative}.lang-btn{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px 0 10px;border:1.5px solid #d5dde2;border-radius:999px;background:#fff;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease}.lang-btn:hover,.lang-btn:focus-visible{border-color:var(--cyan);box-shadow:0 0 0 3px rgb(1 174 253 \/ .18);outline:none}.lang svg.fl{width:26px;height:18px;border-radius:3px;display:block;box-shadow:0 0 0 1px rgb(16 22 27 \/ .14)}.lang .chev{width:10px;height:10px;color:var(--slate-d);transition:transform .3s ease}.lang-menu{list-style:none;position:absolute;top:calc(100% + 10px);right:0;min-width:100%;padding:6px;background:#fff;border-radius:18px;box-shadow:0 18px 40px rgb(16 22 27 \/ .22);display:flex;flex-direction:column;gap:2px;transition:opacity .25s ease,transform .25s ease,visibility .25s}.lang-menu button{display:flex;align-items:center;justify-content:center;width:100%;height:42px;padding:0 10px;border:0;background:#fff0;border-radius:12px;cursor:pointer;transition:background .2s ease}.lang-menu button:hover{background:#eef6fb}nav ul{list-style:none;display:flex;align-items:center;gap:6px}nav ul a{display:block;padding:10px 16px;font-weight:600;font-size:15px;position:relative;color:var(--slate-d)}nav ul a::after{content:'';position:absolute;left:16px;right:16px;bottom:4px;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s ease}nav ul a:hover::after{transform:scaleX(1)}nav ul a.navcta{background:var(--cyan);color:#06222f;border-radius:999px;padding:10px 22px;margin-left:8px;transition:background .25s ease,transform .25s ease}nav ul a.navcta::after{display:none}nav ul a.navcta:hover{background:var(--slate-d);color:#fff;transform:translateY(-2px)}.menu-toggle{display:none;background:var(--slate-d);color:#fff;border:0;width:46px;height:46px;border-radius:14px;cursor:pointer;align-items:center;justify-content:center}.menu-toggle svg{width:22px;height:22px}.ico-x{display:none}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:150px 28px 190px;isolation:isolate}.hero-bg{position:absolute;inset:-6% 0;z-index:-3;overflow:hidden;background:var(--slate-d);will-change:transform}.slide{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transform:scale(1);will-change:opacity,transform}.dots{position:absolute;right:28px;bottom:88px;z-index:2;display:flex;gap:10px;align-items:center}.dots button{height:4px;width:28px;border:0;padding:0;border-radius:4px;background:rgb(255 255 255 \/ .4);cursor:pointer;transition:width .4s ease,background .4s ease}.dots button:hover{background:rgb(255 255 255 \/ .75)}.hero::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(100deg,rgb(16 22 27 \/ .92) 0%,rgb(31 38 44 \/ .78) 42%,rgb(53 63 71 \/ .35) 100%),linear-gradient(0deg,rgb(16 22 27 \/ .85) 0%,#fff0 40%)}.blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;pointer-events:none}.b1{width:480px;height:480px;background:rgb(1 174 253 \/ .35);top:-120px;right:-80px;animation:drift1 16s ease-in-out infinite}.b2{width:360px;height:360px;background:rgb(1 174 253 \/ .22);bottom:60px;left:-120px;animation:drift2 20s ease-in-out infinite}@keyframes drift1{0%,100%{transform:translate(0,0)}50%{transform:translate(-60px,70px)}}@keyframes drift2{0%,100%{transform:translate(0,0)}50%{transform:translate(80px,-50px)}}.wrap{max-width:1280px;margin:0 auto;width:100%;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#bfeaff;border:1px solid rgb(255 255 255 \/ .22);padding:8px 16px;border-radius:999px;background:rgb(255 255 255 \/ .06)}.dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgb(1 174 253 \/ .7);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(1 174 253 \/ .7)}70%{box-shadow:0 0 0 12px #fff0}100%{box-shadow:0 0 0 0 #fff0}}h1{font-family:'Barlow Condensed','Open Sans Condensed',sans-serif;font-weight:700;font-size:clamp(46px,8vw,112px);line-height:.98;letter-spacing:-.01em;text-transform:uppercase;margin:26px 0 24px;max-width:1000px}h1 .brand{color:var(--cyan);display:block}.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.3em;margin-bottom:-.3em}.w>span{display:inline-block}.hl{position:relative;display:inline-block;white-space:nowrap}.hl svg{position:absolute;left:0;right:0;bottom:-.14em;width:100%;height:.3em;overflow:visible}.hl path{fill:none;stroke:var(--cyan);stroke-width:6;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:draw 1.1s .9s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}.sub{font-size:clamp(16px,1.6vw,20px);max-width:640px;color:#dbe6ec;margin-bottom:36px}.ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:12px;padding:17px 30px;border-radius:999px;font-weight:700;font-size:16px;transition:transform .3s ease,box-shadow .3s ease,color .3s ease;isolation:isolate}.btn::before{content:'';position:absolute;inset:0;z-index:-1;transform:translateY(101%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.btn svg{width:18px;height:18px;transition:transform .3s ease}.btn:hover svg{transform:translateX(5px)}.btn:hover::before{transform:translateY(0)}.btn-p{background:var(--cyan);color:#06222f;box-shadow:0 14px 34px rgb(1 174 253 \/ .4)}.btn-p::before{background:#fff}.btn-p:hover{box-shadow:0 18px 40px rgb(1 174 253 \/ .55)}.btn-g{border:1.5px solid rgb(255 255 255 \/ .4);color:#fff;background:rgb(255 255 255 \/ .05)}.btn-g::before{background:var(--cyan)}.btn-g:hover{color:#06222f;border-color:var(--cyan)}.stats{display:flex;flex-wrap:wrap;gap:14px 44px;margin-top:56px;padding-top:28px;border-top:1px solid rgb(255 255 255 \/ .16);max-width:760px}.stat b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:clamp(36px,4.4vw,56px);line-height:1;font-weight:700;color:#fff}.stat b i{font-style:normal;color:var(--cyan)}.stat span{font-size:13px;color:#b9c9d3;letter-spacing:.04em}.flake{position:absolute;right:6%;top:50%;width:min(34vw,440px);height:auto;margin-top:-200px;opacity:.16;pointer-events:none;animation:spin 60s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.marq{position:absolute;left:0;right:0;bottom:0;background:var(--cyan);color:#06222f;overflow:hidden;white-space:nowrap}.marq-in{display:inline-flex;animation:marq 38s linear infinite;padding:16px 0}.marq-in span{display:inline-flex;align-items:center;gap:26px;margin-right:26px;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:22px;letter-spacing:.06em;text-transform:uppercase}.marq-in span::after{content:'';width:9px;height:9px;border-radius:50%;background:#06222f;opacity:.55}@keyframes marq{to{transform:translateX(-50%)}}.hin{opacity:0;transform:translateY(26px);animation:hin .9s cubic-bezier(.2,.8,.2,1) forwards}.d1{animation-delay:.1s}.d2{animation-delay:.25s}.d3{animation-delay:.9s}.d4{animation-delay:1.05s}.d5{animation-delay:1.2s}.d6{animation-delay:1.35s}@keyframes hin{to{opacity:1;transform:none}}.note{background:var(--mist);color:var(--slate);padding:90px 28px;text-align:center}.note p{max-width:640px;margin:0 auto;font-size:18px;font-weight:600}@media (max-width:980px){.flake{display:none}}@media (max-width:768px){.dots{right:20px;bottom:80px}.bar{width:calc(100% - 40px);padding:12px 0}.logo img{height:34px}.menu-toggle{display:flex;position:relative;z-index:1001}nav ul{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--slate-d);flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:999}header.nav-open nav ul{display:flex}nav ul a{font-size:24px;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#fff}nav ul a.navcta{color:#06222f}.lang-btn{height:42px;padding:0 10px 0 8px}nav ul a.navcta{margin:10px 0 0}header.nav-open .ico-b{display:none}header.nav-open .ico-x{display:block}.hero{padding:130px 20px 170px}.stats{gap:18px 30px;margin-top:40px}.btn{width:100%;justify-content:center}.b1{width:300px;height:300px}}@media (prefers-reduced-motion:reduce){.blob,.flake,.marq-in,.dot{animation:none}.hl path{animation-duration:.01s;animation-delay:0s}}\n\n  \/* Lenis smooth-scroll: neutralize theme html{scroll-behavior:smooth} + std helpers *\/\n  html.lenis{scroll-behavior:auto!important}\n  html.lenis,html.lenis body{height:auto}\n  .lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}\n  .lenis.lenis-stopped{overflow:hidden}\n  .lenis.lenis-smooth iframe{pointer-events:none}\n<\/style>\n<section class=\"hero\" id=\"top\">\n<div class=\"hero-bg\" id=\"heroBg\">\n<img fetchpriority=\"high\" decoding=\"async\" class=\"slide\" src=\"https:\/\/xvenaro.com\/wp-content\/uploads\/2026\/10\/Klima-Ptuj-slide-1.jpg\" alt=\"\" width=\"1804\" height=\"1200\" style=\"opacity:1;z-index:2\">\n<img loading=\"lazy\" decoding=\"async\" class=\"slide\" src=\"https:\/\/xvenaro.com\/wp-content\/uploads\/2026\/10\/Klima-Ptuj-slide-2.jpg\" alt=\"\" width=\"2048\" height=\"1366\" style=\"\">\n<img loading=\"lazy\" decoding=\"async\" class=\"slide\" src=\"https:\/\/xvenaro.com\/wp-content\/uploads\/2026\/10\/Klima-Ptuj-slide-3.jpg\" alt=\"\" width=\"2832\" height=\"2124\" style=\"\">\n<\/div>\n<div class=\"dots\" id=\"dots\" aria-label=\"Slider\"><\/div>\n<div class=\"blob b1\" data-parallax=\"0.12\"><\/div>\n<div class=\"blob b2\" data-parallax=\"-0.08\"><\/div>\n<svg class=\"flake\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.2\" stroke-linecap=\"round\" aria-hidden=\"true\">\n<g id=\"arm\"><path d=\"M50 6v88\"><\/path><path d=\"M50 18l-9-8M50 18l9-8M50 82l-9 8M50 82l9 8\"><\/path><path d=\"M50 32l-7-6M50 32l7-6M50 68l-7 6M50 68l7 6\"><\/path><\/g>\n<use href=\"#arm\" transform=\"rotate(60 50 50)\"><\/use><use href=\"#arm\" transform=\"rotate(120 50 50)\"><\/use>\n<\/svg>\n<div class=\"wrap\">\n<span class=\"eyebrow hin d1\"><i class=\"dot\"><\/i><span data-i=\"eyebrow\">Ptuj \u00b7 Od leta 1996<\/span><\/span>\n<h1 id=\"h1\" aria-label=\"Klima Ptuj - In\u0161talacije v gradbeni\u0161tvu\">\n<span class=\"brand\">Klima Ptuj &#8211;<\/span>\n<span class=\"plain\">In\u0161talacije v <span class=\"hl\">gradbeni\u0161tvu<svg viewBox=\"0 0 300 20\" preserveAspectRatio=\"none\" aria-hidden=\"true\"><path d=\"M3 14 C 60 4, 140 4, 297 10\"><\/path><\/svg><\/span><\/span>\n<\/h1>\n<p class=\"sub hin d3\" data-i=\"sub\">Ogrevanje, hlajenje, klimatizacija, vodovod, prezra\u010devanje in avtomatika za novogradnje in adaptacije. Kakovost, ki jo na\u0161i naro\u010dniki ocenjujejo kot najbolj\u0161o referenco.<\/p>\n<div class=\"ctas hin d4\">\n<a class=\"btn btn-p magnet\" href=\"mailto:info@klima-ptuj.com?subject=Povpra%C5%A1evanje\"><span data-i=\"cta\">Po\u0161ljite povpra\u0161evanje<\/span>\n<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n<a class=\"btn btn-g\" href=\"tel:+38627798070\">\n<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z\"><\/path><\/svg>\n02 779 80 70<\/a>\n<\/div>\n<div class=\"stats hin d5\">\n<div class=\"stat\"><b data-count=\"1996\">1996<\/b><span data-i=\"s1\">leto ustanovitve<\/span><\/div>\n<div class=\"stat\"><b data-count=\"40\" data-suffix=\"+\">40<i>+<\/i><\/b><span data-i=\"s2\">redno zaposlenih<\/span><\/div>\n<div class=\"stat\"><b data-count=\"8\">8<\/b><span data-i=\"s3\">podro\u010dij storitev<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"marq\" aria-hidden=\"true\"><div class=\"marq-in\" id=\"marq\">\n<span>Ogrevanje<\/span><span>Hlajenje<\/span><span>Klimatizacija<\/span><span>Vodovod in kanalizacija<\/span><span>Prezra\u010devanje<\/span><span>Avtomatika in regulacije<\/span><span>Po\u017earni \u0161prinkler sistemi<\/span><span>\u010cistilne naprave<\/span><span>Namakalni sistemi<\/span>\n<\/div><\/div>\n<\/section>\n<section class=\"note\">\n<p data-i=\"note\">Kot primer je namenjen samo zgornji del. Ko pa bo stran kon\u010dana se bo tukaj nadeljevala dodatna vsebina<\/p>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>Ptuj \u00b7 Od leta 1996 Klima Ptuj &#8211; In\u0161talacije v gradbeni\u0161tvu Ogrevanje, hlajenje, klimatizacija, vodovod, prezra\u010devanje in avtomatika za novogradnje in adaptacije. Kakovost, ki jo na\u0161i naro\u010dniki ocenjujejo kot najbolj\u0161o referenco. Po\u0161ljite povpra\u0161evanje 02 779 80 70 1996leto ustanovitve 40+redno zaposlenih 8podro\u010dij storitev OgrevanjeHlajenjeKlimatizacijaVodovod in kanalizacijaPrezra\u010devanjeAvtomatika in regulacijePo\u017earni \u0161prinkler sistemi\u010cistilne napraveNamakalni sistemi Kot primer je <a href=\"https:\/\/klima-ptuj.xvenaro.com\/\" class=\"more-link\">&#8230;<span class=\"screen-reader-text\">  Domov<\/span><\/a><\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/klima-ptuj.xvenaro.com\/index.php?rest_route=\/wp\/v2\/pages\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/klima-ptuj.xvenaro.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/klima-ptuj.xvenaro.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/klima-ptuj.xvenaro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4"}],"version-history":[{"count":1,"href":"https:\/\/klima-ptuj.xvenaro.com\/index.php?rest_route=\/wp\/v2\/pages\/4\/revisions"}],"predecessor-version":[{"id":5,"href":"https:\/\/klima-ptuj.xvenaro.com\/index.php?rest_route=\/wp\/v2\/pages\/4\/revisions\/5"}],"wp:attachment":[{"href":"https:\/\/klima-ptuj.xvenaro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}