{"id":37834,"date":"2025-05-19T17:17:43","date_gmt":"2025-05-19T15:17:43","guid":{"rendered":"https:\/\/vanme.de\/%d8%b7%d8%b1%d8%a7%d8%b2%d8%a7%d8%aa-%d8%a8%d9%88%d8%a8%d9%88\/"},"modified":"2026-09-22T13:16:10","modified_gmt":"2026-09-22T11:16:10","slug":"%d8%b7%d8%b1%d8%a7%d8%b2%d8%a7%d8%aa-%d8%a8%d9%88%d8%a8%d9%88","status":"publish","type":"page","link":"https:\/\/vanme.de\/ar\/bobo%d8%8c-%d9%85%d9%82%d8%b7%d9%88%d8%b1%d8%a9-%d8%a7%d9%84%d8%aa%d8%ae%d9%8a%d9%8a%d9%85\/%d8%b7%d8%b1%d8%a7%d8%b2%d8%a7%d8%aa-%d8%a8%d9%88%d8%a8%d9%88\/","title":{"rendered":"\u0637\u0631\u0627\u0632\u0627\u062a \u0628\u0648\u0628\u0648"},"content":{"rendered":"\n    \n                        \n            \n            <section class=\"block-media cnt-1  block-media-mobile-sort- blockheight-laptop-80vh blockheight-tablet-60vh blockheight-mobile-60vh blockstyle-display block-media-width-\" style=\"margin-top: 0px\">\n\n                \n                \n                \n                    \n                    <div class=\"media media-0 has-media\">\n\n                        \n\n                        \n                            \n                            <picture class=\"s1x-picture-cover jshook-provide-hq-after-dom-loaded \">\n                                <source srcset-hq=\"https:\/\/vanme.de\/wp-content\/uploads\/2025\/05\/bobo-lplus-portugal-outlook3.jpg\"\n                                        width=\"1920\"\n                                        height=\"1080\">\n\n                                \n                                <source srcset-hq=\"https:\/\/vanme.de\/wp-content\/uploads\/2025\/05\/bobo-lplus-portugal-outlook3.jpg.webp\"\n                                        width=\"1920\"\n                                        height=\"1080\"\n                                        type=\"image\/webp\">\n\n                                                                <img decoding=\"async\" loading=\"lazy\"\n                                     src=\"https:\/\/vanme.de\/wp-content\/uploads\/2025\/05\/bobo-lplus-portugal-outlook3.jpg\"\n                                     width=\"1920\"\n                                     height=\"1080\"\n                                     alt=\"\">\n                            <\/picture>\n\n                        \n                        <div class=\"overlay s1x-absolute-100 has-media                            s1x-tovp-tablapdesk-                            s1x-tovp-mob-\n                            s1x-tovp-notext\">\n\n                            \n                            \n                            \n                            \n                            \n                            \n                        <\/div>\n\n                        \n                    <\/div>\n\n                \n            <\/section>\n\n            \n\n\n    <section class=\"block-breadcrumb  area-align-\" style=\"margin-top: 40px; max-width: ;\">\n\n        <nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/span><\/p><\/nav>\n    <\/section>\n\n\n\n    <section class=\"block-text center area-align-center\" style=\"margin-top: 80px; max-width: 1600px\">\n\n        \n                                \n                                            <h1 class=\"ff-bebas-ds80 ff-uppercase hlsize-\">BOBO \u2013 \u0627\u0644\u062d\u0631\u064a\u0629 \u0641\u064a \u062d\u062c\u0645\u064a\u0646<\/h1>\n                    \n        \n        <div class=\"ff-bodytext \">\n            <p>\u0633\u0648\u0627\u0621 \u0643\u0627\u0646\u062a \u0645\u062f\u0645\u062c\u0629 \u0623\u0648 \u0641\u0633\u064a\u062d\u0629 \u2013 \u062a\u062a\u0648\u0641\u0631 BOBO \u0641\u064a \u0646\u0633\u062e\u062a\u064a\u0646 \u062a\u0634\u062a\u0631\u0643\u0627\u0646 \u0641\u064a \u0645\u064a\u0632\u0629 \u0648\u0627\u062d\u062f\u0629: \u0623\u0642\u0635\u0649 \u0642\u062f\u0631 \u0645\u0646 \u0627\u0644\u0645\u0631\u0648\u0646\u0629 \u0628\u0623\u0642\u0644 \u062c\u0647\u062f \u0645\u0645\u0643\u0646.<br \/>\n\u064a\u064f\u0639\u062f BOBO L+ \u0627\u0644\u0631\u0641\u064a\u0642 \u0627\u0644\u0645\u062b\u0627\u0644\u064a \u0644\u0631\u062d\u0644\u0627\u062a \u0639\u0637\u0644\u0629 \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0648\u0645\u063a\u0627\u0645\u0631\u0627\u062a \u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u0648\u0639\u0631\u0629\u060c \u0628\u064a\u0646\u0645\u0627 \u064a\u062a\u0645\u064a\u0632 BOBO XL+ \u0628\u0645\u0633\u0627\u062d\u0629 \u0623\u0643\u0628\u0631 \u0648\u0642\u062f\u0631\u0629 \u062a\u062d\u0645\u064a\u0644 \u0623\u0639\u0644\u0649 \u2013 \u0645\u0645\u0627 \u064a\u062c\u0639\u0644\u0647 \u0645\u062b\u0627\u0644\u064a\u064b\u0627 \u0644\u0644\u0631\u062d\u0644\u0627\u062a \u0627\u0644\u0637\u0648\u064a\u0644\u0629 \u0648\u0627\u0644\u062e\u0637\u0637 \u0627\u0644\u0643\u0628\u064a\u0631\u0629.<\/p>\n<p>\u064a\u0634\u062a\u0631\u0643 \u0643\u0644\u0627 \u0627\u0644\u0637\u0631\u0627\u0632\u064a\u0646 \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u0633\u0645\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629: \u062a\u0642\u0646\u064a\u0629 \u0642\u0648\u064a\u0629 \u0644\u0644\u0637\u0631\u0642 \u0627\u0644\u0648\u0639\u0631\u0629\u060c \u0648\u0628\u0646\u064a\u0629 \u0645\u0639\u064a\u0627\u0631\u064a\u0629\u060c \u0648\u062a\u0635\u0645\u064a\u0645 VANME \u0627\u0644\u0645\u0645\u064a\u0632.<br \/>\n\u0627\u062e\u062a\u0631 \u0637\u0631\u0627\u0632 BOBO \u0627\u0644\u0630\u064a \u064a\u0646\u0627\u0633\u0628 \u0645\u063a\u0627\u0645\u0631\u062a\u0643.<\/p>\n        <\/div>\n\n\n                \n    <\/section>\n\n\n\n    \n                \n            <section class=\"block-cars-grid\" style=\"margin-top: 80px\">\n\n                 \n                    <a href=\"https:\/\/vanme.de\/ar\/bobo%d8%8c-%d9%85%d9%82%d8%b7%d9%88%d8%b1%d8%a9-%d8%a7%d9%84%d8%aa%d8%ae%d9%8a%d9%8a%d9%85\/%d8%b7%d8%b1%d8%a7%d8%b2%d8%a7%d8%aa-%d8%a8%d9%88%d8%a8%d9%88\/bobo-l\/\" class=\"item\">\n\n                         \n                         <picture class=\"jshook-provide-hq-after-dom-loaded\">\n                             <source srcset-hq=\"https:\/\/vanme.de\/wp-content\/uploads\/2025\/05\/bobo-lplus-sideview.png\"\n                                     width=\"1300\"\n                                     height=\"850\">\n\n                             \n                             <source srcset-hq=\"https:\/\/vanme.de\/wp-content\/uploads\/2025\/05\/bobo-lplus-sideview.png.webp\"\n                                     width=\"1300\"\n                                     height=\"850\"\n                                     type=\"image\/webp\">\n\n                                                          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vanme.de\/wp-content\/uploads\/2025\/05\/bobo-lplus-sideview.png\"\n                                  width=\"1300\"\n                                  height=\"850\"\n                                  alt=\"\">\n                         <\/picture>\n\n                         <h3 class=\"headline ff-lakes-neue-cnd-ds23\">BOBO L+<\/h3>\n                         <div class=\"text ff-bodytext\">\u062d\u062c\u0645 \u062d\u0642\u064a\u0628\u0629 \u0627\u0644\u0638\u0647\u0631 L<\/div>\n\n                        \n                     <\/a>\n\n\n                 \n                    <a href=\"https:\/\/vanme.de\/ar\/bobo%d8%8c-%d9%85%d9%82%d8%b7%d9%88%d8%b1%d8%a9-%d8%a7%d9%84%d8%aa%d8%ae%d9%8a%d9%8a%d9%85\/%d8%b7%d8%b1%d8%a7%d8%b2%d8%a7%d8%aa-%d8%a8%d9%88%d8%a8%d9%88\/bobo-xl\/\" class=\"item\">\n\n                         \n                         <picture class=\"jshook-provide-hq-after-dom-loaded\">\n                             <source srcset-hq=\"https:\/\/vanme.de\/wp-content\/uploads\/2025\/09\/bobo-xl-modellbase-2.png\"\n                                     width=\"1300\"\n                                     height=\"850\">\n\n                             \n                             <source srcset-hq=\"https:\/\/vanme.de\/wp-content\/uploads\/2025\/09\/bobo-xl-modellbase-2.png.webp\"\n                                     width=\"1300\"\n                                     height=\"850\"\n                                     type=\"image\/webp\">\n\n                                                          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vanme.de\/wp-content\/uploads\/2025\/09\/bobo-xl-modellbase-2.png\"\n                                  width=\"1300\"\n                                  height=\"850\"\n                                  alt=\"\">\n                         <\/picture>\n\n                         <h3 class=\"headline ff-lakes-neue-cnd-ds23\">BOBO XL+<\/h3>\n                         <div class=\"text ff-bodytext\">\u062d\u0642\u064a\u0628\u0629 \u0638\u0647\u0631 \u0645\u0642\u0627\u0633 XL<\/div>\n\n                        \n                     <\/a>\n\n\n                 \n            <\/section>\n\n        <script>\n            \/**\n             * Sets container padding based on content heights and adds interaction behavior\n             *\/\n            function initCarGridFunctionality() {\n                \/\/ Get all item elements\n                const items = document.querySelectorAll('.block-cars-grid .item');\n\n                \/\/ Function to set container padding\n                function setContainerPadding() {\n                    items.forEach(item => {\n                        \/\/ Get the elements whose heights we need to calculate\n                        const picture = item.querySelector('picture');\n                        const headline = item.querySelector('.headline');\n                        const text = item.querySelector('.text');\n                        const container = item.querySelector('.container');\n\n                        if (!picture || !headline || !text || !container) return;\n\n                        \/\/ Calculate total height\n                        const pictureHeight = picture.offsetHeight;\n                        const headlineHeight = headline.offsetHeight;\n                        const textHeight = text.offsetHeight;\n\n                        \/\/ Set padding-top of the container\n                        const totalHeight = pictureHeight + headlineHeight + textHeight + 20;\n                        container.style.paddingTop = `${totalHeight}px`;\n                    });\n                }\n\n                \/\/ Function to scroll an element to the center of the viewport\n                function scrollToCenter(element) {\n                    if (!element) return;\n\n                    \/\/ Get element's position relative to the viewport\n                    const rect = element.getBoundingClientRect();\n\n                    \/\/ Calculate where the element should be positioned\n                    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n                    const windowHeight = window.innerHeight;\n                    const elementHeight = rect.height;\n\n                    \/\/ Calculate the target scroll position (center of element aligned with center of viewport)\n                    const targetScrollPosition = scrollTop + rect.top - (windowHeight \/ 2) + (elementHeight \/ 2);\n\n                    \/\/ Smooth scroll to the target position\n                    window.scrollTo({\n                        top: targetScrollPosition,\n                        behavior: 'smooth'\n                    });\n                }\n\n                \/\/ Detect if device is mobile (touch device)\n                const isMobile = 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n\n                \/\/ Setup interaction behavior for each item\n                items.forEach(item => {\n                    const container = item.querySelector('.container');\n                    const button = item.querySelector('.container .s1x-button');\n\n                    if (!container) return;\n\n                    if (isMobile) {\n                        \/\/ Mobile: Add click event to toggle active class\n                        item.addEventListener('click', function(event) {\n                            \/\/ Check if this item is already active\n                            const isActive = item.classList.contains('active');\n\n                            \/\/ Get the target and check if it's within the container or a link\n                            let target = event.target;\n                            let isWithinContainer = false;\n                            let isLink = target.tagName === 'A';\n\n                            \/\/ Check if target is within the container or is a link\n                            while (target && target !== item && !isLink) {\n                                if (target === container) {\n                                    isWithinContainer = true;\n                                }\n                                if (target.tagName === 'A') {\n                                    isLink = true;\n                                }\n                                target = target.parentNode;\n                            }\n\n                            \/\/ If it's already active, close it (unless clicking a link or inside container)\n                            if (isActive && !isLink && !isWithinContainer) {\n                                item.classList.remove('active');\n                                event.preventDefault();\n                                event.stopPropagation();\n                                return;\n                            }\n\n                            \/\/ If click is not within the container and not on a link\n                            if (!isWithinContainer && !isLink) {\n                                \/\/ Remove active class from all items first\n                                document.querySelectorAll('.block-cars-grid .item').forEach(i => {\n                                    i.classList.remove('active');\n                                });\n\n                                \/\/ Add active class\n                                item.classList.add('active');\n\n                                \/\/ Scroll this item to center of viewport\n                                scrollToCenter(item);\n\n                                event.preventDefault();\n                                event.stopPropagation();\n                            }\n                        });\n\n                        \/\/ Add click handler specifically for pictures\n                        const picture = item.querySelector('picture');\n                        if (picture) {\n                            picture.addEventListener('click', function(event) {\n                                \/\/ Check if this item is already active\n                                const isActive = item.classList.contains('active');\n\n                                if (isActive) {\n                                    \/\/ If already active, close it\n                                    item.classList.remove('active');\n                                } else {\n                                    \/\/ Remove active class from all items first\n                                    document.querySelectorAll('.block-cars-grid .item').forEach(i => {\n                                        i.classList.remove('active');\n                                    });\n\n                                    \/\/ Add active class\n                                    item.classList.add('active');\n\n                                    \/\/ Scroll this item to center of viewport\n                                    scrollToCenter(item);\n                                }\n\n                                event.preventDefault();\n                                event.stopPropagation();\n                            });\n                        }\n                    } else {\n                        \/\/ Desktop: Add hover events for visual effect\n                        item.addEventListener('mouseenter', function() {\n                            item.classList.add('active');\n                        });\n\n                        item.addEventListener('mouseleave', function() {\n                            item.classList.remove('active');\n                        });\n\n                        \/\/ Desktop: Add click event to navigate to button URL\n                        item.addEventListener('click', function(event) {\n                            \/\/ Get the URL from the button\n                            if (button && button.getAttribute('href')) {\n                                const url = button.getAttribute('href');\n\n                                \/\/ Check if clicking on a link or the button itself\n                                let isButtonOrLink = false;\n                                let target = event.target;\n\n                                while (target && target !== item) {\n                                    if (target.tagName === 'A') {\n                                        isButtonOrLink = true;\n                                        break;\n                                    }\n                                    target = target.parentNode;\n                                }\n\n                                \/\/ If not clicking on a link or button directly, navigate to button URL\n                                if (!isButtonOrLink) {\n                                    window.location.href = url;\n                                    event.preventDefault();\n                                }\n                            }\n                        });\n                    }\n                });\n\n                \/\/ For mobile: Close active item when clicking outside\n                if (isMobile) {\n                    document.addEventListener('click', function(event) {\n                        \/\/ Check if click is outside of any item\n                        const clickedOnItem = event.target.closest('.block-cars-grid .item');\n\n                        if (!clickedOnItem) {\n                            \/\/ Remove active class from all items\n                            document.querySelectorAll('.block-cars-grid .item').forEach(item => {\n                                item.classList.remove('active');\n                            });\n                        }\n                    });\n                }\n\n                \/\/ Handle resize and page load events\n                window.addEventListener('load', setContainerPadding);\n\n                let resizeTimeout;\n                window.addEventListener('resize', function() {\n                    clearTimeout(resizeTimeout);\n                    resizeTimeout = setTimeout(setContainerPadding, 100);\n                });\n\n                window.addEventListener('orientationchange', setContainerPadding);\n\n                \/\/ Initial calculation\n                setContainerPadding();\n            }\n\n            \/\/ Initialize when DOM is ready\n            document.addEventListener('DOMContentLoaded', initCarGridFunctionality);\n        <\/script>\n\n            \n\n\n    <section class=\"block-contact\" style=\"margin-top: 80px\">\n\n\n        <div class=\"block-inner\">\n\n                            <div class=\"bookmark\">\n                    <div class=\"cssimg-bookmark cssimg-contain-center-norepeat jshook-bookmark-add\"\n                         data-bookmark-headline=\"\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0639\u0646 \u0627\u0644\u0645\u0642\u0637\u0648\u0631\u0629 BOBO\"\n                         data-bookmark-content=\"\u0623\u0637\u0644\u0628 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0639\u0646 BOBO.\">\n                    <\/div>\n                    <div class=\"text ff-bodytext\">\u0627\u062d\u0641\u0638 \u0627\u0644\u0645\u0642\u0637\u0639 \u0627\u0644\u062f\u0639\u0627\u0626\u064a \u0644\u0640 \u00abBOBO\u00bb \u0641\u064a \u0642\u0627\u0626\u0645\u0629 \u0637\u0644\u0628\u0627\u062a\u0643<\/div>\n                <\/div>\n\n            \n\n                            <div class=\"text ff-bodytext\">\u0647\u0644 \u062a\u0631\u064a\u062f \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 BOBO \u062e\u0627\u0635 \u0628\u0643\u061f \u0623\u0631\u0633\u0644 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u064b\u0627 \u0644\u062a\u0648\u0636\u064a\u062d \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u0639\u0644\u0642\u0629. \u0647\u0630\u0647 \u0647\u064a \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0643\u064a \u064a\u0631\u0627\u0641\u0642\u0643 BOBO \u0642\u0631\u064a\u0628\u064b\u0627 \u0641\u064a \u0645\u063a\u0627\u0645\u0631\u0627\u062a\u0643.<\/div>\n                <a class=\"s1x-button btn-white-do\" href=\"https:\/\/vanme.de\/ar\/%d8%a7%d9%84%d8%a7%d8%aa%d8%b5%d8%a7%d9%84\/\">\n                    \u0644\u0644\u062a\u0648\u0627\u0635\u0644                <\/a>\n            \n        <\/div>\n\n        \n        <picture class=\"s1x-picture-cover-absolute jshook-provide-hq-after-dom-loaded\">\n            <source srcset-hq=\"https:\/\/vanme.de\/wp-content\/uploads\/2025\/05\/bobo-lplus-portugal-outlook.jpg\"\n                    width=\"1920\"\n                    height=\"1080\">\n\n            \n            <source srcset-hq=\"https:\/\/vanme.de\/wp-content\/uploads\/2025\/05\/bobo-lplus-portugal-outlook.jpg.webp\"\n                    width=\"1920\"\n                    height=\"1080\"\n                    type=\"image\/webp\">\n\n                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vanme.de\/wp-content\/uploads\/2025\/05\/bobo-lplus-portugal-outlook.jpg\"\n                 width=\"1920\"\n                 height=\"1080\"\n                 alt=\"\">\n        <\/picture>\n\n\n    <\/section>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":38228,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-37834","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/vanme.de\/ar\/wp-json\/wp\/v2\/pages\/37834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vanme.de\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vanme.de\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vanme.de\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vanme.de\/ar\/wp-json\/wp\/v2\/comments?post=37834"}],"version-history":[{"count":1,"href":"https:\/\/vanme.de\/ar\/wp-json\/wp\/v2\/pages\/37834\/revisions"}],"predecessor-version":[{"id":37849,"href":"https:\/\/vanme.de\/ar\/wp-json\/wp\/v2\/pages\/37834\/revisions\/37849"}],"up":[{"embeddable":true,"href":"https:\/\/vanme.de\/ar\/wp-json\/wp\/v2\/pages\/38228"}],"wp:attachment":[{"href":"https:\/\/vanme.de\/ar\/wp-json\/wp\/v2\/media?parent=37834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}