{"id":3245,"date":"2026-04-08T15:39:17","date_gmt":"2026-04-08T15:39:17","guid":{"rendered":"https:\/\/wizardtest1.site\/?page_id=3245"},"modified":"2026-04-23T09:47:50","modified_gmt":"2026-04-23T09:47:50","slug":"proizvodnja","status":"publish","type":"page","link":"https:\/\/wizardtest1.site\/en\/proizvodnja\/","title":{"rendered":"Proizvodnja"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3245\" class=\"elementor elementor-3245\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9c2812 thegem-e-con-layout-elementor e-flex e-con-boxed e-con e-parent\" data-id=\"d9c2812\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;elementor&quot;}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-873b4fd elementor-absolute flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"873b4fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" width=\"1024\" height=\"1024\" src=\"https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/dzak-2-1024x1024.webp\" class=\"attachment-large size-large wp-image-5332\" alt=\"\" srcset=\"https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/dzak-2-1024x1024.webp 1024w, https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/dzak-2-300x300.webp 300w, https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/dzak-2-150x150.webp 150w, https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/dzak-2-768x768.webp 768w, https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/dzak-2-256x256.webp 256w, https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/dzak-2.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a931505 thegem-e-con-layout-elementor e-con-full e-flex e-con e-child\" data-id=\"a931505\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;elementor&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-27e0670 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-html\" data-id=\"27e0670\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@500;700;800;900&family=DM+Sans:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n.burek-hero-content {\n  position: relative;\n  z-index: 2;\n  overflow: hidden;\n}\n\n.burek-hero-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 22px;\n  color: #9ad65d;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.26em;\n  text-transform: uppercase;\n  line-height: 1.4;\n  flex-wrap: wrap;\n}\n\n.burek-hero-kicker::before {\n  content: \"\";\n  width: 52px;\n  height: 2px;\n  border-radius: 2px;\n  background: #78bf43;\n  display: block;\n  flex: 0 0 auto;\n}\n\n.burek-hero-title-wrap {\n  position: relative;\n}\n\n.burek-hero-ghost {\n  position: absolute;\n  left: 10px;\n  top: 50%;\n  transform: translateY(-52%);\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(100px, 18vw, 260px);\n  font-weight: 900;\n  line-height: 0.9;\n  letter-spacing: -0.04em;\n  color: rgba(255,255,255,0.3);\n  pointer-events: none;\n  user-select: none;\n  z-index: 1;\n  white-space: nowrap;\n}\n\n.burek-hero-title {\n  position: relative;\n  z-index: 2;\n  margin: 0;\n  font-family: 'Playfair Display', serif;\n  line-height: 0.95;\n  letter-spacing: -0.03em;\n  color: #fff;\n}\n\n.burek-hero-title-top {\n  display: block;\n  margin-bottom: 14px;\n  font-size: clamp(20px, 2vw, 40px);\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  line-height: 1.1;\n  color: rgba(255,255,255,0.92);\n}\n\n.burek-hero-title-main {\n  display: block;\n  font-size: clamp(54px, 7.5vw, 140px);\n  font-weight: 900;\n  line-height: 0.92;\n  color: #fff;\n}\n\n.burek-hero-title-main em {\n  font-style: italic;\n  color: #b7e27f;\n}\n\n.burek-hero-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-top: 30px;\n  padding: 11px 18px;\n  border-radius: 999px;\n  border: 1px solid rgba(255,255,255,0.16);\n  background: rgba(255,255,255,0.04);\n  backdrop-filter: blur(6px);\n  font-family: 'DM Sans', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  line-height: 1.4;\n  color: rgba(255,255,255,0.82);\n}\n\n.burek-hero-badge-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #78bf43;\n  flex: 0 0 auto;\n}\n\n@media (max-width: 767px) {\n  .burek-hero-kicker {\n    gap: 10px;\n    margin-bottom: 18px;\n    font-size: 10px;\n    letter-spacing: 0.18em;\n  }\n\n  .burek-hero-kicker::before {\n    width: 38px;\n  }\n\n  .burek-hero-ghost {\n    left: -8px;\n    font-size: clamp(60px, 20vw, 120px);\n  }\n\n  .burek-hero-title-top {\n    margin-bottom: 10px;\n    font-size: clamp(18px, 4.5vw, 24px);\n    letter-spacing: 0.05em;\n  }\n\n  .burek-hero-title-main {\n    font-size: clamp(42px, 12vw, 72px);\n    line-height: 0.96;\n  }\n\n  .burek-hero-badge {\n    margin-top: 24px;\n    padding: 10px 15px;\n    font-size: 10px;\n    letter-spacing: 0.12em;\n  }\n}\n<\/style>\n\n<div class=\"burek-hero-content\">\n  <div class=\"burek-hero-kicker\">Originalno \u00b7 Premium \u00b7 Pouzdano<\/div>\n\n  <div class=\"burek-hero-title-wrap\">\n    <div class=\"burek-hero-ghost\">A1<\/div>\n\n    <h1 class=\"burek-hero-title\">\n      <span class=\"burek-hero-title-top\">TRADICIJA KOJA MELJE KVALITET\n<\/span>\n      <span class=\"burek-hero-title-main\">MLIN  <em>Banatski Klas<\/em><\/span>\n    <\/h1>\n  <\/div>\n\n  <div class=\"burek-hero-badge\">\n    <span class=\"burek-hero-badge-dot\"><\/span>\n    Stabilno testo \u00b7 Pouzdan rezultat\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3918233 thegem-e-con-layout-thegem e-flex e-con-boxed e-con e-parent\" data-id=\"3918233\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;mountains&quot;,&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1000 100\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" opacity=\"0.33\" d=\"M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" opacity=\"0.66\" d=\"M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1faebe7 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-html\" data-id=\"1faebe7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"sr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Timeline<\/title>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n*, *::before, *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n:root {\n  --green: #64B145;\n  --green-dark: #4f9335;\n  --green-light: #DBF3B9;\n  --cream: #EDF9DB;\n  --black: #111;\n  --gray: #7a7a7a;\n  --line-color: rgba(100, 177, 69, 0.18);\n}\n\nbody {\n  font-family: 'Playfair Display', serif;\n}\n\n\/* SECTION *\/\n.timeline-section {\n  padding: 120px 0 140px;\n  position: relative;\n  width: 100%;\n}\n\n\/* TIMELINE *\/\n.timeline {\n  position: relative;\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  padding: 0 40px;\n}\n\n\/* CENTER LINE *\/\n.timeline-line {\n  position: absolute;\n  left: 50%;\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  background: var(--line-color);\n  transform: translateX(-50%);\n  z-index: 0;\n}\n\n.timeline-line-animated {\n  position: absolute;\n  left: 50%;\n  top: 0;\n  width: 2px;\n  height: 0;\n  background: linear-gradient(to bottom, var(--green), var(--green-light));\n  transform: translateX(-50%);\n  z-index: 1;\n  transition: height 0.05s linear;\n}\n\n.tl-content{\n    padding: 20px;\n    background-color: #FBFAF7;\n    border-radius: 28px;\n    border: 1px solid rgba(0, 0, 0, 0.05);\n    box-shadow: 0px 14px 30px 0px rgba(0, 0, 0, 0.06);\n}\n\n\/* ITEM *\/\n.tl-item {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 80px minmax(0, 1fr);\n  align-items: start;\n  margin-bottom: 100px;\n  position: relative;\n  z-index: 2;\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.7s ease, transform 0.7s ease;\n  width: 100%;\n}\n\n.tl-item.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ALTERNATING LAYOUT *\/\n.tl-item:nth-child(odd) .tl-content {\n  grid-column: 1;\n  text-align: right;\n  padding-right: 48px;\n}\n\n.tl-item:nth-child(odd) .tl-node {\n  grid-column: 2;\n}\n\n.tl-item:nth-child(odd) .tl-image {\n  grid-column: 3;\n  padding-left: 48px;\n}\n\n.tl-item:nth-child(even) .tl-image {\n  grid-column: 1;\n  text-align: right;\n  padding-right: 48px;\n}\n\n.tl-item:nth-child(even) .tl-node {\n  grid-column: 2;\n}\n\n.tl-item:nth-child(even) .tl-content {\n  grid-column: 3;\n  padding-left: 48px;\n}\n\n\/* NODE *\/\n.tl-node {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n  padding-top: 20px;\n}\n\n.tl-node-year {\n  font-family: 'Playfair Display', serif;\n  font-size: 16px;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  color: var(--gray);\n  margin-bottom: 10px;\n}\n\n.tl-marker {\n  width: 46px;\n  height: 46px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.tl-marker::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: 50%;\n  border: 1.5px solid var(--green);\n  animation: ringPulse 2.5s ease-in-out infinite;\n  opacity: 0;\n  transition: opacity 0.4s ease;\n}\n\n.tl-item.visible .tl-marker::before {\n  opacity: 1;\n}\n\n@keyframes ringPulse {\n  0%, 100% { transform: scale(1); opacity: 0.5; }\n  50% { transform: scale(1.25); opacity: 0; }\n}\n\n.tl-marker-inner {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background: var(--green);\n  position: relative;\n  z-index: 1;\n  box-shadow: 0 0 0 3px var(--cream), 0 0 0 5px var(--green-light);\n  transition: transform 0.3s ease;\n}\n\n.tl-item:hover .tl-marker-inner {\n  transform: scale(1.2);\n}\n\n.tl-node-line {\n  width: 100%;\n  height: 1px;\n  background: var(--green);\n  position: absolute;\n  top: 43px;\n}\n\n.tl-item:nth-child(odd) .tl-node-line {\n  right: 50%;\n  width: 48px;\n  transform-origin: right center;\n}\n\n.tl-item:nth-child(even) .tl-node-line {\n  left: 50%;\n  width: 48px;\n  transform-origin: left center;\n}\n\n.tl-node-line::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 6px;\n  height: 6px;\n  border-top: 1.5px solid var(--green);\n  border-right: 1.5px solid var(--green);\n}\n\n.tl-item:nth-child(odd) .tl-node-line::after {\n  left: 0;\n  transform: translateY(-50%) rotate(-135deg);\n}\n\n.tl-item:nth-child(even) .tl-node-line::after {\n  right: 0;\n  transform: translateY(-50%) rotate(45deg);\n}\n\n\/* IMAGE *\/\n.tl-image {\n  position: relative;\n  width: 100%;\n}\n\n.tl-img-wrap {\n  position: relative;\n  display: block;\n  width: 100%;\n  overflow: hidden;\n  border-radius: 4px;\n}\n\n.tl-img-wrap img {\n  width: 100%;\n  max-width: none;\n  height: auto;\n  aspect-ratio: 4 \/ 3;\n  object-fit: cover;\n  display: block;\n  border-radius: 40px;\n  border: 10px solid #fff;\n  filter: saturate(0.95) contrast(1.03);\n  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), filter 0.4s ease;\n}\n\n.tl-img-wrap:hover img {\n  transform: scale(1.04);\n  filter: saturate(1.05) contrast(1.05);\n}\n\n.tl-img-wrap::after {\n  content: '';\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  border-bottom: 3px solid var(--green);\n  border-right: 3px solid var(--green);\n  bottom: -8px;\n  right: -8px;\n  border-radius: 2px;\n  transition: width 0.3s ease, height 0.3s ease;\n}\n\n.tl-item:nth-child(even) .tl-img-wrap::after {\n  right: auto;\n  left: -8px;\n  border-right: none;\n  border-left: 3px solid var(--green);\n}\n\n.tl-img-wrap:hover::after {\n  width: 55px;\n  height: 55px;\n}\n\n\/* CONTENT *\/\n.tl-content {\n  padding-top: 20px;\n  width: 100%;\n}\n\n.tl-tag {\n  display: inline-block;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--green-dark);\n  background: rgba(100, 177, 69, 0.10);\n  padding: 6px 14px;\n  border-radius: 2px;\n  margin-bottom: 16px;\n  font-family: 'DM Sans', sans-serif;\n\n}\n\n.tl-title {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(30px, 4vw, 30px);\n  line-height: 1;\n  color: var(--green);\n  letter-spacing: 0.01em;\n  margin-bottom: 16px;\n  font-weight: 700;\n}\n\n.tl-text {\n  font-family: 'DM Sans', sans-serif;\n  font-size: 17px;\n  line-height: 1.8;\n  color: #4D4D4D;\n  max-width: none;\n  font-weight: 400;\n  width: 100%;\n}\n\n.tl-item:nth-child(odd) .tl-text {\n  margin-left: 0;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 700px) {\n    .timeline-section{\n        padding: 30px 16px;\n    }\n  .timeline {\n    padding: 0 20px;\n  }\n\n  .tl-item {\n    grid-template-columns: 32px 1fr;\n    grid-template-rows: auto auto;\n    margin-bottom: 60px;\n    gap: 0;\n  }\n\n  .tl-item:nth-child(odd) .tl-content,\n  .tl-item:nth-child(even) .tl-content {\n    grid-column: 2;\n    grid-row: 2;\n    text-align: left;\n    padding-left: 20px;\n    padding-right: 0;\n  }\n\n  .tl-item:nth-child(odd) .tl-image,\n  .tl-item:nth-child(even) .tl-image {\n    grid-column: 2;\n    grid-row: 1;\n    text-align: left;\n    padding-left: 20px;\n    padding-right: 0;\n    margin-bottom: 14px;\n  }\n\n  .tl-item:nth-child(odd) .tl-node,\n  .tl-item:nth-child(even) .tl-node {\n    grid-column: 1;\n    grid-row: 1 \/ span 2;\n  }\n\n  .timeline-line,\n  .timeline-line-animated {\n    left: 16px;\n  }\n\n  .tl-node {\n    align-items: flex-start;\n  }\n\n  .tl-node-line {\n    display: none;\n  }\n\n  .tl-img-wrap img {\n    max-width: 100%;\n  }\n\n  .tl-text {\n    max-width: 100%;\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  .tl-title {\n    font-size: 28px;\n  }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"timeline-section\">\n  <div class=\"timeline\">\n    <div class=\"timeline-line\"><\/div>\n    <div class=\"timeline-line-animated\" id=\"lineProgress\"><\/div>\n\n    <!-- ITEM 1 -->\n    <div class=\"tl-item\">\n      <div class=\"tl-content\">\n        <span class=\"tl-tag\">Od 1992.<\/span>\n        <h3 class=\"tl-title\">PO\u010cETAK PRI\u010cE<\/h3>\n        <p class=\"tl-text\">\n          Od 1992. godine Mlin Banatski Klas gradi svoje ime na kvalitetu, pouzdanosti i stalnom unapre\u0111enju proizvodnje.\n        <\/p>\n      <\/div>\n      <div class=\"tl-node\">\n    \n        <div class=\"tl-marker\">\n          <div class=\"tl-marker-inner\"><\/div>\n        <\/div>\n        <div class=\"tl-node-line\"><\/div>\n      <\/div>\n      <div class=\"tl-image\">\n        <div class=\"tl-img-wrap\">\n          <img src=\"          https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/DJI_20260320100714_0398_D.webp\" alt=\"Po\u010detak pri\u010de\" \/>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ITEM 2 -->\n    <div class=\"tl-item\">\n      <div class=\"tl-image\">\n        <div class=\"tl-img-wrap\">\n          <img src=\"          https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/WebP-75.webp\" alt=\"Odabir p\u0161enice\" \/>\n        <\/div>\n      <\/div>\n      <div class=\"tl-node\">\n   \n        <div class=\"tl-marker\">\n          <div class=\"tl-marker-inner\"><\/div>\n        <\/div>\n        <div class=\"tl-node-line\"><\/div>\n      <\/div>\n      <div class=\"tl-content\">\n        <span class=\"tl-tag\">Sirovina<\/span>\n        <h3 class=\"tl-title\">ODABIR P\u0160ENICE<\/h3>\n        <p class=\"tl-text\">\n          Kvalitet na\u0161eg bra\u0161na po\u010dinje pa\u017eljivim odabirom p\u0161enice. Svaka isporuka p\u0161enice prolazi kroz stroge ulazne kontrole.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- ITEM 3 -->\n    <div class=\"tl-item\">\n      <div class=\"tl-content\">\n        <span class=\"tl-tag\">Priprema<\/span>\n        <h3 class=\"tl-title\">\u010cI\u0160\u0106ENJE I SELEKCIJA<\/h3>\n        <p class=\"tl-text\">\n          Nakon prijema, p\u0161enica prolazi kroz proces pa\u017eljive pripreme \u2013 \u010di\u0161\u0107enja, selekcije i kondicioniranja, kako bi svaki naredni korak bio siguran i precizan.\n        <\/p>\n      <\/div>\n      <div class=\"tl-node\">\n\n        <div class=\"tl-marker\">\n          <div class=\"tl-marker-inner\"><\/div>\n        <\/div>\n        <div class=\"tl-node-line\"><\/div>\n      <\/div>\n      <div class=\"tl-image\">\n        <div class=\"tl-img-wrap\">\n          <img src=\"https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/WebP-109.webp\" alt=\"Priprema p\u0161enice\" \/>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ITEM 4 -->\n    <div class=\"tl-item\">\n      <div class=\"tl-image\">\n        <div class=\"tl-img-wrap\">\n          <img src=\"https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/WebP-76.webp\" alt=\"Mlinski valjci\" \/>\n        <\/div>\n      <\/div>\n      <div class=\"tl-node\">\n\n        <div class=\"tl-marker\">\n          <div class=\"tl-marker-inner\"><\/div>\n        <\/div>\n        <div class=\"tl-node-line\"><\/div>\n      <\/div>\n      <div class=\"tl-content\">\n        <span class=\"tl-tag\">Proizvodnja<\/span>\n        <h3 class=\"tl-title\">TU PO\u010cINJE MAGIJA<\/h3>\n        <p class=\"tl-text\">\n          Kada p\u0161enica do\u0111e do mlinskih valjaka, tu po\u010dinje magija. \u010citav niz savremene opreme i tehnolo\u0161kih operacija omogu\u0107ava da iz svakog zrna uzmemo samo ono najbolje i prenesemo u bra\u0161no.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- ITEM 5 -->\n    <div class=\"tl-item\">\n      <div class=\"tl-content\">\n        <span class=\"tl-tag\">Kontrola<\/span>\n        <h3 class=\"tl-title\">UJEDNA\u010cEN KVALITET<\/h3>\n        <p class=\"tl-text\">\n          Pre nego \u0161to bra\u0161no dobije svoju prepoznatljivu ambala\u017eu, prolazi kroz kontrolna sita kako bi se obezbedila ujedna\u010dena granulacija i dodatna sigurnost kvaliteta.\n        <\/p>\n      <\/div>\n      <div class=\"tl-node\">\n\n        <div class=\"tl-marker\">\n          <div class=\"tl-marker-inner\"><\/div>\n        <\/div>\n        <div class=\"tl-node-line\"><\/div>\n      <\/div>\n      <div class=\"tl-image\">\n        <div class=\"tl-img-wrap\">\n          <img src=\"https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/WebP-114.webp\" alt=\"Kontrola kvaliteta\" \/>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ITEM 6 -->\n    <div class=\"tl-item\">\n      <div class=\"tl-image\">\n        <div class=\"tl-img-wrap\">\n          <img src=\"https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/WebP-135.webp\" alt=\"Laboratorijske analize\" \/>\n        <\/div>\n      <\/div>\n      <div class=\"tl-node\">\n     \n        <div class=\"tl-marker\">\n          <div class=\"tl-marker-inner\"><\/div>\n        <\/div>\n        <div class=\"tl-node-line\"><\/div>\n      <\/div>\n      <div class=\"tl-content\">\n        <span class=\"tl-tag\">Laboratorija<\/span>\n        <h3 class=\"tl-title\">POTVRDA STANDARDA<\/h3>\n        <p class=\"tl-text\">\n          Svaki proizvod najpre prolazi detaljne laboratorijske analize, \u010dime potvr\u0111ujemo da svaka vre\u0107a bra\u0161na ispunjava stroge standarde koje smo postavili.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- ITEM 7 -->\n    <div class=\"tl-item\">\n      <div class=\"tl-content\">\n        <span class=\"tl-tag\">Prepoznatljivo<\/span>\n        <h3 class=\"tl-title\">ZELENA AMBALA\u017dA<\/h3>\n        <p class=\"tl-text\">\n          Magija ne prestaje kada na\u0161e bra\u0161no obu\u010demo u prepoznatljivu zelenu ambala\u017eu.\n        <\/p>\n      <\/div>\n      <div class=\"tl-node\">\n       \n        <div class=\"tl-marker\">\n          <div class=\"tl-marker-inner\"><\/div>\n        <\/div>\n        <div class=\"tl-node-line\"><\/div>\n      <\/div>\n      <div class=\"tl-image\">\n        <div class=\"tl-img-wrap\">\n          <img src=\"https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/WebP-94.webp\" alt=\"Zelena ambala\u017ea\" \/>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ITEM 8 -->\n    <div class=\"tl-item\">\n      <div class=\"tl-image\">\n        <div class=\"tl-img-wrap\">\n          <img src=\"https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/WebP-139.webp\" alt=\"Pekarski majstori\" \/>\n        <\/div>\n      <\/div>\n      <div class=\"tl-node\">\n       \n        <div class=\"tl-marker\">\n          <div class=\"tl-marker-inner\"><\/div>\n        <\/div>\n        <div class=\"tl-node-line\"><\/div>\n      <\/div>\n      <div class=\"tl-content\">\n        <span class=\"tl-tag\">Zavr\u0161nica<\/span>\n        <h3 class=\"tl-title\">MAGIJA SE NASTAVLJA<\/h3>\n        <p class=\"tl-text\">\n          Na\u0161e bra\u0161no nastavlja pri\u010du tamo gde nastaju pravi proizvodi i pravi ukus - u va\u0161oj pekari.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n  const line = document.getElementById('lineProgress');\n  const container = document.querySelector('.timeline');\n\n  function updateLine() {\n    const rect = container.getBoundingClientRect();\n    const windowH = window.innerHeight;\n    const start = rect.top - windowH * 0.8;\n    const end = rect.bottom - windowH * 0.3;\n    const progress = Math.min(Math.max(-start \/ (end - start), 0), 1);\n    line.style.height = (progress * container.offsetHeight) + 'px';\n  }\n\n  const items = document.querySelectorAll('.tl-item');\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        setTimeout(() => entry.target.classList.add('visible'), 100);\n      }\n    });\n  }, { threshold: 0.2 });\n\n  items.forEach(item => observer.observe(item));\n\n  window.addEventListener('scroll', updateLine, { passive: true });\n  updateLine();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Originalno \u00b7 Premium \u00b7 Pouzdano A1 TRADICIJA KOJA MELJE KVALITET MLIN Banatski Klas Stabilno testo \u00b7 Pouzdan rezultat Timeline Od&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-3245","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/wizardtest1.site\/en\/wp-json\/wp\/v2\/pages\/3245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wizardtest1.site\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wizardtest1.site\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wizardtest1.site\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wizardtest1.site\/en\/wp-json\/wp\/v2\/comments?post=3245"}],"version-history":[{"count":187,"href":"https:\/\/wizardtest1.site\/en\/wp-json\/wp\/v2\/pages\/3245\/revisions"}],"predecessor-version":[{"id":5767,"href":"https:\/\/wizardtest1.site\/en\/wp-json\/wp\/v2\/pages\/3245\/revisions\/5767"}],"wp:attachment":[{"href":"https:\/\/wizardtest1.site\/en\/wp-json\/wp\/v2\/media?parent=3245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}