:root{--rdeca:#f4473a;--rdeca-temna:#d63a2e;--besedilo:#4c4c4c;--sivo:#777;--svetlo:#f5f5f5;--crta:#e3e3e3;--noga:#2b2b2b}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.6 Oxygen,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--besedilo);background:#fff}
img{max-width:100%;height:auto}
a{color:var(--rdeca);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{color:#333;line-height:1.25;font-weight:700}
h1{font-size:2rem;margin:0 0 1rem}
h2{font-size:1.4rem;margin:2rem 0 .75rem}
.skrito{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.okvir{max-width:1170px;margin:0 auto;padding:0 16px}
.glava{background:#fff;border-bottom:1px solid var(--crta);position:sticky;top:0;z-index:10}
.glava-notranja{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;min-height:80px}
.logotip img{display:block;width:200px}
.glavni-meni ul{list-style:none;margin:0;padding:0;display:flex}
.glavni-meni a{display:block;padding:28px 12px;color:var(--sivo);font-size:16px}
.glavni-meni a:hover,.glavni-meni a.aktivno{color:var(--rdeca);text-decoration:none}
.glavni-meni a.aktivno{box-shadow:inset 0 -3px 0 var(--rdeca)}
.meni-stikalo{position:absolute;opacity:0;pointer-events:none}
.meni-gumb{display:none;font-size:28px;line-height:1;cursor:pointer;color:#555;padding:8px}
@media (max-width:900px){
.logotip img{width:160px}
.meni-gumb{display:block}
.glavni-meni{display:none;width:100%}
.meni-stikalo:checked ~ .glavni-meni{display:block}
.glavni-meni ul{flex-direction:column;padding-bottom:12px}
.glavni-meni a{padding:10px 4px;border-top:1px solid var(--crta)}
.glavni-meni a.aktivno{box-shadow:none}
}
.drsnik{position:relative;height:420px;overflow:hidden;background:#222}
.prosojnica{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s;display:flex;align-items:flex-end}
.prosojnica.vidna{opacity:1;z-index:1}
.prosojnica .okvir{width:100%;padding-bottom:48px}
.napis{background:rgba(0,0,0,.6);color:#fff;max-width:560px;padding:24px 28px}
.napis h2{color:#fff;margin:0 0 .5rem}
.napis p{margin:0 0 1rem;font-size:16px}
.gumb{display:inline-block;background:var(--rdeca);color:#fff;padding:8px 18px;text-transform:uppercase;font-size:14px;letter-spacing:.05em}
.gumb:hover{background:var(--rdeca-temna);text-decoration:none}
.pike{position:absolute;bottom:16px;left:0;right:0;text-align:center;z-index:2}
.pike button{width:12px;height:12px;border-radius:50%;border:0;margin:0 4px;padding:0;background:rgba(255,255,255,.5);cursor:pointer}
.pike button.vidna{background:#fff}
@media (max-width:600px){.drsnik{height:340px}.napis{padding:16px}.napis p{font-size:15px}}
.vsebina{max-width:1170px;margin:0 auto;padding:40px 16px 56px}
.z-stranskim{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px}
aside{border-left:1px solid var(--crta);padding-left:32px;font-size:15px}
aside h2{font-size:1.15rem;margin-top:1.5rem}
aside h2:first-child{margin-top:0}
aside ul{padding-left:1.2em}
@media (max-width:900px){.z-stranskim{grid-template-columns:1fr;gap:24px}aside{border-left:0;padding-left:0;border-top:1px solid var(--crta);padding-top:24px}}
.uvod{font-size:1.1rem}
.storitve{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:32px}
.kartica{background:var(--svetlo);padding:24px;border-top:3px solid var(--rdeca)}
.kartica h2{margin-top:0;font-size:1.2rem}
.reference{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;align-items:center;margin-top:16px}
.reference img{display:block;margin:0 auto;max-height:90px;width:auto}
figure{margin:1.5rem 0}
figure img{border:1px solid var(--crta);padding:8px;background:#fff}
figcaption{font-size:14px;color:var(--sivo);font-style:italic;margin-bottom:8px}
.podatki{background:var(--svetlo);padding:20px 24px;border-left:3px solid var(--rdeca)}
.noga{background:var(--noga);color:#bbb;font-size:15px}
.noga a{color:#fff}
.noga-stolpci{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;padding-top:40px;padding-bottom:32px}
.noga h3{color:#fff;font-size:1.05rem;margin:0 0 .75rem}
.noga ul{list-style:none;margin:0;padding:0}
.noga li{margin:.3rem 0}
.noga p{margin:0}
.avtorske{border-top:1px solid #3d3d3d;text-align:center;padding:16px;font-size:14px;color:#999}