{"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-16T13:18:45","modified_gmt":"2026-07-16T13:18:45","slug":"roller-shutter-box-2320cm-%f0%9f%86%95","status":"publish","type":"post","link":"https:\/\/baufens.ba\/de\/archives\/11739","title":{"rendered":"Rollladenkasten 23*20cm \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\">NEU EINGETROFFEN<\/span>\n    <h2>Der ultimative Rollladenkasten 23x20 cm<\/h2>\n    <p class=\"baufens-subtitle\">F\u00fcr Perfektion entwickelt. F\u00fcr modernes Wohnen konzipiert.<\/p>\n    <div class=\"baufens-divider\"><\/div>\n  <\/div>\n\n  <div class=\"baufens-intro\">\n    <p>\n      Wir pr\u00e4sentieren unsere neueste Innovation im Bereich Fenstersysteme \u2013 das brandneue <strong>Baufens Rollladenkasten (23x20 cm)<\/strong>Diese kompakte Box wurde speziell entwickelt, um den h\u00f6chsten Anspr\u00fcchen moderner Architektur gerecht zu werden, und bietet eine hervorragende W\u00e4rmed\u00e4mmung, eine platzsparende Installation sowie eine elegante, minimalistische \u00c4sthetik, die sich nahtlos in Ihre Fassade einf\u00fcgt.\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>Elegante \u00c4sthetik<\/h3>\n        <p>Makellos klare Linien, die sich nahtlos in jede Au\u00dfenarchitektur einf\u00fcgen.<\/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-Isolierung<\/h3>\n        <p>Entwickelt mit fortschrittlichen Materialien, um W\u00e4rmebr\u00fccken zu vermeiden und Energie zu sparen.<\/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>Maximale Haltbarkeit<\/h3>\n        <p>Hergestellt aus hochwertigen PVC-Komponenten f\u00fcr eine lange Lebensdauer.<\/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>Kompakte Passform, 23 x 20 cm<\/h3>\n        <p>Optimierte Abmessungen, die Platz sparen und gleichzeitig eine maximale Rollladenkapazit\u00e4t erm\u00f6glichen.<\/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>\u00dcberlegener Schutz<\/h4>\n      <p>Sch\u00fctzt Ihr Zuhause vor widrigen Wetterbedingungen und unerw\u00fcnschten Blicken.<\/p>\n    <\/div>\n    <div class=\"baufens-feature-box\">\n      <span class=\"feature-icon\">\ud83d\udd07<\/span>\n      <h4>Akustischer Komfort<\/h4>\n      <p>Reduziert den Au\u00dfenl\u00e4rmpegel deutlich und sorgt so f\u00fcr eine ruhige und friedliche Innenraumumgebung.<\/p>\n    <\/div>\n    <div class=\"baufens-feature-box\">\n      <span class=\"feature-icon\">\u26a1<\/span>\n      <h4>Einfache Automatisierung<\/h4>\n      <p>Vollst\u00e4ndig kompatibel mit modernen Smart-Home-Systemen und Motorisierungsoptionen.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"baufens-cta\">\n    <h3>Werten Sie Ihr Zuhause mit Baufens Qualit\u00e4t auf<\/h3>\n    <p>Kontaktieren Sie noch heute unser Expertenteam, um die perfekte Konfiguration f\u00fcr Ihr Projekt zu finden.<\/p>\n    <div class=\"baufens-btn-group\">\n      <a href=\"\/de\/contact\/\" class=\"baufens-btn\">Holen Sie sich ein kostenloses Angebot<\/a>\n      \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\/de\/wp-json\/wp\/v2\/posts\/11739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/baufens.ba\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/baufens.ba\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/baufens.ba\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/baufens.ba\/de\/wp-json\/wp\/v2\/comments?post=11739"}],"version-history":[{"count":12,"href":"https:\/\/baufens.ba\/de\/wp-json\/wp\/v2\/posts\/11739\/revisions"}],"predecessor-version":[{"id":11789,"href":"https:\/\/baufens.ba\/de\/wp-json\/wp\/v2\/posts\/11739\/revisions\/11789"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/baufens.ba\/de\/wp-json\/wp\/v2\/media\/11728"}],"wp:attachment":[{"href":"https:\/\/baufens.ba\/de\/wp-json\/wp\/v2\/media?parent=11739"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/baufens.ba\/de\/wp-json\/wp\/v2\/categories?post=11739"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/baufens.ba\/de\/wp-json\/wp\/v2\/tags?post=11739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}