{"id":4,"date":"2026-09-14T14:52:04","date_gmt":"2026-09-14T14:52:04","guid":{"rendered":"https:\/\/dremelj.xvenaro.com\/?page_id=4"},"modified":"2026-09-14T14:52:20","modified_gmt":"2026-09-14T14:52:20","slug":"domov","status":"publish","type":"page","link":"https:\/\/dremelj.xvenaro.com\/","title":{"rendered":"Domov"},"content":{"rendered":"\n<style>\n  :root{\n    --purple: #594099;\n    --purple-dark: #3d2b6e;\n    --ink: #14121c;\n    --paper: #ffffff;\n    --muted: #cfc9e0;\n  }\n  *{box-sizing:border-box;}\n  html,body{margin:0;padding:0;}\n  body{\n    font-family:'Segoe UI', Arial, sans-serif;\n    background:var(--ink);\n    color:var(--paper);\n  }\n\n  \/* ---------- Top bar ---------- *\/\n  .topbar{\n    position:absolute;\n    top:0; left:0; right:0;\n    z-index:20;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    padding:18px 5%;\n    background:#fff;\n    box-shadow:0 2px 24px rgba(0,0,0,.18);\n  }\n  .topbar .logo{\n    height:52px;\n    display:block;\n  }\n  .topbar nav{\n    display:flex;\n    gap:34px;\n  }\n  .topbar nav a{\n    color:var(--purple);\n    text-decoration:none;\n    font-size:15px;\n    letter-spacing:.03em;\n    font-weight:600;\n    opacity:.85;\n    transition:opacity .2s;\n  }\n  .topbar nav a:hover{opacity:1; text-decoration:underline;}\n  .topbar .cta-mini{\n    border:1px solid var(--purple);\n    padding:9px 20px;\n    border-radius:3px;\n    font-size:14px;\n    font-weight:600;\n    color:var(--purple);\n    text-decoration:none;\n    white-space:nowrap;\n  }\n  .topbar .cta-mini:hover{background:rgba(89,64,153,.08);}\n  .topbar .desktop-only{display:flex; align-items:center; gap:34px;}\n\n  \/* Hamburger button \u2014 tablet\/mobile only *\/\n  .menu-btn{\n    display:none;\n    flex-direction:column;\n    justify-content:center;\n    gap:5px;\n    width:38px;\n    height:38px;\n    background:rgba(89,64,153,.08);\n    border:1px solid rgba(89,64,153,.4);\n    border-radius:4px;\n    cursor:pointer;\n    padding:0;\n  }\n  .menu-btn span{\n    display:block;\n    width:18px;\n    height:2px;\n    margin:0 auto;\n    background:var(--purple);\n    transition:transform .2s ease, opacity .2s ease;\n  }\n  .menu-btn.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}\n  .menu-btn.is-open span:nth-child(2){opacity:0;}\n  .menu-btn.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}\n\n  \/* Mobile nav panel *\/\n  .mobile-nav{\n    position:absolute;\n    top:100%;\n    left:0; right:0;\n    z-index:19;\n    background:#fff;\n    border-top:1px solid rgba(89,64,153,.15);\n    box-shadow:0 12px 24px rgba(0,0,0,.15);\n    display:flex;\n    flex-direction:column;\n    padding:10px 5% 24px;\n    gap:4px;\n    visibility:hidden;\n    opacity:0;\n    transform:translateY(-8px);\n    transition:opacity .2s ease, transform .2s ease, visibility 0s linear .2s;\n  }\n  .mobile-nav.is-open{\n    visibility:visible;\n    opacity:1;\n    transform:translateY(0);\n    transition:opacity .2s ease, transform .2s ease;\n  }\n  .mobile-nav a{\n    color:var(--purple);\n    text-decoration:none;\n    font-size:16px;\n    font-weight:600;\n    padding:14px 4px;\n    border-bottom:1px solid rgba(89,64,153,.12);\n  }\n  .mobile-nav .cta-mini{\n    margin-top:14px;\n    text-align:center;\n    align-self:flex-start;\n  }\n\n  @media (max-width:900px){\n    .topbar .desktop-only{display:none;}\n    .menu-btn{display:flex;}\n  }\n  @media (min-width:901px){\n    .mobile-nav{display:none;}\n  }\n  @media (max-width:480px){\n    .topbar{padding:16px 5%;}\n    .topbar .logo{height:34px;}\n  }\n\n  \/* ---------- Hero ---------- *\/\n  .hero{\n    position:relative;\n    min-height:100vh;\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n    gap:32px;\n    padding:90px 0;\n    overflow:hidden;\n  }\n  .hero .bg{\n    position:absolute;\n    inset:0;\n    background-image:url('https:\/\/xvenaro.com\/wp-content\/uploads\/2026\/07\/hero-bg.jpg');\n    background-size:cover;\n    background-position:center top;\n    background-repeat:no-repeat;\n    transform:scale(1.03);\n  }\n  .hero .overlay{\n    position:absolute;\n    inset:0;\n    background:\n      linear-gradient(100deg, rgba(15,10,30,.94) 0%, rgba(15,10,30,.82) 30%, rgba(35,25,65,.55) 58%, rgba(89,64,153,.35) 100%);\n  }\n  .hero .grain{\n    position:absolute; inset:0;\n    background:linear-gradient(180deg, rgba(0,0,0,0) 70%, rgba(0,0,0,.55) 100%);\n  }\n\n  \/* Mobile: extra breathing room below the fixed nav \u2014 placed after the base\n     .hero rule so it isn't overridden by the unconditional padding above *\/\n  @media (max-width:900px){\n    .hero{padding-top:170px;}\n  }\n\n  .hero-row{\n    position:relative;\n    z-index:2;\n    display:flex;\n    flex-direction:column;\n    gap:32px;\n    padding:0 5%;\n    text-shadow:0 2px 14px rgba(0,0,0,.55);\n  }\n  .hero-content{\n    max-width:760px;\n  }\n  .eyebrow{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    text-transform:uppercase;\n    letter-spacing:.18em;\n    font-size:13px;\n    font-weight:700;\n    color:#c9befc;\n    margin-bottom:22px;\n  }\n  .eyebrow::before{\n    content:\"\";\n    width:34px; height:2px;\n    background:#c9befc;\n    display:inline-block;\n  }\n  .hero-content h1{\n    font-size:clamp(34px, 5.4vw, 64px);\n    line-height:1.08;\n    margin:0 0 22px;\n    font-weight:700;\n    letter-spacing:-.01em;\n  }\n  .hero-content h1 span{\n    color:#b9a6ff;\n  }\n  .hero-content p.lead{\n    font-size:clamp(16px,1.7vw,19px);\n    line-height:1.7;\n    color:#e4e0f5;\n    max-width:620px;\n    margin:0 0 36px;\n  }\n\n  .hero-ctas{\n    display:flex;\n    gap:16px;\n    flex-wrap:wrap;\n    margin-bottom:56px;\n  }\n  .btn{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    padding:15px 28px;\n    border-radius:3px;\n    font-size:15px;\n    font-weight:700;\n    text-decoration:none;\n    letter-spacing:.01em;\n    transition:transform .15s ease, box-shadow .15s ease, background .15s ease;\n  }\n  .btn-primary{\n    background:var(--purple);\n    color:#fff;\n    box-shadow:0 10px 30px -8px rgba(89,64,153,.7);\n  }\n  .btn-primary:hover{background:#6b4fb3; transform:translateY(-2px);}\n  .btn-ghost{\n    border:1px solid rgba(255,255,255,.45);\n    color:#fff;\n  }\n  .btn-ghost:hover{background:rgba(255,255,255,.08); transform:translateY(-2px);}\n\n  \/* ---------- Stat strip ---------- *\/\n  .stat-strip{\n    display:grid;\n    grid-template-columns:repeat(2,1fr);\n    row-gap:20px;\n    column-gap:22px;\n    border-top:1px solid rgba(255,255,255,.18);\n    padding-top:22px;\n    max-width:620px;\n  }\n  .stat-strip .stat{\n    padding:0 22px 0 0;\n    border-right:1px solid rgba(255,255,255,.18);\n  }\n  .stat-strip .stat:nth-child(2n){border-right:none;}\n  .stat-strip .stat:last-child{border-right:none;}\n  .stat .num{\n    font-size:clamp(22px,2.6vw,34px);\n    font-weight:800;\n    color:#fff;\n    display:block;\n  }\n  .stat .num sup{\n    font-size:.5em;\n    color:#b9a6ff;\n    margin-left:2px;\n  }\n  .stat .label{\n    font-size:13px;\n    color:#c7c1de;\n    margin-top:6px;\n    line-height:1.4;\n  }\n  @media (max-width:480px){\n    .stat-strip{column-gap:14px;}\n    .stat-strip .stat{padding-right:14px;}\n  }\n\n  \/* Desktop: stats sit to the right of the copy, stacked in two rows *\/\n  @media (min-width:901px){\n    .hero-row{\n      flex-direction:row;\n      align-items:center;\n      justify-content:flex-start;\n      gap:56px;\n    }\n    .hero-content{flex:0 1 560px; min-width:0;}\n    .stat-strip{\n      flex:1 1 auto;\n      grid-template-columns:repeat(2,160px);\n      justify-content:center;\n      row-gap:22px;\n      column-gap:26px;\n      border-top:none;\n      padding-top:0;\n    }\n    .stat-strip .stat{\n      padding:0 26px 0 0;\n      border-right:1px solid rgba(255,255,255,.25);\n    }\n    .stat-strip .stat:nth-child(2n){border-right:none;}\n    .stat-strip .stat:last-child{border-right:none;}\n  }\n\n  .scroll-cue{\n    position:absolute;\n    left:5%;\n    bottom:28px;\n    z-index:2;\n    font-size:12px;\n    letter-spacing:.15em;\n    text-transform:uppercase;\n    color:#b9b3d6;\n    display:flex;\n    align-items:center;\n    gap:10px;\n  }\n  .scroll-cue .line{\n    width:1px; height:34px;\n    background:linear-gradient(#b9b3d6, transparent);\n  }\n  @media (max-width:760px){ .scroll-cue{display:none;} }\n\n  .placeholder-note{\n    background:var(--purple-dark);\n    padding:56px 6%;\n    text-align:center;\n  }\n  .placeholder-note p{\n    max-width:680px;\n    margin:0 auto;\n    font-size:15px;\n    line-height:1.6;\n    color:var(--muted);\n  }\n\n  \/* ---------- Footer ---------- *\/\n  .site-footer{\n    background:var(--ink);\n    color:var(--muted);\n    padding:56px 5% 24px;\n  }\n  .site-footer-inner{\n    max-width:1200px;\n    margin:0 auto;\n    display:grid;\n    grid-template-columns:2fr 1fr 1fr;\n    gap:48px;\n  }\n  .site-footer-brand img{\n    height:38px;\n    margin-bottom:16px;\n    filter:brightness(0) invert(1);\n  }\n  .site-footer-brand p{\n    font-size:14px;\n    line-height:1.7;\n    max-width:320px;\n    color:var(--muted);\n  }\n  .site-footer-col h4{\n    font-size:12px;\n    font-weight:700;\n    text-transform:uppercase;\n    letter-spacing:.1em;\n    color:#b9a6ff;\n    margin:0 0 16px;\n  }\n  .site-footer-col ul{\n    list-style:none;\n    margin:0; padding:0;\n  }\n  .site-footer-col ul li{margin-bottom:10px;}\n  .site-footer-col ul li a{\n    font-size:14px;\n    color:var(--muted);\n    text-decoration:none;\n    transition:color .2s;\n  }\n  .site-footer-col ul li a:hover{color:#fff;}\n  .site-footer-col address{\n    font-style:normal;\n    font-size:14px;\n    line-height:1.8;\n    color:var(--muted);\n  }\n  .site-footer-bottom{\n    max-width:1200px;\n    margin:32px auto 0;\n    padding-top:20px;\n    border-top:1px solid rgba(255,255,255,.1);\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    flex-wrap:wrap;\n    gap:10px;\n    font-size:13px;\n  }\n  @media (max-width:900px){\n    .site-footer-inner{grid-template-columns:1fr; gap:28px;}\n    .site-footer-bottom{flex-direction:column; text-align:center;}\n  }\n<\/style>\n<script>\n(function(){\n  var btn = document.getElementById('menuBtn');\n  var panel = document.getElementById('mobileNav');\n  btn.addEventListener('click', function(){\n    var open = panel.classList.toggle('is-open');\n    btn.classList.toggle('is-open', open);\n    btn.setAttribute('aria-expanded', open ? 'true' : 'false');\n  });\n  document.addEventListener('click', function(e){\n    if (!panel.classList.contains('is-open')) return;\n    if (panel.contains(e.target) || btn.contains(e.target)) return;\n    panel.classList.remove('is-open');\n    btn.classList.remove('is-open');\n    btn.setAttribute('aria-expanded', 'false');\n  });\n})();\n<\/script>\n\n<section class=\"hero\">\n  <div class=\"bg\"><\/div>\n  <div class=\"overlay\"><\/div>\n  <div class=\"grain\"><\/div>\n\n  <div class=\"hero-row\">\n    <div class=\"hero-content\">\n      <div class=\"eyebrow\">Jeklene konstrukcije &amp; monta\u017ea&nbsp;\u00b7&nbsp;Ljubljana &amp; Komenda<\/div>\n      <h1>Konstrukcije Dremelj d.o.o.<\/h1>\n      <p class=\"lead\">\n        Specializirano podjetje za in\u017eeniring, izdelavo in monta\u017eo kovinskih konstrukcij \u2014\n        od stati\u010dnega izra\u010duna do vro\u010de cinkane in vgrajene konstrukcije na gradbi\u0161\u010du.\n        Certificirano po SIST&nbsp;EN&nbsp;ISO&nbsp;3834\u20112 in EN&nbsp;1090\u20112 (EXC3), z izku\u0161njami\n        na zahtevnih objektih doma in v tujini \u2014 od Nuklearne elektrarne Kr\u0161ko do mostov v Liberiji.\n      <\/p>\n      <div class=\"hero-ctas\">\n        <a href=\"#\" class=\"btn btn-primary\">Poglejte na\u0161e reference<\/a>\n        <a href=\"#\" class=\"btn btn-ghost\">Kontaktirajte nas<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"stat-strip\">\n      <div class=\"stat\">\n        <span class=\"num\">25<\/span>\n        <div class=\"label\">zaposlenih strokovnjakov<\/div>\n      <\/div>\n      <div class=\"stat\">\n        <span class=\"num\">200&nbsp;t<sup>\/mesec<\/sup><\/span>\n        <div class=\"label\">zmontiranega materiala mese\u010dno<\/div>\n      <\/div>\n      <div class=\"stat\">\n        <span class=\"num\">1.000&nbsp;t<\/span>\n        <div class=\"label\">stalne zaloge jekla<\/div>\n      <\/div>\n      <div class=\"stat\">\n        <span class=\"num\">EXC3<\/span>\n        <div class=\"label\">certifikat za najzahtevnej\u0161e konstrukcije<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"scroll-cue\"><div class=\"line\"><\/div> Podrsajte<\/div>\n<\/section>\n\n<section class=\"placeholder-note\">\n  <p>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>Jeklene konstrukcije &amp; monta\u017ea&nbsp;\u00b7&nbsp;Ljubljana &amp; Komenda Konstrukcije Dremelj d.o.o. Specializirano podjetje za in\u017eeniring, izdelavo in monta\u017eo kovinskih konstrukcij \u2014 od stati\u010dnega izra\u010duna do vro\u010de cinkane in vgrajene konstrukcije na gradbi\u0161\u010du. Certificirano po SIST&nbsp;EN&nbsp;ISO&nbsp;3834\u20112 in EN&nbsp;1090\u20112 (EXC3), z izku\u0161njami na zahtevnih objektih doma in v tujini \u2014 od Nuklearne elektrarne Kr\u0161ko do mostov v Liberiji. Poglejte <a href=\"https:\/\/dremelj.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:\/\/dremelj.xvenaro.com\/index.php?rest_route=\/wp\/v2\/pages\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dremelj.xvenaro.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dremelj.xvenaro.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/dremelj.xvenaro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4"}],"version-history":[{"count":1,"href":"https:\/\/dremelj.xvenaro.com\/index.php?rest_route=\/wp\/v2\/pages\/4\/revisions"}],"predecessor-version":[{"id":5,"href":"https:\/\/dremelj.xvenaro.com\/index.php?rest_route=\/wp\/v2\/pages\/4\/revisions\/5"}],"wp:attachment":[{"href":"https:\/\/dremelj.xvenaro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}