{"id":11739,"date":"2026-07-14T05:58:36","date_gmt":"2026-07-14T05:58:36","guid":{"rendered":"https:\/\/baufens.ba\/?p=11739"},"modified":"2026-07-14T07:40:15","modified_gmt":"2026-07-14T07:40:15","slug":"roller-shutter-box-2320cm-%f0%9f%86%95","status":"publish","type":"post","link":"https:\/\/baufens.ba\/ar\/archives\/11739","title":{"rendered":"\u0635\u0646\u062f\u0648\u0642 \u0633\u062a\u0627\u0631\u0629 \u062f\u0648\u0627\u0631\u0629 23*20 \u0633\u0645 \ud83c\udd95"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:83.2%;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"baufens-promo-container\">\n  \n  <div class=\"baufens-header\">\n    <span class=\"baufens-badge\">NEW ARRIVAL<\/span>\n    <h2>The Ultimate Roller Shutter Box 23x20 cm<\/h2>\n    <p class=\"baufens-subtitle\">Engineered for perfection. Designed for modern living.<\/p>\n    <div class=\"baufens-divider\"><\/div>\n  <\/div>\n\n  <div class=\"baufens-intro\">\n    <p>\n      Introducing our latest innovation in window systems\u2014the brand new <strong>Baufens Roller Shutter Box (23x20 cm)<\/strong>. \n      Specially engineered to meet the highest standards of modern architecture, this compact box delivers exceptional thermal insulation, \n      space-saving installation, and a sleek, minimalist aesthetic that seamlessly blends with your facade.\n    <\/p>\n  <\/div>\n\n  <div class=\"baufens-gallery\">\n    \n    <div class=\"baufens-gallery-item\">\n      <div class=\"baufens-image-wrapper\">\n        <img decoding=\"async\" class=\"baufens-trigger-img\" data-index=\"0\" src=\"https:\/\/baufens.ba\/wp-content\/uploads\/2026\/07\/Artboard-1.jpg\" alt=\"Baufens Roller Shutter Box 23x20 - Modern Design\" loading=\"lazy\">\n      <\/div>\n      <div class=\"baufens-item-info\">\n        <h3>Sleek Aesthetic<\/h3>\n        <p>Perfectly clean lines designed to fit seamlessly into any exterior architecture.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"baufens-gallery-item\">\n      <div class=\"baufens-image-wrapper\">\n        <img decoding=\"async\" class=\"baufens-trigger-img\" data-index=\"1\" src=\"https:\/\/baufens.ba\/wp-content\/uploads\/2026\/07\/Artboard-2.jpg\" alt=\"Baufens Roller Shutter Box 23x20 - Technical Precision\" loading=\"lazy\">\n      <\/div>\n      <div class=\"baufens-item-info\">\n        <h3>Premium Insulation<\/h3>\n        <p>Engineered with advanced materials to prevent thermal bridges and save energy.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"baufens-gallery-item\">\n      <div class=\"baufens-image-wrapper\">\n        <img decoding=\"async\" class=\"baufens-trigger-img\" data-index=\"2\" src=\"https:\/\/baufens.ba\/wp-content\/uploads\/2026\/07\/Artboard-3-1.jpg\" alt=\"Baufens Roller Shutter Box 23x20 - Quality Materials\" loading=\"lazy\">\n      <\/div>\n      <div class=\"baufens-item-info\">\n        <h3>Maximum Durability<\/h3>\n        <p>Built using high-quality PVC components for long-lasting performance.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"baufens-gallery-item\">\n      <div class=\"baufens-image-wrapper\">\n        <img decoding=\"async\" class=\"baufens-trigger-img\" data-index=\"3\" src=\"https:\/\/baufens.ba\/wp-content\/uploads\/2026\/07\/Artboard-4-1.jpg\" alt=\"Baufens Roller Shutter Box 23x20 - Compact Dimensions\" loading=\"lazy\">\n      <\/div>\n      <div class=\"baufens-item-info\">\n        <h3>23x20 cm Compact Fit<\/h3>\n        <p>Optimized dimensions that save space while allowing maximum blind roll capacity.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"baufens-features\">\n    <div class=\"baufens-feature-box\">\n      <span class=\"feature-icon\">\ud83d\udee1\ufe0f<\/span>\n      <h4>Superior Protection<\/h4>\n      <p>Protects your home from harsh weather conditions and unwanted glances.<\/p>\n    <\/div>\n    <div class=\"baufens-feature-box\">\n      <span class=\"feature-icon\">\ud83d\udd07<\/span>\n      <h4>Acoustic Comfort<\/h4>\n      <p>Significantly reduces external noise levels for a quiet, peaceful indoor environment.<\/p>\n    <\/div>\n    <div class=\"baufens-feature-box\">\n      <span class=\"feature-icon\">\u26a1<\/span>\n      <h4>Easy Automation<\/h4>\n      <p>Fully compatible with modern smart home systems and motorization options.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"baufens-cta\">\n    <h3>Upgrade Your Home with Baufens Quality<\/h3>\n    <p>Contact our expert team today to find the perfect configuration for your project.<\/p>\n    <div class=\"baufens-btn-group\">\n      <a href=\"\/ar\/contact\/\" class=\"baufens-btn\">Get a Free Quote<\/a>\n      <a href=\"https:\/\/baufens.ba\/ar\/archives\/11739\/\" class=\"baufens-btn baufens-btn-secondary\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<div id=\"baufens-lightbox-modal\" class=\"b-lightbox\">\n  <span class=\"b-close\">\u00d7<\/span>\n  <span class=\"b-prev\">\u276e<\/span>\n  <span class=\"b-next\">\u276f<\/span>\n  <div class=\"b-content\">\n    <img decoding=\"async\" id=\"baufens-lightbox-img\" src=\"\" alt=\"Baufens Gallery Preview\">\n  <\/div>\n<\/div>\n\n<style>\n\/* --- BASE CONTAINER STYLES --- *\/\n.baufens-promo-container {\n  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  width: 100%;\n  max-width: 1400px; \/* Maksimalno pro\u0161ireno sa 1200px na 1400px *\/\n  margin: 40px auto;\n  padding: 0 24px;\n  color: #333333;\n  line-height: 1.6;\n  box-sizing: border-box;\n}\n\n\/* --- HEADER SECTION --- *\/\n.baufens-header {\n  text-align: center;\n  margin-bottom: 40px;\n}\n.baufens-badge {\n  background-color: #e67e22;\n  color: #ffffff;\n  padding: 6px 16px;\n  font-size: 12px;\n  font-weight: 700;\n  border-radius: 50px;\n  letter-spacing: 1px;\n  display: inline-block;\n  margin-bottom: 15px;\n}\n.baufens-header h2 {\n  font-size: 42px; \/* Malo pove\u0107ano radi bolje dominacije na velikim ekranima *\/\n  font-weight: 800;\n  color: #1a1a1a;\n  margin: 0 0 12px 0;\n  letter-spacing: -1px;\n  line-height: 1.2;\n}\n.baufens-subtitle {\n  font-size: 20px;\n  color: #777777;\n  margin: 0;\n  font-weight: 300;\n}\n.baufens-divider {\n  width: 80px;\n  height: 4px;\n  background-color: #e67e22;\n  margin: 24px auto 0 auto;\n  border-radius: 2px;\n}\n\n\/* --- INTRO TEXT --- *\/\n.baufens-intro {\n  max-width: 900px;\n  margin: 0 auto 60px auto;\n  text-align: center;\n  font-size: 18px;\n  color: #555555;\n  line-height: 1.7;\n}\n\n\/* --- RESPONSIVE GRID GALLERY --- *\/\n.baufens-gallery {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 30px;\n  margin-bottom: 70px;\n}\n.baufens-gallery-item {\n  background-color: #ffffff;\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  display: flex;\n  flex-direction: column;\n}\n.baufens-gallery-item:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n}\n.baufens-image-wrapper {\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n  background-color: #f9f9f9;\n  cursor: pointer;\n}\n.baufens-image-wrapper img {\n  width: 100%;\n  height: auto;\n  display: block;\n  transition: transform 0.5s ease;\n}\n.baufens-gallery-item:hover .baufens-image-wrapper img {\n  transform: scale(1.05);\n}\n.baufens-item-info {\n  padding: 24px;\n  text-align: left;\n  flex-grow: 1;\n}\n.baufens-item-info h3 {\n  font-size: 20px;\n  font-weight: 700;\n  margin: 0 0 10px 0;\n  color: #1a1a1a;\n}\n.baufens-item-info p {\n  font-size: 15px;\n  color: #666666;\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* --- FEATURES SECTION --- *\/\n.baufens-features {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 40px;\n  background-color: #f9f9f9;\n  padding: 50px;\n  border-radius: 16px;\n  margin-bottom: 70px;\n}\n.baufens-feature-box {\n  text-align: center;\n}\n.feature-icon {\n  font-size: 36px;\n  display: block;\n  margin-bottom: 18px;\n}\n.baufens-feature-box h4 {\n  font-size: 20px;\n  font-weight: 700;\n  margin: 0 0 10px 0;\n  color: #1a1a1a;\n}\n.baufens-feature-box p {\n  font-size: 15px;\n  color: #666666;\n  margin: 0;\n}\n\n\/* --- CALL TO ACTION & DUAL BUTTONS --- *\/\n.baufens-cta {\n  text-align: center;\n  padding: 60px 40px;\n  background: linear-gradient(135deg, #1a1a1a 0%, #333333 100%);\n  border-radius: 16px;\n  color: #ffffff;\n}\n.baufens-cta h3 {\n  color: #ffffff;\n  font-size: 32px;\n  font-weight: 800;\n  margin: 0 0 12px 0;\n}\n.baufens-cta p {\n  color: #cccccc;\n  font-size: 18px;\n  margin: 0 0 30px 0;\n}\n.baufens-btn-group {\n  display: flex;\n  justify-content: center;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n.baufens-btn {\n  display: inline-block;\n  background-color: #e67e22;\n  color: #ffffff !important;\n  text-decoration: none !important;\n  font-weight: 700;\n  padding: 16px 40px;\n  border-radius: 8px;\n  font-size: 16px;\n  transition: background-color 0.2s ease, transform 0.2s ease;\n  box-shadow: 0 5px 15px rgba(230, 126, 34, 0.3);\n  border: 2px solid transparent;\n  box-sizing: border-box;\n}\n.baufens-btn:hover {\n  background-color: #d35400;\n  transform: translateY(-2px);\n}\n.baufens-btn-secondary {\n  background-color: transparent;\n  color: #ffffff !important;\n  border: 2px solid #ffffff;\n  box-shadow: none;\n}\n.baufens-btn-secondary:hover {\n  background-color: #ffffff;\n  color: #1a1a1a !important;\n  transform: translateY(-2px);\n}\n\n\/* --- LIGHTBOX (MODAL) STYLES --- *\/\n.b-lightbox {\n  display: none;\n  position: fixed;\n  z-index: 999999;\n  padding-top: 50px;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background-color: rgba(0, 0, 0, 0.9);\n  backdrop-filter: blur(5px);\n}\n.b-content {\n  margin: auto;\n  display: block;\n  max-width: 85%;\n  max-height: 80vh;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.b-content img {\n  max-width: 100%;\n  max-height: 80vh;\n  border-radius: 8px;\n  box-shadow: 0 0 20px rgba(0,0,0,0.5);\n  animation: zoomIn 0.3s ease;\n}\n@keyframes zoomIn {\n  from {transform: scale(0.9); opacity: 0;}\n  to {transform: scale(1); opacity: 1;}\n}\n.b-close {\n  position: absolute;\n  top: 25px;\n  right: 35px;\n  color: #ffffff;\n  font-size: 40px;\n  font-weight: bold;\n  transition: 0.3s;\n  cursor: pointer;\n  z-index: 1000001;\n}\n.b-close:hover {\n  color: #e67e22;\n}\n.b-prev, .b-next {\n  cursor: pointer;\n  position: absolute;\n  top: 50%;\n  width: auto;\n  padding: 16px;\n  margin-top: -50px;\n  color: white;\n  font-weight: bold;\n  font-size: 30px;\n  transition: 0.3s ease;\n  user-select: none;\n  -webkit-user-select: none;\n  z-index: 1000000;\n}\n.b-prev { left: 20px; }\n.b-next { right: 20px; }\n.b-prev:hover, .b-next:hover {\n  color: #e67e22;\n}\n\n\/* --- RESPONSIVE BREAKPOINTS (Maksimalno pro\u0161irenje za mobilne) --- *\/\n@media (max-width: 1024px) {\n  .baufens-gallery {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n  }\n  .baufens-features {\n    grid-template-columns: 1fr;\n    gap: 30px;\n    padding: 40px 30px;\n  }\n}\n\n@media (max-width: 640px) {\n  .baufens-promo-container {\n    padding: 0 12px; \/* Smanjeno na 12px kako bi kontejner iskoristio punu \u0161irinu mobilnog ekrana *\/\n    margin: 15px auto;\n  }\n  .baufens-gallery {\n    grid-template-columns: 1fr; \/* Slike idu jedna ispod druge bez bespotrebnih praznina sa strana *\/\n    gap: 20px;\n  }\n  .baufens-header h2 {\n    font-size: 28px;\n    line-height: 1.25;\n  }\n  .baufens-subtitle {\n    font-size: 16px;\n  }\n  .baufens-intro {\n    font-size: 15px;\n    margin-bottom: 40px;\n  }\n  .baufens-cta {\n    padding: 40px 15px;\n  }\n  .baufens-cta h3 {\n    font-size: 24px;\n  }\n  .baufens-cta p {\n    font-size: 15px;\n  }\n  .baufens-btn-group {\n    flex-direction: column;\n    gap: 10px;\n    width: 100%;\n  }\n  .baufens-btn {\n    width: 100%; \/* Gumb se raste\u017ee preko cijele \u0161irine ekrana radi maksimalne iskoristivosti prostora *\/\n    padding: 15px 20px;\n    text-align: center;\n  }\n  .b-prev, .b-next {\n    padding: 8px;\n    font-size: 22px;\n  }\n  .b-close {\n    top: 12px;\n    right: 20px;\n    font-size: 32px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  const modal = document.getElementById(\"baufens-lightbox-modal\");\n  const modalImg = document.getElementById(\"baufens-lightbox-img\");\n  const closeBtn = document.querySelector(\".b-close\");\n  const prevBtn = document.querySelector(\".b-prev\");\n  const nextBtn = document.querySelector(\".b-next\");\n  const images = document.querySelectorAll(\".baufens-trigger-img\");\n  \n  let currentIndex = 0;\n  const imageSources = Array.from(images).map(img => img.src);\n\n  \/\/ Otvori Lightbox klikom na sliku\n  images.forEach((img, index) => {\n    img.addEventListener(\"click\", function() {\n      modal.style.display = \"block\";\n      modalImg.src = this.src;\n      currentIndex = index;\n    });\n  });\n\n  \/\/ Zatvori Lightbox klikom na X\n  closeBtn.addEventListener(\"click\", function() {\n    modal.style.display = \"none\";\n  });\n\n  \/\/ Zatvori Lightbox klikom van slike\n  modal.addEventListener(\"click\", function(e) {\n    if (e.target === modal || e.target === document.querySelector('.b-content')) {\n      modal.style.display = \"none\";\n    }\n  });\n\n  \/\/ Funkcija za promjenu slike\n  function showImage(index) {\n    if (index >= imageSources.length) {\n      currentIndex = 0;\n    } else if (index < 0) {\n      currentIndex = imageSources.length - 1;\n    } else {\n      currentIndex = index;\n    }\n    modalImg.src = imageSources[currentIndex];\n  }\n\n  \/\/ Klik na sljede\u0107u sliku\n  nextBtn.addEventListener(\"click\", function(e) {\n    e.stopPropagation();\n    showImage(currentIndex + 1);\n  });\n\n  \/\/ Klik na prethodnu sliku\n  prevBtn.addEventListener(\"click\", function(e) {\n    e.stopPropagation();\n    showImage(currentIndex - 1);\n  });\n\n  \/\/ Podr\u0161ka za tastaturu\n  document.addEventListener(\"keydown\", function(e) {\n    if (modal.style.display === \"block\") {\n      if (e.key === \"ArrowRight\") {\n        showImage(currentIndex + 1);\n      } else if (e.key === \"ArrowLeft\") {\n        showImage(currentIndex - 1);\n      } else if (e.key === \"Escape\") {\n        modal.style.display = \"none\";\n      }\n    }\n  });\n});\n<\/script><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Discover the new Baufens Roller Shutter Box (23&#215;20 cm). Engineered for superior thermal insulation, space-saving installation, and a modern, sleek aesthetic.<\/p>","protected":false},"author":1,"featured_media":11728,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[25,27],"tags":[],"class_list":["post-11739","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-doors-windows"],"_links":{"self":[{"href":"https:\/\/baufens.ba\/ar\/wp-json\/wp\/v2\/posts\/11739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/baufens.ba\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/baufens.ba\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/baufens.ba\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/baufens.ba\/ar\/wp-json\/wp\/v2\/comments?post=11739"}],"version-history":[{"count":11,"href":"https:\/\/baufens.ba\/ar\/wp-json\/wp\/v2\/posts\/11739\/revisions"}],"predecessor-version":[{"id":11762,"href":"https:\/\/baufens.ba\/ar\/wp-json\/wp\/v2\/posts\/11739\/revisions\/11762"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/baufens.ba\/ar\/wp-json\/wp\/v2\/media\/11728"}],"wp:attachment":[{"href":"https:\/\/baufens.ba\/ar\/wp-json\/wp\/v2\/media?parent=11739"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/baufens.ba\/ar\/wp-json\/wp\/v2\/categories?post=11739"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/baufens.ba\/ar\/wp-json\/wp\/v2\/tags?post=11739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}