{"id":11390,"date":"2025-09-17T12:12:14","date_gmt":"2025-09-17T10:12:14","guid":{"rendered":"https:\/\/www.bizbox.eu\/elementor-11386\/"},"modified":"2026-11-09T19:42:26","modified_gmt":"2026-11-09T17:42:26","slug":"elementor-11386","status":"publish","type":"page","link":"https:\/\/www.bizbox.eu\/en\/elementor-11386\/","title":{"rendered":"Accountants &#8211; Landing Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11390\" class=\"elementor elementor-11390 elementor-11386\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bef4471 e-con-full e-flex e-con e-parent\" data-id=\"3bef4471\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7cea48ed elementor-widget elementor-widget-html\" data-id=\"7cea48ed\" 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<style>\n\n\/* ==========================================================================\n   bizBox \u2014 master za spletne strani (Elementor HTML gradnik)\n   Vse je omejeno na .bb-page. Ovoja NE preimenuj \u2014 enak razred na vseh\n   straneh je edini razlog, da so si strani med sabo podobne.\n\n   Podvojen .bb-page.bb-page ni pomota: tema in Elementorjeva globalna\n   tipografija barvo, pisavo in velike \u010drke pi\u0161ejo naravnost na h1\/h2\/p,\n   neposredno pravilo pa vedno premaga podedovano vrednost. Podvojen razred\n   dvigne specifi\u010dnost ravno toliko, da zmaga na\u0161 slog \u2014 brez !important,\n   tako da lahko posamezno stvar \u0161e vedno prepi\u0161e\u0161.\n   ========================================================================== *\/\n\n\/* 1. \u017detoni *\/\n.bb-page {\n  --navy: #002C66;\n  --navy-2: #001E47;\n  --navy-3: #06356F;\n  --cyan: #27b9e7;\n  --cyan-dark: #127496;\n  --cyan-hover: #127496;\n  --lime: #a7bf38;\n  --ink: #252a30;\n  --muted: #5d6f82;\n  --line: #d9e2ec;\n  --pale: #f5f7fb;\n  --on-dark: #ffffff;\n  --on-dark-soft: #dbe7f3;\n  --on-dark-muted: #a9c0d5;\n  --on-dark-accent: #35c1ec;\n  --eyebrow: 15px;\n  --wrap: 1120px;\n  --radius: 16px;\n  --dark-text: #06283f;\n  font-family: 'Exo 2', 'Segoe UI', Arial, sans-serif;\n  color: var(--ink);\n  background: var(--pale);\n  line-height: 1.55;\n  overflow: hidden;\n}\n.bb-page, .bb-page * { box-sizing: border-box; }\n\n\/* 2. Za\u0161\u010dita pred temo *\/\n.bb-page.bb-page :is(h1,h2,h3,h4,h5,h6,p,ul,ol,li,a,span,small,strong,b,em,i,u,summary,label,button,input,select,textarea) {\n  font-family: inherit;\n  text-transform: none;\n}\n.bb-page.bb-page :is(h1,h2,h3,h4,p,ul,ol) { margin-top: 0; }\n.bb-page.bb-page :is(ul,ol) { padding-left: 0; list-style: none; }\n.bb-page.bb-page li { margin: 0; }\n.bb-page.bb-page :is(p,li,span,small,div,em,i,u,dd,dt) { font-weight: 400; }\n.bb-page.bb-page :is(b,strong) { font-weight: 700; }\n.bb-page.bb-page .bb-kicker,\n.bb-page.bb-page .bb-label,\n.bb-page.bb-page .bb-tag,\n.bb-page.bb-page .bb-fact small,\n.bb-page.bb-page .bb-steps li:before { font-weight: 800; }\n.bb-page.bb-page .bb-btn,\n.bb-page.bb-page .bb-faq summary,\n.bb-page.bb-page .bb-field label { font-weight: 700; }\n.bb-page.bb-page .bb-lead,\n.bb-page.bb-page .bb-note,\n.bb-page.bb-page .bb-info,\n.bb-page.bb-page .bb-check,\n.bb-page.bb-page .bb-source { font-weight: 400; }\n.bb-page.bb-page :is(h1,h2,h3,h4) {\n  color: var(--ink);\n  font-weight: 700;\n  line-height: 1.1;\n  text-wrap: balance;\n}\n.bb-page.bb-page a { text-decoration: none; }\n.bb-page.bb-page a span { color: inherit; }\n.bb-page a:focus-visible,\n.bb-page summary:focus-visible,\n.bb-page button:focus-visible,\n.bb-page input:focus-visible,\n.bb-page select:focus-visible,\n.bb-page textarea:focus-visible {\n  outline: 3px solid var(--cyan);\n  outline-offset: 3px;\n  border-radius: 6px;\n}\n.bb-page [id] { scroll-margin-top: 120px; }\n.bb-page .bb-sr {\n  position: absolute; width: 1px; height: 1px;\n  padding: 0; margin: -1px; overflow: hidden;\n  clip: rect(0 0 0 0); white-space: nowrap; border: 0;\n}\n@media (prefers-reduced-motion: reduce) {\n  .bb-page * { transition: none !important; animation: none !important; }\n}\n\n\/* 3. Postavitev *\/\n.bb-page .bb-wrap { width: min(var(--wrap), calc(100% - 40px)); margin: auto; }\n.bb-page .bb-section { padding: 100px 0; }\n.bb-page .bb-white { background: #fff; }\n.bb-page .bb-center { max-width: 760px; margin: 0 auto 52px; text-align: center; }\n.bb-page .bb-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }\n.bb-page .bb-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }\n.bb-page .bb-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }\n.bb-page .bb-split { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; }\n\n\/* 4. Tipografija *\/\n.bb-page.bb-page .bb-wrap .bb-kicker {\n  margin: 0 0 14px;\n  color: var(--cyan-dark);\n  font-size: var(--eyebrow);\n  font-weight: 800;\n  letter-spacing: .1em;\n  line-height: 1.3;\n  text-transform: uppercase;\n}\n.bb-page.bb-page .bb-on-dark .bb-kicker { color: var(--on-dark-accent); }\n.bb-page.bb-page .bb-h1 { font-size: clamp(44px, 5.2vw, 70px); letter-spacing: -.055em; }\n.bb-page.bb-page h2 { font-size: clamp(32px, 3.8vw, 50px); letter-spacing: -.04em; margin-bottom: 18px; }\n.bb-page.bb-page h3 { font-size: 22px; letter-spacing: -.025em; }\n.bb-page.bb-page .bb-lead { max-width: 670px; font-size: clamp(18px, 2vw, 22px); }\n.bb-page.bb-page .bb-center > p:last-child { color: var(--muted); font-size: 18px; }\n.bb-page.bb-page .bb-label {\n  margin: 0 0 10px;\n  color: var(--cyan-dark);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n}\n.bb-page.bb-page .bb-tag {\n  padding: 4px 9px;\n  border-radius: 99px;\n  color: var(--dark-text);\n  background: var(--lime);\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 800;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n\/* 5. Gumbi *\/\n.bb-page .bb-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: .4em;\n  min-height: 52px;\n  padding: 12px 21px;\n  border-radius: 11px;\n  font-size: 15.5px;\n  font-weight: 700;\n  transition: .2s;\n}\n.bb-page.bb-page .bb-btn-primary { color: var(--dark-text) !important; background: var(--cyan); }\n.bb-page.bb-page .bb-btn-primary:hover,\n.bb-page.bb-page .bb-btn-primary:focus-visible { color: #fff !important; background: var(--cyan-hover); }\n.bb-page.bb-page .bb-btn-outline {\n  color: #fff !important;\n  border: 1px solid rgba(255,255,255,.45);\n  background: rgba(255,255,255,.07);\n}\n.bb-page.bb-page .bb-btn-outline:hover,\n.bb-page.bb-page .bb-btn-outline:focus-visible { color: var(--navy) !important; background: #fff; }\n.bb-page.bb-page .bb-btn-ghost {\n  color: var(--cyan-dark) !important;\n  border: 1.5px solid var(--cyan);\n  background: #fff;\n}\n.bb-page.bb-page .bb-btn-ghost:hover,\n.bb-page.bb-page .bb-btn-ghost:focus-visible { color: #fff !important; background: var(--cyan-hover); border-color: var(--cyan-hover); }\n.bb-page.bb-page .bb-btn span { color: inherit !important; }\n.bb-page .bb-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }\n\n\/* 6. Temne ploskve *\/\n.bb-page.bb-page .bb-on-dark,\n.bb-page.bb-page .bb-on-dark :is(h1,h2,h3,h4,p,li,span,strong,b,small,em,div) { color: var(--on-dark); }\n.bb-page.bb-page .bb-on-dark .bb-lead { color: var(--on-dark-soft); }\n.bb-page.bb-page .bb-on-dark .bb-note { color: var(--on-dark-muted); font-size: 13px; }\n.bb-page.bb-page .bb-on-dark .bb-muted { color: var(--on-dark-muted); }\n.bb-page.bb-page .bb-on-dark .bb-tag { color: var(--dark-text); }\n.bb-page .bb-hero {\n  padding: 78px 0 92px;\n  background: radial-gradient(circle at 84% 23%, rgba(39,185,231,.27), transparent 29%), var(--navy);\n}\n.bb-page .bb-band {\n  padding: 100px 0;\n  background: radial-gradient(circle at 10% 0, rgba(39,185,231,.17), transparent 31%), var(--navy);\n}\n.bb-page .bb-panel {\n  padding: 46px 48px;\n  border-radius: 26px;\n  background: radial-gradient(circle at 85% 15%, rgba(39,185,231,.26), transparent 38%), linear-gradient(135deg, var(--navy-3), #002253);\n  box-shadow: 0 22px 50px rgba(13,45,84,.18);\n}\n.bb-page .bb-box {\n  padding: 24px 26px;\n  border: 1px solid rgba(39,185,231,.32);\n  border-radius: var(--radius);\n  background: rgba(255,255,255,.06);\n}\n\n\/* 7. Kartice *\/\n.bb-page .bb-card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 29px;\n  border: 1px solid var(--line);\n  border-radius: 21px;\n  background: #fff;\n}\n.bb-page .bb-card.featured {\n  border: 2px solid var(--cyan);\n  box-shadow: 0 18px 45px rgba(24,142,188,.13);\n}\n.bb-page.bb-page .bb-card .bb-tag { position: absolute; right: 20px; top: -11px; }\n.bb-page.bb-page .bb-card > p:not(.bb-label) { color: var(--muted); }\n.bb-page.bb-page .bb-card ul li,\n.bb-page.bb-page .bb-checklist li { color: #34495f; }\n.bb-page.bb-page .bb-on-dark .bb-checklist li { color: var(--on-dark); }\n.bb-page.bb-page .bb-card ul {\n  display: grid;\n  gap: 10px;\n  margin: 0 0 22px;\n  padding: 20px 0 0;\n  border-top: 1px solid #e4eaf0;\n}\n.bb-page .bb-card ul li:before,\n.bb-page .bb-checklist li:before {\n  content: '\u2713';\n  margin-right: 9px;\n  color: var(--lime);\n  font-weight: 800;\n}\n.bb-page.bb-page .bb-card .bb-btn {\n  justify-content: space-between;\n  min-height: 58px;\n  margin-top: auto;\n  padding: 13px 16px;\n  text-align: left;\n  line-height: 1.3;\n}\n.bb-page .bb-facts {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  margin-top: -34px;\n  border: 1px solid #dce4ed;\n  border-radius: 18px;\n  background: #fff;\n  box-shadow: 0 18px 45px rgba(13,45,84,.12);\n  overflow: hidden;\n}\n.bb-page .bb-fact { padding: 25px 27px; }\n.bb-page .bb-fact + .bb-fact { border-left: 1px solid #e3e8ee; }\n.bb-page.bb-page .bb-fact small { color: var(--muted); font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }\n.bb-page.bb-page .bb-fact h3 { margin: 5px 0; font-size: 18px; }\n.bb-page.bb-page .bb-fact p { margin: 0; color: #596a7d; font-size: 14px; }\n.bb-page.bb-page .bb-check {\n  padding: 13px 14px;\n  border: 1px solid var(--line);\n  border-radius: 11px;\n  background: #fff;\n  color: #34495f;\n}\n.bb-page.bb-page .bb-info {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  width: fit-content;\n  max-width: 100%;\n  margin: 28px auto 0;\n  padding: 11px 16px;\n  border-radius: 99px;\n  color: #52677c;\n  background: #eef3f8;\n  font-size: 13px;\n}\n.bb-page.bb-page .bb-info > span {\n  display: grid;\n  place-items: center;\n  flex: 0 0 19px;\n  width: 19px; height: 19px;\n  border: 1.5px solid #8fa6bb;\n  border-radius: 50%;\n  font-size: 11px;\n  font-weight: 800;\n}\n\n\/* 8. \u0160tevil\u010deni koraki *\/\n.bb-page.bb-page .bb-steps { counter-reset: steps; margin: 0; padding: 0; }\n.bb-page.bb-page .bb-steps li {\n  position: relative;\n  margin-bottom: 25px;\n  padding: 0 0 25px 68px;\n  border-bottom: 1px solid rgba(173,202,228,.16);\n}\n.bb-page.bb-page .bb-steps li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }\n.bb-page.bb-page .bb-steps li:before {\n  counter-increment: steps;\n  content: '0' counter(steps);\n  position: absolute;\n  left: 0; top: 0;\n  color: var(--on-dark-accent);\n  font-weight: 800;\n}\n.bb-page.bb-page .bb-steps h3 { margin-bottom: 7px; font-size: 20px; }\n.bb-page.bb-page .bb-steps p { margin: 0; }\n.bb-page.bb-page .bb-on-dark .bb-steps p { color: var(--on-dark-muted); }\n.bb-page.bb-page .bb-white .bb-steps li { border-color: var(--line); }\n.bb-page.bb-page .bb-white .bb-steps li:before { color: var(--cyan-dark); }\n.bb-page.bb-page .bb-white .bb-steps p { color: var(--muted); }\n\n\/* 9. Pogosta vpra\u0161anja *\/\n.bb-page .bb-faq details { border-bottom: 1px solid var(--line); }\n.bb-page.bb-page .bb-faq summary {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n  padding: 22px 0;\n  color: var(--ink);\n  cursor: pointer;\n  font-size: 16.5px;\n  font-weight: 700;\n  list-style: none;\n}\n.bb-page .bb-faq summary::-webkit-details-marker { display: none; }\n.bb-page .bb-faq summary:after { content: '\u2304'; color: var(--cyan-dark); font-size: 20px; transition: transform .2s; }\n.bb-page .bb-faq details[open] summary:after { transform: rotate(180deg); }\n.bb-page.bb-page .bb-faq details p { margin: -3px 35px 22px 0; color: #4f6070; font-size: 16px; }\n\n\/* 10. Obrazec (slogi za nadomestek v predogledu) *\/\n.bb-page .bb-form-card {\n  padding: 34px 36px;\n  border: 1px solid var(--line);\n  border-radius: 20px;\n  background: #fff;\n  box-shadow: 0 18px 45px rgba(13,45,84,.07);\n}\n.bb-page .bb-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n.bb-page.bb-page .bb-field label {\n  display: block;\n  margin-bottom: 6px;\n  color: #35495f;\n  font-size: 13px;\n  font-weight: 700;\n}\n.bb-page.bb-page .bb-field :is(input,select,textarea) {\n  width: 100%;\n  min-height: 48px;\n  padding: 12px 14px;\n  border: 1px solid #cfdae6;\n  border-radius: 10px;\n  background: #fff;\n  color: var(--ink);\n  font-family: inherit;\n  font-size: 15px;\n}\n.bb-page.bb-page .bb-field-wide { grid-column: 1 \/ -1; }\n.bb-page.bb-page .bb-privacy {\n  margin-top: 18px;\n  padding: 14px 16px;\n  border-radius: 12px;\n  background: var(--pale);\n  color: var(--muted);\n  font-size: 13px;\n}\n\n\/* 11. Vir \/ noga bloka *\/\n.bb-page .bb-source { padding: 34px 20px; background: var(--navy-2); text-align: center; font-size: 13px; line-height: 1.6; }\n.bb-page.bb-page .bb-source { color: #b8cadb; }\n.bb-page.bb-page .bb-source a { color: #4ecbf2; text-decoration: underline; }\n.bb-page.bb-page .bb-source a:hover { color: #fff !important; }\n\n\/* 12. Odzivnost *\/\n@media (max-width: 980px) {\n  .bb-page .bb-split,\n  .bb-page .bb-grid-2,\n  .bb-page .bb-grid-3 { grid-template-columns: 1fr; gap: 34px; }\n  .bb-page .bb-grid-4 { grid-template-columns: 1fr 1fr; }\n  .bb-page .bb-facts { grid-template-columns: 1fr; }\n  .bb-page .bb-fact + .bb-fact { border-left: 0; border-top: 1px solid #e3e8ee; }\n  .bb-page .bb-card.featured { transform: none; }\n  .bb-page .bb-section, .bb-page .bb-band { padding: 78px 0; }\n  .bb-page .bb-panel { padding: 34px 28px; }\n  .bb-page .bb-fields { grid-template-columns: 1fr; }\n}\n@media (max-width: 560px) {\n  .bb-page .bb-wrap { width: min(100% - 30px, var(--wrap)); }\n  .bb-page .bb-hero { padding: 60px 0 76px; }\n  .bb-page .bb-grid-4 { grid-template-columns: 1fr; }\n  .bb-page .bb-actions { display: grid; }\n  .bb-page .bb-section, .bb-page .bb-band { padding: 62px 0; }\n  .bb-page .bb-panel { padding: 30px 24px; }\n  .bb-page .bb-form-card { padding: 26px 22px; }\n  .bb-page.bb-page .bb-card .bb-tag { position: static; align-self: flex-start; margin-bottom: 14px; }\n}\n\n\/* bizBox mass-market komponente \u2014 sloj ZA master.css (master se ne spreminja).\n   Vsebuje: hero ilustracijo dokumentov, ro\u010dno \u010drto pod besedo, nalepko z datumom,\n   zna\u010dke (modri obro\u010d, znak v barvi naslova), dejstva z ikonami, kartico po\u0161ljete\u2192dobite,\n   tok korakov s pu\u0161\u010dicami, kartice rezultatov, vrstice poti, zaupnost, plo\u0161\u010dice,\n   kontaktno ploskev, FAQ, slog Elementor obrazca, zgo\u0161\u010dene razmike, varovalo proti belemu robu. *\/\n\/* ==========================================================================\n   Stran: racunovodski-servisi-pregled-strank\n   Sloj ZA master.css. Master ostane nespremenjen.\n   ========================================================================== *\/\n\n\/* Akcent bizBox modre. Na svetlem in temnem enak; cian ostane za gumbe. *\/\n.bb-page { --bb-blue: #028AB9; }\n\n\/* --- Hero ------------------------------------------------------------- *\/\n.bb-page .bb-hero .bb-split { grid-template-columns: 1.1fr .9fr; gap: 60px; align-items: center; }\n.bb-page.bb-page .bb-hero .bb-h1 { font-size: clamp(38px, 4.4vw, 58px); }\n.bb-page.bb-page .bb-hero .bb-note { margin-top: 17px; }\n.bb-page.bb-page .bb-hero .bb-lead strong { color: var(--on-dark); font-weight: 700; }\n\n\/* Kartica v heroju: rok iz zgibanke + kaj dobi servis *\/\n.bb-page .bb-deadline {\n  padding: 30px 32px;\n  border: 1px solid rgba(39,185,231,.32);\n  border-radius: 18px;\n  background: rgba(255,255,255,.06);\n}\n.bb-page.bb-page .bb-deadline .bb-date {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--on-dark-accent);\n  font-size: 30px;\n  font-weight: 800;\n  letter-spacing: -.02em;\n  line-height: 1.1;\n}\n.bb-page.bb-page .bb-deadline > p { margin: 0 0 24px; color: var(--on-dark-soft); font-size: 16.5px; }\n.bb-page .bb-deadline-rows { display: grid; gap: 10px; padding-top: 22px; border-top: 1px solid rgba(173,202,228,.2); }\n.bb-page .bb-deadline-row { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: center; }\n.bb-page.bb-page .bb-deadline-row span:last-child { color: var(--on-dark); font-size: 15px; }\n\n\/* --- Zna\u010dka s \u0161tevilko ali \u010drko --------------------------------------\n   Obro\u010d je modre barve (#028AB9), znak pa v barvi naslova ob njem:\n   navy na svetlem, bela na temnem. *\/\n.bb-page.bb-page .bb-badge {\n  display: grid;\n  place-items: center;\n  width: 34px; height: 34px;\n  border: 2px solid var(--bb-blue);\n  border-radius: 50%;\n  color: var(--navy);\n  background: #fff;\n  font-size: 15px;\n  font-weight: 800;\n  line-height: 1;\n}\n.bb-page.bb-page .bb-on-dark .bb-badge { color: var(--on-dark); background: transparent; }\n.bb-page.bb-page .bb-badge-lg { width: 46px; height: 46px; border-radius: 14px; font-size: 20px; }\n\n\/* Koraki: namesto \"01\" zna\u010dka \"1\", enaka kot na zgibanki *\/\n.bb-page.bb-page .bb-steps li { padding-left: 64px; }\n.bb-page.bb-page .bb-steps li:before {\n  content: counter(steps);\n  display: grid;\n  place-items: center;\n  width: 38px; height: 38px;\n  border: 2px solid var(--bb-blue);\n  border-radius: 50%;\n  color: var(--on-dark);\n  font-size: 16px;\n  line-height: 1;\n  top: -4px;\n}\n\/* --- Kaj potrebujemo ------------------------------------------------- *\/\n.bb-page .bb-note-card {\n  padding: 32px 34px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background: #fff;\n  box-shadow: 0 10px 28px rgba(13,45,84,.06);\n}\n.bb-page.bb-page .bb-note-card h3 { margin-bottom: 16px; font-size: 19px; }\n.bb-page.bb-page .bb-note-card > p { margin: 0; color: var(--muted); font-size: 14.5px; }\n.bb-page.bb-page .bb-checklist { display: grid; gap: 11px; margin: 0; }\n.bb-page.bb-page .bb-checklist-lg li { font-size: 16.5px; }\n.bb-page.bb-page .bb-crosslist { display: grid; gap: 11px; margin: 0 0 18px; }\n.bb-page.bb-page .bb-crosslist li { color: #4f6070; }\n.bb-page .bb-crosslist li:before { content: '\u00d7'; margin-right: 10px; color: #94a6b8; font-weight: 800; }\n.bb-page .bb-formats { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }\n.bb-page.bb-page .bb-formats span {\n  padding: 6px 12px;\n  border: 1px solid var(--line);\n  border-radius: 99px;\n  background: #fff;\n  color: #34495f;\n  font-size: 13.5px;\n  font-weight: 700;\n}\n\n\/* --- Box v temnem pasu ---------------------------------------------- *\/\n.bb-page .bb-box-inline { display: inline-block; margin-top: 18px; }\n.bb-page.bb-page .bb-box-inline b { font-size: 21px; font-weight: 700; }\n\n\/* --- Skupine A\u2013D ----------------------------------------------------- *\/\n.bb-page .bb-groups { display: grid; gap: 12px; max-width: 900px; margin: auto; }\n.bb-page .bb-group {\n  display: grid;\n  grid-template-columns: 46px 250px 1fr;\n  gap: 24px;\n  align-items: center;\n  padding: 22px 28px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background: #fff;\n}\n.bb-page.bb-page .bb-group h3 { margin: 0; color: var(--navy); font-size: 18px; }\n.bb-page.bb-page .bb-group p { margin: 0; color: #4f6070; font-size: 16px; }\n.bb-page.bb-page .bb-callout {\n  display: flex;\n  gap: 14px;\n  max-width: 900px;\n  margin: 22px auto 0;\n  padding: 18px 24px;\n  border-left: 4px solid var(--bb-blue);\n  border-radius: 0 12px 12px 0;\n  background: #eaf5fa;\n  color: #34495f;\n  font-size: 15.5px;\n}\n.bb-page.bb-page .bb-callout b { color: var(--navy); }\n\n\/* --- Zaupnost -------------------------------------------------------- *\/\n.bb-page .bb-privacy-panel {\n  display: grid;\n  grid-template-columns: 76px 1fr;\n  gap: 34px;\n  align-items: start;\n  max-width: 900px;\n  margin: auto;\n  padding: 44px 48px;\n  border: 1px solid var(--line);\n  border-radius: 22px;\n  background: var(--pale);\n}\n.bb-page .bb-privacy-icon {\n  display: grid;\n  place-items: center;\n  width: 76px; height: 76px;\n  border-radius: 20px;\n  color: var(--bb-blue);\n  background: #e3f3fa;\n}\n.bb-page .bb-privacy-icon svg { width: 38px; height: 38px; }\n.bb-page.bb-page .bb-privacy-panel h2 { margin-bottom: 20px; font-size: clamp(26px, 2.6vw, 34px); }\n.bb-page.bb-page .bb-privacy-note {\n  margin: 22px 0 0;\n  padding-top: 20px;\n  border-top: 1px solid var(--line);\n  color: var(--muted);\n  font-size: 13.5px;\n}\n\n\/* --- Priporo\u010ditelji -------------------------------------------------- *\/\n.bb-page .bb-tile {\n  padding: 28px 26px;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  background: #fff;\n  box-shadow: 0 8px 22px rgba(13,45,84,.05);\n}\n.bb-page .bb-tile-icon {\n  display: grid;\n  place-items: center;\n  width: 46px; height: 46px;\n  margin-bottom: 16px;\n  border-radius: 13px;\n  color: var(--bb-blue);\n  background: #e3f3fa;\n}\n.bb-page .bb-tile-icon svg { width: 24px; height: 24px; }\n.bb-page.bb-page .bb-tile h3 { margin-bottom: 8px; font-size: 17.5px; line-height: 1.25; }\n.bb-page.bb-page .bb-tile p { margin: 0; color: var(--muted); font-size: 14.5px; }\n\n\/* --- Kontakt v temni ploskvi ---------------------------------------- *\/\n.bb-page .bb-cta-panel { display: grid; grid-template-columns: 1.15fr .85fr; gap: 54px; align-items: center; margin-top: 52px; }\n.bb-page.bb-page .bb-cta-panel h2 { margin-bottom: 12px; font-size: clamp(25px, 2.6vw, 34px); }\n.bb-page.bb-page .bb-cta-panel .bb-muted { margin: 0; font-size: 16.5px; }\n.bb-page .bb-contact { display: grid; gap: 14px; }\n.bb-page.bb-page .bb-contact-name { margin: 0; font-size: 20px; font-weight: 700; }\n.bb-page.bb-page .bb-on-dark .bb-contact-role { margin: -10px 0 4px; color: var(--on-dark-muted); font-size: 14px; }\n.bb-page.bb-page .bb-contact a.bb-contact-link { color: var(--on-dark-accent); font-size: 16.5px; font-weight: 700; }\n.bb-page.bb-page .bb-contact a.bb-contact-link:hover { color: #fff; }\n\n\/* --- Obrazec Elementor Pro Forms ------------------------------------\n   Vsebniku z obrazcem v Elementorju vpi\u0161i razreda: bb-page bb-form-host *\/\n.bb-page.bb-form-host { background: var(--pale); padding: 0 0 100px; overflow: visible; }\n.bb-form-host .elementor-form,\n.bb-page .bb-form-card {\n  width: min(820px, calc(100% - 40px));\n  margin: auto;\n  padding: 38px 40px;\n  border: 1px solid var(--line);\n  border-radius: 20px;\n  background: #fff;\n  box-shadow: 0 18px 45px rgba(13,45,84,.07);\n}\n.bb-form-host .elementor-field-group > label { margin-bottom: 6px; color: #35495f; font-size: 13px; font-weight: 700; }\n.bb-form-host .elementor-field-textual {\n  min-height: 48px;\n  padding: 12px 14px;\n  border: 1px solid #cfdae6;\n  border-radius: 10px;\n  color: var(--ink);\n  font-family: inherit;\n  font-size: 15px;\n}\n.bb-form-host .elementor-field-textual:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(39,185,231,.18); outline: none; }\n\n\/* Polje File Upload: \u0161iroko, \u010drtkano, da je vidno kot mesto za datoteko *\/\n.bb-form-host .elementor-field-type-upload .elementor-field,\n.bb-page .bb-upload {\n  width: 100%;\n  padding: 22px 18px;\n  border: 1.5px dashed #9fb6cb;\n  border-radius: 12px;\n  background: var(--pale);\n  color: var(--muted);\n  font-family: inherit;\n  font-size: 14.5px;\n  cursor: pointer;\n}\n.bb-form-host .elementor-field-type-upload .elementor-field:hover,\n.bb-page .bb-upload:hover { border-color: var(--bb-blue); background: #eef7fb; }\n.bb-form-host .elementor-field-type-upload .elementor-field::file-selector-button,\n.bb-page .bb-upload::file-selector-button {\n  margin-right: 14px;\n  padding: 9px 16px;\n  border: 0;\n  border-radius: 9px;\n  color: #fff;\n  background: var(--navy);\n  font-family: inherit;\n  font-weight: 700;\n  cursor: pointer;\n}\n.bb-page.bb-page .bb-hint { margin: 7px 0 0; color: var(--muted); font-size: 12.5px; }\n\n.bb-form-host .elementor-button[type=submit] {\n  min-height: 52px;\n  padding: 12px 24px;\n  border-radius: 11px;\n  color: var(--dark-text) !important;\n  background: var(--cyan);\n  font-family: inherit;\n  font-size: 15.5px;\n  font-weight: 700;\n  transition: .2s;\n}\n.bb-form-host .elementor-button[type=submit]:hover,\n.bb-form-host .elementor-button[type=submit]:focus-visible { color: #fff !important; background: var(--cyan-hover); }\n.bb-form-host .elementor-field-type-acceptance label,\n.bb-form-host .elementor-field-subgroup label { font-size: 13px; font-weight: 400; color: var(--muted); }\n\n@media (max-width: 980px) {\n  .bb-page .bb-hero .bb-split { grid-template-columns: 1fr; }\n  .bb-page .bb-privacy-panel { grid-template-columns: 1fr; gap: 22px; padding: 32px 28px; }\n  .bb-page .bb-cta-panel { grid-template-columns: 1fr; gap: 28px; }\n  .bb-page .bb-group { grid-template-columns: 46px 1fr; gap: 6px 18px; }\n  .bb-page .bb-group p { grid-column: 2; }}\n@media (max-width: 560px) {\n  .bb-form-host .elementor-form, .bb-page .bb-form-card { padding: 28px 22px; }\n  .bb-page .bb-group { padding: 20px; }\n}\n\n\/* ==========================================================================\n   Igrivej\u0161i vizualni sloj (vsebina nespremenjena)\n   ========================================================================== *\/\n\n\/* Ro\u010dno potegnjena \u010drta pod klju\u010dno besedo \u2014 enaka kot pod \"2028\" na zgibanki *\/\n.bb-page .bb-swoosh { position: relative; display: inline-block; white-space: nowrap; }\n.bb-page .bb-swoosh svg { position: absolute; left: -2%; bottom: -.18em; width: 104%; height: .32em; overflow: visible; }\n.bb-page .bb-swoosh path { fill: none; stroke: var(--cyan); stroke-width: 7; stroke-linecap: round;\n  stroke-dasharray: 320; stroke-dashoffset: 320; animation: bb-draw .9s .35s ease-out forwards; }\n\n\/* Ilustracija dokumentov v heroju *\/\n.bb-page .bb-hero-art { position: relative; }\n.bb-page .bb-docs { display: block; width: min(100%, 400px); margin: -10px auto -34px; position: relative; z-index: 1; }\n.bb-page .bb-arc { fill: none; stroke: var(--cyan); stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round;\n  stroke-dasharray: 140; stroke-dashoffset: 140; animation: bb-draw .8s .9s ease-out forwards; }\n.bb-page .bb-tick { transform-origin: 318px 214px; transform: scale(0); animation: bb-pop .45s 1.5s cubic-bezier(.3,1.6,.5,1) forwards; }\n@keyframes bb-draw { to { stroke-dashoffset: 0; } }\n@keyframes bb-pop { to { transform: scale(1); } }\n@media (prefers-reduced-motion: reduce) {\n  .bb-page .bb-swoosh path, .bb-page .bb-arc { stroke-dashoffset: 0; }\n  .bb-page .bb-tick { transform: none; }\n}\n\n.bb-page .bb-deadline { position: relative; padding: 46px 32px 30px; border-radius: 22px; }\n.bb-page.bb-page .bb-sticker {\n  position: absolute; left: 26px; top: -20px;\n  padding: 9px 18px;\n  border-radius: 12px;\n  background: var(--cyan);\n  color: var(--dark-text);\n  font-size: 22px; font-weight: 800; letter-spacing: -.01em; line-height: 1;\n  transform: rotate(-4deg);\n  box-shadow: 0 8px 20px rgba(0,20,47,.35);\n}\n\n\/* Dejstva z ikonami *\/\n.bb-page .bb-fact { position: relative; padding: 28px 28px 28px 88px; }\n.bb-page .bb-fact-icon {\n  position: absolute; left: 26px; top: 28px;\n  display: grid; place-items: center;\n  width: 46px; height: 46px; border-radius: 14px;\n  color: var(--bb-blue); background: #e3f3fa;\n}\n.bb-page .bb-fact-icon svg, .bb-page .bb-flow-icon svg, .bb-page .bb-group-icon svg {\n  width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;\n}\n\n.bb-page .bb-need-art { display: grid; gap: 22px; }.bb-page .bb-note-card { transform: rotate(.8deg); }\n\n\/* Koraki kot kartice s pu\u0161\u010dicami *\/\n.bb-page .bb-band-head { display: grid; grid-template-columns: 1.2fr .8fr; gap: 40px; align-items: end; margin-bottom: 46px; }.bb-page.bb-page .bb-flow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 46px; margin: 0; counter-reset: none; }\n.bb-page.bb-page .bb-flow li {\n  position: relative;\n  padding: 28px 28px 30px;\n  border: 1px solid rgba(39,185,231,.32);\n  border-radius: 22px;\n  background: rgba(255,255,255,.06);\n}\n.bb-page.bb-page .bb-flow li:nth-child(2) { transform: translateY(18px); }\n.bb-page.bb-page .bb-flow li + li:before {\n  content: '';\n  position: absolute; left: -44px; top: 30px;\n  width: 40px; height: 22px;\n  background: no-repeat center\/contain url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 40 22'%3E%3Cpath d='M3 17 C 12 3, 26 3, 35 12' fill='none' stroke='%23028AB9' stroke-width='3' stroke-linecap='round'\/%3E%3Cpath d='M28 12 L36 13 L35 5' fill='none' stroke='%23028AB9' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n}\n.bb-page .bb-flow-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }\n.bb-page .bb-flow-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: var(--bb-blue); background: #fff; }\n.bb-page.bb-page .bb-flow h3 { margin-bottom: 8px; font-size: 21px; }\n.bb-page.bb-page .bb-on-dark .bb-flow p { margin: 0; color: var(--on-dark-muted); }\n\n\/* Skupine A\u2013D: ikona desno, rahel dvig ob prehodu *\/\n.bb-page .bb-group { grid-template-columns: 46px 250px 1fr 44px; transition: transform .2s, box-shadow .2s, border-color .2s; }\n.bb-page .bb-group:hover { transform: translateX(6px); border-color: #b9dcea; box-shadow: 0 10px 26px rgba(13,45,84,.07); }\n.bb-page .bb-group-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: var(--bb-blue); background: #eaf5fa; }\n\n\/* Kontakt: oseba z inicialkama *\/\n.bb-page .bb-person { display: flex; align-items: center; gap: 16px; margin-bottom: 4px; }.bb-page.bb-page .bb-on-dark .bb-contact-role { margin: 2px 0 0; }\n\n@media (max-width: 980px) {\n  .bb-page .bb-docs { margin-top: 0; }\n  .bb-page .bb-band-head { grid-template-columns: 1fr; margin-bottom: 30px; }\n  .bb-page.bb-page .bb-flow { grid-template-columns: 1fr; gap: 40px; }\n  .bb-page.bb-page .bb-flow li:nth-child(2) { transform: none; }\n  .bb-page.bb-page .bb-flow li + li:before { left: 30px; top: -34px; transform: rotate(90deg); }\n  .bb-page .bb-group { grid-template-columns: 46px 1fr; }\n  .bb-page .bb-group-icon { display: none; }}\n@media (max-width: 560px) {\n  .bb-page .bb-fact { padding: 24px 22px 24px 84px; }\n  .bb-page.bb-page .bb-sticker { font-size: 19px; }\n  .bb-page .bb-swoosh { white-space: normal; }\n}\n.bb-page.bb-page .bb-h1 .bb-swoosh { font-weight: inherit; color: inherit; }\n.bb-page.bb-page .bb-on-dark .bb-flow-icon { color: var(--bb-blue); }\n\n\/* --- Popravki: ve\u010dji datum, pomenska ilustracija, brez inicialk ------ *\/\n.bb-page .bb-deadline { padding-top: 70px; }\n.bb-page.bb-page .bb-sticker {\n  top: -34px; left: 22px;\n  padding: 14px 24px 12px;\n  border-radius: 16px;\n  font-size: clamp(34px, 3.6vw, 46px);\n  letter-spacing: -.03em;\n}\n.bb-page.bb-page .bb-sticker small { display: block; margin-bottom: 4px; color: var(--dark-text); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }\n\n.bb-page .bb-send {\n  display: grid;\n  grid-template-columns: auto 90px 1fr;\n  align-items: center;\n  gap: 8px;\n  padding: 30px 30px;\n  border: 1px solid var(--line);\n  border-radius: 20px;\n  background: #fff;\n  box-shadow: 0 14px 34px rgba(13,45,84,.08);\n}\n.bb-page .bb-file { display: grid; justify-items: center; gap: 4px; text-align: center; transform: rotate(-4deg); }\n.bb-page .bb-file svg { width: 72px; height: 88px; margin-bottom: 8px; }\n.bb-page.bb-page .bb-file-name { color: var(--navy); font-size: 15px; font-weight: 700; }\n.bb-page.bb-page .bb-file-sub { color: var(--muted); font-size: 13px; }\n.bb-page .bb-send-arrow { width: 90px; height: 40px; overflow: visible; }\n.bb-page .bb-send-arrow path { fill: none; stroke: var(--bb-blue); stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; }\n.bb-page .bb-result { display: grid; gap: 9px; padding: 18px 18px 16px; border-radius: 16px; background: var(--pale); }\n.bb-page.bb-page .bb-result-t { margin-bottom: 2px; color: var(--muted); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }\n.bb-page .bb-result-row { display: flex; align-items: center; gap: 11px; }\n.bb-page.bb-page .bb-result-row span:last-child { color: var(--navy); font-size: 14.5px; font-weight: 700; }\n.bb-page.bb-page .bb-result .bb-badge { width: 30px; height: 30px; font-size: 13.5px; }\n\n@media (max-width: 560px) {\n  .bb-page .bb-send { grid-template-columns: 1fr; justify-items: center; padding: 26px 22px; }\n  .bb-page .bb-send-arrow { transform: rotate(90deg); }\n  .bb-page .bb-result { width: 100%; }\n}\n.bb-page .bb-docs { width: min(100%, 330px); margin: -20px auto 46px; }\n.bb-page.bb-page .bb-sticker { top: -44px; font-size: clamp(40px, 4.4vw, 58px); padding: 14px 26px 14px; }\n.bb-page .bb-deadline { padding-top: 84px; }\n.bb-page.bb-page .bb-on-dark .bb-sticker,\n.bb-page.bb-page .bb-on-dark .bb-sticker small { color: var(--dark-text); }\n\n\/* --- Rezultat analize: tri skupine ---------------------------------- *\/\n.bb-page .bb-gicon { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%; border: 2px solid var(--bb-blue); color: var(--bb-blue); background: #fff; }\n.bb-page .bb-gicon svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }\n.bb-page .bb-g-ok { border-color: #A9BD4A; color: #fff; background: #A9BD4A; }\n.bb-page .bb-g-go { border-color: var(--navy); color: #fff; background: var(--navy); }\n.bb-page .bb-outcomes { gap: 18px; margin-bottom: 80px; }\n.bb-page .bb-outcome { padding: 30px 28px; border: 1px solid var(--line); border-radius: 20px; background: var(--pale); }\n.bb-page .bb-outcome .bb-gicon { width: 48px; height: 48px; margin-bottom: 18px; }\n.bb-page .bb-outcome .bb-gicon svg { width: 24px; height: 24px; }\n.bb-page.bb-page .bb-outcome h3 { margin-bottom: 8px; color: var(--navy); font-size: 19px; }\n.bb-page.bb-page .bb-outcome p { margin: 0; color: #4f6070; font-size: 15.5px; }\n.bb-page .bb-outcome-go { border: 2px solid var(--bb-blue); background: #eaf5fa; }\n.bb-page .bb-next { margin-bottom: 40px; }\n@media (max-width: 980px) { .bb-page .bb-outcomes { margin-bottom: 60px; } }\n\n\/* --- Kaj potrebujemo: po\u0161ljete \u2192 dobite -------------------------------- *\/\n.bb-page .bb-need {\n  display: grid;\n  grid-template-columns: 1.15fr 110px 1fr;\n  align-items: center;\n  gap: 10px;\n  max-width: 1000px;\n  margin: auto;\n  padding: 40px 44px;\n  border: 1px solid var(--line);\n  border-radius: 24px;\n  background: #fff;\n  box-shadow: 0 18px 45px rgba(13,45,84,.08);\n}\n.bb-page .bb-need-in { display: grid; grid-template-columns: 76px 1fr; gap: 24px; align-items: start; }\n.bb-page .bb-need-file { width: 76px; height: 92px; transform: rotate(-5deg); }\n.bb-page.bb-page .bb-need-in h3 { margin: 4px 0 8px; color: var(--navy); font-size: 24px; }\n.bb-page.bb-page .bb-need-in p { margin: 0; color: #4f6070; font-size: 16px; }\n.bb-page.bb-page .bb-need-in .bb-need-si {\n  display: flex; gap: 10px; align-items: center;\n  margin-top: 16px; padding: 10px 14px;\n  border-radius: 12px; background: #eaf5fa;\n  color: #34495f; font-size: 14px;\n}\n.bb-page.bb-page .bb-si-flag {\n  flex: 0 0 auto; padding: 3px 7px; border-radius: 6px;\n  background: var(--navy); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .06em;\n}\n.bb-page .bb-need .bb-send-arrow { width: 100px; justify-self: center; }\n.bb-page .bb-need .bb-result { padding: 22px 22px 20px; }\n\n.bb-page .bb-not {\n  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px 26px;\n  max-width: 1000px; margin: 22px auto 0; padding: 16px 24px;\n  border: 1px dashed #c3d1de; border-radius: 16px;\n}\n.bb-page.bb-page .bb-not b { color: var(--navy); font-size: 15px; }\n.bb-page.bb-page .bb-not span { color: #4f6070; font-size: 15px; }\n.bb-page .bb-not span:before { content: '\u00d7'; margin-right: 8px; color: #94a6b8; font-weight: 800; }\n\n@media (max-width: 980px) {\n  .bb-page .bb-need { grid-template-columns: 1fr; justify-items: stretch; padding: 32px 28px; }\n  .bb-page .bb-need .bb-send-arrow { transform: rotate(90deg); margin: 4px auto; }\n  .bb-page .bb-not { flex-direction: column; align-items: flex-start; }\n}\n@media (max-width: 560px) {\n  .bb-page .bb-need-in { grid-template-columns: 1fr; gap: 14px; }\n  .bb-page .bb-need { padding: 26px 22px; }\n}\n.bb-page .bb-not { gap: 8px 20px; padding: 16px 20px; }\n.bb-page.bb-page .bb-not span, .bb-page.bb-page .bb-not b { font-size: 14.5px; }\n\n\/* --- Hero: ve\u010d zraka med naslovom in podnaslovom, manj\u0161i podnaslov ---- *\/\n.bb-page.bb-page .bb-hero .bb-h1 { margin: 0 0 34px; font-size: clamp(36px, 4vw, 54px); line-height: 1.08; }\n.bb-page.bb-page .bb-hero .bb-lead { max-width: 540px; margin: 0; font-size: clamp(16.5px, 1.35vw, 18.5px); line-height: 1.6; }\n.bb-page.bb-page .bb-hero .bb-kicker { margin-bottom: 18px; }\n.bb-page .bb-hero .bb-actions { margin-top: 30px; }\n@media (max-width: 560px) {\n  .bb-page.bb-page .bb-hero .bb-h1 { margin-bottom: 26px; }\n}\n\n\/* ==========================================================================\n   Zgo\u0161\u010dena postavitev: manj praznega prostora med sklopi\n   ========================================================================== *\/\n.bb-page .bb-section { padding: 60px 0; }\n.bb-page .bb-band { padding: 64px 0; }\n.bb-page .bb-hero { padding: 56px 0 70px; }\n.bb-page .bb-center { margin-bottom: 32px; }\n.bb-page.bb-page .bb-center > p:last-child { font-size: 17px; }\n.bb-page.bb-page .bb-wrap .bb-kicker { margin-bottom: 10px; font-size: 13.5px; }\n.bb-page.bb-page h2 { font-size: clamp(28px, 3vw, 40px); margin-bottom: 12px; }\n.bb-page.bb-page .bb-privacy-panel h2,\n.bb-page.bb-page .bb-cta-panel h2 { font-size: clamp(24px, 2.3vw, 30px); }\n\n.bb-page .bb-facts { margin-top: -30px; }\n.bb-page .bb-fact { padding-top: 22px; padding-bottom: 22px; }\n\n.bb-page .bb-need { padding: 32px 36px; }\n.bb-page .bb-not { margin-top: 16px; padding: 12px 20px; }\n\n.bb-page .bb-band-head { margin-bottom: 32px; }.bb-page.bb-page .bb-flow li { padding: 24px 24px 26px; }\n.bb-page.bb-page .bb-flow li:nth-child(2) { transform: translateY(10px); }\n.bb-page .bb-flow-top { margin-bottom: 14px; }\n\n.bb-page .bb-outcomes { margin-bottom: 44px; }\n.bb-page .bb-outcome { padding: 24px 24px; }\n.bb-page .bb-outcome .bb-gicon { width: 42px; height: 42px; margin-bottom: 14px; }\n.bb-page .bb-next { margin-bottom: 26px; }\n.bb-page .bb-groups { gap: 10px; }\n.bb-page .bb-group { padding: 16px 24px; }\n\n.bb-page .bb-privacy-panel { padding: 32px 38px; gap: 28px; }\n.bb-page .bb-privacy-icon { width: 64px; height: 64px; }\n.bb-page.bb-page .bb-privacy-note { margin-top: 16px; padding-top: 14px; }\n\n#bb-obrazec.bb-section { padding-top: 56px; padding-bottom: 28px; }\n.bb-page.bb-form-host { padding-bottom: 60px; }\n.bb-form-host .elementor-form, .bb-page .bb-form-card { padding: 30px 34px; }\n\n.bb-page .bb-cta-panel { margin-top: 32px; padding: 34px 40px; }\n.bb-page .bb-tile { padding: 22px 22px; }\n.bb-page.bb-page .bb-faq summary { padding: 16px 0; }\n.bb-page.bb-page .bb-faq details p { margin-bottom: 16px; }\n.bb-page .bb-source { padding: 24px 20px; }\n\n@media (max-width: 980px) {\n  .bb-page .bb-section { padding: 48px 0; }\n  .bb-page .bb-band { padding: 52px 0; }\n  .bb-page .bb-split, .bb-page .bb-grid-2, .bb-page .bb-grid-3 { gap: 22px; }\n  .bb-page.bb-page .bb-flow { gap: 34px; }\n  .bb-page .bb-outcomes { gap: 12px; }\n}\n@media (max-width: 560px) {\n  .bb-page .bb-section { padding: 40px 0; }\n  .bb-page .bb-band { padding: 44px 0; }\n  .bb-page .bb-hero { padding: 44px 0 60px; }\n  .bb-page .bb-center { margin-bottom: 24px; }\n}\n\n\/* --- Obrazec: pisava Exo 2 tudi tam, kjer jo tema pi\u0161e naravnost ------ *\/\n.bb-form-host .elementor-form,\n.bb-form-host .elementor-form :is(label, input, select, textarea, button, span, .elementor-message) {\n  font-family: 'Exo 2', 'Segoe UI', Arial, sans-serif !important;\n}\n\n\/* ==========================================================================\n   Brez belega roba: Elementor vsebniki in Astra okoli teh gradnikov\n   dobijo odmik 0, a SAMO na tej strani (pravilo velja le, kjer je .bb-page).\n   ========================================================================== *\/\n.e-con:has(.bb-page) {\n  --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px;\n  --gap: 0px; --row-gap: 0px; --column-gap: 0px;\n  --margin-top: 0px; --margin-right: 0px; --margin-bottom: 0px; --margin-left: 0px;\n}\n.e-con.e-con-boxed:has(> .e-con-inner > .elementor-widget-html .bb-page) > .e-con-inner,\n.e-con:has(> .elementor-widget-html .bb-page) { --content-width: 100%; --container-max-width: 100%; max-width: 100%; }\n.elementor-widget-html:has(> .elementor-widget-container > .bb-page),\n.elementor-widget-html:has(> .elementor-widget-container > .bb-page) > .elementor-widget-container {\n  margin: 0 !important; padding: 0 !important; width: 100%;\n}\n.ast-container:has(.bb-page),\n.site-content .ast-container:has(.bb-page) { max-width: 100%; padding-left: 0; padding-right: 0; }\n#primary:has(.bb-page) { margin: 0; padding: 0; }\n.bb-page .bb-band-head { grid-template-columns: 1fr; max-width: 720px; }\n\n\n\/* Stran \/racunovodje: zbit uvod v obrazec takoj pod herojem *\/\n.bb-page.bb-page .bb-signup { padding-top: 48px; padding-bottom: 28px; }\n.bb-page.bb-page .bb-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }\n.bb-page.bb-page .bb-chips li { display: inline-flex; align-items: center; gap: 7px; padding: 7px 14px; border-radius: 999px; background: #eaf5fa; color: #06283F; font-size: 14px; font-weight: 700; }\n.bb-page.bb-page .bb-chips li:before { content: \"\"; width: 14px; height: 14px; flex: none; border-radius: 50%; background: #A9BD4A url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-8.5' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\") center\/10px no-repeat; }\n.bb-page.bb-page .bb-deadline > p { margin-bottom: 0; }\n.bb-page .bb-paths .bb-tile small { display: block; margin-bottom: 4px; color: #127496; font-size: 12.5px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; }\n.bb-page.bb-page .bb-callout a { color: #127496; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }\n\/* Na telefonu brez ilustracije, da je obrazec \u010dim prej *\/\n@media (max-width: 760px) { .bb-page .bb-hero-art .bb-docs { display: none; } .bb-page .bb-hero-art { padding-top: 0; } }\n\/* FAQ: pu\u0161\u010dica kot SVG (Exo 2 nima znaka \u2304, zato se je kazal \u00bbv\u00ab) *\/\n.bb-page.bb-page .bb-faq summary:after { content: \"\"; flex: none; width: 18px; height: 18px; font-size: 0; background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23028AB9' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\") center\/18px no-repeat; }\n\/* Zakaj bizBox: \u0161tevilke na temnem *\/\n.bb-page .bb-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin: 34px 0 0; }\n.bb-page.bb-page .bb-on-dark .bb-stat { padding: 22px 22px 20px; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; background: rgba(255,255,255,.06); }\n.bb-page.bb-page .bb-on-dark .bb-stat b { display: block; color: #fff; font-size: clamp(30px, 3.2vw, 42px); font-weight: 800; line-height: 1; letter-spacing: -1px; }\n.bb-page.bb-page .bb-on-dark .bb-stat span { display: block; margin-top: 8px; color: rgba(255,255,255,.78); font-size: 15px; font-weight: 400; }\n.bb-page .bb-why-end { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 34px; }\n.bb-page.bb-page .bb-on-dark .bb-why-end a.bb-mail { color: #7fd4f2 !important; font-weight: 700; }\n@media (max-width: 900px) { .bb-page .bb-stats { grid-template-columns: repeat(2, 1fr); gap: 12px; } }\n\/* Varovalo proti temi: sredinska poravnava in barva zna\u010dk v uvodu obrazca *\/\n.bb-page.bb-page .bb-signup .bb-center, .bb-page.bb-page .bb-signup .bb-center h2, .bb-page.bb-page .bb-signup .bb-center p:not(.bb-kicker) { text-align: center !important; margin-left: auto; margin-right: auto; }\n.bb-page.bb-page .bb-signup .bb-center p:not(.bb-kicker) { max-width: 620px; margin-top: 0; color: #5D6F82; font-size: 17px; }\n.bb-page.bb-page .bb-chips li { color: #06283F !important; font-family: 'Exo 2', sans-serif; }\n\/* Letak programa *\/\n.bb-page .bb-leaflet { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 28px; margin-top: 22px; padding: 22px 26px; border: 1px solid #D9E2EC; border-radius: 18px; background: #fff; }\n.bb-page.bb-page .bb-leaflet b { display: block; color: #002C66; font-size: 18px; font-weight: 800; }\n.bb-page.bb-page .bb-leaflet span { display: block; margin-top: 4px; color: #5D6F82; font-size: 15px; }\n.bb-page.bb-page .bb-leaflet .bb-btn span { display: inline; margin: 0; }\n\/* Izjave *\/\n.bb-page .bb-quote { position: relative; margin: 0; padding: 30px 30px 26px 30px; border: 1px solid #D9E2EC; border-radius: 20px; background: #fff; }\n.bb-page .bb-quote:before { content: none; }\n.bb-page.bb-page .bb-quote blockquote { margin: 0 0 18px; padding: 0; border: 0; color: #252A30; font-size: 16.5px; font-style: normal; line-height: 1.6; }\n.bb-page.bb-page .bb-quote figcaption b { display: block; color: #002C66; font-size: 16px; font-weight: 800; }\n.bb-page.bb-page .bb-quote figcaption span { display: block; color: #5D6F82; font-size: 14px; }\n.bb-page .bb-quote-lg { margin-bottom: 18px; background: #eaf5fa; border-color: #cfe7f2; }\n.bb-page.bb-page .bb-quote-lg blockquote { font-size: 17.5px; }\n.bb-page .bb-quotes { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }\n@media (max-width: 760px) { .bb-page .bb-quotes { grid-template-columns: 1fr; } .bb-page .bb-quote { padding: 26px 22px 22px; } }\n.bb-page.bb-page .bb-on-dark .bb-stats-note { margin: 16px 0 0; color: rgba(255,255,255,.7); font-size: 13.5px; line-height: 1.6; }\n\n\/* ===== IGRIVI SLOJ ===== *\/\n\/* Pu\u0161\u010dica iz heroja proti obrazcu *\/\n.bb-page .bb-hero .bb-split > div:first-child { position: relative; }\n.bb-page .bb-hint { position: absolute; left: 300px; bottom: -50px; width: 96px; height: 72px; overflow: visible; }\n.bb-page .bb-hint path { fill: none; stroke: #27b9e7; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 220; stroke-dashoffset: 220; animation: bb-draw 1s .9s ease-out forwards; }\n@media (max-width: 760px) { .bb-page .bb-hint { display: none; } }\n\n\/* Ozna\u010devalec *\/\n.bb-page.bb-page .bb-mark { color: inherit; font-weight: inherit; background: linear-gradient(transparent 58%, rgba(169,189,74,.42) 58%, rgba(169,189,74,.42) 90%, transparent 90%); padding: 0 .08em; }\n\n\/* Akademija: barvne kartice s \u0161tevilko, rahlo nagnjene *\/\n.bb-page .bb-fun .bb-tile { position: relative; overflow: hidden; transition: transform .25s, box-shadow .25s; }\n.bb-page .bb-fun .bb-c1 { transform: rotate(-1deg); } .bb-page .bb-fun .bb-c2 { transform: rotate(.8deg) translateY(8px); }\n.bb-page .bb-fun .bb-c3 { transform: rotate(-.6deg); } .bb-page .bb-fun .bb-c4 { transform: rotate(1deg) translateY(8px); }\n.bb-page .bb-fun .bb-tile:hover { transform: rotate(0) translateY(-4px); box-shadow: 0 18px 40px rgba(0,44,102,.12); }\n.bb-page.bb-page .bb-fun .bb-num { position: absolute; top: 14px; right: 18px; color: rgba(0,44,102,.09); font-size: 48px; font-weight: 900; line-height: 1; }\n.bb-page.bb-page .bb-fun .bb-c2 { background: #eaf5fa; border-color: #cfe7f2; }\n.bb-page.bb-page .bb-fun .bb-c3 .bb-tile-icon { background: #A9BD4A; color: #fff; }\n.bb-page.bb-page .bb-fun .bb-c4 { background: #002C66; border-color: #002C66; }\n.bb-page.bb-page .bb-fun .bb-c4 h3 { color: #fff; } .bb-page.bb-page .bb-fun .bb-c4 p { color: rgba(255,255,255,.78); }\n.bb-page.bb-page .bb-fun .bb-c4 .bb-tile-icon { background: #27b9e7; color: #06283F; }\n.bb-page.bb-page .bb-fun .bb-c4 .bb-num { color: rgba(255,255,255,.12); }\n@media (max-width: 760px) { .bb-page .bb-fun .bb-tile { transform: none !important; } }\n\n\/* Tri poti: cesta s \u010drtkano povezavo *\/\n.bb-page .bb-road { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin: 0; padding: 0; list-style: none; }\n.bb-page .bb-road:before { content: \"\"; position: absolute; top: 38px; left: 16%; right: 16%; border-top: 3px dashed #7fd4f2; }\n.bb-page.bb-page .bb-road li { position: relative; padding: 0 12px; text-align: center; color: inherit; }\n.bb-page .bb-road-icon { position: relative; display: grid; margin-left: auto; margin-right: auto; place-items: center; width: 76px; height: 76px; margin-bottom: 16px; border: 3px solid #028AB9; border-radius: 50%; background: #fff; color: #028AB9; transition: transform .25s; }\n.bb-page .bb-road li:nth-child(2) .bb-road-icon { background: #eaf5fa; }\n.bb-page .bb-road li:nth-child(3) .bb-road-icon { border-color: #A9BD4A; color: #6f8128; }\n.bb-page .bb-road li:hover .bb-road-icon { transform: rotate(-8deg) scale(1.06); }\n.bb-page .bb-road-icon svg { width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }\n.bb-page.bb-page .bb-road small { display: inline-block; margin-bottom: 8px; padding: 4px 10px; border-radius: 999px; background: #eaf5fa; color: #127496; font-size: 12px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }\n.bb-page.bb-page .bb-road h3 { margin: 0 0 6px; font-size: 19px; }\n.bb-page.bb-page .bb-road p { margin: 0 auto; max-width: 300px; color: #5D6F82; font-size: 15.5px; }\n@media (max-width: 760px) { .bb-page .bb-road { grid-template-columns: 1fr; gap: 30px; } .bb-page .bb-road:before { top: 30px; bottom: 30px; left: 50%; right: auto; border-top: 0; border-left: 3px dashed #7fd4f2; } .bb-page.bb-page .bb-road li { background: #fff; } }\n\n\/* Pregled strank: kartica z nalepko *\/\n.bb-page .bb-check { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px 22px; margin: 48px auto 0; max-width: 900px; padding: 32px 28px 26px; border: 2px dashed #7fd4f2; border-radius: 22px; background: #f5fbfe; }\n.bb-page .bb-check-icon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: #002C66; color: #27b9e7; }\n.bb-page .bb-check-icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }\n.bb-page.bb-page .bb-check b { display: block; color: #002C66; font-size: 18px; font-weight: 800; }\n.bb-page.bb-page .bb-check div span { display: block; margin-top: 3px; color: #5D6F82; font-size: 15px; }\n.bb-page.bb-page .bb-check-tag { position: absolute; top: -15px; left: 26px; padding: 5px 12px; border-radius: 8px; background: #A9BD4A; color: #fff; font-size: 12.5px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; transform: rotate(-3deg); }\n@media (max-width: 760px) { .bb-page .bb-check { grid-template-columns: auto 1fr; } .bb-page .bb-check .bb-btn { grid-column: 1 \/ -1; } }\n\n\/* Program priporo\u010diteljev: razdeljeno z veliko nalepko *\/\n.bb-page .bb-ref { display: grid; grid-template-columns: 1.1fr .9fr; gap: 50px; align-items: center; }\n.bb-page.bb-page .bb-ref-lead { color: #5D6F82; font-size: 17px; margin: 0 0 20px; }\n.bb-page .bb-ref-art { position: relative; display: grid; place-items: center; min-height: 340px; }\n.bb-page .bb-ref-ring { position: absolute; width: 300px; height: 300px; }\n.bb-page .bb-ref-ring circle { fill: #eaf5fa; stroke: #7fd4f2; stroke-width: 3; stroke-dasharray: 10 12; animation: bb-spin 40s linear infinite; transform-origin: center; }\n@keyframes bb-spin { to { transform: rotate(360deg); } }\n.bb-page.bb-page .bb-big-sticker { position: relative; top: 0; font-size: clamp(64px, 7vw, 92px); padding: 18px 34px 16px; transform: rotate(-6deg); }\n.bb-page.bb-page .bb-mini-sticker { position: absolute; right: 4%; top: 18%; max-width: 170px; padding: 8px 12px; border-radius: 10px; background: #002C66; color: #fff; font-size: 13.5px; font-weight: 700; line-height: 1.35; transform: rotate(5deg); box-shadow: 0 10px 22px rgba(0,44,102,.18); }\n.bb-page.bb-page .bb-mini-2 { top: auto; right: auto; left: 2%; bottom: 14%; background: #A9BD4A; color: #fff; transform: rotate(-4deg); }\n@media (max-width: 900px) { .bb-page .bb-ref { grid-template-columns: 1fr; gap: 20px; } .bb-page .bb-ref-art { min-height: 300px; } }\n@media (prefers-reduced-motion: reduce) { .bb-page .bb-ref-ring circle { animation: none; } }\n\n\/* Zbornica: zna\u010dka + citat *\/\n.bb-page .bb-zrs { display: grid; grid-template-columns: 190px 1fr; gap: 28px; align-items: center; margin-bottom: 30px; }\n.bb-page .bb-zrs-badge { display: grid; place-content: center; width: 180px; height: 180px; border-radius: 50%; background: #002C66; text-align: center; box-shadow: 0 0 0 8px #eaf5fa, 0 0 0 11px #7fd4f2; transform: rotate(-6deg); }\n.bb-page.bb-page .bb-zrs-badge b { color: #27b9e7; font-size: 50px; font-weight: 900; line-height: 1; }\n.bb-page.bb-page .bb-zrs-badge span { margin-top: 6px; padding: 0 22px; color: #fff; font-size: 13.5px; font-weight: 700; line-height: 1.3; }\n.bb-page .bb-zrs .bb-quote-lg { margin: 0; }\n@media (max-width: 760px) { .bb-page .bb-zrs { grid-template-columns: 1fr; justify-items: center; } .bb-page .bb-zrs-badge { width: 150px; height: 150px; } }\n\n\/* Izjave kot listki z lepilnim trakom *\/\n.bb-page .bb-paper { box-shadow: 0 14px 30px rgba(0,44,102,.08); }\n.bb-page .bb-paper:after { content: \"\"; position: absolute; top: -12px; left: 50%; width: 92px; height: 24px; margin-left: -46px; background: rgba(127,212,242,.55); border-radius: 3px; transform: rotate(-4deg); }\n.bb-page .bb-paper-l { transform: rotate(-1.2deg); } .bb-page .bb-paper-r { transform: rotate(1deg); margin-top: 14px; background: #fffef6; }\n@media (max-width: 760px) { .bb-page .bb-paper-l, .bb-page .bb-paper-r { transform: none; margin-top: 10px; } }\n\n\/* 81 %: ro\u010dno obkro\u017eeno *\/\n.bb-page .bb-stat-hi { position: relative; }\n.bb-page .bb-circle { position: absolute; left: 6px; top: 6px; width: 132px; height: 74px; overflow: visible; }\n.bb-page .bb-circle path { fill: none; stroke: #A9BD4A; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 480; stroke-dashoffset: 480; animation: bb-draw 1.2s 1.2s ease-out forwards; }\n\n\n\n\n\n\/* --- Po\u0161ljete \u2192 preverimo \u2192 dobite ----------------------------------- *\/\n.bb-page .bb-xform { display: grid; grid-template-columns: 1fr 150px 1.08fr; align-items: center; gap: 0; max-width: 1060px; margin: auto; }\n.bb-page.bb-page .bb-x-step { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 16px; color: #127496; font-size: 14px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }\n.bb-page.bb-page .bb-x-step .bb-badge { width: 32px; height: 32px; font-size: 15px; letter-spacing: 0; }\n.bb-page .bb-x-in, .bb-page .bb-x-card { border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: 0 18px 45px rgba(13,45,84,.08); }\n.bb-page .bb-x-in { padding: 30px 30px 28px; transform: rotate(-1deg); }\n.bb-page.bb-page .bb-x-in h3 { margin: 22px 0 6px; color: var(--navy); font-size: 22px; }\n.bb-page.bb-page .bb-x-in > p:not(.bb-need-si) { margin: 0; color: #4f6070; font-size: 16px; }\n.bb-page.bb-page .bb-x-in .bb-need-si { display: flex; gap: 10px; align-items: center; margin: 16px 0 0; padding: 10px 14px; border-radius: 12px; background: #eaf5fa; color: #34495f; font-size: 14.5px; }\n\n\/* mini preglednica *\/\n.bb-page .bb-sheet { overflow: hidden; border: 1.5px solid #cfdde9; border-radius: 14px; background: #fff; font-size: 14px; }\n.bb-page .bb-sheet-bar { display: flex; align-items: center; gap: 6px; padding: 9px 12px; background: #eef4f9; border-bottom: 1px solid #d9e5ef; }\n.bb-page .bb-sheet-bar i { width: 9px; height: 9px; border-radius: 50%; background: #c3d1de; }\n.bb-page.bb-page .bb-sheet-bar b { margin-left: 8px; color: #34495f; font-size: 13px; font-weight: 700; }\n.bb-page .bb-sheet-head, .bb-page .bb-sheet-row { display: grid; grid-template-columns: 1fr 1fr; }\n.bb-page .bb-sheet-head span, .bb-page .bb-sheet-row span { padding: 8px 12px; border-bottom: 1px solid #e6edf3; }\n.bb-page .bb-sheet-head span + span, .bb-page .bb-sheet-row span + span { border-left: 1px solid #e6edf3; }\n.bb-page.bb-page .bb-sheet-head span { background: #f6f9fc; color: #002C66; font-size: 13px; font-weight: 800; }\n.bb-page.bb-page .bb-sheet-head em { color: var(--muted); font-style: normal; font-weight: 400; }\n.bb-page.bb-page .bb-sheet-row span:first-child { color: #002C66; font-weight: 700; letter-spacing: .02em; background: rgba(169,189,74,.13); }\n.bb-page.bb-page .bb-sheet-row span:last-child { color: #5d6f82; }\n.bb-page .bb-sheet-row:last-child span { border-bottom: 0; }\n\n\/* sredina: \u010drta s to\u010dkami in lupa *\/\n.bb-page .bb-x-mid { position: relative; display: grid; justify-items: center; gap: 8px; text-align: center; }\n.bb-page .bb-x-line { position: absolute; top: 34px; left: -6px; width: calc(100% + 12px); height: 20px; overflow: visible; }\n.bb-page .bb-x-line path { fill: none; stroke: #028AB9; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 2 9; animation: bb-flow 1.2s linear infinite; }\n@keyframes bb-flow { to { stroke-dashoffset: -22; } }\n.bb-page .bb-x-hub { position: relative; z-index: 1; display: grid; place-items: center; width: 88px; height: 88px; border-radius: 50%; background: var(--navy); color: #fff; box-shadow: 0 0 0 8px #eaf5fa, 0 14px 30px rgba(0,44,102,.25); }\n.bb-page .bb-x-hub svg { width: 38px; height: 38px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; animation: bb-scan 2.4s ease-in-out infinite; }\n@keyframes bb-scan { 0%,100% { transform: translate(-3px,-2px); } 50% { transform: translate(3px,2px); } }\n.bb-page.bb-page .bb-x-label { margin-top: 10px; color: var(--navy); font-size: 15px; font-weight: 700; line-height: 1.3; }\n.bb-page.bb-page .bb-x-time { padding: 4px 12px; border-radius: 99px; background: #F3F6E6; color: #4d5c12; font-size: 13px; font-weight: 800; }\n\n\/* desno: rezultat in predloge *\/\n.bb-page .bb-x-out { display: grid; gap: 16px; }\n.bb-page .bb-x-out .bb-x-step { margin-bottom: 0; }\n.bb-page .bb-x-card { padding: 22px 24px; }\n.bb-page.bb-page .bb-x-card h3 { margin: 0 0 14px; color: var(--navy); font-size: 19px; }\n.bb-page .bb-x-row { display: grid; grid-template-columns: 32px 150px 1fr; align-items: center; gap: 12px; margin-top: 10px; }\n.bb-page.bb-page .bb-x-row > span:nth-child(2) { color: var(--navy); font-size: 15px; font-weight: 700; }\n.bb-page .bb-x-bar { position: relative; height: 10px; border-radius: 99px; background: #edf2f7; overflow: hidden; }\n.bb-page .bb-x-bar:after { content: \"\"; position: absolute; inset: 0 auto 0 0; width: var(--w); border-radius: inherit; background: #A9BD4A; transform-origin: left; animation: bb-grow 1.2s .3s ease-out both; }\n.bb-page .bb-x-row:nth-of-type(2) .bb-x-bar:after { background: #028AB9; }\n.bb-page .bb-x-bar-go:after { background: var(--navy) !important; }\n@keyframes bb-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } }\n.bb-page .bb-x-letter { transform: rotate(.8deg); }\n.bb-page .bb-x-letter-head { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }\n.bb-page.bb-page .bb-x-letter-head h3 { margin: 0; }\n.bb-page.bb-page .bb-x-letter-head p { margin: 2px 0 0; color: #4f6070; font-size: 15px; }\n.bb-page .bb-x-env { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 13px; background: #e3f3fa; color: #028AB9; }\n.bb-page .bb-x-env svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\n.bb-page .bb-x-paper { display: grid; gap: 7px; padding: 16px 18px; border: 1px dashed #c3d1de; border-radius: 12px; background: #fbfdff; }\n.bb-page.bb-page .bb-x-paper b { color: #002C66; font-size: 14.5px; font-weight: 700; }\n.bb-page.bb-page .bb-x-paper span { color: #34495f; font-size: 14.5px; }\n.bb-page .bb-x-paper i { display: block; height: 7px; border-radius: 4px; background: #e3eaf1; }\n.bb-page.bb-page .bb-x-paper em { justify-self: end; margin-top: 4px; color: #127496; font-size: 13.5px; font-style: italic; font-weight: 700; }\n\n@media (max-width: 980px) {\n  .bb-page .bb-xform { grid-template-columns: 1fr; gap: 10px; max-width: 560px; }\n  .bb-page .bb-x-in, .bb-page .bb-x-letter { transform: none; }\n  .bb-page .bb-x-mid { padding: 26px 0 20px; }\n  .bb-page .bb-x-line { display: none; }\n}\n@media (max-width: 560px) {\n  .bb-page .bb-x-in, .bb-page .bb-x-card { padding: 22px 18px; }\n  .bb-page .bb-x-row { grid-template-columns: 30px 1fr; }\n  .bb-page .bb-x-bar { grid-column: 2; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .bb-page .bb-x-line path, .bb-page .bb-x-hub svg, .bb-page .bb-x-bar:after { animation: none; }\n}\n\n\/* FAQ: pu\u0161\u010dica kot SVG (Exo 2 nima znaka \u2304) *\/\n.bb-page.bb-page .bb-faq summary:after { content: \"\"; flex: none; width: 18px; height: 18px; font-size: 0; background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23028AB9' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\") center\/18px no-repeat; }\n\/* Uvod v obrazec tik nad obrazcem *\/\n#bb-obrazec.bb-section { padding-top: 56px; padding-bottom: 28px; }\n\/* Priponka in opombe *\/\n.bb-page.bb-form-host .elementor-form .elementor-field-type-upload .elementor-field {\n  width: 100%; min-height: 64px; padding: 18px; border: 2px dashed #9fb6cb; border-radius: 12px;\n  background: #f5f7fb; color: #1D2733; font-size: 16px; cursor: pointer;\n}\n.bb-page.bb-form-host .elementor-form .elementor-field-type-upload .elementor-field:hover { border-color: #028AB9; background: #eef7fb; }\n.bb-page.bb-form-host .elementor-form .elementor-field-type-upload .elementor-field::file-selector-button {\n  margin-right: 14px; padding: 11px 18px; border: 0; border-radius: 10px; color: #fff; background: #002C66; font: 700 15px 'Exo 2', 'Segoe UI', Arial, sans-serif; cursor: pointer;\n}\n.bb-page.bb-page.bb-form-host .bb-upload-hint { margin: 8px 2px 0; color: #5D6F82; font-size: 14.5px; line-height: 1.45; }\n.bb-page.bb-form-host .elementor-form textarea.elementor-field-textual { min-height: 120px; resize: vertical; }\n\n\n\/* ==========================================================================\n   Sklop strani za ra\u010dunovodske servise: podnavigacija, kartice, pot\n   ========================================================================== *\/\n.bb-page .bb-subnav { position: relative; z-index: 3; background: #001E47; border-bottom: 1px solid rgba(255,255,255,.08); }\n.bb-page .bb-subnav .bb-wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 10px 0; }\n.bb-page.bb-page .bb-subnav-title { margin-right: 10px; padding-right: 16px; border-right: 2px solid #e3eaf1; color: #127496; font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }\n@media (max-width: 1180px) { .bb-page.bb-page .bb-subnav-title { display: none; } }\n.bb-page.bb-page a.bb-subnav-link { display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border-radius: 10px; color: #dbe7f3; font-size: 14.5px; font-weight: 700; transition: .2s; }\n.bb-page.bb-page a.bb-subnav-link:hover { color: #fff; background: rgba(255,255,255,.08); }\n.bb-page.bb-page a.bb-subnav-link.is-active { color: #002C66; background: #fff; }\n.bb-page .bb-subnav-icon { display: grid; place-items: center; width: 22px; height: 22px; color: #35c1ec; }\n.bb-page a.bb-subnav-link.is-active .bb-subnav-icon { color: #028AB9; }\n.bb-page .bb-subnav-icon svg, .bb-page .bb-next-icon svg, .bb-page .bb-path-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }\n@media (max-width: 1000px) {\n  .bb-page .bb-subnav .bb-wrap { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }\n  .bb-page.bb-page a.bb-subnav-link { flex: none; font-size: 14px; }\n}\n\n\/* Kartice \u00bbnaslednji korak\u00ab *\/\n.bb-page .bb-next-grid { display: grid; gap: 18px; max-width: 980px; margin: auto; }\n.bb-page .bb-next-2 { grid-template-columns: 1fr 1fr; }\n.bb-page .bb-next-3 { grid-template-columns: repeat(3, 1fr); max-width: 1120px; }\n.bb-page.bb-page a.bb-next-card { display: flex; flex-direction: column; gap: 8px; padding: 28px 26px 24px; border: 1.5px solid var(--line); border-radius: 20px; background: #fff; color: var(--ink); box-shadow: 0 10px 28px rgba(13,45,84,.06); transition: .2s; }\n.bb-page.bb-page a.bb-next-card:hover { border-color: #002C66; transform: translateY(-3px); box-shadow: 0 16px 34px rgba(0,44,102,.12); }\n.bb-page .bb-next-icon { display: grid; place-items: center; width: 50px; height: 50px; padding: 12px; margin-bottom: 6px; border-radius: 14px; background: #e3f3fa; color: #028AB9; }\n.bb-page.bb-page .bb-next-card small { color: #127496; font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }\n.bb-page.bb-page .bb-next-card h3 { margin: 0; color: #002C66; font-size: 21px; }\n.bb-page.bb-page .bb-next-card p { margin: 0 0 10px; color: #4f6070; font-size: 16px; }\n.bb-page.bb-page .bb-next-btn { display: block; margin-top: auto; padding: 15px 16px; border-radius: 12px; background: #002C66; color: #fff; font-size: 16.5px; font-weight: 700; text-align: center; transition: background .2s; }\n.bb-page.bb-page a.bb-next-card:hover .bb-next-btn { background: #127496; }\n@media (max-width: 980px) { .bb-page .bb-next-2, .bb-page .bb-next-3 { grid-template-columns: 1fr; max-width: 560px; } }\n\n\/* Vstopna stran: tri mo\u017enosti kot pot *\/\n.bb-page .bb-paths { display: grid; grid-template-columns: repeat(3, 1fr); gap: 46px; margin: 0; padding: 0; list-style: none; counter-reset: none; }\n.bb-page.bb-page .bb-paths > li { position: relative; display: flex; flex-direction: column; padding: 28px 26px 26px; border: 1px solid rgba(39,185,231,.32); border-radius: 22px; background: rgba(255,255,255,.06); }\n.bb-page.bb-page .bb-paths > li + li:before { content: ''; position: absolute; left: -44px; top: 44px; width: 40px; height: 22px;\n  background: no-repeat center\/contain url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 40 22'%3E%3Cpath d='M3 17 C 12 3, 26 3, 35 12' fill='none' stroke='%23028AB9' stroke-width='3' stroke-linecap='round'\/%3E%3Cpath d='M28 12 L36 13 L35 5' fill='none' stroke='%23028AB9' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\"); }\n.bb-page .bb-path-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }\n.bb-page.bb-page.bb-page .bb-on-dark .bb-path-icon, .bb-page.bb-page .bb-path-icon svg { color: #028AB9; }\n.bb-page .bb-path-icon { display: grid; place-items: center; width: 48px; height: 48px; padding: 12px; border-radius: 50%; background: #fff; color: #028AB9; }\n.bb-page.bb-page .bb-paths .bb-path-tag { display: inline-block; align-self: flex-start; margin-bottom: 12px; padding: 5px 11px; border-radius: 8px; background: rgba(169,189,74,.18); color: #d5e59a; font-size: 13px; font-weight: 800; letter-spacing: .04em; }\n.bb-page.bb-page .bb-paths h3 { margin: 0 0 6px; font-size: 23px; }\n.bb-page.bb-page .bb-paths .bb-path-q { margin: 0 0 10px; color: #35c1ec; font-size: 16px; font-weight: 700; }\n.bb-page.bb-page .bb-on-dark .bb-paths p.bb-path-text { margin: 0 0 22px; color: var(--on-dark-soft); font-size: 16px; }\n.bb-page.bb-page .bb-paths .bb-btn { margin-top: auto; justify-content: space-between; min-height: 56px; }\n.bb-page.bb-page .bb-paths-note { margin: 30px 0 0; color: var(--on-dark-muted); font-size: 15.5px; }\n@media (max-width: 980px) {\n  .bb-page .bb-paths { grid-template-columns: 1fr; gap: 40px; max-width: 560px; }\n  .bb-page.bb-page .bb-paths > li + li:before { left: 30px; top: -34px; transform: rotate(90deg); }\n}\n\n\/* Akademija: uvod v obrazec in obrazec sta en bel sklop, ki se ne dotika *\/\n.bb-page.bb-page .bb-signup { padding-bottom: 36px; }\n.bb-page.bb-form-host.bb-form-white { background: #fff; padding-bottom: 72px; }\n\n\/* Kontakt na vstopni strani in pri priporo\u010diteljih *\/\n.bb-page.bb-page .bb-hero-list { display: grid; gap: 12px; margin: 0; padding: 0; }\n.bb-page.bb-page .bb-hero-list li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: center; color: #fff; font-size: 16px; }\n.bb-page.bb-page .bb-plain-aside { padding: 30px 30px 28px; border: 1px solid rgba(39,185,231,.32); border-radius: 22px; background: rgba(255,255,255,.06); }\n.bb-page.bb-page .bb-plain-aside h3 { margin: 0 0 18px; font-size: 20px; }\n.bb-page.bb-page .bb-plain-aside .bb-note { margin: 18px 0 0; }\n\n\/* ==========================================================================\n   Obrazci (Akademija, Pregled strank, Priporo\u010ditelji): razmiki, ve\u010dja polja, jasna soglasja, gumb, zaklju\u010dni zaslon\n   ========================================================================== *\/\n.bb-page.bb-form-host .elementor-form { width: min(860px, calc(100% - 40px)); padding: 44px 46px 40px; }\n.bb-page.bb-form-host .elementor-form .elementor-form-fields-wrapper { margin-left: -12px; margin-right: -12px; }\n.bb-page.bb-form-host .elementor-form .elementor-field-group { padding-left: 12px; padding-right: 12px; margin-bottom: 24px; }\n.bb-page.bb-form-host .elementor-form .elementor-field-group > label {\n  display: block; margin: 0 0 8px; color: #06283F; font-size: 15px; font-weight: 700; line-height: 1.3;\n}\n.bb-page.bb-form-host .elementor-form .elementor-mark-required .elementor-field-label:after { color: #d0463b; }\n.bb-page.bb-form-host .elementor-form .elementor-field-textual {\n  min-height: 58px; padding: 14px 18px; border: 1.5px solid #c4d3e2; border-radius: 12px;\n  background: #fff; color: #1D2733; font-size: 17px; line-height: 1.4;\n}\n.bb-page.bb-form-host .elementor-form .elementor-field-textual::placeholder { color: #8395a8; opacity: 1; }\n.bb-page.bb-form-host .elementor-form .elementor-field-textual:focus { border-color: var(--cyan); box-shadow: 0 0 0 4px rgba(39,185,231,.2); outline: none; }\n\n\/* Soglasja: vsako v svetli kartici, ve\u010dje kljukice in \u010ditljivo besedilo *\/\n.bb-page.bb-form-host .elementor-form .elementor-field-type-acceptance { margin-bottom: 14px; }\n.bb-page.bb-form-host .elementor-form .elementor-field-type-acceptance .elementor-field-subgroup {\n  display: block; width: 100%; padding: 16px 18px; border: 1.5px solid #d9e5ef; border-radius: 12px; background: #f2f8fc;\n}\n.bb-page.bb-form-host .elementor-form .elementor-field-type-acceptance .elementor-field-option { display: flex; align-items: flex-start; gap: 12px; }\n.bb-page.bb-form-host .elementor-form .elementor-field-type-acceptance input[type=checkbox] {\n  flex: none; width: 22px; height: 22px; margin: 1px 0 0; accent-color: #002C66; cursor: pointer;\n}\n.bb-page.bb-form-host .elementor-form .elementor-field-type-acceptance label {\n  margin: 0; color: #1D2733; font-size: 16px; font-weight: 400; line-height: 1.45; cursor: pointer;\n}\n.bb-page.bb-form-host .elementor-form .elementor-field-type-acceptance label a { color: #127496; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }\n.bb-page.bb-form-host .elementor-form .bb-req-star { color: #d0463b; font-weight: 700; }\n.bb-page.bb-form-host .elementor-form .bb-consent-missing .elementor-field-subgroup { border-color: #d0463b; background: #fff3f2; }\n.bb-page.bb-form-host .elementor-form .bb-consent-msg { margin: 8px 2px 0; color: #b23a30; font-size: 14.5px; font-weight: 700; }\n\n.bb-page.bb-form-host .elementor-form .elementor-field-type-acceptance > label.elementor-field-label { display: none; }\n\n\/* Gumb *\/\n.bb-page.bb-form-host .elementor-form .elementor-field-type-submit { margin-top: 14px; margin-bottom: 0; }\n.bb-page.bb-form-host .elementor-form .elementor-button[type=submit] {\n  width: 100%; min-height: 64px; padding: 16px 28px; border: 0; border-radius: 14px;\n  color: #fff !important; background: #002C66; font-size: 19px; font-weight: 700; letter-spacing: .01em;\n  box-shadow: 0 10px 24px rgba(0,44,102,.22); cursor: pointer;\n}\n.bb-page.bb-form-host .elementor-form .elementor-button[type=submit] .elementor-button-text { color: #fff !important; font-size: 19px; font-weight: 700; }\n.bb-page.bb-form-host .elementor-form .elementor-button[type=submit]:hover,\n.bb-page.bb-form-host .elementor-form .elementor-button[type=submit]:focus-visible { background: #127496; transform: translateY(-1px); }\n.bb-page.bb-form-host .elementor-form .elementor-message { margin-top: 16px; font-size: 16px; }\n.bb-page.bb-form-host.bb-done .elementor-form { display: none; }\n\n\/* Zaklju\u010dni zaslon *\/\n.bb-page .bb-success {\n  width: min(860px, calc(100% - 40px)); margin: auto; padding: 54px 46px 46px; text-align: center;\n  border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 18px 45px rgba(13,45,84,.07);\n  animation: bb-rise .5s ease-out both;\n}\n.bb-page .bb-success-check { display: block; width: 96px; height: 96px; margin: 0 auto 22px; }\n.bb-page .bb-success-check circle { fill: #A9BD4A; transform-origin: 50% 50%; animation: bb-pop .45s cubic-bezier(.3,1.6,.5,1) both; transform: scale(0); }\n.bb-page .bb-success-check path { fill: none; stroke: #fff; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round;\n  stroke-dasharray: 60; stroke-dashoffset: 60; animation: bb-draw .5s .35s ease-out forwards; }\n.bb-page.bb-page .bb-success .bb-kicker { margin: 0 0 10px; }\n.bb-page.bb-page .bb-success h2 { margin: 0 0 16px; color: #002C66; font-size: clamp(26px, 3.4vw, 36px); }\n.bb-page.bb-page .bb-success-lead { max-width: 620px; margin: 0 auto 10px; color: #1D2733; font-size: 17.5px; line-height: 1.55; }\n.bb-page.bb-page .bb-success-lead b { color: #002C66; font-weight: 700; }\n.bb-page.bb-page .bb-success-note { max-width: 620px; margin: 14px auto 0; padding: 14px 18px; border-radius: 12px; background: #eaf5fa; color: #06283F; font-size: 16px; }\n.bb-page.bb-page .bb-success-next { margin: 34px 0 14px; color: #127496; font-size: 15px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }\n.bb-page .bb-success-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; text-align: left; }\n.bb-page.bb-page a.bb-success-link {\n  display: flex; flex-direction: column; gap: 16px; padding: 22px 20px 20px; border: 1.5px solid #d9e5ef; border-radius: 16px;\n  background: #f7fafd; color: #1D2733; transition: .2s; text-decoration: none;\n}\n.bb-page.bb-page a.bb-success-link:hover { border-color: #002C66; background: #eef4fa; transform: translateY(-2px); box-shadow: 0 12px 26px rgba(0,44,102,.12); }\n.bb-page.bb-page .bb-success-link strong { color: #002C66; font-size: 17px; line-height: 1.35; }\n.bb-page.bb-page .bb-success-link span {\n  display: block; margin-top: auto; padding: 15px 16px; border-radius: 12px; background: #002C66;\n  color: #fff; font-size: 16px; font-weight: 700; line-height: 1.3; text-align: center; text-wrap: balance;\n  box-shadow: 0 8px 18px rgba(0,44,102,.2); transition: background .2s;\n}\n.bb-page.bb-page a.bb-success-link:hover span { background: #127496; }\n.bb-page.bb-page .bb-success-note { border-left: 5px solid #A9BD4A; background: #F3F6E6; border-radius: 0 12px 12px 0; text-align: left; }\n.bb-page.bb-page .bb-success-help { margin: 26px 0 0; color: var(--muted); font-size: 14.5px; }\n.bb-page.bb-page .bb-success-help a { color: #127496; font-weight: 700; }\n@keyframes bb-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }\n\n@media (max-width: 760px) {\n  .bb-page.bb-form-host .elementor-form .elementor-field-group { width: 100% !important; flex-basis: 100% !important; max-width: 100% !important; }\n  .bb-page .bb-success-links { grid-template-columns: 1fr; }\n}\n@media (max-width: 560px) {\n  .bb-page.bb-form-host .elementor-form, .bb-page .bb-success { padding: 30px 22px; }\n  .bb-page.bb-form-host .elementor-form .elementor-button[type=submit] { min-height: 60px; font-size: 18px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .bb-page .bb-success, .bb-page .bb-success-check circle { animation: none; transform: none; }\n  .bb-page .bb-success-check path { animation: none; stroke-dashoffset: 0; }\n}\n\n\n\n\/* ==========================================================================\n   IGRIVI SVETLI SLOJ (vse \u0161tiri strani)\n   ========================================================================== *\/\n\/* Podnavigacija: svetla *\/\n.bb-page .bb-subnav { background: #fff; border-bottom: 1px solid #e3eaf1; box-shadow: 0 4px 14px rgba(13,45,84,.04); }\n.bb-page.bb-page a.bb-subnav-link { color: #34495f; }\n.bb-page.bb-page a.bb-subnav-link:hover { color: #002C66; background: #eef4f9; }\n.bb-page.bb-page a.bb-subnav-link.is-active { color: #fff; background: #002C66; }\n.bb-page .bb-subnav-icon { color: #028AB9; }\n.bb-page a.bb-subnav-link.is-active .bb-subnav-icon { color: #35c1ec; }\n\n\/* Svetel hero z barvnimi made\u017ei in plavajo\u010dimi pikami *\/\n.bb-page .bb-hero.bb-hero-light {\n  position: relative; overflow: hidden;\n  background:\n    radial-gradient(circle at 88% 16%, rgba(39,185,231,.24), transparent 30%),\n    radial-gradient(circle at 4% 92%, rgba(169,189,74,.24), transparent 30%),\n    radial-gradient(circle at 52% 115%, rgba(243,154,31,.16), transparent 32%),\n    linear-gradient(160deg, #eef8fd 0%, #f8fbf1 100%);\n}\n.bb-page .bb-hero.bb-hero-light > .bb-wrap { position: relative; z-index: 1; }\n.bb-page .bb-hero.bb-hero-light:before, .bb-page .bb-hero.bb-hero-light:after {\n  content: \"\"; position: absolute; border-radius: 50%; pointer-events: none; animation: bb-bob 7s ease-in-out infinite;\n}\n.bb-page .bb-hero.bb-hero-light:before { width: 16px; height: 16px; top: 16%; left: 47%; background: #A9BD4A;\n  box-shadow: -520px 40px 0 -4px #27b9e7, 300px 380px 0 -4px #F39A1F, 360px -20px 0 -5px #F39A1F; }\n.bb-page .bb-hero.bb-hero-light:after { width: 120px; height: 120px; right: -40px; bottom: -50px; border: 14px solid rgba(39,185,231,.18); animation-delay: -3s; }\n@keyframes bb-bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\n.bb-page.bb-page .bb-hero-light :is(h1, .bb-h1) { color: #002C66; }\n.bb-page.bb-page .bb-hero-light .bb-lead { color: #34495f; }\n.bb-page.bb-page .bb-hero-light .bb-lead strong { color: #002C66; }\n.bb-page.bb-page .bb-hero-light .bb-note { margin-top: 17px; color: #5d6f82; font-size: 14px; }\n.bb-page.bb-page .bb-hero-light .bb-btn-ghost { background: #fff; }\n.bb-page.bb-page .bb-hero-light .bb-btn-ghost:hover, .bb-page.bb-page .bb-hero-light .bb-btn-ghost:focus-visible { background: var(--cyan-hover); border-color: var(--cyan-hover); }\n.bb-page .bb-hero-light .bb-art { width: min(100%, 380px); margin: -24px auto 54px; }\n.bb-page .bb-hero-light .bb-deadline, .bb-page.bb-page .bb-hero-light .bb-plain-aside {\n  border: 1.5px solid #d9e5ef; background: #fff; box-shadow: 0 22px 48px rgba(0,44,102,.12); transform: rotate(-1deg);\n}\n.bb-page.bb-page .bb-hero-light .bb-deadline > p { color: #34495f; }\n.bb-page.bb-page .bb-hero-light .bb-deadline-rows { border-top-color: #e3eaf1; }\n.bb-page.bb-page .bb-hero-light .bb-deadline-row span:last-child,\n.bb-page.bb-page .bb-hero-light .bb-hero-list li,\n.bb-page.bb-page .bb-hero-light .bb-plain-aside h3 { color: #002C66; }\n.bb-page.bb-page .bb-hero-light .bb-plain-aside h3 { font-size: 20px; }\n.bb-page.bb-page .bb-hero-light .bb-sticker { transform: rotate(-5deg); }\n.bb-page .bb-sign { transform-box: fill-box; transform-origin: left center; animation: bb-sway 4s ease-in-out infinite; }\n.bb-page .bb-s2 { transform-origin: right center; animation-delay: -1.3s; } .bb-page .bb-s3 { animation-delay: -2.6s; }\n@keyframes bb-sway { 0%,100% { transform: rotate(0); } 50% { transform: rotate(-3deg); } }\n.bb-page .bb-loupe { animation: bb-scan2 4s ease-in-out infinite; }\n@keyframes bb-scan2 { 0%,100% { transform: translate(0,0); } 50% { transform: translate(-46px, 30px); } }\n.bb-page .bb-float { animation: bb-bob 5s ease-in-out infinite; } .bb-page .bb-f2 { animation-delay: -2.5s; }\n\n\/* Klju\u010dna dejstva: lo\u010dene kartice z razmikom *\/\n.bb-page .bb-facts { gap: 18px; margin-top: -34px; border: 0; background: transparent; box-shadow: none; overflow: visible; }\n.bb-page .bb-fact, .bb-page .bb-fact + .bb-fact { border: 1px solid #dce4ed; border-radius: 18px; background: #fff; box-shadow: 0 14px 34px rgba(13,45,84,.09); transition: transform .25s, box-shadow .25s; }\n.bb-page .bb-fact:nth-child(1) { transform: rotate(-1deg); } .bb-page .bb-fact:nth-child(2) { transform: rotate(.8deg) translateY(6px); } .bb-page .bb-fact:nth-child(3) { transform: rotate(-.5deg); }\n.bb-page .bb-fact:hover { transform: rotate(0) translateY(-4px); box-shadow: 0 20px 40px rgba(0,44,102,.14); }\n.bb-page .bb-fact:nth-child(2) .bb-fact-icon { background: #fdeedd; color: #c46f06; }\n.bb-page .bb-fact:nth-child(3) .bb-fact-icon { background: #eef4d6; color: #6f8128; }\n.bb-page .bb-wrap:has(> .bb-facts) { padding-bottom: 60px; }\n@media (max-width: 980px) { .bb-page .bb-facts { gap: 12px; } .bb-page .bb-fact { transform: none !important; } .bb-page .bb-wrap:has(> .bb-facts) { padding-bottom: 40px; } }\n\n\/* Barvni made\u017ei v svetlih sklopih *\/\n.bb-page .bb-section:not(.bb-white):not(.bb-hero) { background:\n  radial-gradient(circle at 6% 10%, rgba(39,185,231,.10), transparent 24%),\n  radial-gradient(circle at 95% 88%, rgba(169,189,74,.13), transparent 26%), var(--pale); }\n.bb-page .bb-section.bb-white { background:\n  radial-gradient(circle at 96% 8%, rgba(243,154,31,.08), transparent 22%),\n  radial-gradient(circle at 3% 95%, rgba(39,185,231,.08), transparent 24%), #fff; }\n\n\/* Obrazec: \u0161ir\u0161i in v istem ozadju kot uvod nad njim (brez \u0161iva) *\/\n.bb-page.bb-page.bb-form-host .elementor-form, .bb-page.bb-page .bb-success { width: min(1120px, calc(100% - 40px)); }\n.bb-page.bb-page.bb-form-host .elementor-form { padding: 48px 56px 44px; }\n.bb-page.bb-form-host { background: #f5f7fb !important; padding: 0 0 88px !important; }\n.bb-page.bb-form-host.bb-form-white { background: #fff !important; }\n.bb-page.bb-page .bb-section#bb-obrazec { padding-bottom: 40px; }\n.bb-page.bb-page .bb-section#bb-obrazec .bb-center { max-width: 860px; }\n@media (max-width: 560px) { .bb-page.bb-page.bb-form-host .elementor-form { padding: 30px 22px; } }\n\/* Uvod v obrazec in obrazec brez \u0161iva *\/\n.bb-page .bb-section.bb-white.bb-signup { background: #fff; }\n.bb-page .bb-section#bb-obrazec:not(.bb-white) { background: var(--pale); }\n\n\/* Napisi nad naslovi kot nalepke *\/\n.bb-page.bb-page .bb-wrap .bb-center > .bb-kicker,\n.bb-page.bb-page .bb-hero-light .bb-kicker,\n.bb-page.bb-page .bb-paths-sec .bb-kicker {\n  display: inline-block; padding: 6px 14px; border-radius: 99px; background: #e3f3fa; color: #127496; transform: none;\n}\n\n\/* Gumbi: pu\u0161\u010dica posko\u010di *\/\n.bb-page .bb-btn span[aria-hidden] { display: inline-block; transition: transform .2s; }\n.bb-page .bb-btn:hover span[aria-hidden] { transform: translateX(4px); }\n\n\/* Vstopna: tri poti na svetlem, vsaka svoje barve *\/\n.bb-page .bb-section.bb-paths-sec { background:\n  radial-gradient(circle at 12% 0%, rgba(39,185,231,.16), transparent 30%),\n  radial-gradient(circle at 92% 100%, rgba(243,154,31,.12), transparent 30%), #f3f8fc; }\n.bb-page.bb-page .bb-paths-sec h2 { color: #002C66; }\n.bb-page.bb-page .bb-paths-sec .bb-muted { color: var(--muted); font-size: 17px; }\n.bb-page.bb-page .bb-paths > li { border: 2px solid #d9e5ef; border-top: 7px solid var(--pc); background: #fff; box-shadow: 0 16px 38px rgba(13,45,84,.09); transition: transform .25s, box-shadow .25s; }\n.bb-page.bb-page .bb-paths > li:nth-child(1) { --pc: #27b9e7; --pt: #e3f3fa; --pd: #127496; transform: rotate(-1deg); }\n.bb-page.bb-page .bb-paths > li:nth-child(2) { --pc: #A9BD4A; --pt: #eef4d6; --pd: #5b6b1f; transform: rotate(.8deg) translateY(10px); }\n.bb-page.bb-page .bb-paths > li:nth-child(3) { --pc: #F39A1F; --pt: #fdeedd; --pd: #a35a05; transform: rotate(-.6deg); }\n.bb-page.bb-page .bb-paths > li:hover { transform: rotate(0) translateY(-5px); box-shadow: 0 24px 48px rgba(0,44,102,.15); }\n.bb-page.bb-page .bb-paths h3 { color: #002C66; }\n.bb-page.bb-page .bb-paths .bb-path-tag { background: var(--pt); color: var(--pd); }\n.bb-page.bb-page .bb-paths .bb-path-q { color: var(--pd); }\n.bb-page.bb-page .bb-paths p.bb-path-text { margin: 0 0 22px; color: #4f6070; font-size: 16px; }\n.bb-page.bb-page.bb-page .bb-paths .bb-path-icon { background: var(--pt); color: var(--pd); }\n@media (max-width: 980px) { .bb-page.bb-page .bb-paths > li { transform: none !important; } }\n\n\/* Kartice \u00bbnaslednji korak\u00ab: vsaka svoje barve, rahlo nagnjene *\/\n.bb-page.bb-page a.bb-next-card:nth-child(1) { transform: rotate(-.8deg); }\n.bb-page.bb-page a.bb-next-card:nth-child(2) { transform: rotate(.7deg); }\n.bb-page.bb-page a.bb-next-card:hover { transform: rotate(0) translateY(-4px); }\n.bb-page a.bb-next-card.bb-next-pregled .bb-next-icon { background: #e3f3fa; color: #028AB9; }\n.bb-page a.bb-next-card.bb-next-prip .bb-next-icon { background: #eef4d6; color: #6f8128; }\n.bb-page a.bb-next-card.bb-next-akad .bb-next-icon { background: #fdeedd; color: #c46f06; }\n\n\/* Vpra\u0161alnik in 20 brezpla\u010dnih po\u0161iljanj *\/\n.bb-page .bb-quiz { position: relative; display: grid; grid-template-columns: .9fr 1.1fr; gap: 40px; align-items: center; max-width: 980px; margin: 50px auto 0; padding: 38px 40px; border: 2px dashed #A9BD4A; border-radius: 26px; background: #f7faec; }\n.bb-page .bb-quiz-art { position: relative; padding: 22px; border-radius: 20px; background: #fff; box-shadow: 0 16px 36px rgba(13,45,84,.1); transform: rotate(-2deg); }\n.bb-page.bb-page .bb-quiz-art .bb-q { margin: 0 0 14px; color: #002C66; font-size: 17px; font-weight: 800; }\n.bb-page .bb-quiz-art .bb-opt { display: flex; align-items: center; gap: 10px; margin-top: 9px; padding: 11px 14px; border: 1.5px solid #d9e5ef; border-radius: 12px; color: #34495f; font-size: 15px; font-weight: 700; }\n.bb-page .bb-quiz-art .bb-opt i { width: 18px; height: 18px; flex: none; border: 2px solid #9fb6cb; border-radius: 50%; }\n.bb-page .bb-quiz-art .bb-opt.is-on { border-color: #002C66; background: #eaf5fa; color: #002C66; animation: bb-pick 3s ease-in-out infinite; }\n.bb-page .bb-quiz-art .bb-opt.is-on i { border-color: #002C66; background: #002C66; box-shadow: inset 0 0 0 3px #fff; }\n@keyframes bb-pick { 0%,100% { transform: none; } 50% { transform: translateX(6px); } }\n.bb-page .bb-quiz-dots { display: flex; gap: 6px; margin-top: 16px; }\n.bb-page .bb-quiz-dots i { width: 26px; height: 6px; border-radius: 3px; background: #dfe7ef; } .bb-page .bb-quiz-dots i.on { background: #A9BD4A; }\n.bb-page.bb-page .bb-quiz-sticker { position: absolute; top: -30px; right: -18px; display: grid; place-items: center; width: 124px; height: 124px; padding: 12px; border-radius: 50%; background: #F39A1F; color: #06283F; text-align: center; transform: rotate(10deg); box-shadow: 0 12px 26px rgba(163,90,5,.3); }\n.bb-page.bb-page .bb-quiz-sticker b { display: block; font-size: 38px; font-weight: 900; line-height: .9; color: #06283F; }\n.bb-page.bb-page .bb-quiz-sticker small { display: block; font-size: 11px; font-weight: 800; line-height: 1.15; color: #06283F; text-transform: uppercase; letter-spacing: .03em; }\n.bb-page.bb-page .bb-quiz h3 { margin: 0 0 10px; color: #002C66; font-size: 26px; }\n.bb-page.bb-page .bb-quiz-body > p:not(.bb-kicker) { margin: 0 0 12px; color: #4f6070; font-size: 16.5px; }\n.bb-page.bb-page .bb-quiz-body .bb-quiz-free { padding: 12px 16px; border-left: 5px solid #A9BD4A; border-radius: 0 12px 12px 0; background: #fff; color: #002C66; }\n.bb-page.bb-page .bb-quiz-body .bb-quiz-free b { color: #002C66; }\n.bb-page .bb-quiz .bb-btn { margin-top: 8px; }\n@media (max-width: 860px) { .bb-page .bb-quiz { grid-template-columns: 1fr; padding: 30px 22px; } .bb-page.bb-page .bb-quiz-sticker { right: 10px; top: -40px; width: 96px; height: 96px; } .bb-page.bb-page .bb-quiz-sticker b { font-size: 32px; } }\n\n\/* FAQ: odprto vpra\u0161anje poudarjeno *\/\n.bb-page .bb-faq details[open] { margin: 0 -14px; padding: 0 14px; border-radius: 12px; background: #f3f8fc; border-bottom-color: transparent; }\n.bb-page.bb-page .bb-faq summary:hover { color: #127496; }\n\n\/* Zaklju\u010dni zaslon: brez konfetov, vsaka kartica svoje barve *\/\n.bb-page.bb-page .bb-success-links a.bb-success-link:nth-child(1) { background: #eaf5fa; border-color: #bfe3f2; }\n.bb-page.bb-page .bb-success-links a.bb-success-link:nth-child(1) span { background: #127496; }\n.bb-page.bb-page .bb-success-links a.bb-success-link:nth-child(2) { background: #f3f6e6; border-color: #d6e2a6; }\n.bb-page.bb-page .bb-success-links a.bb-success-link:nth-child(2) span { background: #5b6b1f; }\n.bb-page.bb-page .bb-success-links a.bb-success-link:nth-child(3) { background: #fdf1e3; border-color: #f5cf9f; }\n.bb-page.bb-page .bb-success-links a.bb-success-link:nth-child(3) span { background: #a35a05; }\n.bb-page.bb-page .bb-success-links a.bb-success-link:hover span { background: #002C66; }\n\n\/* Poti A\u2013D: vsaka skupina s svojo barvo ob robu *\/\n.bb-page .bb-groups .bb-group { border-left-width: 6px; }\n.bb-page .bb-groups .bb-group:nth-child(1) { border-left-color: #A9BD4A; }\n.bb-page .bb-groups .bb-group:nth-child(2) { border-left-color: #27b9e7; }\n.bb-page .bb-groups .bb-group:nth-child(3) { border-left-color: #F39A1F; }\n.bb-page .bb-groups .bb-group:nth-child(4) { border-left-color: #002C66; }\n\n@media (prefers-reduced-motion: reduce) {\n  .bb-page .bb-hero.bb-hero-light:before, .bb-page .bb-hero.bb-hero-light:after, .bb-page .bb-sign, .bb-page .bb-loupe, .bb-page .bb-float, .bb-page .bb-quiz-art .bb-opt.is-on { animation: none; }\n}\n\n\n\/* ===== Skupni popravki strani za ra\u010dunovodske servise (10. 11. 2026) ===== *\/\n\/* poudarek v naslovih h2: barva namesto zelenega markerja *\/\n.bb-page.bb-page .bb-mark { background: none; padding: 0; color: var(--cyan-dark); font-weight: inherit; }\n.bb-page.bb-page .bb-on-dark .bb-mark { color: var(--cyan); }\n\/* manj\u0161i zasloni: ilustracije v heroju umaknemo, ostane besedilo in kartica *\/\n@media (max-width: 960px) {\n  .bb-page.bb-page .bb-hero-art > svg { display: none; }\n  .bb-page .bb-hero.bb-hero-light:before { display: none; }\n  .bb-page.bb-page .bb-hero-art { padding-top: 0; }\n}\n@media (max-width: 760px) { .bb-page.bb-page .bb-quiz-art { display: none; } }\n\/* tok e-ra\u010duna: stranka \u2192 bizBox \u2192 kupec *\/\n.bb-page .bb-etok { max-width: 980px; margin: 4px auto 54px; display: flex; flex-direction: column; align-items: center; }\n.bb-page.bb-page .bb-etok svg.bb-etok-lines { display: block; width: 100%; max-width: none; height: 58px; overflow: visible; }\n.bb-page .bb-etok-lines path { fill: none; stroke: #7fd4f2; stroke-width: 2.5; stroke-dasharray: 6 7; vector-effect: non-scaling-stroke; }\n.bb-page.bb-page .bb-etok-hub, .bb-page.bb-page .bb-etok-end { width: min(340px, 100%); box-sizing: border-box; padding: 18px 24px; border-radius: 22px; text-align: center; }\n.bb-page.bb-page .bb-etok-hub { display: flex; flex-direction: column; background: #002C66; color: #fff; box-shadow: 0 14px 30px rgba(0,44,102,.18); }\n.bb-page.bb-page .bb-etok-hub b { color: #fff; font-size: 24px; font-weight: 800; line-height: 1.1; }\n.bb-page.bb-page .bb-etok-hub span { margin-top: 6px; color: #cfe3f2; font-size: 14px; line-height: 1.4; }\n.bb-page .bb-etok-arrow { display: grid; place-items: center; height: 44px; color: var(--cyan); }\n.bb-page.bb-page .bb-etok-arrow svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transform: rotate(90deg); }\n.bb-page.bb-page .bb-etok-end { display: flex; flex-direction: column; border: 1.5px solid #dbe6ef; background: #fff; }\n.bb-page.bb-page .bb-etok-end small { color: var(--cyan-dark); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }\n.bb-page.bb-page .bb-etok-end span { margin-top: 4px; color: #1D2733; font-size: 15px; line-height: 1.45; }\n@media (max-width: 760px) { .bb-page.bb-page .bb-etok svg.bb-etok-lines { display: none; } .bb-page .bb-etok { margin-top: 30px; } }\n\/* zaupnost podatkov pod obrazcem: manj\u0161i sklop *\/\n.bb-page.bb-page #bb-zaupnost { padding-top: 0; padding-bottom: 56px; background: #fff; }\n.bb-page.bb-page #bb-zaupnost .bb-privacy-panel { max-width: 900px; margin: 0 auto; padding: 26px 30px; gap: 22px; box-shadow: none; border: 1px solid #e3eaf1; }\n.bb-page.bb-page #bb-zaupnost .bb-privacy-icon { width: 64px; height: 64px; }\n.bb-page.bb-page #bb-zaupnost h2 { font-size: var(--fs-h3); margin-bottom: 10px; }\n.bb-page.bb-page #bb-zaupnost .bb-checklist li { font-size: var(--fs-small); }\n.bb-page.bb-page #bb-zaupnost .bb-privacy-note { font-size: 13px; }\n\/* ===== konec skupnih popravkov ===== *\/\n<\/style>\n<div class=\"bb-page\" id=\"bb-vrh\"><nav class=\"bb-subnav\" aria-label=\"Strani za ra\u010dunovodske servise\"><div class=\"bb-wrap\"><span class=\"bb-subnav-title\">For accounting firms<\/span><a class=\"bb-subnav-link is-active\" href=\"https:\/\/www.bizbox.eu\/en\/elementor-11386\/\" aria-current=\"page\"><span class=\"bb-subnav-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M4 11.5 12 5l8 6.5V19a1 1 0 0 1-1 1h-4.5v-5h-5v5H5a1 1 0 0 1-1-1Z\"><\/path><\/svg><\/span>All in one place<\/a><a class=\"bb-subnav-link\" href=\"https:\/\/www.bizbox.eu\/en\/assess-your-customers-e-invoicing-readiness\/\"><span class=\"bb-subnav-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><circle cx=\"10.5\" cy=\"10.5\" r=\"6\"><\/circle><path d=\"m15 15 5 5\"><\/path><\/svg><\/span>Free client analysis<\/a><a class=\"bb-subnav-link\" href=\"https:\/\/www.bizbox.eu\/racunovodje\/priporociteljski-program\/\"><span class=\"bb-subnav-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><circle cx=\"8.5\" cy=\"9\" r=\"2.8\"><\/circle><circle cx=\"16\" cy=\"9\" r=\"2.8\"><\/circle><path d=\"M3.5 19a5 5 0 0 1 10 0M11 19a5 5 0 0 1 10 0\"><\/path><\/svg><\/span>Become a referrer<\/a><a class=\"bb-subnav-link\" href=\"https:\/\/www.bizbox.eu\/racunovodje\/akademija-e-racunov\/\"><span class=\"bb-subnav-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M3 9.5 12 5l9 4.5-9 4.5Z\"><\/path><path d=\"M7 11.5V16c1.4 1.4 3 2 5 2s3.6-.6 5-2v-4.5M21 9.5V15\"><\/path><\/svg><\/span>E-Invoicing Academy<\/a><\/div><\/nav>\n  <section class=\"bb-hero bb-hero-light\" aria-labelledby=\"bb-naslov\">\n    <div class=\"bb-wrap bb-split\">\n      <div>\n        <p class=\"bb-kicker\">For Accounting Services<\/p>\n        <h1 class=\"bb-h1\" id=\"bb-naslov\">Prepare your clients for <span class=\"bb-swoosh\">e-invoices<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 300 24\" preserveaspectratio=\"none\" aria-hidden=\"true\"><path d=\"M4 16 C 70 6, 150 4, 296 12\"><\/path><\/svg><\/span> on time<\/h1>\n        <p class=\"bb-lead\">Starting <strong>1. 1. 2028<\/strong> companies in Slovenia will only exchange invoices as e-invoices. Your clients will come asking you. We help you in three steps: with a free client analysis, a referral program, and the e-Invoice Academy.  <\/p>\n        <div class=\"bb-actions\">\n          <a class=\"bb-btn bb-btn-primary\" href=\"https:\/\/www.bizbox.eu\/en\/assess-your-customers-e-invoicing-readiness\/\" target=\"_blank\" rel=\"noopener\">Check client readiness <span aria-hidden=\"true\">\u2192<\/span><\/a>\n          <a class=\"bb-btn bb-btn-ghost\" href=\"https:\/\/www.bizbox.eu\/racunovodje\/akademija-e-racunov\/\" target=\"_blank\" rel=\"noopener\">E-invoice Academy<\/a>\n        <\/div>\n        <p class=\"bb-note\">Start with the analysis: free of charge, your clients' tax numbers are all you need.<\/p>\n      <\/div>\n      <div class=\"bb-hero-art\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"bb-docs bb-art\" viewbox=\"0 0 360 250\" aria-hidden=\"true\">\n  <ellipse cx=\"180\" cy=\"232\" rx=\"120\" ry=\"12\" fill=\"rgba(0,44,102,.08)\"><\/ellipse>\n  <rect x=\"172\" y=\"40\" width=\"16\" height=\"192\" rx=\"8\" fill=\"#002C66\"><\/rect>\n  <g class=\"bb-sign bb-s1\"><path d=\"M190 52h118l22 20-22 20H190Z\" fill=\"#27b9e7\"\/><text x=\"204\" y=\"78\" font-size=\"17\" font-weight=\"800\" fill=\"#06283F\" font-family=\"Exo 2, Segoe UI, Arial\">Analiza<\/text><\/g>\n  <g class=\"bb-sign bb-s2\"><path d=\"M170 104H40l-22 20 22 20h130Z\" fill=\"#A9BD4A\"\/><text x=\"46\" y=\"130\" font-size=\"17\" font-weight=\"800\" fill=\"#ffffff\" font-family=\"Exo 2, Segoe UI, Arial\">Priporo\u010ditelji<\/text><\/g>\n  <g class=\"bb-sign bb-s3\"><path d=\"M190 156h112l22 20-22 20H190Z\" fill=\"#F39A1F\"\/><text x=\"204\" y=\"182\" font-size=\"17\" font-weight=\"800\" fill=\"#06283F\" font-family=\"Exo 2, Segoe UI, Arial\">Akademija<\/text><\/g>\n  <circle cx=\"180\" cy=\"34\" r=\"12\" fill=\"#fff\" stroke=\"#028AB9\" stroke-width=\"4\"><\/circle>\n<\/svg>\n        <aside class=\"bb-deadline\" aria-label=\"Rok\">\n          <span class=\"bb-sticker\"><small>Deadline<\/small>January 1 2028<\/span>\n          <p>From this date, companies in Slovenia will only exchange invoices as e-invoices. A PDF via email will no longer be sufficient. <\/p>\n        <\/aside>\n      <\/div>\n    <\/div>\n  <\/section>\n  <div class=\"bb-wrap\">\n    <div class=\"bb-facts\">\n      <div class=\"bb-fact\"><span class=\"bb-fact-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle><path d=\"M3.5 19a5.5 5.5 0 0 1 11 0\"><\/path><circle cx=\"17\" cy=\"9\" r=\"2.4\"><\/circle><path d=\"M15.5 14.2A4.5 4.5 0 0 1 21 19\"><\/path><\/svg><\/span><small>Who<\/small><h3>All companies in Slovenia<\/h3><p>Companies, sole proprietors, associations, institutions, and natural persons with business activities.<\/p><\/div>\n      <div class=\"bb-fact\"><span class=\"bb-fact-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M17 6.5A6.5 6.5 0 1 0 17 17.5\"><\/path><path d=\"M4.5 10.5h9M4.5 13.5h9\"><\/path><\/svg><\/span><small>Penalty<\/small><h3>Up to \u20ac3,000<\/h3><p>\u20ac1,000\u2013\u20ac3,000 for legal entities, \u20ac500\u2013\u20ac1,500 for sole proprietors.<\/p><\/div>\n      <div class=\"bb-fact\"><span class=\"bb-fact-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><rect x=\"4\" y=\"5\" width=\"16\" height=\"12\" rx=\"2\"><\/rect><path d=\"M9 20h6M12 17v3\"><\/path><\/svg><\/span><small>bizBox<\/small><h3>100+ connected programs<\/h3><p>Accounting and business programs that exchange e-invoices through bizBox.<\/p><\/div>\n    <\/div>\n  <\/div>\n  <section class=\"bb-section bb-paths-sec\" id=\"bb-moznosti\">\n    <div class=\"bb-wrap\">\n      <div class=\"bb-band-head\"><div>\n        <p class=\"bb-kicker\">For your firm<\/p>\n        <h2>Three steps to <span class=\"bb-mark\">ready clients<\/span><\/h2>\n        <p class=\"bb-muted\">The analysis shows you which clients you need to approach. With the referral program, leave the rollout to clients to us. In the Academy, you get answers before clients even ask you.  <\/p>\n      <\/div><\/div>\n      <ol class=\"bb-paths\"><li><div class=\"bb-path-top\"><span class=\"bb-badge\" aria-hidden=\"true\">1<\/span><span class=\"bb-path-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><circle cx=\"10.5\" cy=\"10.5\" r=\"6\"><\/circle><path d=\"m15 15 5 5\"><\/path><\/svg><\/span><\/div><span class=\"bb-path-tag\">Free \u00b7 5 business days<\/span><h3>Customer analysis<\/h3><p class=\"bb-path-q\">Which clients are already prepared?<\/p><p class=\"bb-path-text\">Send us your clients' tax numbers. You'll get an overview by group and draft notices, which you send under your own name. <\/p><a class=\"bb-btn bb-btn-primary\" href=\"https:\/\/www.bizbox.eu\/en\/assess-your-customers-e-invoicing-readiness\/\">Submit client list <span aria-hidden=\"true\">\u2192<\/span><\/a><\/li><li><div class=\"bb-path-top\"><span class=\"bb-badge\" aria-hidden=\"true\">2<\/span><span class=\"bb-path-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><circle cx=\"8.5\" cy=\"9\" r=\"2.8\"><\/circle><circle cx=\"16\" cy=\"9\" r=\"2.8\"><\/circle><path d=\"M3.5 19a5 5 0 0 1 10 0M11 19a5 5 0 0 1 10 0\"><\/path><\/svg><\/span><\/div><span class=\"bb-path-tag\">Introductory meeting<\/span><h3>Referral Program<\/h3><p class=\"bb-path-q\">Want to direct your clients to us?<\/p><p class=\"bb-path-text\">You remain your clients' first point of contact and advisor, while we take care of the rollout and technical questions.<\/p><a class=\"bb-btn bb-btn-primary\" href=\"https:\/\/www.bizbox.eu\/racunovodje\/priporociteljski-program\/\">Schedule a meeting <span aria-hidden=\"true\">\u2192<\/span><\/a><\/li><li><div class=\"bb-path-top\"><span class=\"bb-badge\" aria-hidden=\"true\">3<\/span><span class=\"bb-path-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M3 9.5 12 5l9 4.5-9 4.5Z\"><\/path><path d=\"M7 11.5V16c1.4 1.4 3 2 5 2s3.6-.6 5-2v-4.5M21 9.5V15\"><\/path><\/svg><\/span><\/div><span class=\"bb-path-tag\">Starts Dec 1. 12. 2026<\/span><h3>e-Invoice Academy<\/h3><p class=\"bb-path-q\">Want to stay up to date?<\/p><p class=\"bb-path-text\">News about the law, program readiness, real-world examples, and webinars. Free of charge and without obligation. <\/p><a class=\"bb-btn bb-btn-primary\" href=\"https:\/\/www.bizbox.eu\/racunovodje\/akademija-e-racunov\/\">Sign up for the Academy <span aria-hidden=\"true\">\u2192<\/span><\/a><\/li><\/ol>\n    <\/div>\n  <\/section><!-- POTI ZA STRANKE -->\n  <section class=\"bb-section bb-white\" id=\"bb-poti\">\n    <div class=\"bb-wrap\">\n      <header class=\"bb-center\">\n        <p class=\"bb-kicker\">For your clients<\/p>\n        <h2>Three paths to <span class=\"bb-mark\">e-invoices<\/span><\/h2>\n        <p>Every client starts where they issue invoices today.<\/p>\n      <\/header>\n      <ol class=\"bb-road\">\n        <li><span class=\"bb-road-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><rect x=\"4\" y=\"5\" width=\"16\" height=\"12\" rx=\"2\"><\/rect><path d=\"M9 20h6M12 17v3\"><\/path><\/svg><\/span><small>Connected software<\/small><h3>Sends from their own program<\/h3><p>The program is connected to bizBox, e-invoices go directly from it.<\/p><\/li>\n        <li><span class=\"bb-road-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M7 3h7l5 5v13H7z\"><\/path><path d=\"M14 3v5h5\"><\/path><path d=\"m10 12-2 2.5 2 2.5M14 12l2 2.5-2 2.5\"><\/path><\/svg><\/span><small>XML Export<\/small><h3>Upload prepared files<\/h3><p>The program is not connected, but can export XML in the appropriate format.<\/p><\/li>\n        <li><span class=\"bb-road-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"><\/rect><path d=\"M3 8h18M7 22h10\"><\/path><\/svg><\/span><small>Web application<\/small><h3>Starts in the bizBox application<\/h3><p>For smaller clients without a suitable program, including those using Word or Excel.<\/p><\/li>\n      <\/ol>\n      <div class=\"bb-etok\" aria-label=\"Pot e-ra\u010duna\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"bb-etok-lines\" viewbox=\"0 0 100 58\" preserveaspectratio=\"none\" aria-hidden=\"true\"><path d=\"M16.7 0 C 16.7 34, 50 24, 50 58\"><\/path><path d=\"M50 0 L 50 58\"><\/path><path d=\"M83.3 0 C 83.3 34, 50 24, 50 58\"><\/path><\/svg>\n                  <div class=\"bb-etok-hub bb-on-dark\"><b>bizBox<\/b><span>checks the e-invoice and delivers it via a secure e-channel<\/span><\/div>\n          <span class=\"bb-etok-arrow\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M4 12h15M13 6l6 6-6 6\"><\/path><\/svg><\/span>\n          <div class=\"bb-etok-end\"><small>The buyer<\/small><span>receives the e-invoice in their software or in the bizBox eNabiralnik<\/span><\/div>\n      <\/div>\n\n      <div class=\"bb-quiz\">\n        <div class=\"bb-quiz-art\" aria-hidden=\"true\">\n          <p class=\"bb-q\">How do you issue invoices today?<\/p>\n          <div class=\"bb-opt is-on\"><i><\/i>From your own program<\/div>\n          <div class=\"bb-opt\"><i><\/i>In Word or Excel<\/div>\n          <div class=\"bb-opt\"><i><\/i>I don't know, help me decide<\/div>\n          <div class=\"bb-quiz-dots\"><i class=\"on\"><\/i><i class=\"on\"><\/i><i><\/i><i><\/i><\/div>\n          <span class=\"bb-quiz-sticker\"><span><b>20<\/b><small>free dispatches per year<\/small><\/span><\/span>\n        <\/div>\n        <div class=\"bb-quiz-body\">\n          <p class=\"bb-kicker\">For your clients<\/p>\n          <h3>Your client, set up in just a few minutes<\/h3>\n          <p>The guided questionnaire \"How to get started with e-invoices\" shows your client, in just a few minutes, which path to e-invoices is right for them. You can simply send the link to your clients. <\/p>\n          <p class=\"bb-quiz-free\"><b>20 free e-invoice sends per year<\/b> in the bizBox app and in selected accounting programs.<\/p>\n          <a class=\"bb-btn bb-btn-primary\" href=\"https:\/\/www.bizbox.eu\/en\/e-invoices\/how-to-get-started-with-e-invoicing\/\" target=\"_blank\" rel=\"noopener\">How to get started with e-invoices <span aria-hidden=\"true\">\u2192<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section><!-- ZAUPANJE: ZBORNICA + IZJAVE -->\n  <section class=\"bb-section bb-white\" id=\"bb-zaupanje\">\n    <div class=\"bb-wrap\">\n      <header class=\"bb-center\">\n        <p class=\"bb-kicker\">Professionals trust us<\/p>\n        <h2>Official partner of the Chamber of Accounting Services<\/h2>\n      <\/header>\n      <div class=\"bb-zrs\">\n        <div class=\"bb-zrs-badge\" aria-hidden=\"true\"><b>500+<\/b><span>services in the Chamber<\/span><\/div>\n        <figure class=\"bb-quote bb-quote-lg\">\n          <blockquote>\"At the Chamber of Accounting Firms, we support digital solutions that simplify the work of accountants, comply with legislation, and contribute to greater efficiency. For several years now, we have been partnering with bizBox to raise awareness among members about the importance of e-invoices. Together, we conduct various training sessions and activities, such as Myths and Facts about E-Invoices, consultations, surveys, and presentations of best practices for implementing e-invoices in accounting firms. We are pleased that many of our members have joined the bizBox ecosystem and successfully introduced the use of e-invoices into their operations.\"   <\/blockquote>\n          <figcaption><b>Polonca Podgor\u0161ek<\/b><span>Director of the Chamber of Accounting Services, which unites over 500 services across Slovenia<\/span><\/figcaption>\n        <\/figure>\n      <\/div>\n      <div class=\"bb-quotes\">\n        <figure class=\"bb-quote bb-paper bb-paper-l\">\n          <blockquote>\"As an accounting firm, we know how time-consuming document coordination and manual invoice sending can be. Our clients are impatient, and we are overburdened. With bizBox, we have achieved faster data flow and more satisfied clients.\"  <\/blockquote>\n          <figcaption><b>Franc Kova\u010d<\/b><span>Pisarna Kova\u010d d.o.o.<\/span><\/figcaption>\n        <\/figure>\n        <figure class=\"bb-quote bb-paper bb-paper-r\">\n          <blockquote>\"bizBox has become an indispensable part of our operations \u2013 both internally and when working with clients. It enables fast, secure, and efficient document exchange and significantly improves traceability and time savings. We recommend it to everyone who wants to easily digitalize their processes.\"  <\/blockquote>\n          <figcaption><b>Matej Drenik<\/b><span>Nucleus plus d.o.o.<\/span><\/figcaption>\n        <\/figure>\n      <\/div>\n    <\/div>\n  <\/section><!-- ZAKAJ BIZBOX (zaklju\u010dek) -->\n  <section class=\"bb-band bb-on-dark\" id=\"bb-zakaj\">\n    <div class=\"bb-wrap\">\n      <p class=\"bb-kicker\">Why bizBox<\/p>\n      <h2>One partner for all your clients<\/h2>\n      <p class=\"bb-muted\" style=\"max-width:640px\">From a part-time sole proprietor with invoices in Word to a company with its own ERP. Connection to your program, the largest e-exchange network, and implementation support.  <\/p>\n      <div class=\"bb-stats\">\n        <div class=\"bb-stat\"><b>21,811<\/b><span>companies in the network<\/span><\/div>\n        <div class=\"bb-stat\"><b>44,275<\/b><span>bizBox users<\/span><\/div>\n        <div class=\"bb-stat\"><b>2.3 million<\/b><span>transactions per day<\/span><\/div>\n        <div class=\"bb-stat bb-stat-hi\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"bb-circle\" viewbox=\"0 0 200 90\" preserveaspectratio=\"none\" aria-hidden=\"true\"><path d=\"M150 12 C 196 18, 198 66, 120 80 C 50 90, 6 70, 10 42 C 14 16, 70 6, 128 10\"><\/path><\/svg><b>81%<\/b><span>of the largest companies receive e-invoices via bizBox*<\/span><\/div>\n      <\/div>\n      <p class=\"bb-stats-note\">100+ partner integrations \u00b7 36 years in the market (ZZI d.o.o.)<br\/>* Selection of companies from Finance magazine rankings, bizBox e-invoice reception analysis.<\/p>\n      <div class=\"bb-why-end\">\n        <a class=\"bb-btn bb-btn-primary\" href=\"https:\/\/www.bizbox.eu\/en\/assess-your-customers-e-invoicing-readiness\/\">Submit your client list <span aria-hidden=\"true\">\u2192<\/span><\/a>\n        <a class=\"bb-mail\" href=\"mailto:prodaja@bizbox.eu\">prodaja@bizbox.eu<\/a>\n      <\/div>\n    <\/div>\n  <\/section><section class=\"bb-section bb-white\" id=\"bb-vprasanja\"><div class=\"bb-wrap bb-split\"><div><p class=\"bb-kicker\">Frequently Asked Questions<\/p><h2>Accounting and bizBox<\/h2><p style=\"color:var(--muted)\">Questions we most frequently hear from accounting services.<\/p><\/div><div class=\"bb-faq\"><details name=\"bb-faq\" open=\"\"><summary>Where should I start?<\/summary><p>It's best to start with the free client analysis. Once you know which clients are already ready, it's easier to decide who to approach and whether you want to direct clients to us. <\/p><\/details><details name=\"bb-faq\"><summary>Do I need to submit all three forms?<\/summary><p>No. Each form has its own purpose: with the analysis, you send us your client list; with the referral program, we schedule an introductory meeting; and you sign up for the Academy to receive news and webinars. <\/p><\/details><details name=\"bb-faq\"><summary>Is bizBox an accounting program?<\/summary><p>No. bizBox is a platform for secure and legally compliant exchange of e-invoices and other e-documents. Your accounting program remains, bizBox ensures that e-invoices arrive in it.  <\/p><\/details><details name=\"bb-faq\"><summary>Where will clients receive e-invoices?<\/summary><p>Upon registration with bizBox, they receive an e-Inbox where e-invoices from all suppliers arrive. Reception is free. They review invoices in the web application or in a connected accounting or ERP program.  <\/p><\/details><details name=\"bb-faq\"><summary>How does the service access client e-invoices?<\/summary><p>The client grants you access to their company in bizBox, including an accountant role. If your program is connected to bizBox, you import invoices directly. <\/p><\/details><details name=\"bb-faq\"><summary>What about clients who write invoices in Word or Excel?<\/summary><p>They register with bizBox and prepare and send e-invoices in the web application. They have 20 free e-invoice sends per year. <\/p><\/details><details name=\"bb-faq\"><summary>Do we need to provide technical support to clients?<\/summary><p>No. You guide the clients, and the bizBox team handles technical questions and usage. <\/p><\/details><details name=\"bb-faq\"><summary>Does the service or the client place the order?<\/summary><p>Both are possible. An accounting service can place an order for bizBox on behalf of the client, or the client can do it themselves. <\/p><\/details><\/div><\/div><\/section>\n  <section class=\"bb-section\" id=\"bb-kontakt\">\n    <div class=\"bb-wrap\">\n      <div class=\"bb-panel bb-on-dark bb-cta-panel\" style=\"margin-top:0\">\n        <div>\n          <p class=\"bb-kicker\">Questions<\/p>\n          <h2>Not sure where to start?<\/h2>\n          <p class=\"bb-muted\">Get in touch, and together we'll figure out which step makes the most sense for your accounting firm to take first.<\/p>\n        <\/div>\n        <div class=\"bb-contact\">\n          <div class=\"bb-person\"><div><p class=\"bb-contact-name\">The bizBox team<\/p><p class=\"bb-contact-role\">Sales<\/p><\/div><\/div>\n          <a class=\"bb-contact-link\" href=\"mailto:prodaja@bizbox.eu\">prodaja@bizbox.eu<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section><div class=\"bb-source\">The obligation to exchange e-invoices is governed by the Act on the Exchange of Electronic Invoices and Other Electronic Documents (ZIERDED), Official Gazette of the Republic of Slovenia, No. 85\/2025. <a href=\"https:\/\/www.bizbox.eu\/en\/mandatory-e-invoices\/\">Read the overview of obligations <span aria-hidden=\"true\">\u2192<\/span><\/a><br\/>ZZI d.o.o. \u00b7 bizBox \u00b7 Status: November 2026 <\/div><\/div><script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"Kje naj za\u010dnem?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Najbolje z brezpla\u010dno analizo strank. Ko veste, katere stranke so \u017ee pripravljene, se la\u017eje odlo\u010dite, koga nagovoriti in ali \u017eelite stranke usmeriti k nam.\"}}, {\"@type\": \"Question\", \"name\": \"Ali moram oddati vse tri obrazce?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Ne. Vsak obrazec ima svoj namen: z analizo po\u0161ljete seznam strank, pri programu priporo\u010diteljev se dogovorimo za uvodni sestanek, v Akademijo pa se prijavite za novosti in webinarje.\"}}, {\"@type\": \"Question\", \"name\": \"Ali je bizBox ra\u010dunovodski program?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Ne. bizBox je platforma za varno in zakonsko skladno izmenjavo e-ra\u010dunov in drugih e-dokumentov. Va\u0161 ra\u010dunovodski program ostane, bizBox poskrbi, da e-ra\u010duni pridejo vanj.\"}}, {\"@type\": \"Question\", \"name\": \"Kje bodo stranke prejemale e-ra\u010dune?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Ob registraciji v bizBox dobijo eNabiralnik, kamor prihajajo e-ra\u010duni vseh dobaviteljev. Prejem je brezpla\u010den. Ra\u010dune pregledajo v spletni aplikaciji ali v povezanem ra\u010dunovodskem oziroma ERP programu.\"}}, {\"@type\": \"Question\", \"name\": \"Kako servis dostopa do e-ra\u010dunov strank?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Stranka vam v bizBoxu dodeli dostop do svojega podjetja, tudi z vlogo ra\u010dunovodje. \u010ce je va\u0161 program povezan z bizBoxom, ra\u010dune uvozite neposredno.\"}}, {\"@type\": \"Question\", \"name\": \"Kaj pa stranke, ki ra\u010dune pi\u0161ejo v Wordu ali Excelu?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Registrirajo se v bizBox in e-ra\u010dune pripravljajo in po\u0161iljajo v spletni aplikaciji. Na voljo imajo 20 brezpla\u010dnih po\u0161iljanj e-ra\u010dunov letno.\"}}, {\"@type\": \"Question\", \"name\": \"Ali moramo strankam nuditi tehni\u010dno podporo?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Ne. Vi stranke usmerjate, tehni\u010dna vpra\u0161anja in uporabo pa re\u0161uje ekipa bizBox.\"}}, {\"@type\": \"Question\", \"name\": \"Ali naro\u010dilo odda servis ali stranka?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Oboje je mogo\u010de. Naro\u010dilo za bizBox lahko odda ra\u010dunovodski servis v imenu stranke ali stranka sama.\"}}]}<\/script><script>\n(function () {\n  if (window.bbSidra) return; window.bbSidra = true;\n  function glava() {\n    var el = document.querySelector('.elementor-location-header, #masthead, header.site-header');\n    if (!el) return 0;\n    var pos = getComputedStyle(el).position;\n    var lep = pos === 'fixed' || pos === 'sticky' || el.querySelector('.elementor-sticky--active, .ast-sticky-active');\n    return lep ? el.getBoundingClientRect().height : 0;\n  }\n  document.addEventListener('click', function (e) {\n    var a = e.target.closest && e.target.closest('.bb-page a[href^=\"#\"]');\n    if (!a) return;\n    var id = a.getAttribute('href').slice(1); if (!id) return;\n    var cilj = document.getElementById(id);\n    var obrazec = document.querySelector('form.elementor-form');\n    if (!cilj && id === 'bb-obrazec' && obrazec) cilj = obrazec;\n    if (!cilj) return;\n    e.preventDefault(); e.stopPropagation();\n    var y = cilj.getBoundingClientRect().top + window.pageYOffset - glava() - 12;\n    var mirno = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    window.scrollTo({ top: y, behavior: mirno ? 'auto' : 'smooth' });\n    if (history.replaceState) history.replaceState(null, '', '#' + id);\n    if (id === 'bb-obrazec' && obrazec) setTimeout(function () {\n      var p = obrazec.querySelector('input:not([type=hidden]):not([type=checkbox]):not([type=file]), textarea');\n      if (p) p.focus({ preventScroll: true });\n    }, mirno ? 0 : 700);\n  }, true);\n})();\n<\/script>\t\t\t\t<\/div>\n\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>For accounting firmsAll in one placeFree client analysisBecome a referrerE-Invoicing Academy For Accounting Services Prepare your clients for e-invoices on [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-11390","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bizbox.eu\/en\/wp-json\/wp\/v2\/pages\/11390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bizbox.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bizbox.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bizbox.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bizbox.eu\/en\/wp-json\/wp\/v2\/comments?post=11390"}],"version-history":[{"count":56,"href":"https:\/\/www.bizbox.eu\/en\/wp-json\/wp\/v2\/pages\/11390\/revisions"}],"predecessor-version":[{"id":14278,"href":"https:\/\/www.bizbox.eu\/en\/wp-json\/wp\/v2\/pages\/11390\/revisions\/14278"}],"wp:attachment":[{"href":"https:\/\/www.bizbox.eu\/en\/wp-json\/wp\/v2\/media?parent=11390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}