{"id":1484,"date":"2025-10-23T09:37:40","date_gmt":"2025-10-23T07:37:40","guid":{"rendered":"https:\/\/das-bodmi.ch\/zimmer\/family-room-with-garden-view\/"},"modified":"2026-03-05T08:54:57","modified_gmt":"2026-03-05T07:54:57","slug":"family-room-with-garden-view","status":"publish","type":"zimmer","link":"https:\/\/das-bodmi.ch\/en\/zimmer\/family-room-with-garden-view\/","title":{"rendered":"Family room with garden view"},"content":{"rendered":"\n<div class=\"dasbodmi-subhero alignfull\" id=\"dasbodmi-subhero-block_fb78d170b0b5e79b0d7985574dccdaae\" style=\"background-image: url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/FZ-2261.avif);\">\n    <div class=\"dasbodmi-hero-content\" id=\"\">\n        \n                    <h1 class=\"dasbodmi-hero-title\">Family room with garden view<\/h1>\n        \n    <\/div>\n    \n    <!-- Custom Gradient Overlay -->\n    <style>\n        #dasbodmi-subhero-block_fb78d170b0b5e79b0d7985574dccdaae::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_fb78d170b0b5e79b0d7985574dccdaae {\n            background-position: center center;\n        }\n        #dasbodmi-subhero-block_fb78d170b0b5e79b0d7985574dccdaae .dasbodmi-hero-content {\n            max-width: 900px;\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_2101fceaa6e4991b0b4267ff856c86c1\">\n    <div class=\"parallax-bg\" style=\"background-image: url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/FZ-226-.1.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 38 m\u00b2, this room offers plenty of space for families looking for that little bit extra. All family rooms are located on the north side and offer views of the First and the Wetterhorn. You can look forward to a very large room.  <\/p>\n<p>The maximum occupancy is 5 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_2101fceaa6e4991b0b4267ff856c86c1';\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_eb6cde83680113ee3676e8f65e0bce82 {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background-color: #E6C780;\n        height: 125px;\n    }\n    #dasbodmi-spider-block_eb6cde83680113ee3676e8f65e0bce82 .inenr-form {\n        width: 90%;\n    }\n    #spiderBooking {\n        width: 100%;\n    }\n<\/style>\n<div class=\"dasbodmi-spider alignfull\" id=\"dasbodmi-spider-block_eb6cde83680113ee3676e8f65e0bce82\">\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_81078341b6647d78ac6460efc54eeb55 {\n        min-height: 795px;\n    }\n    #dasbodmi-2layouticon-block_81078341b6647d78ac6460efc54eeb55 .layout2-title {\n        min-width: 555px;\n    }\n<\/style>\n\n<div class=\"grid2layout-container grid2layout-wicon dasbodmi-2layouticon alignfull\" id=\"dasbodmi-2layouticon-block_81078341b6647d78ac6460efc54eeb55\">\n    <div class=\"left-content\" style=\"background-image:url(https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/FZ-226-Bad1.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                            One single bed, two sofa beds, 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 machine                            <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                            Free care products                            <span class=\"small\"><\/span>\n                        <\/span>\n                        <img decoding=\"async\" src=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/07\/f66c3b5466822732969f98582109487773a354d8.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\/FZ-226-.1-1.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_81078341b6647d78ac6460efc54eeb55 .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_56612a72bf508fbdee0964ca5da13ad7\">\n\n    \n        \n        <div class=\"grid-item gallery-item\" style=\"background-image: url('https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/FZ-226-.1-1.avif');\">\n\n            <a class=\"lightbox-image grid-overlay\" href=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/FZ-226-.1-1.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\/Fam-226.avif');\">\n\n            <a class=\"lightbox-image grid-overlay\" href=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/Fam-226.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\/FZ-226-Bad1.avif');\">\n\n            <a class=\"lightbox-image grid-overlay\" href=\"https:\/\/das-bodmi.ch\/wp-content\/uploads\/2025\/10\/FZ-226-Bad1.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\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=81&#038;sr=-2.83,-.14&#038;play=1\"><\/iframe>\n<\/div>\n<\/div>\n","protected":false},"featured_media":1485,"template":"","meta":{"_acf_changed":true},"class_list":["post-1484","zimmer","type-zimmer","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/das-bodmi.ch\/en\/wp-json\/wp\/v2\/zimmer\/1484","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\/1485"}],"wp:attachment":[{"href":"https:\/\/das-bodmi.ch\/en\/wp-json\/wp\/v2\/media?parent=1484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}