{"id":13402,"date":"2026-09-09T10:32:39","date_gmt":"2026-09-09T08:32:39","guid":{"rendered":"https:\/\/www.bizbox.eu\/assess-your-customers-e-invoicing-readiness\/"},"modified":"2026-11-09T19:31:31","modified_gmt":"2026-11-09T17:31:31","slug":"assess-your-customers-e-invoicing-readiness","status":"publish","type":"page","link":"https:\/\/www.bizbox.eu\/en\/assess-your-customers-e-invoicing-readiness\/","title":{"rendered":"Check Your Customers&#8217; E-invoicing Readiness"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13402\" class=\"elementor elementor-13402 elementor-13397\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12c6a26c e-con-full e-flex e-con e-parent\" data-id=\"12c6a26c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49fe05cd elementor-widget elementor-widget-html\" data-id=\"49fe05cd\" 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\/* 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; border-radius: 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\" href=\"https:\/\/www.bizbox.eu\/en\/elementor-11386\/\"><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 is-active\" href=\"https:\/\/www.bizbox.eu\/en\/assess-your-customers-e-invoicing-readiness\/\" aria-current=\"page\"><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><!-- HERO -->\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\">Free analysis for accounting firms<\/p>\n        <h1 class=\"bb-h1\" id=\"bb-naslov\">Let's check which of your clients are ready 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><\/h1>\n        <p class=\"bb-lead\">Send us a list of client <strong>tax numbers<\/strong>. We will check which ones only receive, which ones both receive and send, and which ones still need to be addressed. We will prepare templates for notifications.  <\/p>\n        <div class=\"bb-actions\">\n          <a class=\"bb-btn bb-btn-primary\" href=\"#bb-obrazec\">Submit client list <span aria-hidden=\"true\">\u2192<\/span><\/a>\n          <a class=\"bb-btn bb-btn-ghost\" href=\"#bb-podatki\">See how it works<\/a>\n        <\/div>\n        <p class=\"bb-note\">Free and without obligation. Tax numbers are sufficient. <\/p>\n      <\/div>\n\n      <div class=\"bb-hero-art\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"bb-docs bb-art\" viewbox=\"0 0 360 250\" aria-hidden=\"true\">\n  <g transform=\"rotate(-4 160 130)\">\n    <rect x=\"58\" y=\"34\" width=\"200\" height=\"190\" rx=\"18\" fill=\"#fff\" stroke=\"#cfdde9\" stroke-width=\"2\"\/>\n    <rect x=\"58\" y=\"34\" width=\"200\" height=\"38\" rx=\"18\" fill=\"#eaf5fa\"\/><rect x=\"58\" y=\"56\" width=\"200\" height=\"16\" fill=\"#eaf5fa\"\/>\n    <circle cx=\"80\" cy=\"53\" r=\"5\" fill=\"#c3d1de\"\/><circle cx=\"96\" cy=\"53\" r=\"5\" fill=\"#c3d1de\"\/><circle cx=\"112\" cy=\"53\" r=\"5\" fill=\"#c3d1de\"\/>\n    <g><circle cx=\"86\" cy=\"96\" r=\"9\" fill=\"#A9BD4A\"\/><rect x=\"104\" y=\"91\" width=\"120\" height=\"10\" rx=\"5\" fill=\"#dfe7ef\"\/>\n       <circle cx=\"86\" cy=\"128\" r=\"9\" fill=\"#028AB9\"\/><rect x=\"104\" y=\"123\" width=\"96\" height=\"10\" rx=\"5\" fill=\"#dfe7ef\"\/>\n       <circle cx=\"86\" cy=\"160\" r=\"9\" fill=\"#002C66\"\/><rect x=\"104\" y=\"155\" width=\"110\" height=\"10\" rx=\"5\" fill=\"#dfe7ef\"\/>\n       <circle cx=\"86\" cy=\"192\" r=\"9\" fill=\"#A9BD4A\"\/><rect x=\"104\" y=\"187\" width=\"84\" height=\"10\" rx=\"5\" fill=\"#dfe7ef\"\/><\/g>\n  <\/g>\n  <g class=\"bb-loupe\"><circle cx=\"258\" cy=\"140\" r=\"46\" fill=\"rgba(255,255,255,.55)\" stroke=\"#002C66\" stroke-width=\"10\"\/><path d=\"M291 173l38 38\" stroke=\"#002C66\" stroke-width=\"14\" stroke-linecap=\"round\"\/><path d=\"M236 124a26 26 0 0 1 22-10\" fill=\"none\" stroke=\"#27b9e7\" stroke-width=\"5\" stroke-linecap=\"round\"\/><\/g>\n  <g class=\"bb-tick\"><circle cx=\"318\" cy=\"66\" r=\"22\" fill=\"#F39A1F\" stroke=\"#fff\" stroke-width=\"5\"\/><path d=\"M308 66l7 7 13-14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"4.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g>\n<\/svg>\n\n        <aside class=\"bb-deadline\" aria-label=\"Rok in rezultat analize\">\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><!-- UVOD V OBRAZEC -->\n  <section class=\"bb-section\" id=\"bb-obrazec\">\n    <div class=\"bb-wrap\">\n      <header class=\"bb-center\">\n        <p class=\"bb-kicker\">List submission<\/p>\n        <h2>Send client list <span class=\"bb-mark\">for analysis<\/span><\/h2>\n        <p>Attach an export from your software (Excel, CSV, or PDF). If you don't have the list at hand or don't know how to prepare it, let us know in the notes and we will help you. <\/p>\n      <\/header>\n    <\/div>\n  <\/section><\/div><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<div class=\"elementor-element elementor-element-2b3a0cb9 e-con-full bb-page bb-form-host e-flex e-con e-parent\" data-id=\"2b3a0cb9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b8508b7 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"7b8508b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" id=\"bb-analiza-strank\" name=\"Customer analysis\" aria-label=\"Customer analysis\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"13402\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"7b8508b7\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Check Your Customers&#039; E-invoicing Readiness - eRa\u010duni - bizBox - EDI omre\u017eje za izmenjavo elektronskih ra\u010dunov in ostalih dokumentov\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"13402\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-ime elementor-col-50 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-ime\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tFirst and Last Name\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[ime]\" id=\"form-field-ime\" class=\"elementor-field elementor-size-lg  elementor-field-textual\" placeholder=\"First and Last Name\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail Address\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-lg  elementor-field-textual\" placeholder=\"name@firm.com\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-servis elementor-col-50 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-servis\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tAccounting Service\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[servis]\" id=\"form-field-servis\" class=\"elementor-field elementor-size-lg  elementor-field-textual\" placeholder=\"Firm name\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-number elementor-field-group elementor-column elementor-field-group-st_strank elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-st_strank\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNumber of clients\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t<input type=\"number\" name=\"form_fields[st_strank]\" id=\"form-field-st_strank\" class=\"elementor-field elementor-size-lg  elementor-field-textual\" placeholder=\"e.g. 40\" min=\"\" max=\"\" >\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-upload elementor-field-group elementor-column elementor-field-group-seznam elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-seznam\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tClient list (tax numbers)\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input type=\"file\" name=\"form_fields[seznam][]\" id=\"form-field-seznam\" class=\"elementor-field elementor-size-lg  elementor-upload-field\" multiple=\"multiple\" data-maxsize=\"10\" data-maxsize-message=\"This file exceeds the maximum allowed size.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-opombe elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-opombe\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNotes\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-lg\" name=\"form_fields[opombe]\" id=\"form-field-opombe\" rows=\"4\" placeholder=\"E.g., I don&#039;t have the list at hand, I need help with exporting \u2026 \"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-zasebnost elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-zasebnost\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tConsent\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-subgroup\">\n\t\t\t<span class=\"elementor-field-option\">\n\t\t\t\t<input type=\"checkbox\" name=\"form_fields[zasebnost]\" id=\"form-field-zasebnost\" class=\"elementor-field elementor-size-lg  elementor-acceptance-field\" required=\"required\">\n\t\t\t\t<label for=\"form-field-zasebnost\">I consent to the processing of the provided data for the preparation of the customer analysis in accordance with the <a href=\"https:\/\/www.bizbox.eu\/en\/privacy-policy\/\" target=\"_blank\" rel=\"noopener\">privacy policy<\/a>.<\/label>\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-m_naslov elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[m_naslov]\" id=\"form-field-m_naslov\" class=\"elementor-field elementor-size-lg  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-m_uvod elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[m_uvod]\" id=\"form-field-m_uvod\" class=\"elementor-field elementor-size-lg  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-o_priloga elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[o_priloga]\" id=\"form-field-o_priloga\" class=\"elementor-field elementor-size-lg  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-o_akcija elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[o_akcija]\" id=\"form-field-o_akcija\" class=\"elementor-field elementor-size-lg  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text\">\n\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[hp]\" id=\"form-field-hp\" class=\"elementor-field elementor-size-lg \" style=\"display:none !important;\">\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-lg\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send client list for analysis<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<input type='hidden' name='lang' value='en' \/><\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a289913 e-con-full e-flex e-con e-parent\" data-id=\"5a289913\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-527639d3 elementor-widget elementor-widget-html\" data-id=\"527639d3\" 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<div class=\"bb-page\"><!-- ZAUPNOST -->\n  <section class=\"bb-section\" id=\"bb-zaupnost\">\n    <div class=\"bb-wrap\">\n      <div class=\"bb-privacy-panel\" style=\"background:#fff\">\n        <div class=\"bb-privacy-icon\" aria-hidden=\"true\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"10\" width=\"16\" height=\"11\" rx=\"2.4\"><\/rect><path d=\"M8 10V7a4 4 0 0 1 8 0v3\"><\/path><path d=\"M12 14.5v2.5\"><\/path><\/svg>\n        <\/div>\n        <div>\n          <p class=\"bb-kicker\">Data Confidentiality<\/p>\n          <h2>The client list remains with us<\/h2>\n          <ul class=\"bb-checklist\">\n            <li>We use the data exclusively for preparing the analysis.<\/li>\n            <li>We do not forward the list to third parties.<\/li>\n            <li>We do not contact your clients based on the list without your knowledge.<\/li>\n            <li>Upon completion of the analysis, we delete the list at your request.<\/li>\n          <\/ul>\n          <p class=\"bb-privacy-note\">We process data as a processor according to your instructions, in compliance with GDPR. If you have a data processing agreement in place, we will arrange it before the analysis. <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- KAJ POTREBUJEMO -->\n  <section class=\"bb-section\" id=\"bb-podatki\">\n    <div class=\"bb-wrap\">\n      <header class=\"bb-center\">\n        <p class=\"bb-kicker\">How the analysis works<\/p>\n        <h2>Send tax numbers, get <span class=\"bb-mark\">an overview and notifications<\/span><\/h2>\n        <p>A basic list is sufficient. No special preparation needed; an export from your software is perfectly fine. <\/p>\n      <\/header>\n\n      <div class=\"bb-xform\">\n        <!-- 1 PO\u0160LJETE -->\n        <div class=\"bb-x-in\">\n          <span class=\"bb-x-step\"><span class=\"bb-badge\" aria-hidden=\"true\">1<\/span>You send<\/span>\n          <div class=\"bb-sheet\" aria-hidden=\"true\">\n            <div class=\"bb-sheet-bar\"><i><\/i><i><\/i><i><\/i><b>clients.xlsx<\/b><\/div>\n            <div class=\"bb-sheet-head\"><span>Tax number<\/span><span>Name <em>(optional)<\/em><\/span><\/div>\n            <div class=\"bb-sheet-row\"><span>SI 1\u2022\u2022\u2022\u2022\u2022\u2022 45<\/span><span>Bakery d.o.o.<\/span><\/div>\n            <div class=\"bb-sheet-row\"><span>SI 2\u2022\u2022\u2022\u2022\u2022\u2022 18<\/span><span>Carpentry s.p.<\/span><\/div>\n            <div class=\"bb-sheet-row\"><span>SI 7\u2022\u2022\u2022\u2022\u2022\u2022 03<\/span><span><\/span><\/div>\n            <div class=\"bb-sheet-row\"><span>SI 5\u2022\u2022\u2022\u2022\u2022\u2022 91<\/span><span>Hair salon<\/span><\/div>\n          <\/div>\n          <h3>Your clients' tax numbers<\/h3>\n          <p>You can also add company names, but it's not mandatory.<\/p>\n          <p class=\"bb-need-si\"><span class=\"bb-si-flag\" aria-hidden=\"true\">SI<\/span><span>Only Slovenian tax numbers, as only these can be verified in the system.<\/span><\/p>\n        <\/div>\n\n        <!-- 2 PREVERIMO -->\n        <div class=\"bb-x-mid\" aria-hidden=\"true\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"bb-x-line\" viewbox=\"0 0 120 20\" preserveaspectratio=\"none\"><path d=\"M2 10 H118\"><\/path><\/svg>\n          <span class=\"bb-x-hub\"><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>\n          <span class=\"bb-x-label\">We check<br\/>e\u2011path status<\/span>\n          <span class=\"bb-x-time\">5 working days<\/span>\n        <\/div>\n\n        <!-- 3 DOBITE -->\n        <div class=\"bb-x-out\">\n          <span class=\"bb-x-step\"><span class=\"bb-badge\" aria-hidden=\"true\">2<\/span>You receive<\/span>\n          <div class=\"bb-x-card\">\n            <h3>Client overview by groups<\/h3>\n            <div class=\"bb-x-row\"><span class=\"bb-gicon bb-g-ok\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"><\/path><\/svg><\/span><span>Receive and send<\/span><i class=\"bb-x-bar\" style=\"--w:62%\"><\/i><\/div>\n            <div class=\"bb-x-row\"><span class=\"bb-gicon bb-g-in\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M12 4v11M7 10l5 5 5-5M5 20h14\"><\/path><\/svg><\/span><span>Receive only<\/span><i class=\"bb-x-bar\" style=\"--w:38%\"><\/i><\/div>\n            <div class=\"bb-x-row\"><span class=\"bb-gicon bb-g-go\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M4 10v4h3l7 4V6L7 10H4Z\"><\/path><path d=\"M17.5 9.5a3.5 3.5 0 0 1 0 5\"><\/path><\/svg><\/span><span>Needs to be addressed<\/span><i class=\"bb-x-bar bb-x-bar-go\" style=\"--w:80%\"><\/i><\/div>\n          <\/div>\n          <div class=\"bb-x-card bb-x-letter\">\n            <div class=\"bb-x-letter-head\"><span class=\"bb-x-env\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"5.5\" width=\"18\" height=\"13\" rx=\"2\"><\/rect><path d=\"m4 7 8 6 8-6\"><\/path><\/svg><\/span><div><h3>Notification templates<\/h3><p>Send them under your own name.<\/p><\/div><\/div>\n            <div class=\"bb-x-paper\" aria-hidden=\"true\">\n              <b>Dear Sir\/Madam,<\/b>\n              <span>from January 1, 2028, e-invoices between companies will be mandatory \u2026 <\/span>\n              <i style=\"width:92%\"><\/i><i style=\"width:76%\"><\/i><i style=\"width:58%\"><\/i>\n              <em>Your accounting firm<\/em>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"bb-not\">\n        <b>What we don't need<\/b>\n        <span>Your clients' personal data<\/span>\n        <span>Access to your software or credentials<\/span>\n        <span>Amounts, turnover, or invoice content<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n  <section class=\"bb-section bb-white\" id=\"bb-poti\"><div class=\"bb-wrap\"><header class=\"bb-center\">\n        <p class=\"bb-kicker\">Next steps<\/p>\n        <h2>Paths to e-invoices<\/h2>\n        <p>You and the client decide together which path suits them, based on how they currently issue invoices.<\/p>\n      <\/header>\n      <div class=\"bb-groups\">\n        <div class=\"bb-group\"><span class=\"bb-badge bb-badge-lg\" aria-hidden=\"true\">A<\/span><h3><span class=\"bb-sr\">Group A: <\/span>Already has an e-path<\/h3><p>Checks receiving and sending.<\/p><span class=\"bb-group-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"><\/path><\/svg><\/span><\/div>\n        <div class=\"bb-group\"><span class=\"bb-badge bb-badge-lg\" aria-hidden=\"true\">B<\/span><h3><span class=\"bb-sr\">Group B: <\/span>Has software with e-invoices<\/h3><p>Activates e-invoices in their software.<\/p><span class=\"bb-group-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><\/div>\n        <div class=\"bb-group\"><span class=\"bb-badge bb-badge-lg\" aria-hidden=\"true\">C<\/span><h3><span class=\"bb-sr\">Group C: <\/span>Word or Excel<\/h3><p>bizBox web application, data goes into your software.<\/p><span class=\"bb-group-icon\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"><\/rect><path d=\"M4 9.5h16M9.5 9.5V20\"><\/path><\/svg><\/span><\/div>\n        <div class=\"bb-group\"><span class=\"bb-badge bb-badge-lg\" aria-hidden=\"true\">D<\/span><h3><span class=\"bb-sr\">Group D: <\/span>More complex case<\/h3><p>We prepare the implementation together.<\/p><span class=\"bb-group-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>\n      <\/div>\n      <p class=\"bb-callout\"><span><b>Both receiving and sending must be set up.<\/b> The client must be able to receive and send e-invoices. The original is the structured invoice; the PDF is only its display. <\/span><\/p><\/div><\/section><section class=\"bb-section\" id=\"bb-naprej\"><div class=\"bb-wrap\"><header class=\"bb-center\"><p class=\"bb-kicker\">Next Step<\/p><h2>Once you have the client overview<\/h2><\/header><div class=\"bb-next-grid bb-next-2\"><a class=\"bb-next-card bb-next-prip\" href=\"https:\/\/www.bizbox.eu\/racunovodje\/priporociteljski-program\/\"><span class=\"bb-next-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><small>Introductory meeting<\/small><h3>Referral Program<\/h3><p>We help you every step of the way with implementing e-invoices. You remain the advisor. <\/p><span class=\"bb-next-btn\">Schedule a meeting \u2192<\/span><\/a><a class=\"bb-next-card bb-next-akad\" href=\"https:\/\/www.bizbox.eu\/racunovodje\/akademija-e-racunov\/\"><span class=\"bb-next-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><small>Starts Dec 1. 12. 2026<\/small><h3>e-Invoice Academy<\/h3><p>Legislative updates, software readiness, practical examples, and webinars.<\/p><span class=\"bb-next-btn\">Sign up for the Academy \u2192<\/span><\/a><\/div><\/div><\/section><!-- POGOSTA VPRA\u0160ANJA -->\n  <section class=\"bb-section bb-white\" id=\"bb-vprasanja\">\n    <div class=\"bb-wrap bb-split\">\n      <div>\n        <p class=\"bb-kicker\">No Fine Print<\/p>\n        <h2>Frequently Asked Questions<\/h2>\n        <p style=\"color:var(--muted)\">Brief answers to questions we most frequently receive from accounting services.<\/p>\n      <\/div>\n      <div class=\"bb-faq\">\n        <details name=\"bb-faq\" open=\"\">\n          <summary>How much does the analysis cost?<\/summary>\n          <p>It is free for accounting firms. It is not conditional on joining the referral program or making a purchase. <\/p>\n        <\/details>\n        <details name=\"bb-faq\">\n          <summary>What counts as an e-invoice from January 1, 2028? <\/summary>\n          <p>Structured XML (e-SLOG, UBL, or CII), sent via an authorized e-path: through an e-path provider, Peppol, direct connection, or FURS application. PDF via email, XML as an email attachment, scans, and invoices from Word or Excel are not e-invoices. <\/p>\n        <\/details>\n        <details name=\"bb-faq\">\n          <summary>What about clients who write invoices in Word or Excel?<\/summary>\n          <p>The bizBox web application is available for them, and the data goes into your accounting software. You and the client decide together which path suits them. <\/p>\n        <\/details>\n        <details name=\"bb-faq\">\n          <summary>What if a client already has their own provider?<\/summary>\n          <p>We see this in the analysis. We also show whether they only have receiving established or also sending, as receiving alone is not enough. <\/p>\n        <\/details>\n        <details name=\"bb-faq\">\n          <summary>Do I have to refer clients to you?<\/summary>\n          <p>No. You can use the analysis solely for yourself to know which clients will call you first in 2027. What you advise each remains your decision.  <\/p>\n        <\/details>\n        <details name=\"bb-faq\">\n          <summary>Do you or the client place the order?<\/summary>\n          <p>Both are possible. You can place an order on behalf of the client or direct them to us, and they handle the process themselves. <\/p>\n        <\/details>\n        <details name=\"bb-faq\">\n          <summary>What happens to the client list?<\/summary>\n          <p>We use it exclusively for preparing the analysis, do not forward it to third parties, and do not contact your clients based on it without your knowledge. Upon completion, we delete it at your request. <\/p>\n        <\/details>\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\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n  {\"@type\": \"Question\", \"name\": \"Koliko stane analiza?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Za ra\u010dunovodski servis je brezpla\u010dna. Ni pogojena z vstopom v program priporo\u010diteljev ali z nakupom.\"}},\n  {\"@type\": \"Question\", \"name\": \"Kaj \u0161teje kot e-ra\u010dun od 1. 1. 2028?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Strukturiran XML (e-SLOG, UBL ali CII), poslan po dovoljeni poti: prek ponudnika e-poti, Peppola, neposredne povezave ali aplikacije FURS. PDF po e-po\u0161ti, XML kot priloga e-po\u0161te, sken in ra\u010dun iz Worda ali Excela niso e-ra\u010dun.\"}},\n  {\"@type\": \"Question\", \"name\": \"Kaj pa stranke, ki ra\u010dune pi\u0161ejo v Wordu ali Excelu?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Zanje je na voljo spletna aplikacija bizBox, podatki pa gredo v va\u0161 ra\u010dunovodski program. Katera pot ustreza stranki, presodite skupaj z njo.\"}},\n  {\"@type\": \"Question\", \"name\": \"Kaj, \u010de stranka \u017ee ima svojega ponudnika?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"To v analizi vidimo. Poka\u017eemo tudi, ali ima urejen samo prejem ali tudi po\u0161iljanje, saj prejem sam ni dovolj.\"}},\n  {\"@type\": \"Question\", \"name\": \"Ali moram stranke k vam usmeriti?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Ne. Analizo lahko uporabite samo zase, da veste, katere stranke vas bodo v letu 2027 poklicale prve. Kaj boste komu svetovali, ostane va\u0161a odlo\u010ditev.\"}},\n  {\"@type\": \"Question\", \"name\": \"Ali naro\u010dilo oddate vi ali stranka?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Oboje je mogo\u010de. Naro\u010dilo lahko oddate v imenu stranke ali pa jo usmerite k nam in postopek pelje sama.\"}},\n  {\"@type\": \"Question\", \"name\": \"Kaj se zgodi s seznamom strank?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Uporabimo ga izklju\u010dno za pripravo analize, ne posredujemo ga tretjim osebam in va\u0161ih strank na njegovi podlagi ne kontaktiramo brez va\u0161e vednosti. Po zaklju\u010dku ga na va\u0161o zahtevo izbri\u0161emo.\"}}\n ]\n}\n<\/script><script>\n\/* bizBox pregled strank: skrita polja za e-sporo\u010dila, obvezno soglasje\n   in zaklju\u010dni zaslon po uspe\u0161ni oddaji. *\/\n(function () {\n  var V = {\n    DA: {\n      m_naslov: \"Seznam strank smo prejeli\",\n      m_uvod: \"hvala, da ste nam poslali seznam strank. Po dav\u010dnih \u0161tevilkah preverimo stanje e-poti in vam v 5 delovnih dneh po\u0161ljemo pregled strank po skupinah ter predloge obvestil.\",\n      o_priloga: \"DA\",\n      o_akcija: \"Pripravi analizo po dav\u010dnih \u0161tevilkah iz priloge in servisu v 5 delovnih dneh po\u0161lji pregled po skupinah in predloge obvestil.\"\n    },\n    NE: {\n      m_naslov: \"Prijavo na analizo strank smo prejeli\",\n      m_uvod: \"hvala za prijavo na brezpla\u010dno analizo strank. Seznama v prijavi ni bilo, zato vam pi\u0161emo in vam pomagamo pri pripravi. Dovolj so dav\u010dne \u0161tevilke strank, izvoz iz va\u0161ega programa je \u010disto v redu.\",\n      o_priloga: \"NE\",\n      o_akcija: \"Seznam ni prilo\u017een. Pi\u0161i servisu in mu pomagaj pripraviti seznam dav\u010dnih \u0161tevilk (preberi opombe).\"\n    }\n  };\n  var LINKS = [\n    [\"Stranke usmerite k nam\", \"Program priporo\u010diteljev\", \"https:\/\/www.bizbox.eu\/racunovodje\/priporociteljski-program\/\"],\n    [\"Prijavite se v Akademijo e-ra\u010dunov\", \"Prijava v Akademijo\", \"https:\/\/www.bizbox.eu\/racunovodje\/akademija-e-racunov\/\"],\n    [\"Preberite, kaj dolo\u010da zakon\", \"Kaj zahteva zakon\", \"https:\/\/www.bizbox.eu\/obvezni-e-racuni\/\"]\n  ];\n  function q(f, id) { return f.querySelector('[name=\"form_fields[' + id + ']\"], [name=\"form_fields[' + id + '][]\"]'); }\n  function el(tag, cls, txt) { var e = document.createElement(tag); if (cls) e.className = cls; if (txt != null) e.textContent = txt; return e; }\n  function hasFile(f) {\n    var inp = f.querySelector('input[type=file]');\n    return !!(inp && inp.files && inp.files.length);\n  }\n  function fill(f) {\n    var v = V[hasFile(f) ? 'DA' : 'NE'];\n    Object.keys(v).forEach(function (k) { var i = q(f, k); if (i) i.value = v[k]; });\n  }\n  function consentOk(f) {\n    var c = q(f, 'zasebnost'); if (!c) return true;\n    var g = c.closest('.elementor-field-group'), m = g && g.querySelector('.bb-consent-msg');\n    if (c.checked) { if (g) g.classList.remove('bb-consent-missing'); if (m) m.remove(); return true; }\n    if (g) { g.classList.add('bb-consent-missing'); if (!m) g.appendChild(el('p', 'bb-consent-msg', 'Za oddajo potrdite soglasje z obdelavo podatkov.')); }\n    c.focus(); return false;\n  }\n  function showDone(f) {\n    if (f.dataset.bbDone) return; f.dataset.bbDone = '1';\n    var s = f._bbState || {}, host = f.closest('.bb-form-host') || f.parentNode;\n    var card = el('div', 'bb-success'); card.setAttribute('role', 'status'); card.setAttribute('tabindex', '-1');\n    card.innerHTML = '<svg class=\"bb-success-check\" viewBox=\"0 0 96 96\" aria-hidden=\"true\"><circle cx=\"48\" cy=\"48\" r=\"46\"\/><path d=\"M29 49l13 13 25-27\"\/><\/svg>';\n    card.appendChild(el('p', 'bb-kicker', s.file ? 'Seznam prejet' : 'Prijava prejeta'));\n    card.appendChild(el('h2', '', s.file ? 'Va\u0161 seznam strank smo prejeli' : 'Va\u0161o prijavo na analizo smo prejeli'));\n    var lead = el('p', 'bb-success-lead');\n    lead.appendChild(document.createTextNode((s.ime ? 'Hvala, ' + s.ime.split(' ')[0] + '! ' : 'Hvala! ')));\n    if (s.file) {\n      lead.appendChild(document.createTextNode('V 5 delovnih dneh vam na '));\n      lead.appendChild(el('b', '', s.email || 'va\u0161 e-naslov'));\n      lead.appendChild(document.createTextNode(' po\u0161ljemo pregled strank po skupinah in predloge obvestil.'));\n    } else {\n      lead.appendChild(document.createTextNode('Potrditev smo poslali na '));\n      lead.appendChild(el('b', '', s.email || 'va\u0161 e-naslov'));\n      lead.appendChild(document.createTextNode('.'));\n    }\n    card.appendChild(lead);\n    card.appendChild(el('p', 'bb-success-note', s.file\n      ? 'Seznam uporabimo izklju\u010dno za pripravo analize in ga ne posredujemo tretjim osebam.'\n      : 'Seznama niste prilo\u017eili. Pi\u0161emo vam in vam pomagamo pri pripravi. Dovolj so dav\u010dne \u0161tevilke strank.'));\n    card.appendChild(el('p', 'bb-success-next', 'Medtem lahko \u017ee naredite to'));\n    var g = el('div', 'bb-success-links');\n    LINKS.forEach(function (x) {\n      var a = el('a', 'bb-success-link'); a.href = x[2]; a.target = '_blank'; a.rel = 'noopener';\n      a.appendChild(el('strong', '', x[0])); a.appendChild(el('span', '', x[1] + '\\u00a0\\u2192')); g.appendChild(a);\n    });\n    card.appendChild(g);\n    var h = el('p', 'bb-success-help'); h.innerHTML = 'Sporo\u010dila ne vidite? Preverite mapo z vsiljeno po\u0161to ali nam pi\u0161ite na <a href=\"mailto:prodaja@bizbox.eu\">prodaja@bizbox.eu<\/a>.';\n    card.appendChild(h);\n    f.parentNode.insertBefore(card, f.nextSibling);\n    host.classList.add('bb-done');\n    var top = card.getBoundingClientRect().top + window.pageYOffset - 110;\n    window.scrollTo({ top: top, behavior: 'smooth' }); try { card.focus({ preventScroll: true }); } catch (e) {}\n  }\n  function init() {\n    document.querySelectorAll('form.elementor-form').forEach(function (f) {\n      if (!q(f, 'o_akcija') || f.dataset.bbInit) return; f.dataset.bbInit = '1';\n      fill(f);\n      var c = q(f, 'zasebnost');\n      if (c) {\n        c.required = true;\n        var lab = c.parentNode.querySelector('label[for=\"' + c.id + '\"]') || f.querySelector('label[for=\"' + c.id + '\"]');\n        if (lab && !lab.querySelector('.bb-req-star')) { lab.appendChild(document.createTextNode(' ')); lab.appendChild(el('span', 'bb-req-star', '*')); }\n        c.addEventListener('change', function () { consentOk(f); });\n      }\n      var file = f.querySelector('input[type=file]');\n      if (file) {\n        file.addEventListener('change', function () { fill(f); });\n        var fg = file.closest('.elementor-field-group');\n        if (fg && !fg.querySelector('.bb-upload-hint')) fg.appendChild(el('p', 'bb-upload-hint', 'Excel (XLSX), CSV, PDF, XML ali slika (JPG, PNG), do 5 MB, najve\u010d 3 datoteke. \u010ce seznama nimate pri roki, polje pustite prazno in nam napi\u0161ite v opombe.'));\n      }\n      f.addEventListener('submit', function () {\n        fill(f);\n        var i = q(f, 'ime'), m = q(f, 'email');\n        f._bbState = { file: hasFile(f), ime: i ? i.value.trim() : '', email: m ? m.value.trim() : '' };\n      }, true);\n      new MutationObserver(function () {\n        if (f.querySelector('.elementor-message-success')) showDone(f);\n      }).observe(f, { childList: true, subtree: true });\n    });\n  }\n  \/* Soglasje preverimo, \u0161e preden oddajo vidi Elementor. *\/\n  document.addEventListener('submit', function (e) {\n    var f = e.target; if (!f.matches || !f.matches('form.elementor-form') || !q(f, 'o_akcija')) return;\n    if (!consentOk(f)) { e.preventDefault(); e.stopImmediatePropagation(); }\n  }, true);\n  if (window.jQuery) window.jQuery(document).on('submit_success', 'form.elementor-form', function () { if (q(this, 'o_akcija')) showDone(this); });\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); else init();\n  window.addEventListener('load', init);\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 Free analysis for accounting firms Let&#8217;s check which of [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","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-13402","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bizbox.eu\/en\/wp-json\/wp\/v2\/pages\/13402","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bizbox.eu\/en\/wp-json\/wp\/v2\/comments?post=13402"}],"version-history":[{"count":31,"href":"https:\/\/www.bizbox.eu\/en\/wp-json\/wp\/v2\/pages\/13402\/revisions"}],"predecessor-version":[{"id":14260,"href":"https:\/\/www.bizbox.eu\/en\/wp-json\/wp\/v2\/pages\/13402\/revisions\/14260"}],"wp:attachment":[{"href":"https:\/\/www.bizbox.eu\/en\/wp-json\/wp\/v2\/media?parent=13402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}