{"id":1480,"date":"2025-10-25T09:21:31","date_gmt":"2025-10-25T07:21:31","guid":{"rendered":"https:\/\/das-bodmi.ch\/zimmer\/junior-suite-with-garden-view\/"},"modified":"2026-03-05T08:54:58","modified_gmt":"2026-03-05T07:54:58","slug":"junior-suite-with-garden-view","status":"publish","type":"zimmer","link":"https:\/\/das-bodmi.ch\/en\/zimmer\/junior-suite-with-garden-view\/","title":{"rendered":"Junior Suite with garden view"},"content":{"rendered":"\n<div class=\"dasbodmi-subhero alignfull\" id=\"dasbodmi-subhero-block_3ddf8f5241c08d6e85bed9d313fbf743\" style=\"background-image: url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/JSN-221-2.avif);\">\n    <div class=\"dasbodmi-hero-content\" id=\"\">\n        \n                    <h1 class=\"dasbodmi-hero-title\">Junior Suite with garden view<\/h1>\n        \n    <\/div>\n    \n    <!-- Custom Gradient Overlay -->\n    <style>\n        #dasbodmi-subhero-block_3ddf8f5241c08d6e85bed9d313fbf743::before {\n            background: linear-gradient(270deg, rgba(50, 50, 50, 0.85) 0%, rgba(50, 50, 50, 0.55) 38.56%, rgba(50, 50, 50, 0) 55.38%, rgba(50, 50, 50, 0.5) 84.23%, rgba(50, 50, 50, 0.7) 100%) !important;\n        }\n        #dasbodmi-subhero-block_3ddf8f5241c08d6e85bed9d313fbf743 {\n            background-position: center center;\n        }\n        #dasbodmi-subhero-block_3ddf8f5241c08d6e85bed9d313fbf743 .dasbodmi-hero-content {\n            max-width: 1000px;\n        }\n    <\/style>\n<\/div>\n\n\n<style>\n    .parallax-title {\n        max-width: 1000px    }\n<\/style>\n\n<!-- GSAP CDN -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n\n<div class=\"dasbodmi-parallax alignfull\" id=\"dasbodmi-parallax-block_6e1fabdc32d129517824fdce9a0d406a\">\n    <div class=\"parallax-bg\" style=\"background-image: url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/jsn-2211.avif);\"><\/div>\n    <div class=\"parallax-overlay\"><\/div>\n    \n        <div class=\"parallax-content\"\n                >\n\n        <div class=\"content-wrapper\">\n            <h2 class=\"parallax-title\">More space for more experiences<\/h2>\n            <div class=\"separator\"><\/div>\n            <div class=\"parallax-description\">\n                <p>At 39 m\u00b2, this suite offers plenty of space for families or couples looking for that little bit extra. The Junior Suites have a corner balcony and are located on the north side with a view of the slopes of the First.<\/p>\n<p>Please note that the room rate quoted is for 2 people. The maximum occupancy is 4 persons (see hotel guidelines).<\/p>\n<p>Children up to 2 years stay free of charge in this room category. Please inform the accommodation in advance about the number and age of the children.<\/p>\n            <\/div>\n                        <a href=\"https:\/\/www.simplebooking.it\/ibe2\/hotel\/11300?lang=EN&#038;cur=CHF\" target=\"_blank\" class=\"parallax-btn btn-zimmer\" rel=\"nofollow noopener\">\n                <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/themes\/das-bodmi\/img\/mountain.png\" alt=\"\" class=\"btn-overlay\">\n                Book now            <\/a>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function($) {\n        'use strict';\n\n        $(document).ready(function() {\n            \/\/ Register ScrollTrigger plugin\n            gsap.registerPlugin(ScrollTrigger);\n            \n            const parallaxId = '#dasbodmi-parallax-block_6e1fabdc32d129517824fdce9a0d406a';\n            const parallaxBg = parallaxId + ' .parallax-bg';\n            const parallaxContent = parallaxId + ' .parallax-content';\n            \n            \/\/ Parallax background effect\n            gsap.to(parallaxBg, {\n                yPercent: -20,\n                ease: \"none\",\n                scrollTrigger: {\n                    trigger: parallaxId,\n                    start: \"top bottom\",\n                    end: \"bottom top\",\n                    scrub: true\n                }\n            });\n            \n        });\n    })(jQuery);\n<\/script>\n\n<style>\n    #dasbodmi-spider-block_3e3a0e037de300366e5160c4e28ea27f {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background-color: #E6C780;\n        height: 125px;\n    }\n    #dasbodmi-spider-block_3e3a0e037de300366e5160c4e28ea27f .inenr-form {\n        width: 90%;\n    }\n    #spiderBooking {\n        width: 100%;\n    }\n<\/style>\n<div class=\"dasbodmi-spider alignfull\" id=\"dasbodmi-spider-block_3e3a0e037de300366e5160c4e28ea27f\">\n    <div class=\"inenr-form\" id=\"\">\n        <div id=\"sb-container\"><\/div>\n    <\/div>\n<\/div>\n\n<script type=\"text\/javascript\">\n        (function (i, s, o, g, r, a, m) {\n  i['SBSyncroBoxParam'] = r; i[r] = i[r] || function () {\n            (i[r].q = i[r].q || []).push(arguments)\n  }, i[r].l = 1 * new Date(); a = s.createElement(o),\n  m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g;\n  m.parentNode.insertBefore(a, m)\n        })(window, document, 'script', 'https:\/\/cdn.simplebooking.it\/search-box-script.axd?IDA=11300', 'SBSyncroBox');\n \n        SBSyncroBox({\n            CodLang: '02W62663ffd26849',\n            Currency: 'CHF',\n            Styles: {\n                CustomColor: \"#333333\",\n                CustomWidgetColor: \"#333333\",\n                CustomLabelColor: \"#333333\",\n                CustomButtonBGColor: \"#333333\",\n                CustomButtonColor: \"#ffffff\",\n                CustomIconColor: \"#333333\",\n                CustomLinkColor: \"#333333\",\n                CustomBoxShadowColor: \"#333333\",\n                CustomBoxShadowColorFocus: \"#333333\",\n                \n                CustomBGColor: \"#e6c780\",\n                CustomFieldBackgroundColor: \"#e6c780\",\n                CustomWidgetBGColor: \"#e6c780\",\n                CustomSelectedDaysColor: \"#e6c780\",\n                CustomCalendarBackgroundColor: \"#e6c780\"\n            }\n        });\n <\/script>\n\n\n\n<style>\n    .grid2layout-container {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        min-height: 795px;\n    }\n        #dasbodmi-2layouticon-block_4943c754950bd82dbfc5bddc1f0ba865 {\n        min-height: 795px;\n    }\n    #dasbodmi-2layouticon-block_4943c754950bd82dbfc5bddc1f0ba865 .layout2-title {\n        min-width: 555px;\n    }\n<\/style>\n\n<div class=\"grid2layout-container grid2layout-wicon dasbodmi-2layouticon alignfull\" id=\"dasbodmi-2layouticon-block_4943c754950bd82dbfc5bddc1f0ba865\">\n    <div class=\"left-content\" style=\"background-image:url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/de5381d65bd71fd19372ecef37aef2e62eccc449-1.avif);\" id=\"\">\n        <div class=\"overlayed\"><\/div>\n        <div class=\"content\">\n            <h2 class=\"layout2-title\">Equipment<\/h2>\n\n            <!-- 2layout list -->\n                            <ul class=\"layout2-list\">\n                                        <li class=\"list-icon-item\">\n                        <span>\n                            2 sofa beds &amp; one double bed                            <span class=\"small\"><\/span>\n                        <\/span>\n                        <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/ccd25c9c8221470375797f6e7fff6097564066cc.avif\" alt=\"\" class=\"list-icon-img\">\n                    <\/li>\n                                        <li class=\"list-icon-item\">\n                        <span>\n                            Balcony with garden view                            <span class=\"small\"><\/span>\n                        <\/span>\n                        <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/433c084d63f4acb73ac6e30642a2fb88f34eeaa6.avif\" alt=\"\" class=\"list-icon-img\">\n                    <\/li>\n                                        <li class=\"list-icon-item\">\n                        <span>\n                            Bathroom with bathtub                            <span class=\"small\"><\/span>\n                        <\/span>\n                        <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/6abd5ab4fce2a653999ce5a31fdf102053f8ff1c.avif\" alt=\"\" class=\"list-icon-img\">\n                    <\/li>\n                                        <li class=\"list-icon-item\">\n                        <span>\n                            Flat screen TV                            <span class=\"small\"><\/span>\n                        <\/span>\n                        <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/08\/smart-tv.avif\" alt=\"\" class=\"list-icon-img\">\n                    <\/li>\n                                        <li class=\"list-icon-item\">\n                        <span>\n                            Coffee and tea facilities                            <span class=\"small\"><\/span>\n                        <\/span>\n                        <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/08\/coffee-cup-1.avif\" alt=\"\" class=\"list-icon-img\">\n                    <\/li>\n                                        <li class=\"list-icon-item\">\n                        <span>\n                            Refrigerator                            <span class=\"small\"><\/span>\n                        <\/span>\n                        <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/0e964de1f1b0e9c2c1796041a16d3a73462ffa40.avif\" alt=\"\" class=\"list-icon-img\">\n                    <\/li>\n                                    <\/ul>\n            \n            <p class=\"layout2-description\"><\/p>\n\n                    <\/div>\n    <\/div>\n            <div class=\"right-content\" style=\"background-image:url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/jsn-2211.avif);\">\n        <\/div>\n    <\/div>\n\n<script>\n(function($) {\n    'use strict';\n    \n    $(document).ready(function() {\n        \/\/ Accordion functionality dengan ID unik untuk menghindari konflik\n        $('#dasbodmi-2layouticon-block_4943c754950bd82dbfc5bddc1f0ba865 .accordion-header').off('click').on('click', function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            \n            const $this = $(this);\n            const $accordionItem = $this.closest('.accordion-item');\n            const $content = $accordionItem.find('.accordion-content');\n            const $icon = $this.find('.accordion-icon');\n            const $container = $this.closest('.layout2-accordion');\n            \n            \/\/ Cek apakah sedang dalam animasi\n            if ($content.is(':animated')) {\n                return false;\n            }\n            \n            \/\/ Jika accordion ini sudah aktif, tutup\n            if ($accordionItem.hasClass('active')) {\n                $accordionItem.removeClass('active');\n                $content.slideUp(300, function() {\n                    $(this).css('display', 'none');\n                });\n                $icon.text('+');\n            } else {\n                \/\/ Tutup semua accordion lain dalam container yang sama\n                $container.find('.accordion-item.active').each(function() {\n                    const $otherItem = $(this);\n                    const $otherContent = $otherItem.find('.accordion-content');\n                    const $otherIcon = $otherItem.find('.accordion-icon');\n                    \n                    $otherItem.removeClass('active');\n                    $otherContent.slideUp(300, function() {\n                        $(this).css('display', 'none');\n                    });\n                    $otherIcon.text('+');\n                });\n                \n                \/\/ Buka accordion yang diklik\n                $accordionItem.addClass('active');\n                $content.slideDown(300, function() {\n                    $(this).css('display', 'block');\n                });\n                $icon.text('\u2212');\n            }\n            \n            return false;\n        });\n    });\n})(jQuery);\n<\/script>\n\n\n\n<style>\n    .grid-container {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        grid-gap: 0;\n    }\n    .grid-overlay {\n        background: ;\n    }\n    .grid-item,\n    .grid-item img {\n        width: 100%;\n        height: 320px;\n        margin: 0;\n        padding: 0;\n        object-fit: cover;\n    }\n<\/style>\n\n<div class=\"grid-container lightbox-parent dasbodmi-gallery alignfull\" id=\"dasbodmi-gallery-block_c204889767b82c3b3a3811535930e78f\">\n\n    \n        \n        <div class=\"grid-item gallery-item\" style=\"background-image: url('https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/JSN-221-2.avif');\">\n\n            <a class=\"lightbox-image grid-overlay\" href=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/JSN-221-2.avif\">\n\n                <img decoding=\"async\" \n                    src=\"https:\/\/das-bodmi.ch\/wp-content\/themes\/das-bodmi\/img\/gallery-hover.png\" \n                    alt=\"View Image\" \n                    class=\"btn-overlay\"\n                >\n\n            <\/a>\n\n        <\/div>\n\n        \n        <div class=\"grid-item gallery-item\" style=\"background-image: url('https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/jsn-Bad-221.avif');\">\n\n            <a class=\"lightbox-image grid-overlay\" href=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/jsn-Bad-221.avif\">\n\n                <img decoding=\"async\" \n                    src=\"https:\/\/das-bodmi.ch\/wp-content\/themes\/das-bodmi\/img\/gallery-hover.png\" \n                    alt=\"View Image\" \n                    class=\"btn-overlay\"\n                >\n\n            <\/a>\n\n        <\/div>\n\n        \n        <div class=\"grid-item gallery-item\" style=\"background-image: url('https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/jsn-2211.avif');\">\n\n            <a class=\"lightbox-image grid-overlay\" href=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/jsn-2211.avif\">\n\n                <img decoding=\"async\" \n                    src=\"https:\/\/das-bodmi.ch\/wp-content\/themes\/das-bodmi\/img\/gallery-hover.png\" \n                    alt=\"View Image\" \n                    class=\"btn-overlay\"\n                >\n\n            <\/a>\n\n        <\/div>\n\n        \n    \n<\/div>\n\n\n<script>\n    (function($) {\n        'use strict';\n        $(document).ready(function() {\n            if ($('.lightbox-parent').length) {\n                $('.lightbox-parent').lightGallery({\n                    thumbnail: false,\n                    download: false,\n                    share: false,\n                    selector: '.lightbox-image'\n                });\n            }\n        });\n    })(jQuery);\n<\/script>\n\n<style>\n    #dasbodmi-cta-block_cf34211ee68cd3df0ad10ef05b149a7f {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 1030px;\n        background-image: url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/JSN-221-2.avif);\n        overflow-x: hidden;\n        background-repeat: no-repeat;\n        background-size: cover;\n    }\n   \t#dasbodmi-cta-block_cf34211ee68cd3df0ad10ef05b149a7f .dasbodmi-cta-content {\n        position: absolute;\n        top: 85%;\n        transform: translateX(100%) translateY(-85%);\n        opacity: 0;\n    }\n    #dasbodmi-cta-block_cf34211ee68cd3df0ad10ef05b149a7f .dasbodmi-cta-content {\n        width: 95%;\n        max-width: 95%;\n    }\n<\/style>\n\n<!-- GSAP CDN -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n\n<div class=\"dasbodmi-cta alignfull\" id=\"dasbodmi-cta-block_cf34211ee68cd3df0ad10ef05b149a7f\">\n    <div class=\"dasbodmi-cta-content\" id=\"\">\n        <div class=\"cta-inner\">\n            <h2 class=\"cta-title\">Book now and experience the BODMI moment<\/h2>\n                            <div class=\"link-area\">\n                    <a href=\"https:\/\/www.simplebooking.it\/ibe2\/hotel\/11300?lang=EN&#038;cur=CHF\" class=\"link btn-zimmer\" target=\"_blank\" rel=\"nofollow noopener\">\n                        <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/themes\/das-bodmi\/img\/mountain.png\" alt=\"\" class=\"btn-overlay\">\n                        Book now                    <\/a>\n                <\/div>\n                    <\/div>\n        \n        <div class=\"mobile-img\" style=\"display:none;\">\n            <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/JSN-221-2.avif\" alt=\"\">\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function($) {\n        'use strict';\n\n        $(document).ready(function() {\n\n            var enableGsap = window.matchMedia('(min-width: 769px)').matches;\n\n            if (!enableGsap) {\n                $('#dasbodmi-cta-block_cf34211ee68cd3df0ad10ef05b149a7f').each(function() {\n                    const content = $(this).find('.dasbodmi-cta-content');\n                    content.css({ opacity: 1, transform: 'none' });\n                });\n                return;\n            }\n        \n\t\t\tif(85 > 50) {\n\t\t\t\tvar gsapTop = 20;\n\t\t\t\tvar gsapBottom = -20;\n\t\t\t} else {\n\t\t\t\tvar gsapTop = 80;\n\t\t\t\tvar gsapBottom = 20;\n\t\t\t}\n            gsap.registerPlugin(ScrollTrigger);\n            \n            $('#dasbodmi-cta-block_cf34211ee68cd3df0ad10ef05b149a7f').each(function() {\n                const content = $(this).find('.dasbodmi-cta-content');\n\t\t\t\t$(this).find('.dasbodmi-cta-content').attr('slide', gsapTop);\n                \n                gsap.to(content, {\n                    scrollTrigger: {\n                        trigger: this,\n                        start: \"top \"+gsapTop+\"%\",\n                        end: \"top \"+gsapBottom+\"%\",\n                        scrub: 1,\n                        toggleActions: \"play reverse play reverse\"\n                    },\n                    x: '0',\n                    opacity: 1,\n                    duration: 1\n                });\n            });\n        });\n    })(jQuery);\n<\/script>\n\n\n\n<div class=\"wp-block-columns alignfull room-tour is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<iframe loading=\"lazy\" width=\"853\" height=\"480\" src=\"https:\/\/my.matterport.com\/show\/?m=MzajWAcH7D9&#038;ss=84&#038;sr=-2.87,-.31&#038;play=1\"><\/iframe>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"featured_media":1481,"template":"","meta":{"_acf_changed":true},"class_list":["post-1480","zimmer","type-zimmer","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/das-bodmi.ch\/en\/wp-json\/wp\/v2\/zimmer\/1480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/das-bodmi.ch\/en\/wp-json\/wp\/v2\/zimmer"}],"about":[{"href":"https:\/\/das-bodmi.ch\/en\/wp-json\/wp\/v2\/types\/zimmer"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/das-bodmi.ch\/en\/wp-json\/wp\/v2\/media\/1481"}],"wp:attachment":[{"href":"https:\/\/das-bodmi.ch\/en\/wp-json\/wp\/v2\/media?parent=1480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}